rsuite 5.12.0 → 5.14.0

package/dist/rsuite.js

@@ -25,7 +25,7 @@ return /******/ (function() { // webpackBootstrap
   \**********************************************************************/
 /***/ (function(module) {
 
-eval("function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nmodule.exports = _assertThisInitialized;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/assertThisInitialized.js?");
+eval("function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nmodule.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/assertThisInitialized.js?");
 
 /***/ }),
 
@@ -35,7 +35,7 @@ eval("function _assertThisInitialized(self) {\n  if (self === void 0) {\n    thr
   \***************************************************************/
 /***/ (function(module) {
 
-eval("function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\n\nmodule.exports = _classCallCheck;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/classCallCheck.js?");
+eval("function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\n\nmodule.exports = _classCallCheck, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/classCallCheck.js?");
 
 /***/ }),
 
@@ -45,7 +45,7 @@ eval("function _classCallCheck(instance, Constructor) {\n  if (!(instance instan
   \************************************************************/
 /***/ (function(module) {
 
-eval("function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}\n\nmodule.exports = _createClass;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/createClass.js?");
+eval("function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nmodule.exports = _createClass, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/createClass.js?");
 
 /***/ }),
 
@@ -55,7 +55,18 @@ eval("function _defineProperties(target, props) {\n  for (var i = 0; i < props.l
   \***************************************************************/
 /***/ (function(module) {
 
-eval("function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nmodule.exports = _defineProperty;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/defineProperty.js?");
+eval("function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nmodule.exports = _defineProperty, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/defineProperty.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js ***!
+  \**************************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _assertThisInitialized; }\n/* harmony export */ });\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js?");
 
 /***/ }),
 
@@ -66,7 +77,18 @@ eval("function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Obje
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _extends; }\n/* harmony export */ });\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/esm/extends.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _extends; }\n/* harmony export */ });\nfunction _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/esm/extends.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js ***!
+  \******************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _inheritsLoose; }\n/* harmony export */ });\n/* harmony import */ var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./setPrototypeOf.js */ \"./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js\");\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  (0,_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.default)(subClass, superClass);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js?");
 
 /***/ }),
 
@@ -81,13 +103,24 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js ***!
+  \*******************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _setPrototypeOf; }\n/* harmony export */ });\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n  return _setPrototypeOf(o, p);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@babel/runtime/helpers/extends.js":
 /*!********************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/extends.js ***!
   \********************************************************/
 /***/ (function(module) {
 
-eval("function _extends() {\n  module.exports = _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  module.exports.default = module.exports, module.exports.__esModule = true;\n  return _extends.apply(this, arguments);\n}\n\nmodule.exports = _extends;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/extends.js?");
+eval("function _extends() {\n  module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  }, module.exports.__esModule = true, module.exports.default = module.exports;\n  return _extends.apply(this, arguments);\n}\n\nmodule.exports = _extends, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/extends.js?");
 
 /***/ }),
 
@@ -97,7 +130,7 @@ eval("function _extends() {\n  module.exports = _extends = Object.assign || func
   \***************************************************************/
 /***/ (function(module) {
 
-eval("function _getPrototypeOf(o) {\n  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n    return o.__proto__ || Object.getPrototypeOf(o);\n  };\n  module.exports.default = module.exports, module.exports.__esModule = true;\n  return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/getPrototypeOf.js?");
+eval("function _getPrototypeOf(o) {\n  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n    return o.__proto__ || Object.getPrototypeOf(o);\n  }, module.exports.__esModule = true, module.exports.default = module.exports;\n  return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/getPrototypeOf.js?");
 
 /***/ }),
 
@@ -107,7 +140,7 @@ eval("function _getPrototypeOf(o) {\n  module.exports = _getPrototypeOf = Object
   \*********************************************************/
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-eval("var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ \"./node_modules/@babel/runtime/helpers/setPrototypeOf.js\");\n\nfunction _inherits(subClass, superClass) {\n  if (typeof superClass !== \"function\" && superClass !== null) {\n    throw new TypeError(\"Super expression must either be null or a function\");\n  }\n\n  subClass.prototype = Object.create(superClass && superClass.prototype, {\n    constructor: {\n      value: subClass,\n      writable: true,\n      configurable: true\n    }\n  });\n  if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/inherits.js?");
+eval("var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ \"./node_modules/@babel/runtime/helpers/setPrototypeOf.js\");\n\nfunction _inherits(subClass, superClass) {\n  if (typeof superClass !== \"function\" && superClass !== null) {\n    throw new TypeError(\"Super expression must either be null or a function\");\n  }\n\n  subClass.prototype = Object.create(superClass && superClass.prototype, {\n    constructor: {\n      value: subClass,\n      writable: true,\n      configurable: true\n    }\n  });\n  Object.defineProperty(subClass, \"prototype\", {\n    writable: false\n  });\n  if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/inherits.js?");
 
 /***/ }),
 
@@ -117,7 +150,7 @@ eval("var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ \"./no
   \**************************************************************/
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-eval("var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ \"./node_modules/@babel/runtime/helpers/setPrototypeOf.js\");\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inheritsLoose;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/inheritsLoose.js?");
+eval("var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ \"./node_modules/@babel/runtime/helpers/setPrototypeOf.js\");\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inheritsLoose, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/inheritsLoose.js?");
 
 /***/ }),
 
@@ -127,7 +160,7 @@ eval("var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ \"./no
   \**********************************************************************/
 /***/ (function(module) {
 
-eval("function _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    \"default\": obj\n  };\n}\n\nmodule.exports = _interopRequireDefault;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/interopRequireDefault.js?");
+eval("function _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    \"default\": obj\n  };\n}\n\nmodule.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/interopRequireDefault.js?");
 
 /***/ }),
 
@@ -137,7 +170,7 @@ eval("function _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? o
   \***********************************************************************/
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-eval("var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ \"./node_modules/@babel/runtime/helpers/typeof.js\").default;\n\nfunction _getRequireWildcardCache() {\n  if (typeof WeakMap !== \"function\") return null;\n  var cache = new WeakMap();\n\n  _getRequireWildcardCache = function _getRequireWildcardCache() {\n    return cache;\n  };\n\n  return cache;\n}\n\nfunction _interopRequireWildcard(obj) {\n  if (obj && obj.__esModule) {\n    return obj;\n  }\n\n  if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n    return {\n      \"default\": obj\n    };\n  }\n\n  var cache = _getRequireWildcardCache();\n\n  if (cache && cache.has(obj)) {\n    return cache.get(obj);\n  }\n\n  var newObj = {};\n  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n\n  for (var key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n\n      if (desc && (desc.get || desc.set)) {\n        Object.defineProperty(newObj, key, desc);\n      } else {\n        newObj[key] = obj[key];\n      }\n    }\n  }\n\n  newObj[\"default\"] = obj;\n\n  if (cache) {\n    cache.set(obj, newObj);\n  }\n\n  return newObj;\n}\n\nmodule.exports = _interopRequireWildcard;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/interopRequireWildcard.js?");
+eval("var _typeof = __webpack_require__(/*! ./typeof.js */ \"./node_modules/@babel/runtime/helpers/typeof.js\").default;\n\nfunction _getRequireWildcardCache(nodeInterop) {\n  if (typeof WeakMap !== \"function\") return null;\n  var cacheBabelInterop = new WeakMap();\n  var cacheNodeInterop = new WeakMap();\n  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {\n    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;\n  })(nodeInterop);\n}\n\nfunction _interopRequireWildcard(obj, nodeInterop) {\n  if (!nodeInterop && obj && obj.__esModule) {\n    return obj;\n  }\n\n  if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n    return {\n      \"default\": obj\n    };\n  }\n\n  var cache = _getRequireWildcardCache(nodeInterop);\n\n  if (cache && cache.has(obj)) {\n    return cache.get(obj);\n  }\n\n  var newObj = {};\n  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n\n  for (var key in obj) {\n    if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) {\n      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n\n      if (desc && (desc.get || desc.set)) {\n        Object.defineProperty(newObj, key, desc);\n      } else {\n        newObj[key] = obj[key];\n      }\n    }\n  }\n\n  newObj[\"default\"] = obj;\n\n  if (cache) {\n    cache.set(obj, newObj);\n  }\n\n  return newObj;\n}\n\nmodule.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/interopRequireWildcard.js?");
 
 /***/ }),
 
@@ -147,7 +180,7 @@ eval("var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ \".
   \************************************************************************/
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-eval("var objectWithoutPropertiesLoose = __webpack_require__(/*! ./objectWithoutPropertiesLoose.js */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\");\n\nfunction _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n\n  return target;\n}\n\nmodule.exports = _objectWithoutProperties;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/objectWithoutProperties.js?");
+eval("var objectWithoutPropertiesLoose = __webpack_require__(/*! ./objectWithoutPropertiesLoose.js */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\");\n\nfunction _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n\n  return target;\n}\n\nmodule.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/objectWithoutProperties.js?");
 
 /***/ }),
 
@@ -157,7 +190,7 @@ eval("var objectWithoutPropertiesLoose = __webpack_require__(/*! ./objectWithout
   \*****************************************************************************/
 /***/ (function(module) {
 
-eval("function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nmodule.exports = _objectWithoutPropertiesLoose;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js?");
+eval("function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nmodule.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js?");
 
 /***/ }),
 
@@ -167,7 +200,7 @@ eval("function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source =
   \**************************************************************************/
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-eval("var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ \"./node_modules/@babel/runtime/helpers/typeof.js\").default;\n\nvar assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized.js */ \"./node_modules/@babel/runtime/helpers/assertThisInitialized.js\");\n\nfunction _possibleConstructorReturn(self, call) {\n  if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n    return call;\n  }\n\n  return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js?");
+eval("var _typeof = __webpack_require__(/*! ./typeof.js */ \"./node_modules/@babel/runtime/helpers/typeof.js\").default;\n\nvar assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized.js */ \"./node_modules/@babel/runtime/helpers/assertThisInitialized.js\");\n\nfunction _possibleConstructorReturn(self, call) {\n  if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n    return call;\n  } else if (call !== void 0) {\n    throw new TypeError(\"Derived constructors may only return object or undefined\");\n  }\n\n  return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js?");
 
 /***/ }),
 
@@ -177,7 +210,7 @@ eval("var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ \".
   \***************************************************************/
 /***/ (function(module) {
 
-eval("function _setPrototypeOf(o, p) {\n  module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  module.exports.default = module.exports, module.exports.__esModule = true;\n  return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/setPrototypeOf.js?");
+eval("function _setPrototypeOf(o, p) {\n  module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  }, module.exports.__esModule = true, module.exports.default = module.exports;\n  return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/setPrototypeOf.js?");
 
 /***/ }),
 
@@ -187,7 +220,7 @@ eval("function _setPrototypeOf(o, p) {\n  module.exports = _setPrototypeOf = Obj
   \***************************************************************************/
 /***/ (function(module) {
 
-eval("function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  strings.raw = raw;\n  return strings;\n}\n\nmodule.exports = _taggedTemplateLiteralLoose;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js?");
+eval("function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  strings.raw = raw;\n  return strings;\n}\n\nmodule.exports = _taggedTemplateLiteralLoose, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js?");
 
 /***/ }),
 
@@ -197,7 +230,7 @@ eval("function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    r
   \*******************************************************/
 /***/ (function(module) {
 
-eval("function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n    module.exports = _typeof = function _typeof(obj) {\n      return typeof obj;\n    };\n\n    module.exports.default = module.exports, module.exports.__esModule = true;\n  } else {\n    module.exports = _typeof = function _typeof(obj) {\n      return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n    };\n\n    module.exports.default = module.exports, module.exports.__esModule = true;\n  }\n\n  return _typeof(obj);\n}\n\nmodule.exports = _typeof;\nmodule.exports.default = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/typeof.js?");
+eval("function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return (module.exports = _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, module.exports.__esModule = true, module.exports.default = module.exports), _typeof(obj);\n}\n\nmodule.exports = _typeof, module.exports.__esModule = true, module.exports.default = module.exports;\n\n//# sourceURL=webpack://rsuite/./node_modules/@babel/runtime/helpers/typeof.js?");
 
 /***/ }),
 
@@ -509,6 +542,28 @@ eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icon-font/lib/direction/ArrowDownLine.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@rsuite/icon-font/lib/direction/ArrowDownLine.js ***!
+  \***********************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ArrowDownLine(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M8 11a.997.997 0 01-.707-.293l-3-3a.999.999 0 111.414-1.414L8 8.586l2.293-2.293a.999.999 0 111.414 1.414l-3 3A.997.997 0 018 11z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(ArrowDownLine);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/direction/ArrowDownLine.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icon-font/lib/direction/ArrowLeftLine.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@rsuite/icon-font/lib/direction/ArrowLeftLine.js ***!
+  \***********************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ArrowLeftLine(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M9.707 5.707L7.415 8l2.292 2.293a.999.999 0 11-1.414 1.414l-3-3a.99.99 0 01-.277-.531l-.014-.117v-.118a.997.997 0 01.291-.648l3-3a.999.999 0 111.414 1.414z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(ArrowLeftLine);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/direction/ArrowLeftLine.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js":
 /*!********************************************************************!*\
   !*** ./node_modules/@rsuite/icon-font/lib/direction/ArrowRight.js ***!
@@ -520,6 +575,17 @@ eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icon-font/lib/direction/ArrowRightLine.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@rsuite/icon-font/lib/direction/ArrowRightLine.js ***!
+  \************************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ArrowRightLine(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M6.293 10.293L8.585 8 6.293 5.707a.999.999 0 111.414-1.414l3 3a.99.99 0 01.277.531l.014.117v.118a.997.997 0 01-.291.648l-3 3a.999.999 0 11-1.414-1.414z\"\n  }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(ArrowRightLine);\nvar _default = ForwardRef;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icon-font/lib/direction/ArrowRightLine.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icon-font/lib/direction/Sort.js":
 /*!**************************************************************!*\
   !*** ./node_modules/@rsuite/icon-font/lib/direction/Sort.js ***!
@@ -795,6 +861,28 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/ArrowDownLine.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/@rsuite/icons/ArrowDownLine.js ***!
+  \*****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ArrowDownLine[\"default\"];\n  }\n}));\n\nvar _ArrowDownLine = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/ArrowDownLine */ \"./node_modules/@rsuite/icons/lib/icons/ArrowDownLine.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/ArrowDownLine.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icons/ArrowLeftLine.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/@rsuite/icons/ArrowLeftLine.js ***!
+  \*****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ArrowLeftLine[\"default\"];\n  }\n}));\n\nvar _ArrowLeftLine = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/ArrowLeftLine */ \"./node_modules/@rsuite/icons/lib/icons/ArrowLeftLine.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/ArrowLeftLine.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/ArrowRight.js":
 /*!**************************************************!*\
   !*** ./node_modules/@rsuite/icons/ArrowRight.js ***!
@@ -806,6 +894,17 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/ArrowRightLine.js":
+/*!******************************************************!*\
+  !*** ./node_modules/@rsuite/icons/ArrowRightLine.js ***!
+  \******************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nObject.defineProperty(exports, \"default\", ({\n  enumerable: true,\n  get: function get() {\n    return _ArrowRightLine[\"default\"];\n  }\n}));\n\nvar _ArrowRightLine = _interopRequireDefault(__webpack_require__(/*! ./lib/icons/ArrowRightLine */ \"./node_modules/@rsuite/icons/lib/icons/ArrowRightLine.js\"));\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/ArrowRightLine.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/Check.js":
 /*!*********************************************!*\
   !*** ./node_modules/@rsuite/icons/Check.js ***!
@@ -1136,6 +1235,28 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/lib/icons/ArrowDownLine.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/ArrowDownLine.js ***!
+  \***************************************************************/
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ArrowDownLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/ArrowDownLine */ \"./node_modules/@rsuite/icon-font/lib/direction/ArrowDownLine.js\"));\n\n// Generated by script, don't edit it please.\nvar ArrowDownLine = (0, _createSvgIcon[\"default\"])({\n  as: _ArrowDownLine[\"default\"],\n  ariaLabel: 'arrow down line',\n  category: 'direction',\n  displayName: 'ArrowDownLine'\n});\nvar _default = ArrowDownLine;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/ArrowDownLine.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@rsuite/icons/lib/icons/ArrowLeftLine.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/ArrowLeftLine.js ***!
+  \***************************************************************/
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ArrowLeftLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/ArrowLeftLine */ \"./node_modules/@rsuite/icon-font/lib/direction/ArrowLeftLine.js\"));\n\n// Generated by script, don't edit it please.\nvar ArrowLeftLine = (0, _createSvgIcon[\"default\"])({\n  as: _ArrowLeftLine[\"default\"],\n  ariaLabel: 'arrow left line',\n  category: 'direction',\n  displayName: 'ArrowLeftLine'\n});\nvar _default = ArrowLeftLine;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/ArrowLeftLine.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/lib/icons/ArrowRight.js":
 /*!************************************************************!*\
   !*** ./node_modules/@rsuite/icons/lib/icons/ArrowRight.js ***!
@@ -1147,6 +1268,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./node_modules/@rsuite/icons/lib/icons/ArrowRightLine.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@rsuite/icons/lib/icons/ArrowRightLine.js ***!
+  \****************************************************************/
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ../createSvgIcon */ \"./node_modules/@rsuite/icons/lib/createSvgIcon.js\"));\n\nvar _ArrowRightLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icon-font/lib/direction/ArrowRightLine */ \"./node_modules/@rsuite/icon-font/lib/direction/ArrowRightLine.js\"));\n\n// Generated by script, don't edit it please.\nvar ArrowRightLine = (0, _createSvgIcon[\"default\"])({\n  as: _ArrowRightLine[\"default\"],\n  ariaLabel: 'arrow right line',\n  category: 'direction',\n  displayName: 'ArrowRightLine'\n});\nvar _default = ArrowRightLine;\nexports.default = _default;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://rsuite/./node_modules/@rsuite/icons/lib/icons/ArrowRightLine.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@rsuite/icons/lib/icons/Check.js":
 /*!*******************************************************!*\
   !*** ./node_modules/@rsuite/icons/lib/icons/Check.js ***!
@@ -1990,7 +2122,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.dropdownMenuPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\n\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/DropdownMenu.tsx\",\n    _this = void 0;\n\nvar emptyArray = [];\n\nvar DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      activeItemValue = props.activeItemValue,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      _props$childrenKey = props.childrenKey,\n      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n      _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n      _props$menuWidth = props.menuWidth,\n      menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,\n      _props$menuHeight = props.menuHeight,\n      menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,\n      _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$cascadeData = props.cascadeData,\n      cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,\n      _props$cascadePaths = props.cascadePaths,\n      cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,\n      _props$labelKey = props.labelKey,\n      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n      renderMenu = props.renderMenu,\n      renderMenuItem = props.renderMenuItem,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"activeItemValue\", \"classPrefix\", \"className\", \"childrenKey\", \"disabledItemValues\", \"menuWidth\", \"menuHeight\", \"valueKey\", \"cascadeData\", \"cascadePaths\", \"labelKey\", \"renderMenu\", \"renderMenuItem\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, prefix('items'));\n  var rootRef = (0, _react.useRef)();\n  var rtl = (0, _utils.useCustom)('DropdownMenu');\n  (0, _react.useEffect)(function () {\n    var _rootRef$current;\n\n    var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type=\"column\"]')) || [];\n    columns.forEach(function (column) {\n      if (!column) {\n        return;\n      }\n\n      var activeItem = column.querySelector(\".\" + prefix('item-focus'));\n\n      if (!activeItem) {\n        activeItem = column.querySelector(\".\" + prefix('item-active'));\n      }\n\n      if (activeItem) {\n        var position = (0, _getPosition.default)(activeItem, column); // Let the active option scroll into view.\n\n        (0, _scrollTop.default)(column, position === null || position === void 0 ? void 0 : position.top);\n      }\n    });\n  }, [prefix]);\n  var getCascadePaths = (0, _react.useCallback)(function (layer, node) {\n    var paths = [];\n\n    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {\n      if (i < layer - 1 && cascadePaths) {\n        paths.push(cascadePaths[i]);\n      }\n    }\n\n    paths.push(node);\n    return paths;\n  }, [cascadeData, cascadePaths]);\n\n  var handleSelect = function handleSelect(layer, node, event) {\n    var isLeafNode = (0, _isNil.default)(node[childrenKey]);\n    var cascadePaths = getCascadePaths(layer + 1, node);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, isLeafNode, event);\n  };\n\n  var renderCascadeNode = function renderCascadeNode(node, index, layer, focus) {\n    var children = node[childrenKey];\n    var value = node[valueKey];\n    var label = node[labelKey];\n    var disabled = disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, value);\n    }); // Use `value` in keys when If `value` is string or number\n\n    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;\n    var Icon = node.loading ? _Spinner.default : rtl ? _AngleRight.default : _AngleLeft.default;\n    return /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenuItem, {\n      classPrefix: \"picker-cascader-menu-item\",\n      as: 'li',\n      key: layer + \"-\" + onlyKey,\n      disabled: disabled,\n      active: !(0, _isUndefined.default)(activeItemValue) && (0, _utils.shallowEqual)(activeItemValue, value),\n      focus: focus,\n      value: value,\n      className: children ? prefix('has-children') : undefined,\n      onSelect: function onSelect(_value, event) {\n        return handleSelect(layer, node, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 124,\n        columnNumber: 9\n      }\n    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {\n      className: prefix('caret'),\n      spin: node.loading,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 23\n      }\n    }) : null);\n  };\n\n  var styles = {\n    width: cascadeData.length * menuWidth\n  };\n  var cascadeNodes = cascadeData.map(function (children, layer) {\n    var onlyKey = layer + \"_\" + children.length;\n\n    var menu = /*#__PURE__*/_react.default.createElement(\"ul\", {\n      role: \"listbox\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 9\n      }\n    }, children.map(function (item, index) {\n      return renderCascadeNode(item, index, layer, cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]));\n    }));\n\n    var parentNode = cascadePaths[layer - 1];\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: onlyKey,\n      className: prefix('column'),\n      \"data-layer\": layer,\n      \"data-type\": 'column',\n      style: {\n        height: menuHeight,\n        width: menuWidth\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: (0, _utils.mergeRefs)(rootRef, ref),\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 172,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 173,\n      columnNumber: 9\n    }\n  }, cascadeNodes));\n});\n\nvar dropdownMenuPropTypes = {\n  classPrefix: _propTypes.default.string,\n  disabledItemValues: _propTypes.default.array,\n  activeItemValue: _propTypes.default.any,\n  childrenKey: _propTypes.default.string,\n  valueKey: _propTypes.default.string,\n  labelKey: _propTypes.default.string,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  className: _propTypes.default.string,\n  renderMenuItem: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  cascadeData: _propTypes.default.array,\n  cascadePaths: _propTypes.default.array\n};\nexports.dropdownMenuPropTypes = dropdownMenuPropTypes;\nDropdownMenu.displayName = 'DropdownMenu';\nDropdownMenu.propTypes = dropdownMenuPropTypes;\nvar _default = DropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/DropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.dropdownMenuPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\n\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/DropdownMenu.tsx\",\n    _this = void 0;\n\nvar emptyArray = [];\n\nvar DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      activeItemValue = props.activeItemValue,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      _props$childrenKey = props.childrenKey,\n      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n      _props$disabledItemVa = props.disabledItemValues,\n      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n      _props$menuWidth = props.menuWidth,\n      menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,\n      _props$menuHeight = props.menuHeight,\n      menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,\n      _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$cascadeData = props.cascadeData,\n      cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,\n      _props$cascadePaths = props.cascadePaths,\n      cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,\n      _props$labelKey = props.labelKey,\n      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n      renderMenu = props.renderMenu,\n      renderMenuItem = props.renderMenuItem,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"activeItemValue\", \"classPrefix\", \"className\", \"childrenKey\", \"disabledItemValues\", \"menuWidth\", \"menuHeight\", \"valueKey\", \"cascadeData\", \"cascadePaths\", \"labelKey\", \"renderMenu\", \"renderMenuItem\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, prefix('items'));\n  var rootRef = (0, _react.useRef)();\n  var rtl = (0, _utils.useCustom)('DropdownMenu');\n  (0, _react.useEffect)(function () {\n    var _rootRef$current;\n\n    var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type=\"column\"]')) || [];\n    columns.forEach(function (column) {\n      if (!column) {\n        return;\n      }\n\n      var activeItem = column.querySelector(\".\" + prefix('item-focus'));\n\n      if (!activeItem) {\n        activeItem = column.querySelector(\".\" + prefix('item-active'));\n      }\n\n      if (activeItem) {\n        var position = (0, _getPosition.default)(activeItem, column); // Let the active option scroll into view.\n\n        (0, _scrollTop.default)(column, position === null || position === void 0 ? void 0 : position.top);\n      }\n    });\n  }, [prefix]);\n  var getCascadePaths = (0, _react.useCallback)(function (layer, node) {\n    var paths = [];\n\n    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {\n      if (i < layer - 1 && cascadePaths) {\n        paths.push(cascadePaths[i]);\n      }\n    }\n\n    paths.push(node);\n    return paths;\n  }, [cascadeData, cascadePaths]);\n\n  var handleSelect = function handleSelect(layer, node, event) {\n    var isLeafNode = (0, _isNil.default)(node[childrenKey]);\n    var cascadePaths = getCascadePaths(layer + 1, node);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, isLeafNode, event);\n  };\n\n  var renderCascadeNode = function renderCascadeNode(node, index, layer, focus) {\n    var children = node[childrenKey];\n    var value = node[valueKey];\n    var label = node[labelKey];\n    var disabled = disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, value);\n    }); // Use `value` in keys when If `value` is string or number\n\n    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;\n    var Icon = node.loading ? _Spinner.default : rtl ? _AngleRight.default : _AngleLeft.default;\n    return /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenuItem, {\n      classPrefix: \"picker-cascader-menu-item\",\n      as: 'li',\n      role: \"treeitem\",\n      key: layer + \"-\" + onlyKey,\n      disabled: disabled,\n      active: !(0, _isUndefined.default)(activeItemValue) && (0, _utils.shallowEqual)(activeItemValue, value),\n      focus: focus,\n      value: value,\n      \"aria-owns\": node.children ? 'treeitem-' + value + '-children' : undefined,\n      className: children ? prefix('has-children') : undefined,\n      onSelect: function onSelect(_value, event) {\n        return handleSelect(layer, node, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 124,\n        columnNumber: 9\n      }\n    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {\n      className: prefix('caret'),\n      spin: node.loading,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 23\n      }\n    }) : null);\n  };\n\n  var styles = {\n    width: cascadeData.length * menuWidth\n  };\n  var cascadeNodes = cascadeData.map(function (children, layer) {\n    var onlyKey = layer + \"_\" + children.length;\n    var parentNode = cascadePaths[layer - 1];\n\n    var menu = /*#__PURE__*/_react.default.createElement(\"ul\", {\n      role: layer === 0 ? 'none presentation' : 'group',\n      id: parentNode ? 'treeitem-' + parentNode[valueKey] + '-children' : undefined,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 151,\n        columnNumber: 9\n      }\n    }, children.map(function (item, index) {\n      return renderCascadeNode(item, index, layer, cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]));\n    }));\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: onlyKey,\n      className: prefix('column'),\n      \"data-layer\": layer,\n      \"data-type\": 'column',\n      style: {\n        height: menuHeight,\n        width: menuWidth\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 167,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tree\"\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(rootRef, ref),\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 180,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 181,\n      columnNumber: 9\n    }\n  }, cascadeNodes));\n});\n\nvar dropdownMenuPropTypes = {\n  classPrefix: _propTypes.default.string,\n  disabledItemValues: _propTypes.default.array,\n  activeItemValue: _propTypes.default.any,\n  childrenKey: _propTypes.default.string,\n  valueKey: _propTypes.default.string,\n  labelKey: _propTypes.default.string,\n  menuWidth: _propTypes.default.number,\n  menuHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  className: _propTypes.default.string,\n  renderMenuItem: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  cascadeData: _propTypes.default.array,\n  cascadePaths: _propTypes.default.array\n};\nexports.dropdownMenuPropTypes = dropdownMenuPropTypes;\nDropdownMenu.displayName = 'DropdownMenu';\nDropdownMenu.propTypes = dropdownMenuPropTypes;\nvar _default = DropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/DropdownMenu.tsx?");
 
 /***/ }),
 
@@ -2177,7 +2309,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Col/Col.tsx\",\n    _this = void 0;\n\nvar Col = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'col' : _props$classPrefix,\n      className = props.className,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      rootPrefix = _useClassNames.rootPrefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var colClasses = {};\n  var omitKeys = {};\n\n  var getPropValue = function getPropValue(key) {\n    omitKeys[key] = null;\n    return rest[key];\n  };\n\n  _utils.SIZE.forEach(function (size) {\n    var col = getPropValue(size);\n    var hidden = getPropValue(size + \"Hidden\");\n    var offset = getPropValue(size + \"Offset\");\n    var push = getPropValue(size + \"Push\");\n    var pull = getPropValue(size + \"Pull\");\n    colClasses[rootPrefix(\"hidden-\" + size)] = hidden;\n    colClasses[prefix(size + \"-\" + col)] = col >= 0;\n    colClasses[prefix(size + \"-offset-\" + offset)] = offset >= 0;\n    colClasses[prefix(size + \"-push-\" + push)] = push >= 0;\n    colClasses[prefix(size + \"-pull-\" + pull)] = pull >= 0;\n  });\n\n  var classes = merge(className, withClassPrefix(), colClasses);\n  var unhandledProps = (0, _omit.default)(rest, Object.keys(omitKeys));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"gridcell\"\n  }, unhandledProps, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97,\n      columnNumber: 10\n    }\n  }));\n});\n\nCol.displayName = 'Col';\nCol.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  xs: _propTypes.default.number,\n  sm: _propTypes.default.number,\n  md: _propTypes.default.number,\n  lg: _propTypes.default.number,\n  xsOffset: _propTypes.default.number,\n  smOffset: _propTypes.default.number,\n  mdOffset: _propTypes.default.number,\n  lgOffset: _propTypes.default.number,\n  xsPush: _propTypes.default.number,\n  smPush: _propTypes.default.number,\n  mdPush: _propTypes.default.number,\n  lgPush: _propTypes.default.number,\n  xsPull: _propTypes.default.number,\n  smPull: _propTypes.default.number,\n  mdPull: _propTypes.default.number,\n  lgPull: _propTypes.default.number,\n  xsHidden: _propTypes.default.bool,\n  smHidden: _propTypes.default.bool,\n  mdHidden: _propTypes.default.bool,\n  lgHidden: _propTypes.default.bool,\n  as: _propTypes.default.elementType\n};\nvar _default = Col;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Col/Col.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Col/Col.tsx\",\n    _this = void 0;\n\nvar Col = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'col' : _props$classPrefix,\n      className = props.className,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      rootPrefix = _useClassNames.rootPrefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var colClasses = {};\n  var omitKeys = {};\n\n  var getPropValue = function getPropValue(key) {\n    omitKeys[key] = null;\n    return rest[key];\n  };\n\n  _utils.COLUMN_SIZE.forEach(function (size) {\n    var col = getPropValue(size);\n    var hidden = getPropValue(size + \"Hidden\");\n    var offset = getPropValue(size + \"Offset\");\n    var push = getPropValue(size + \"Push\");\n    var pull = getPropValue(size + \"Pull\");\n    colClasses[rootPrefix(\"hidden-\" + size)] = hidden;\n    colClasses[prefix(size + \"-\" + col)] = col >= 0;\n    colClasses[prefix(size + \"-offset-\" + offset)] = offset >= 0;\n    colClasses[prefix(size + \"-push-\" + push)] = push >= 0;\n    colClasses[prefix(size + \"-pull-\" + pull)] = pull >= 0;\n  });\n\n  var classes = merge(className, withClassPrefix(), colClasses);\n  var unhandledProps = (0, _omit.default)(rest, Object.keys(omitKeys));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"gridcell\"\n  }, unhandledProps, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 127,\n      columnNumber: 10\n    }\n  }));\n});\n\nCol.displayName = 'Col';\nCol.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  xs: _propTypes.default.number,\n  sm: _propTypes.default.number,\n  md: _propTypes.default.number,\n  lg: _propTypes.default.number,\n  xl: _propTypes.default.number,\n  xxl: _propTypes.default.number,\n  xsOffset: _propTypes.default.number,\n  smOffset: _propTypes.default.number,\n  mdOffset: _propTypes.default.number,\n  lgOffset: _propTypes.default.number,\n  xlOffset: _propTypes.default.number,\n  xxlOffset: _propTypes.default.number,\n  xsPush: _propTypes.default.number,\n  smPush: _propTypes.default.number,\n  mdPush: _propTypes.default.number,\n  lgPush: _propTypes.default.number,\n  xsPull: _propTypes.default.number,\n  smPull: _propTypes.default.number,\n  mdPull: _propTypes.default.number,\n  lgPull: _propTypes.default.number,\n  xlPull: _propTypes.default.number,\n  xxlPull: _propTypes.default.number,\n  xsHidden: _propTypes.default.bool,\n  smHidden: _propTypes.default.bool,\n  mdHidden: _propTypes.default.bool,\n  lgHidden: _propTypes.default.bool,\n  xlHidden: _propTypes.default.bool,\n  xxlHidden: _propTypes.default.bool,\n  as: _propTypes.default.elementType\n};\nvar _default = Col;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Col/Col.tsx?");
 
 /***/ }),
 
@@ -2243,7 +2375,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.CustomConsumer = exports.CustomContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _prefix = __webpack_require__(/*! ../utils/prefix */ \"./src/utils/prefix.ts\");\n\nvar _DOMHelper = __webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/CustomProvider.tsx\",\n    _this = void 0;\n\nvar CustomContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.CustomContext = CustomContext;\nvar Consumer = CustomContext.Consumer,\n    Provider = CustomContext.Provider;\nexports.CustomConsumer = Consumer;\nvar themes = ['light', 'dark', 'high-contrast'];\n\nvar CustomProvider = function CustomProvider(props) {\n  var children = props.children,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,\n      theme = props.theme,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"children\", \"classPrefix\", \"theme\"]);\n\n  var value = _react.default.useMemo(function () {\n    return (0, _extends2.default)({\n      classPrefix: classPrefix,\n      theme: theme\n    }, rest);\n  }, [classPrefix, theme, rest]);\n\n  (0, _react.useEffect)(function () {\n    if (_DOMHelper.canUseDOM && theme) {\n      (0, _DOMHelper.addClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + theme)); // Remove the className that will cause style conflicts\n\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(Provider, {\n    value: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 10\n    }\n  }, children);\n};\n\nvar _default = CustomProvider;\nexports.default = _default;\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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.CustomConsumer = exports.CustomContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _prefix = __webpack_require__(/*! ../utils/prefix */ \"./src/utils/prefix.ts\");\n\nvar _DOMHelper = __webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\");\n\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ../toaster/ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/CustomProvider.tsx\",\n    _this = void 0;\n\nvar CustomContext = /*#__PURE__*/_react.default.createContext({});\n\nexports.CustomContext = CustomContext;\nvar Consumer = CustomContext.Consumer,\n    Provider = CustomContext.Provider;\nexports.CustomConsumer = Consumer;\nvar themes = ['light', 'dark', 'high-contrast'];\n\nvar CustomProvider = function CustomProvider(props) {\n  var children = props.children,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,\n      theme = props.theme,\n      container = props.toastContainer,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"children\", \"classPrefix\", \"theme\", \"toastContainer\"]);\n\n  var toasters = _react.default.useRef(new Map());\n\n  var _usePortal = (0, _utils.usePortal)({\n    container: container\n  }),\n      Portal = _usePortal.Portal;\n\n  var value = _react.default.useMemo(function () {\n    return (0, _extends2.default)({\n      classPrefix: classPrefix,\n      theme: theme,\n      toasters: toasters\n    }, rest);\n  }, [classPrefix, theme, rest]);\n\n  (0, _react.useEffect)(function () {\n    if (_DOMHelper.canUseDOM && theme) {\n      (0, _DOMHelper.addClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + theme)); // Remove the className that will cause style conflicts\n\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(Provider, {\n    value: value,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 99,\n      columnNumber: 5\n    }\n  }, children, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 7\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: 104,\n        columnNumber: 11\n      }\n    });\n  })));\n};\n\nvar _default = CustomProvider;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/CustomProvider.tsx?");
 
 /***/ }),
 
@@ -2507,7 +2639,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _DropdownItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownItem */ \"./src/Dropdown/DropdownItem.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _MenuContext = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _Navbar = __webpack_require__(/*! ../Navbar */ \"./src/Navbar/index.tsx\");\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _SidenavDropdown = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdown */ \"./src/Sidenav/SidenavDropdown.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/Dropdown.tsx\",\n    _this = void 0;\n\n/**\n * The <Dropdown> API\n * When used inside <Sidenav>, renders a <TreeviewRootItem>;\n * Otherwise renders a <MenuRoot>\n */\nvar Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeKey = props.activeKey,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"activeKey\", \"onSelect\"]);\n  var _rest$as = rest.as,\n      Component = _rest$as === void 0 ? 'div' : _rest$as,\n      title = rest.title,\n      onClose = rest.onClose,\n      onOpen = rest.onOpen,\n      onToggle = rest.onToggle,\n      eventKey = rest.eventKey,\n      _rest$trigger = rest.trigger,\n      trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,\n      _rest$placement = rest.placement,\n      placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,\n      toggleAs = rest.toggleAs,\n      toggleClassName = rest.toggleClassName,\n      open = rest.open,\n      defaultOpen = rest.defaultOpen,\n      _rest$classPrefix = rest.classPrefix,\n      classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,\n      className = rest.className,\n      disabled = rest.disabled,\n      children = rest.children,\n      menuStyle = rest.menuStyle,\n      style = rest.style,\n      toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, [\"as\", \"title\", \"onClose\", \"onOpen\", \"onToggle\", \"eventKey\", \"trigger\", \"placement\", \"toggleAs\", \"toggleClassName\", \"open\", \"defaultOpen\", \"classPrefix\", \"className\", \"disabled\", \"children\", \"menuStyle\", \"style\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      onSelectFromNav = _useContext.onSelect;\n\n  var emitSelect = (0, _react.useCallback)(function (eventKey, event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event); // If <Dropdown> is inside <Nav>, also trigger `onSelect` on <Nav>\n\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [onSelectProp, onSelectFromNav]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('nav-item'),\n      withNavItemClassPrefix = _useClassNames3.withClassPrefix,\n      mergeNavItemClassNames = _useClassNames3.merge;\n\n  var menuButtonTriggers = (0, _react.useMemo)(function () {\n    if (!trigger) {\n      return undefined;\n    }\n\n    var triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n\n    return trigger.map(function (t) {\n      return triggerMap[t];\n    });\n  }, [trigger]);\n  var parentMenu = (0, _react.useContext)(_MenuContext.default);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n\n  var _useReducer = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState),\n      items = _useReducer[0].items,\n      dispatch = _useReducer[1];\n\n  var hasSelectedItem = (0, _react.useMemo)(function () {\n    return items.some(function (item) {\n      return item.props.selected;\n    });\n  }, [items]);\n  var dropdownContextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: emitSelect,\n      hasSelectedItem: hasSelectedItem,\n      dispatch: dispatch\n    };\n  }, [activeKey, emitSelect, hasSelectedItem, dispatch]); // Render a disclosure when inside expanded <Sidenav>\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: dropdownContextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 192,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_SidenavDropdown.default, (0, _extends2.default)({\n      ref: ref\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 193,\n        columnNumber: 9\n      }\n    })));\n  } // Renders a disclosure when used inside <Navbar>\n\n\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: dropdownContextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 201,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n      hideOnClickOutside: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 202,\n        columnNumber: 9\n      }\n    }, function (_ref, containerRef) {\n      var _withClassPrefix;\n\n      var open = _ref.open;\n      var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));\n      return /*#__PURE__*/_react.default.createElement(Component, {\n        ref: (0, _utils.mergeRefs)(ref, containerRef),\n        className: classes,\n        style: style,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 214,\n          columnNumber: 15\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 215,\n          columnNumber: 17\n        }\n      }, function (buttonProps, buttonRef) {\n        return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n          ref: buttonRef,\n          as: toggleAs,\n          className: toggleClassName,\n          placement: placement,\n          disabled: disabled\n        }, (0, _omit.default)(buttonProps, ['open']), toggleProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 217,\n            columnNumber: 21\n          }\n        }), title);\n      }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 230,\n          columnNumber: 17\n        }\n      }, function (_ref2, elementRef) {\n        var open = _ref2.open;\n        var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n        return /*#__PURE__*/_react.default.createElement(\"ul\", {\n          ref: elementRef,\n          className: menuClassName,\n          style: menuStyle,\n          hidden: !open,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 234,\n            columnNumber: 23\n          }\n        }, children);\n      }));\n    }));\n  }\n\n  var renderMenuButton = function renderMenuButton(menuButtonProps, menuButtonRef) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n      ref: menuButtonRef,\n      as: toggleAs,\n      className: toggleClassName,\n      placement: placement,\n      disabled: disabled\n    }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid']), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 254,\n        columnNumber: 5\n      }\n    }), title);\n  };\n\n  if (parentMenu) {\n    renderMenuButton = function renderMenuButton(menuButtonProps, buttonRef) {\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 269,\n          columnNumber: 7\n        }\n      }, function (_ref3, menuitemRef) {\n        var active = _ref3.active,\n            menuitemProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"active\"]);\n        return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          as: toggleAs,\n          className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({\n            focus: active\n          }))\n        }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid'), {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 272,\n            columnNumber: 13\n          }\n        }), title);\n      });\n    };\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n    value: dropdownContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 294,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    open: open,\n    defaultOpen: defaultOpen,\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: function renderMenuPopup(_ref4, popupRef) {\n      var open = _ref4.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({})); // When inside a collapsed <Sidenav>, render a header in menu\n\n      var showHeader = !!sidenav;\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 307,\n          columnNumber: 13\n        }\n      }), showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('header'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 314,\n          columnNumber: 30\n        }\n      }, title), children);\n    },\n    onToggleMenu: function onToggleMenu(open, event) {\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n      sidenav === null || sidenav === void 0 ? void 0 : sidenav.onOpenChange(eventKey, event);\n\n      if (open) {\n        onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n      } else {\n        onClose === null || onClose === void 0 ? void 0 : onClose();\n      }\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 295,\n      columnNumber: 7\n    }\n  }, function (_ref5, menuContainerRef) {\n    var _withClassPrefix2;\n\n    var open = _ref5.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref5, [\"open\"]);\n    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2['selected-within'] = hasSelectedItem, _withClassPrefix2)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 341,\n        columnNumber: 13\n      }\n    }));\n  }));\n});\n\nDropdown.Item = _DropdownItem.default;\nDropdown.Menu = _DropdownMenu.default;\nDropdown.displayName = 'Dropdown';\nDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderToggle: _propTypes.default.func\n};\nvar _default = Dropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _DropdownItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownItem */ \"./src/Dropdown/DropdownItem.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\n\nvar _warnOnce = _interopRequireDefault(__webpack_require__(/*! ../utils/warnOnce */ \"./src/utils/warnOnce.ts\"));\n\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/Dropdown.tsx\",\n    _this = void 0;\n\n/**\n * The <Dropdown> API\n * When used inside <Sidenav>, renders a <TreeviewRootItem>;\n * Otherwise renders a <MenuRoot>\n */\nvar Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var activeKey = props.activeKey,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"activeKey\", \"onSelect\"]);\n  var _rest$as = rest.as,\n      Component = _rest$as === void 0 ? 'div' : _rest$as,\n      title = rest.title,\n      onClose = rest.onClose,\n      onOpen = rest.onOpen,\n      onToggle = rest.onToggle,\n      _rest$trigger = rest.trigger,\n      trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,\n      _rest$placement = rest.placement,\n      placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,\n      toggleAs = rest.toggleAs,\n      toggleClassName = rest.toggleClassName,\n      open = rest.open,\n      defaultOpen = rest.defaultOpen,\n      _rest$classPrefix = rest.classPrefix,\n      classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,\n      className = rest.className,\n      disabled = rest.disabled,\n      children = rest.children,\n      menuStyle = rest.menuStyle,\n      style = rest.style,\n      toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, [\"as\", \"title\", \"onClose\", \"onOpen\", \"onToggle\", \"trigger\", \"placement\", \"toggleAs\", \"toggleClassName\", \"open\", \"defaultOpen\", \"classPrefix\", \"className\", \"disabled\", \"children\", \"menuStyle\", \"style\"]);\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var menuButtonTriggers = (0, _react.useMemo)(function () {\n    if (!trigger) {\n      return undefined;\n    }\n\n    var triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n\n    return trigger.map(function (t) {\n      return triggerMap[t];\n    });\n  }, [trigger]);\n\n  var _useReducer = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState),\n      items = _useReducer[0].items,\n      dispatch = _useReducer[1];\n\n  var hasSelectedItem = (0, _react.useMemo)(function () {\n    return items.some(function (item) {\n      return item.props.selected;\n    });\n  }, [items]);\n  var dropdownContextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: onSelect,\n      hasSelectedItem: hasSelectedItem,\n      dispatch: dispatch\n    };\n  }, [activeKey, onSelect, hasSelectedItem, dispatch]); // Deprecate <Dropdown> within <Nav> usage\n  // in favor of <Nav.Menu> API\n\n  if (nav) {\n    (0, _warnOnce.default)('Usage of <Dropdown> within <Nav> is deprecated. Replace with <Nav.Menu>');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 12\n      }\n    }));\n  }\n\n  var renderMenuButton = function renderMenuButton(menuButtonProps, menuButtonRef) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n      ref: menuButtonRef,\n      as: toggleAs,\n      className: toggleClassName,\n      placement: placement,\n      disabled: disabled\n    }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid']), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175,\n        columnNumber: 5\n      }\n    }), title);\n  };\n\n  return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n    value: dropdownContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 189,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    open: open,\n    defaultOpen: defaultOpen,\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: function renderMenuPopup(_ref, popupRef) {\n      var open = _ref.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 200,\n          columnNumber: 13\n        }\n      }), children);\n    },\n    onToggleMenu: function onToggleMenu(open) {\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n\n      if (open) {\n        onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n      } else {\n        onClose === null || onClose === void 0 ? void 0 : onClose();\n      }\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 190,\n      columnNumber: 7\n    }\n  }, function (_ref2, menuContainerRef) {\n    var _withClassPrefix;\n\n    var open = _ref2.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"open\"]);\n    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 231,\n        columnNumber: 13\n      }\n    }));\n  }));\n});\n\nDropdown.Item = _DropdownItem.default;\nDropdown.Menu = _DropdownMenu.default;\nDropdown.displayName = 'Dropdown';\nDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderToggle: _propTypes.default.func\n};\nvar _default = Dropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
 
 /***/ }),
 
@@ -2529,7 +2661,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _SidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownItem */ \"./src/Sidenav/SidenavDropdownItem.tsx\"));\n\nvar _DisclosureContext = _interopRequireWildcard(__webpack_require__(/*! ../Disclosure/DisclosureContext */ \"./src/Disclosure/DisclosureContext.ts\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useInternalId = _interopRequireDefault(__webpack_require__(/*! ../utils/useInternalId */ \"./src/utils/useInternalId.ts\"));\n\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\n\nvar _useRenderDropdownItem = __webpack_require__(/*! ./useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * The <Dropdown.Item> API\n * When used inside <Sidenav>, renders a <TreeviewItem>\n * Otherwise renders a <MenuItem>\n */\nvar DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      divider = props.divider,\n      panel = props.panel,\n      children = props.children,\n      disabled = props.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\", \"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\n  var internalId = (0, _useInternalId.default)('DropdownItem');\n  var nav = (0, _react.useContext)(_NavContext.default);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var handleSelectItem = (0, _react.useCallback)(function (event) {\n    var _dropdown$onSelect;\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    dropdown === null || dropdown === void 0 ? void 0 : (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);\n  }, [onSelect, eventKey, dropdown]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var disclosure = (0, _react.useContext)(_DisclosureContext.default);\n\n  var _ref = disclosure !== null && disclosure !== void 0 ? disclosure : [],\n      dispatchDisclosure = _ref[1];\n\n  var handleClickNavbarDropdownItem = (0, _react.useCallback)(function (event) {\n    dispatchDisclosure === null || dispatchDisclosure === void 0 ? void 0 : dispatchDisclosure({\n      type: _DisclosureContext.DisclosureActionTypes.Hide,\n      cascade: true\n    });\n    handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);\n  }, [dispatchDisclosure, handleSelectItem]);\n  var selected = activeProp || !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));\n  var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;\n  (0, _react.useEffect)(function () {\n    if (dispatch) {\n      dispatch({\n        type: _DropdownState.DropdownActionType.RegisterItem,\n        payload: {\n          id: internalId,\n          props: {\n            selected: selected\n          }\n        }\n      });\n      return function () {\n        dispatch({\n          type: _DropdownState.DropdownActionType.UnregisterItem,\n          payload: {\n            id: internalId\n          }\n        });\n      };\n    }\n  }, [internalId, selected, dispatch]);\n  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className)\n    }, restProps));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      className: merge(prefix('panel'), className),\n      children: children\n    }, restProps));\n  }\n\n  if (navbar) {\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      disabled: disabled,\n      divider: divider,\n      panel: panel,\n      active: selected\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      className: classes,\n      'aria-current': selected || undefined\n    }, dataAttributes, restProps, {\n      onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), children)\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 205,\n      columnNumber: 7\n    }\n  }, function (_ref2, menuitemRef) {\n    var selected = _ref2.selected,\n        active = _ref2.active,\n        menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled: disabled,\n      focus: active,\n      divider: divider,\n      panel: panel\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return renderDropdownItem((0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes\n    }, menuitem, dataAttributes, restProps, {\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), children)\n    }));\n  });\n});\n\nDropdownItem.displayName = 'Dropdown.Item';\nDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  submenu: _propTypes.default.element,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number\n};\nvar _default = DropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useInternalId = _interopRequireDefault(__webpack_require__(/*! ../utils/useInternalId */ \"./src/utils/useInternalId.ts\"));\n\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\n\nvar _useRenderDropdownItem = __webpack_require__(/*! ./useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _warnOnce = _interopRequireDefault(__webpack_require__(/*! ../utils/warnOnce */ \"./src/utils/warnOnce.ts\"));\n\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * The <Dropdown.Item> API\n * When used inside <Sidenav>, renders a <TreeviewItem>\n * Otherwise renders a <MenuItem>\n */\nvar DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      divider = props.divider,\n      panel = props.panel,\n      children = props.children,\n      disabled = props.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\", \"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\n  var internalId = (0, _useInternalId.default)('DropdownItem');\n  var nav = (0, _react.useContext)(_NavContext.default);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var handleSelectItem = (0, _react.useCallback)(function (event) {\n    var _dropdown$onSelect;\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    dropdown === null || dropdown === void 0 ? void 0 : (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);\n  }, [onSelect, eventKey, dropdown]);\n  var selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey);\n  var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;\n  (0, _react.useEffect)(function () {\n    if (dispatch) {\n      dispatch({\n        type: _DropdownState.DropdownActionType.RegisterItem,\n        payload: {\n          id: internalId,\n          props: {\n            selected: selected\n          }\n        }\n      });\n      return function () {\n        dispatch({\n          type: _DropdownState.DropdownActionType.UnregisterItem,\n          payload: {\n            id: internalId\n          }\n        });\n      };\n    }\n  }, [internalId, selected, dispatch]);\n  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component); // If using <Dropdown.Item> within <Nav>\n  // Suggest <Nav.Item>\n\n  if (nav) {\n    (0, _warnOnce.default)('Usage of <Dropdown.Item> within <Nav> is deprecated. Replace with <Nav.Item> within <Nav.Menu>.');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Item, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className)\n    }, restProps));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      className: merge(prefix('panel'), className),\n      children: children\n    }, restProps));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 159,\n      columnNumber: 7\n    }\n  }, function (_ref, menuitemRef) {\n    var selected = _ref.selected,\n        active = _ref.active,\n        menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"selected\", \"active\"]);\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled: disabled,\n      focus: active,\n      divider: divider,\n      panel: panel\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return renderDropdownItem((0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes\n    }, menuitem, dataAttributes, restProps, {\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), children)\n    }));\n  });\n});\n\nDropdownItem.displayName = 'Dropdown.Item';\nDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  submenu: _propTypes.default.element,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number\n};\nvar _default = DropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownItem.tsx?");
 
 /***/ }),
 
@@ -2540,7 +2672,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _Navbar = __webpack_require__(/*! ../Navbar */ \"./src/Navbar/index.tsx\");\n\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menubar */ \"./src/Menu/Menubar.tsx\"));\n\nvar _SidenavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownMenu */ \"./src/Sidenav/SidenavDropdownMenu.tsx\"));\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure */ \"./src/Disclosure/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3,\n    _templateObject4;\n\n/**\n * The <Dropdown.Menu> API\n *\n * @description\n * Note the difference between this component and <Menu> component:\n * <Menu> is used for ARIA menu control logic and is used internally only.\n * This component is only used for supporting submenu syntax and is\n * assigned to Dropdown.Menu\n *\n * @example\n *\n * <Dropdown>\n *   <Dropdown.Item>Item 1</Dropdown.Item>\n *   <Dropdown.Menu title=\"Submenu\">\n *     <Dropdown.Item>Sub item</Dropdown.Item>\n *   </Dropdown.Menu>\n * </Dropdown>\n */\nvar DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      title = props.title,\n      activeKey = props.activeKey,\n      onSelect = props.onSelect,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,\n      children = props.children,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onToggle\", \"eventKey\", \"title\", \"activeKey\", \"onSelect\", \"classPrefix\", \"children\"]);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var withinNavbar = Boolean((0, _react.useContext)(_Navbar.NavbarContext));\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);\n  }, [eventKey, onToggle]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),\n      mergeItemClassNames = _useClassNames3.merge,\n      withItemClassPrefix = _useClassNames3.withClassPrefix,\n      prefixItemClassName = _useClassNames3.prefix;\n\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: onSelect\n    };\n  }, [activeKey, onSelect]); // <Dropdown.Menu> is used outside of <Dropdown>\n  // renders a vertical `menubar`\n\n  if (!dropdown) {\n    var classes = merge(props.className, withClassPrefix());\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 108,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 109,\n        columnNumber: 9\n      }\n    }, function (menubar, menubarRef) {\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(menubarRef, ref),\n        className: classes\n      }, menubar, rest, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 111,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownMenu.default, (0, _extends2.default)({}, (0, _omit2.default)(props, 'classPrefix'), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 12\n      }\n    }));\n  } // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n\n\n  var _omit = (0, _omit2.default)(rest, ['trigger']),\n      icon = _omit.icon,\n      className = _omit.className,\n      disabled = _omit.disabled,\n      menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, [\"icon\", \"className\", \"disabled\"]);\n\n  var Icon = rtl ? _AngleLeft.default : _AngleRight.default; // Renders a disclosure when used within <Navbar>\n\n  if (withinNavbar) {\n    return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n      hideOnClickOutside: true,\n      trigger: ['click', 'mouseover'],\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 132,\n        columnNumber: 7\n      }\n    }, function (_ref, containerRef) {\n      var open = _ref.open,\n          props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n      var classes = mergeItemClassNames(className, withItemClassPrefix({\n        disabled: disabled,\n        open: open,\n        submenu: true\n      }));\n      return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(ref, containerRef),\n        className: classes\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 143,\n          columnNumber: 13\n        }\n      }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 144,\n          columnNumber: 15\n        }\n      }, function (_ref2, buttonRef) {\n        var open = _ref2.open,\n            buttonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"open\"]);\n        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))), withItemClassPrefix({\n          'with-icon': icon,\n          open: open,\n          disabled: disabled\n        }));\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, buttonRef),\n          className: classes,\n          \"data-event-key\": eventKey,\n          \"data-event-key-type\": typeof eventKey\n        }, buttonProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 157,\n            columnNumber: 21\n          }\n        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n          className: prefix('menu-icon')\n        }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n          className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 166,\n            columnNumber: 23\n          }\n        }));\n      }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 171,\n          columnNumber: 15\n        }\n      }, function (_ref3, elementRef) {\n        var open = _ref3.open;\n        var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n        return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n          ref: elementRef,\n          className: menuClassName,\n          hidden: !open\n        }, menuProps, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 176,\n            columnNumber: 21\n          }\n        }), children);\n      }));\n    });\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: function renderMenuButton(_ref4, buttonRef) {\n      var open = _ref4.open,\n          menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 198,\n          columnNumber: 9\n        }\n      }, function (_ref5, menuitemRef) {\n        var selected = _ref5.selected,\n            active = _ref5.active,\n            menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref5, [\"selected\", \"active\"]);\n        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))), withItemClassPrefix({\n          'with-icon': icon,\n          open: open,\n          active: selected,\n          disabled: disabled,\n          focus: active\n        }));\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          className: classes,\n          \"data-event-key\": eventKey,\n          \"data-event-key-type\": typeof eventKey\n        }, menuitem, (0, _omit2.default)(menuButtonProps, ['role']), {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 213,\n            columnNumber: 15\n          }\n        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n          className: prefix('menu-icon')\n        }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n          className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 223,\n            columnNumber: 17\n          }\n        }));\n      });\n    },\n    renderMenuPopup: function renderMenuPopup(_ref6, popupRef) {\n      var open = _ref6.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref6, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 233,\n          columnNumber: 11\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 195,\n      columnNumber: 5\n    }\n  }, function (_ref7, menuContainerRef) {\n    var open = _ref7.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref7, [\"open\"]);\n    var classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled: disabled,\n      open: open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 256,\n        columnNumber: 11\n      }\n    }));\n  });\n});\n\nDropdownMenu.displayName = 'Dropdown.Menu';\nDropdownMenu.propTypes = {\n  active: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  pullLeft: _propTypes.default.bool,\n  title: _propTypes.default.node,\n  open: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOf(['click', 'hover']),\n  eventKey: _propTypes.default.any,\n  expanded: _propTypes.default.bool,\n  collapsible: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onToggle: _propTypes.default.func\n};\nvar _default = DropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menubar */ \"./src/Menu/Menubar.tsx\"));\n\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _warnOnce = _interopRequireDefault(__webpack_require__(/*! ../utils/warnOnce */ \"./src/utils/warnOnce.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\n/**\n * The <Dropdown.Menu> API\n *\n * @description\n * Note the difference between this component and <Menu> component:\n * <Menu> is used for ARIA menu control logic and is used internally only.\n * This component is only used for supporting submenu syntax and is\n * assigned to Dropdown.Menu\n *\n * @example\n *\n * <Dropdown>\n *   <Dropdown.Item>Item 1</Dropdown.Item>\n *   <Dropdown.Menu title=\"Submenu\">\n *     <Dropdown.Item>Sub item</Dropdown.Item>\n *   </Dropdown.Menu>\n * </Dropdown>\n */\nvar DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      title = props.title,\n      activeKey = props.activeKey,\n      onSelect = props.onSelect,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,\n      children = props.children,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onToggle\", \"eventKey\", \"title\", \"activeKey\", \"onSelect\", \"classPrefix\", \"children\"]);\n  var nav = (0, _react.useContext)(_NavContext.default);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);\n  }, [eventKey, onToggle]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),\n      mergeItemClassNames = _useClassNames3.merge,\n      withItemClassPrefix = _useClassNames3.withClassPrefix,\n      prefixItemClassName = _useClassNames3.prefix;\n\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: onSelect\n    };\n  }, [activeKey, onSelect]); // If rendered within a <Nav>\n  // Suggest <Nav.Menu>\n\n  if (nav) {\n    (0, _warnOnce.default)('Usage of <Dropdown.Menu> within <Nav> is deprecated. Replace with <Nav.Menu>');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 106,\n        columnNumber: 12\n      }\n    }));\n  } // <Dropdown.Menu> is used outside of <Dropdown>\n  // renders a vertical `menubar`\n\n\n  if (!dropdown) {\n    var classes = merge(props.className, withClassPrefix());\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 115,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: true,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 9\n      }\n    }, function (menubar, menubarRef) {\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(menubarRef, ref),\n        className: classes\n      }, menubar, rest, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 118,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  } // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n\n\n  var _omit = (0, _omit2.default)(rest, ['trigger']),\n      icon = _omit.icon,\n      className = _omit.className,\n      disabled = _omit.disabled,\n      menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, [\"icon\", \"className\", \"disabled\"]);\n\n  var Icon = rtl ? _AngleLeft.default : _AngleRight.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: function renderMenuButton(_ref, buttonRef) {\n      var open = _ref.open,\n          menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 137,\n          columnNumber: 9\n        }\n      }, function (_ref2, menuitemRef) {\n        var selected = _ref2.selected,\n            active = _ref2.active,\n            menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))), withItemClassPrefix({\n          'with-icon': icon,\n          open: open,\n          active: selected,\n          disabled: disabled,\n          focus: active\n        }));\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          className: classes,\n          \"data-event-key\": eventKey,\n          \"data-event-key-type\": typeof eventKey\n        }, menuitem, (0, _omit2.default)(menuButtonProps, ['role']), {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 152,\n            columnNumber: 15\n          }\n        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n          className: prefix('menu-icon')\n        }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n          className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 162,\n            columnNumber: 17\n          }\n        }));\n      });\n    },\n    renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {\n      var open = _ref3.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 172,\n          columnNumber: 11\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 134,\n      columnNumber: 5\n    }\n  }, function (_ref4, menuContainerRef) {\n    var open = _ref4.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n    var classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled: disabled,\n      open: open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 11\n      }\n    }));\n  });\n});\n\nDropdownMenu.displayName = 'Dropdown.Menu';\nDropdownMenu.propTypes = {\n  active: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  pullLeft: _propTypes.default.bool,\n  title: _propTypes.default.node,\n  open: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOf(['click', 'hover']),\n  eventKey: _propTypes.default.any,\n  expanded: _propTypes.default.bool,\n  collapsible: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onToggle: _propTypes.default.func\n};\nvar _default = DropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownMenu.tsx?");
 
 /***/ }),
 
@@ -2562,7 +2694,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useToggleCaret = _interopRequireDefault(__webpack_require__(/*! ../utils/useToggleCaret */ \"./src/utils/useToggleCaret.tsx\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownToggle.tsx\",\n    _this = void 0;\n\nvar DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _Button.default : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,\n      renderToggle = props.renderToggle,\n      children = props.children,\n      icon = props.icon,\n      noCaret = props.noCaret,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"renderToggle\", \"children\", \"icon\", \"noCaret\", \"placement\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      withinNav = _useContext.withinNav;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    'no-caret': noCaret\n  }));\n  var inSidenav = !!sidenav; // Caret icon is down by default, when Dropdown is used in Sidenav.\n\n  var Caret = (0, _useToggleCaret.default)(inSidenav ? 'bottomStart' : placement);\n\n  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    appearance: withinNav ? 'subtle' : undefined\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 7\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: prefix('icon')\n  }), children, noCaret ? null : /*#__PURE__*/_react.default.createElement(Caret, {\n    className: prefix('caret'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 27\n    }\n  }));\n\n  return renderToggle ? renderToggle(rest, ref) : toggle;\n});\n\nDropdownToggle.displayName = 'DropdownToggle';\nDropdownToggle.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  noCaret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  renderToggle: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = DropdownToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownToggle.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useToggleCaret = _interopRequireDefault(__webpack_require__(/*! ../utils/useToggleCaret */ \"./src/utils/useToggleCaret.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Dropdown/DropdownToggle.tsx\",\n    _this = void 0;\n\nvar DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _Button.default : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,\n      renderToggle = props.renderToggle,\n      children = props.children,\n      icon = props.icon,\n      noCaret = props.noCaret,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"renderToggle\", \"children\", \"icon\", \"noCaret\", \"placement\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    'no-caret': noCaret\n  })); // Caret icon is down by default, when Dropdown is used in Sidenav.\n\n  var Caret = (0, _useToggleCaret.default)(placement);\n\n  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 7\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: prefix('icon')\n  }), children, noCaret ? null : /*#__PURE__*/_react.default.createElement(Caret, {\n    className: prefix('caret'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 27\n    }\n  }));\n\n  return renderToggle ? renderToggle(rest, ref) : toggle;\n});\n\nDropdownToggle.displayName = 'DropdownToggle';\nDropdownToggle.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  noCaret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  renderToggle: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = DropdownToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownToggle.tsx?");
 
 /***/ }),
 
@@ -3211,7 +3343,7 @@ eval("\n\nexports.__esModule = true;\nexports.convertMaskToPlaceholder = convert
 /***/ (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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _useMenu = _interopRequireDefault(__webpack_require__(/*! ./useMenu */ \"./src/Menu/useMenu.ts\"));\n\nvar _useFocus2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useFocus */ \"./src/utils/useFocus.ts\"));\n\nvar _useClickOutside = _interopRequireDefault(__webpack_require__(/*! ../utils/useClickOutside */ \"./src/utils/useClickOutside.ts\"));\n\nvar _events = __webpack_require__(/*! ../utils/events */ \"./src/utils/events.ts\");\n\nvar _dom = __webpack_require__(/*! ../utils/dom */ \"./src/utils/dom.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Menu/Menu.tsx\";\nvar defaultOpenMenuOn = ['click'];\n/**\n * Headless ARIA `menu`\n */\n\nfunction Menu(_ref) {\n  var _items$activeItemInde;\n\n  var disabled = _ref.disabled,\n      children = _ref.children,\n      _ref$openMenuOn = _ref.openMenuOn,\n      openMenuOn = _ref$openMenuOn === void 0 ? defaultOpenMenuOn : _ref$openMenuOn,\n      _ref$defaultOpen = _ref.defaultOpen,\n      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,\n      openProp = _ref.open,\n      menuButtonText = _ref.menuButtonText,\n      renderMenuButton = _ref.renderMenuButton,\n      renderMenuPopup = _ref.renderMenuPopup,\n      onToggleMenu = _ref.onToggleMenu;\n  var buttonElementRef = (0, _react.useRef)(null);\n  var menuElementRef = (0, _react.useRef)(null);\n  var parentMenu = (0, _react.useContext)(_MenuContext.default);\n  var isSubmenu = !!parentMenu;\n  var menu = (0, _useMenu.default)({\n    open: defaultOpen\n  });\n  var _menu$ = menu[0],\n      openState = _menu$.open,\n      items = _menu$.items,\n      activeItemIndex = _menu$.activeItemIndex,\n      dispatch = menu[1];\n  var openControlled = typeof openProp !== 'undefined';\n  var open = openControlled ? openProp : openState;\n\n  var _useCustom = (0, _utils.useCustom)('Menu'),\n      rtl = _useCustom.rtl;\n\n  var activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;\n\n  var _useFocus = (0, _useFocus2.default)(menuElementRef),\n      grabFocus = _useFocus.grab;\n\n  var openMenu = (0, _react.useCallback)(function (event) {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.OpenMenu\n    });\n\n    if (!event.isTrusted) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.First\n      });\n    }\n\n    onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(true, event);\n    grabFocus();\n  }, [dispatch, onToggleMenu, grabFocus]);\n  var closeMenu = (0, _react.useCallback)(function (event, returnFocusToButton) {\n    if (returnFocusToButton === void 0) {\n      returnFocusToButton = true;\n    }\n\n    dispatch({\n      type: _MenuContext.MenuActionTypes.CloseMenu\n    });\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n    onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(false, event);\n\n    if (returnFocusToButton) {\n      var _buttonElementRef$cur;\n\n      (_buttonElementRef$cur = buttonElementRef.current) === null || _buttonElementRef$cur === void 0 ? void 0 : _buttonElementRef$cur.focus({\n        preventScroll: true\n      });\n    }\n  }, [dispatch, onToggleMenu, buttonElementRef]);\n  var toggleMenu = (0, _react.useCallback)(function (event) {\n    if (!open) {\n      openMenu(event);\n    } else {\n      closeMenu(event);\n    }\n  }, [open, openMenu, closeMenu]);\n  (0, _useClickOutside.default)({\n    enabled: open,\n    isOutside: function isOutside(event) {\n      var _buttonElementRef$cur2, _menuElementRef$curre;\n\n      return !((_buttonElementRef$cur2 = buttonElementRef.current) !== null && _buttonElementRef$cur2 !== void 0 && _buttonElementRef$cur2.contains(event.target)) && !((_menuElementRef$curre = menuElementRef.current) !== null && _menuElementRef$curre !== void 0 && _menuElementRef$curre.contains(event.target));\n    },\n    // fixme if clicking on a focusable element, don't move focus to menu button\n    handle: function handle(event) {\n      return closeMenu(event, !(0, _dom.isFocusableElement)(event.target));\n    }\n  });\n  /**\n   * Keyboard interaction on menu button\n   * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13\n   */\n\n  var handleButtonKeydown = (0, _react.useCallback)(function (e) {\n    switch (e.key) {\n      // Open the menu\n      case _utils.KEY_VALUES.ENTER:\n      case _utils.KEY_VALUES.SPACE:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!open) {\n          openMenu(e);\n          dispatch({\n            type: _MenuContext.MenuActionTypes.MoveFocus,\n            to: _MenuContext.MoveFocusTo.First\n          });\n        } else {\n          closeMenu(e);\n        }\n\n        break;\n      // Open the menu (if closed) and move focus to first item\n      // This is mostly useful after opening the menu with click\n\n      case _utils.KEY_VALUES.DOWN:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!open) {\n          openMenu(e);\n        }\n\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n    }\n  }, [open, openMenu, closeMenu, dispatch]);\n  var handleButtonClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    toggleMenu(event);\n  }, [disabled, toggleMenu]);\n  var handleButtonContextMenu = (0, _react.useCallback)(function (event) {\n    // prevents default contextmenu\n    event.preventDefault(); // Only opens menu on right click. Left click can close the menu opened by a right click\n\n    if (open) return;\n    if (disabled) return;\n    openMenu(event);\n  }, [open, disabled, openMenu]);\n  var buttonEventHandlers = (0, _react.useMemo)(function () {\n    var buttonEventHandlers = {\n      onKeyDown: handleButtonKeydown\n    };\n    /**\n     * Bind event of trigger,\n     * not used in  in the expanded state of '<Sidenav>'\n     */\n\n    if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('click')) {\n      buttonEventHandlers.onClick = handleButtonClick;\n    }\n\n    if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('contextmenu')) {\n      buttonEventHandlers.onContextMenu = handleButtonContextMenu;\n    }\n\n    return buttonEventHandlers;\n  }, [openMenuOn, handleButtonKeydown, handleButtonClick, handleButtonContextMenu]);\n  var buttonId = (0, _useUniqueId.default)('menubutton-');\n  var menuId = (0, _useUniqueId.default)('menu-');\n  var buttonAriaAttributes = (0, _react.useMemo)(function () {\n    // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-14\n    return {\n      role: 'button',\n      'aria-haspopup': 'menu',\n      'aria-expanded': open || undefined,\n      // it's recommend to remove aria-expanded when menu is hidden\n      'aria-controls': menuId\n    };\n  }, [open, menuId]);\n  var buttonProps = (0, _react.useMemo)(function () {\n    return (0, _extends2.default)({\n      id: buttonId\n    }, buttonAriaAttributes, buttonEventHandlers, {\n      // render props\n      open: open\n    });\n  }, [buttonId, buttonAriaAttributes, buttonEventHandlers, open]);\n  var customMenuButton = (0, _react.useMemo)(function () {\n    return renderMenuButton === null || renderMenuButton === void 0 ? void 0 : renderMenuButton(buttonProps, buttonElementRef);\n  }, [renderMenuButton, buttonProps, buttonElementRef]);\n  var buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /*#__PURE__*/_react.default.createElement(\"button\", (0, _extends2.default)({\n    ref: buttonElementRef\n  }, buttonProps, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 272,\n      columnNumber: 5\n    }\n  }), menuButtonText);\n  /**\n   * Keyboard interaction on menu\n   * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12\n   */\n\n  var handleMenuKeydown = (0, _react.useCallback)(function (e) {\n    switch (e.key) {\n      // Move focus to previous item\n      case _utils.KEY_VALUES.UP:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Prev\n        });\n        break;\n      // Move focus to next item\n\n      case _utils.KEY_VALUES.DOWN:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Next\n        });\n        break;\n      // When focus is in a menu and on a menuitem that has a submenu, opens the submenu and places focus on its first item.\n\n      case _utils.KEY_VALUES.RIGHT:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!rtl) {\n          if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {\n            activeItem.click();\n          }\n        } else if (isSubmenu) {\n          dispatch({\n            type: _MenuContext.MenuActionTypes.CloseMenu\n          });\n        }\n\n        break;\n      // When focus is in a submenu of an item in a menu, closes the submenu and returns focus to the parent menuitem.\n\n      case _utils.KEY_VALUES.LEFT:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!rtl) {\n          if (isSubmenu) {\n            closeMenu(e);\n          }\n        } else if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {\n          activeItem.click();\n        }\n\n        break;\n      // Move focus to the first item\n\n      case _utils.KEY_VALUES.HOME:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n      // Move focus to the last item\n\n      case _utils.KEY_VALUES.END:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Last\n        });\n        break;\n      // - When focus is on a menuitem that has a submenu, opens the submenu and places focus on its first item.\n      // - Otherwise, activates the item and closes the menu.\n\n      case _utils.KEY_VALUES.ENTER:\n      case _utils.KEY_VALUES.SPACE:\n        if (activeItem) {\n          e.preventDefault();\n          e.stopPropagation();\n          activeItem.click();\n\n          if (!activeItem.getAttribute('aria-haspopup')) {\n            closeMenu(e);\n          }\n        }\n\n        break;\n      //  Close the menu that contains focus and return focus to the element or context,\n      //  e.g., menu button or parent menuitem, from which the menu was opened.\n\n      case _utils.KEY_VALUES.ESC:\n        closeMenu(e);\n        break;\n    }\n  }, [dispatch, activeItem, isSubmenu, rtl, closeMenu]); // Only used for clicks bubbling from child `menuitem`s.\n\n  var handleMenuClick = (0, _react.useCallback)(function (event) {\n    var target = event.target; // Only handle clicks on `menuitem`s\n\n    if (target.getAttribute('role') !== 'menuitem') return; // Ignore clicks on `menuitem`s that controls a submenu\n\n    if (target.getAttribute('aria-haspopup') === 'menu') return; // Ignore disabled `menuitem`s\n\n    if (target.getAttribute('aria-disabled') === 'true') return;\n    closeMenu(event, !isSubmenu);\n  }, [closeMenu, isSubmenu]); // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-13\n\n  var menuAriaAttributes = {\n    role: 'menu',\n    'aria-labelledby': buttonId,\n    'aria-activedescendant': activeItem === null || activeItem === void 0 ? void 0 : activeItem.id\n  };\n  var menuEventHandlers = {\n    onClick: handleMenuClick,\n    onKeyDown: handleMenuKeydown\n  };\n  var menuProps = (0, _extends2.default)({\n    id: menuId\n  }, menuAriaAttributes, menuEventHandlers, {\n    tabIndex: 0\n  });\n  var customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup((0, _extends2.default)({}, menuProps, {\n    open: open\n  }), menuElementRef); // fixme Wrong children here\n\n  var menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n    ref: menuElementRef\n  }, menuProps, {\n    hidden: !open,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 417,\n      columnNumber: 5\n    }\n  }), children);\n  var handleMouseEnter = (0, _react.useCallback)(function (e) {\n    if (!disabled) {\n      openMenu(e);\n    }\n  }, [disabled, openMenu]);\n  var handleMouseLeave = (0, _react.useCallback)(function (e) {\n    if (!disabled) {\n      closeMenu(e);\n    }\n  }, [disabled, closeMenu]);\n  var rootElementRef = (0, _react.useRef)(null);\n  var handleContainerBlur = (0, _react.useCallback)(function (event) {\n    if ((0, _events.isFocusLeaving)(event)) {\n      closeMenu(event, false);\n    }\n  }, [closeMenu]);\n  var rootEventHandlers = {\n    onBlur: handleContainerBlur\n  };\n\n  if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('mouseover')) {\n    rootEventHandlers.onMouseEnter = handleMouseEnter;\n    rootEventHandlers.onMouseLeave = handleMouseLeave;\n  }\n\n  var rootProps = (0, _extends2.default)({}, rootEventHandlers, {\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonElement, /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {\n      value: menu,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 465,\n        columnNumber: 9\n      }\n    }, menuElement)),\n    // render props\n    open: open\n  });\n\n  if (isSubmenu) {\n    rootProps.role = 'none presentation';\n  }\n\n  return children(rootProps, rootElementRef);\n}\n\nMenu.displayName = 'Menu';\nMenu.propTypes = {\n  children: _propTypes.default.func.isRequired\n};\nvar _default = Menu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/Menu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _useMenu = _interopRequireDefault(__webpack_require__(/*! ./useMenu */ \"./src/Menu/useMenu.ts\"));\n\nvar _useFocus2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useFocus */ \"./src/utils/useFocus.ts\"));\n\nvar _useClickOutside = _interopRequireDefault(__webpack_require__(/*! ../utils/useClickOutside */ \"./src/utils/useClickOutside.ts\"));\n\nvar _events = __webpack_require__(/*! ../utils/events */ \"./src/utils/events.ts\");\n\nvar _dom = __webpack_require__(/*! ../utils/dom */ \"./src/utils/dom.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Menu/Menu.tsx\";\nvar defaultOpenMenuOn = ['click'];\n/**\n * Headless ARIA `menu`\n * @private\n */\n\nfunction Menu(_ref) {\n  var _items$activeItemInde;\n\n  var disabled = _ref.disabled,\n      children = _ref.children,\n      _ref$openMenuOn = _ref.openMenuOn,\n      openMenuOn = _ref$openMenuOn === void 0 ? defaultOpenMenuOn : _ref$openMenuOn,\n      _ref$defaultOpen = _ref.defaultOpen,\n      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,\n      openProp = _ref.open,\n      menuButtonText = _ref.menuButtonText,\n      renderMenuButton = _ref.renderMenuButton,\n      renderMenuPopup = _ref.renderMenuPopup,\n      onToggleMenu = _ref.onToggleMenu;\n  var buttonElementRef = (0, _react.useRef)(null);\n  var menuElementRef = (0, _react.useRef)(null);\n  var parentMenu = (0, _react.useContext)(_MenuContext.default);\n  var isSubmenu = !!parentMenu;\n  var menu = (0, _useMenu.default)({\n    open: defaultOpen\n  });\n  var _menu$ = menu[0],\n      openState = _menu$.open,\n      items = _menu$.items,\n      activeItemIndex = _menu$.activeItemIndex,\n      dispatch = menu[1];\n  var openControlled = typeof openProp !== 'undefined';\n  var open = openControlled ? openProp : openState;\n\n  var _useCustom = (0, _utils.useCustom)('Menu'),\n      rtl = _useCustom.rtl;\n\n  var activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;\n\n  var _useFocus = (0, _useFocus2.default)(menuElementRef),\n      grabFocus = _useFocus.grab;\n\n  var openMenu = (0, _react.useCallback)(function (event) {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.OpenMenu\n    });\n\n    if (!event.isTrusted) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.First\n      });\n    }\n\n    onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(true, event);\n    grabFocus();\n  }, [dispatch, onToggleMenu, grabFocus]);\n  var closeMenu = (0, _react.useCallback)(function (event, returnFocusToButton) {\n    if (returnFocusToButton === void 0) {\n      returnFocusToButton = true;\n    }\n\n    dispatch({\n      type: _MenuContext.MenuActionTypes.CloseMenu\n    });\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n    onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(false, event);\n\n    if (returnFocusToButton) {\n      var _buttonElementRef$cur;\n\n      (_buttonElementRef$cur = buttonElementRef.current) === null || _buttonElementRef$cur === void 0 ? void 0 : _buttonElementRef$cur.focus({\n        preventScroll: true\n      });\n    }\n  }, [dispatch, onToggleMenu, buttonElementRef]);\n  var toggleMenu = (0, _react.useCallback)(function (event) {\n    if (!open) {\n      openMenu(event);\n    } else {\n      closeMenu(event);\n    }\n  }, [open, openMenu, closeMenu]);\n  (0, _useClickOutside.default)({\n    enabled: open,\n    isOutside: function isOutside(event) {\n      var _buttonElementRef$cur2, _menuElementRef$curre;\n\n      return !((_buttonElementRef$cur2 = buttonElementRef.current) !== null && _buttonElementRef$cur2 !== void 0 && _buttonElementRef$cur2.contains(event.target)) && !((_menuElementRef$curre = menuElementRef.current) !== null && _menuElementRef$curre !== void 0 && _menuElementRef$curre.contains(event.target));\n    },\n    // fixme if clicking on a focusable element, don't move focus to menu button\n    handle: function handle(event) {\n      return closeMenu(event, !(0, _dom.isFocusableElement)(event.target));\n    }\n  });\n  /**\n   * Keyboard interaction on menu button\n   * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13\n   */\n\n  var handleButtonKeydown = (0, _react.useCallback)(function (e) {\n    switch (e.key) {\n      // Open the menu\n      case _utils.KEY_VALUES.ENTER:\n      case _utils.KEY_VALUES.SPACE:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!open) {\n          openMenu(e);\n          dispatch({\n            type: _MenuContext.MenuActionTypes.MoveFocus,\n            to: _MenuContext.MoveFocusTo.First\n          });\n        } else {\n          closeMenu(e);\n        }\n\n        break;\n      // Open the menu (if closed) and move focus to first item\n      // This is mostly useful after opening the menu with click\n\n      case _utils.KEY_VALUES.DOWN:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!open) {\n          openMenu(e);\n        }\n\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n    }\n  }, [open, openMenu, closeMenu, dispatch]);\n  var handleButtonClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    toggleMenu(event);\n  }, [disabled, toggleMenu]);\n  var handleButtonContextMenu = (0, _react.useCallback)(function (event) {\n    // prevents default contextmenu\n    event.preventDefault(); // Only opens menu on right click. Left click can close the menu opened by a right click\n\n    if (open) return;\n    if (disabled) return;\n    openMenu(event);\n  }, [open, disabled, openMenu]);\n  var buttonEventHandlers = (0, _react.useMemo)(function () {\n    var buttonEventHandlers = {\n      onKeyDown: handleButtonKeydown\n    };\n    /**\n     * Bind event of trigger,\n     * not used in  in the expanded state of '<Sidenav>'\n     */\n\n    if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('click')) {\n      buttonEventHandlers.onClick = handleButtonClick;\n    }\n\n    if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('contextmenu')) {\n      buttonEventHandlers.onContextMenu = handleButtonContextMenu;\n    }\n\n    return buttonEventHandlers;\n  }, [openMenuOn, handleButtonKeydown, handleButtonClick, handleButtonContextMenu]);\n  var buttonId = (0, _useUniqueId.default)('menubutton-');\n  var menuId = (0, _useUniqueId.default)('menu-');\n  var buttonAriaAttributes = (0, _react.useMemo)(function () {\n    // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-14\n    return {\n      role: 'button',\n      'aria-haspopup': 'menu',\n      'aria-expanded': open || undefined,\n      // it's recommend to remove aria-expanded when menu is hidden\n      'aria-controls': menuId\n    };\n  }, [open, menuId]);\n  var buttonProps = (0, _react.useMemo)(function () {\n    return (0, _extends2.default)({\n      id: buttonId\n    }, buttonAriaAttributes, buttonEventHandlers, {\n      // render props\n      open: open\n    });\n  }, [buttonId, buttonAriaAttributes, buttonEventHandlers, open]);\n  var customMenuButton = (0, _react.useMemo)(function () {\n    return renderMenuButton === null || renderMenuButton === void 0 ? void 0 : renderMenuButton(buttonProps, buttonElementRef);\n  }, [renderMenuButton, buttonProps, buttonElementRef]);\n  var buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /*#__PURE__*/_react.default.createElement(\"button\", (0, _extends2.default)({\n    ref: buttonElementRef\n  }, buttonProps, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 273,\n      columnNumber: 5\n    }\n  }), menuButtonText);\n  /**\n   * Keyboard interaction on menu\n   * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12\n   */\n\n  var handleMenuKeydown = (0, _react.useCallback)(function (e) {\n    switch (e.key) {\n      // Move focus to previous item\n      case _utils.KEY_VALUES.UP:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Prev\n        });\n        break;\n      // Move focus to next item\n\n      case _utils.KEY_VALUES.DOWN:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Next\n        });\n        break;\n      // When focus is in a menu and on a menuitem that has a submenu, opens the submenu and places focus on its first item.\n\n      case _utils.KEY_VALUES.RIGHT:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!rtl) {\n          if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {\n            activeItem.click();\n          }\n        } else if (isSubmenu) {\n          dispatch({\n            type: _MenuContext.MenuActionTypes.CloseMenu\n          });\n        }\n\n        break;\n      // When focus is in a submenu of an item in a menu, closes the submenu and returns focus to the parent menuitem.\n\n      case _utils.KEY_VALUES.LEFT:\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (!rtl) {\n          if (isSubmenu) {\n            closeMenu(e);\n          }\n        } else if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {\n          activeItem.click();\n        }\n\n        break;\n      // Move focus to the first item\n\n      case _utils.KEY_VALUES.HOME:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n      // Move focus to the last item\n\n      case _utils.KEY_VALUES.END:\n        e.preventDefault();\n        e.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Last\n        });\n        break;\n      // - When focus is on a menuitem that has a submenu, opens the submenu and places focus on its first item.\n      // - Otherwise, activates the item and closes the menu.\n\n      case _utils.KEY_VALUES.ENTER:\n      case _utils.KEY_VALUES.SPACE:\n        if (activeItem) {\n          e.preventDefault();\n          e.stopPropagation();\n          activeItem.click();\n\n          if (!activeItem.getAttribute('aria-haspopup')) {\n            closeMenu(e);\n          }\n        }\n\n        break;\n      //  Close the menu that contains focus and return focus to the element or context,\n      //  e.g., menu button or parent menuitem, from which the menu was opened.\n\n      case _utils.KEY_VALUES.ESC:\n        closeMenu(e);\n        break;\n    }\n  }, [dispatch, activeItem, isSubmenu, rtl, closeMenu]); // Only used for clicks bubbling from child `menuitem`s.\n\n  var handleMenuClick = (0, _react.useCallback)(function (event) {\n    var target = event.target; // Only handle clicks on `menuitem`s\n\n    if (target.getAttribute('role') !== 'menuitem') return; // Ignore clicks on `menuitem`s that controls a submenu\n\n    if (target.getAttribute('aria-haspopup') === 'menu') return; // Ignore disabled `menuitem`s\n\n    if (target.getAttribute('aria-disabled') === 'true') return;\n    closeMenu(event, !isSubmenu);\n  }, [closeMenu, isSubmenu]); // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-13\n\n  var menuAriaAttributes = {\n    role: 'menu',\n    'aria-labelledby': buttonId,\n    'aria-activedescendant': activeItem === null || activeItem === void 0 ? void 0 : activeItem.id\n  };\n  var menuEventHandlers = {\n    onClick: handleMenuClick,\n    onKeyDown: handleMenuKeydown\n  };\n  var menuProps = (0, _extends2.default)({\n    id: menuId\n  }, menuAriaAttributes, menuEventHandlers, {\n    tabIndex: 0\n  });\n  var customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup((0, _extends2.default)({}, menuProps, {\n    open: open\n  }), menuElementRef); // fixme Wrong children here\n\n  var menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n    ref: menuElementRef\n  }, menuProps, {\n    hidden: !open,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 418,\n      columnNumber: 5\n    }\n  }), children);\n  var handleMouseEnter = (0, _react.useCallback)(function (e) {\n    if (!disabled) {\n      openMenu(e);\n    }\n  }, [disabled, openMenu]);\n  var handleMouseLeave = (0, _react.useCallback)(function (e) {\n    if (!disabled) {\n      closeMenu(e);\n    }\n  }, [disabled, closeMenu]);\n  var rootElementRef = (0, _react.useRef)(null);\n  var handleContainerBlur = (0, _react.useCallback)(function (event) {\n    if ((0, _events.isFocusLeaving)(event)) {\n      closeMenu(event, false);\n    }\n  }, [closeMenu]);\n  var rootEventHandlers = {\n    onBlur: handleContainerBlur\n  };\n\n  if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('mouseover')) {\n    rootEventHandlers.onMouseEnter = handleMouseEnter;\n    rootEventHandlers.onMouseLeave = handleMouseLeave;\n  }\n\n  var rootProps = (0, _extends2.default)({}, rootEventHandlers, {\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonElement, /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {\n      value: menu,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 466,\n        columnNumber: 9\n      }\n    }, menuElement)),\n    // render props\n    open: open\n  });\n\n  if (isSubmenu) {\n    rootProps.role = 'none presentation';\n  }\n\n  return children(rootProps, rootElementRef);\n}\n\nMenu.displayName = 'Menu';\nMenu.propTypes = {\n  children: _propTypes.default.func.isRequired\n};\nvar _default = Menu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/Menu.tsx?");
 
 /***/ }),
 
@@ -3233,7 +3365,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\n/**\n * Headless ARIA `menuitem`\n */\nfunction MenuItem(props) {\n  var children = props.children,\n      _props$selected = props.selected,\n      selected = _props$selected === void 0 ? false : _props$selected,\n      _props$disabled = props.disabled,\n      disabled = _props$disabled === void 0 ? false : _props$disabled,\n      onActivate = props.onActivate;\n  var menuitemRef = (0, _react.useRef)(null);\n  var menuitemId = (0, _useUniqueId.default)('menuitem-');\n  var menu = (0, _react.useContext)(_MenuContext.default);\n\n  if (!menu) {\n    throw new Error('<MenuItem> must be rendered within a <Menu>');\n  }\n\n  var menuState = menu[0],\n      dispatch = menu[1]; // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)\n\n  var hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && menuState.items[menuState.activeItemIndex].element === menuitemRef.current;\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onActivate === null || onActivate === void 0 ? void 0 : onActivate(event);\n  }, [disabled, onActivate]); // Gain/release focus on mousedown in `menubar`\n\n  var handleMouseDown = (0, _react.useCallback)(function () {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [dispatch, hasFocus]); // Gain/release focus on mouseenter/mouseleave in `menu`\n\n  var handleMouseMove = (0, _react.useCallback)(function () {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [hasFocus, dispatch]);\n  var handleMouseLeave = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(function () {\n    var menuitemElement = menuitemRef.current;\n\n    if (menuitemElement) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.RegisterItem,\n        element: menuitemElement,\n        props: {\n          disabled: disabled\n        }\n      });\n      return function () {\n        dispatch({\n          type: _MenuContext.MenuActionTypes.UnregisterItem,\n          id: menuitemElement.id\n        });\n      };\n    }\n  }, [menuitemRef, disabled, dispatch]);\n  var menuitemProps = {\n    id: menuitemId,\n    role: 'menuitem',\n    // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox\n    'aria-checked': selected || undefined,\n    'aria-disabled': disabled,\n    tabIndex: -1,\n    onClick: handleClick,\n    // render props\n    selected: selected,\n    active: hasFocus\n  }; // Only move focus on hover in a `menu`, not `menubar`\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {\n    menuitemProps.onMouseMove = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {\n    menuitemProps.onMouseDown = handleMouseDown;\n    menuitemProps.onMouseOver = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n\n  return children(menuitemProps, menuitemRef);\n}\n\nMenuItem.displayName = 'MenuItem';\nMenuItem.propTypes = {\n  selected: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  children: _propTypes.default.func.isRequired,\n  onActivate: _propTypes.default.func\n};\nvar _default = MenuItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/MenuItem.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\n/**\n * Headless ARIA `menuitem`\n * @private\n */\nfunction MenuItem(props) {\n  var children = props.children,\n      _props$selected = props.selected,\n      selected = _props$selected === void 0 ? false : _props$selected,\n      _props$disabled = props.disabled,\n      disabled = _props$disabled === void 0 ? false : _props$disabled,\n      onActivate = props.onActivate;\n  var menuitemRef = (0, _react.useRef)(null);\n  var menuitemId = (0, _useUniqueId.default)('menuitem-');\n  var menu = (0, _react.useContext)(_MenuContext.default);\n\n  if (!menu) {\n    throw new Error('<MenuItem> must be rendered within a <Menu>');\n  }\n\n  var menuState = menu[0],\n      dispatch = menu[1]; // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)\n\n  var hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && menuState.items[menuState.activeItemIndex].element === menuitemRef.current;\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n\n    onActivate === null || onActivate === void 0 ? void 0 : onActivate(event);\n  }, [disabled, onActivate]); // Gain/release focus on mousedown in `menubar`\n\n  var handleMouseDown = (0, _react.useCallback)(function () {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [dispatch, hasFocus]); // Gain/release focus on mouseenter/mouseleave in `menu`\n\n  var handleMouseMove = (0, _react.useCallback)(function () {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [hasFocus, dispatch]);\n  var handleMouseLeave = (0, _react.useCallback)(function () {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(function () {\n    var menuitemElement = menuitemRef.current;\n\n    if (menuitemElement) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.RegisterItem,\n        element: menuitemElement,\n        props: {\n          disabled: disabled\n        }\n      });\n      return function () {\n        dispatch({\n          type: _MenuContext.MenuActionTypes.UnregisterItem,\n          id: menuitemElement.id\n        });\n      };\n    }\n  }, [menuitemRef, disabled, dispatch]);\n  var menuitemProps = {\n    id: menuitemId,\n    role: 'menuitem',\n    // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox\n    'aria-checked': selected || undefined,\n    'aria-disabled': disabled,\n    tabIndex: -1,\n    onClick: handleClick,\n    // render props\n    selected: selected,\n    active: hasFocus\n  }; // Only move focus on hover in a `menu`, not `menubar`\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {\n    menuitemProps.onMouseMove = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {\n    menuitemProps.onMouseDown = handleMouseDown;\n    menuitemProps.onMouseOver = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n\n  return children(menuitemProps, menuitemRef);\n}\n\nMenuItem.displayName = 'MenuItem';\nMenuItem.propTypes = {\n  selected: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  children: _propTypes.default.func.isRequired,\n  onActivate: _propTypes.default.func\n};\nvar _default = MenuItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Menu/MenuItem.tsx?");
 
 /***/ }),
 
@@ -3244,7 +3376,7 @@ eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/h
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = Menubar;\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _events = __webpack_require__(/*! ../utils/events */ \"./src/utils/events.ts\");\n\nvar _useMenu = _interopRequireDefault(__webpack_require__(/*! ./useMenu */ \"./src/Menu/useMenu.ts\"));\n\nvar _dom = __webpack_require__(/*! ../utils/dom */ \"./src/utils/dom.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Menu/Menubar.tsx\";\n\nfunction Menubar(_ref) {\n  var _items$activeItemInde3;\n\n  var _ref$vertical = _ref.vertical,\n      vertical = _ref$vertical === void 0 ? false : _ref$vertical,\n      children = _ref.children,\n      onActivateItem = _ref.onActivateItem;\n  var menubar = (0, _useMenu.default)({\n    role: 'menubar'\n  });\n  var _menubar$ = menubar[0],\n      items = _menubar$.items,\n      activeItemIndex = _menubar$.activeItemIndex,\n      dispatch = menubar[1];\n  var menubarElementRef = (0, _react.useRef)(null);\n  var onFocus = (0, _react.useCallback)(function (event) {\n    // Focus moves inside Menubar\n    if ((0, _events.isFocusEntering)(event) && // Skip if focus is moving to a focusable element within this menu\n    !(event.target !== event.currentTarget && (0, _dom.isFocusableElement)(event.target))) {\n      if (activeItemIndex === null) {\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n      }\n    }\n  }, [activeItemIndex, dispatch]);\n  var onBlur = (0, _react.useCallback)(function (event) {\n    // Focus moves outside of Menubar\n    if ((0, _events.isFocusLeaving)(event)) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.None\n      });\n    }\n  }, [dispatch]);\n\n  var _useCustom = (0, _utils.useCustom)('Menubar'),\n      rtl = _useCustom.rtl;\n\n  var onKeyDown = (0, _react.useCallback)(function (event) {\n    var _items$activeItemInde, _items$activeItemInde2;\n\n    var activeItemElement = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = (_items$activeItemInde2 = items[activeItemIndex]) === null || _items$activeItemInde2 === void 0 ? void 0 : _items$activeItemInde2.element) !== null && _items$activeItemInde !== void 0 ? _items$activeItemInde : null;\n\n    switch (true) {\n      case !vertical && !rtl && event.key === _utils.KEY_VALUES.RIGHT:\n      case !vertical && rtl && event.key === _utils.KEY_VALUES.LEFT:\n      case vertical && event.key === _utils.KEY_VALUES.DOWN:\n        event.preventDefault();\n        event.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Next\n        });\n        break;\n\n      case !vertical && !rtl && event.key === _utils.KEY_VALUES.LEFT:\n      case !vertical && rtl && event.key === _utils.KEY_VALUES.RIGHT:\n      case vertical && event.key === _utils.KEY_VALUES.UP:\n        event.preventDefault();\n        event.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Prev\n        });\n        break;\n\n      case event.key === _utils.KEY_VALUES.HOME:\n        event.preventDefault();\n        event.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n\n      case event.key === _utils.KEY_VALUES.END:\n        event.preventDefault();\n        event.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Last\n        });\n        break;\n\n      case !vertical && event.key === _utils.KEY_VALUES.DOWN:\n      case vertical && !rtl && event.key === _utils.KEY_VALUES.RIGHT:\n      case vertical && rtl && event.key === _utils.KEY_VALUES.LEFT:\n        if ((activeItemElement === null || activeItemElement === void 0 ? void 0 : activeItemElement.getAttribute('aria-haspopup')) === 'menu') {\n          event.preventDefault();\n          event.stopPropagation();\n          activeItemElement.click();\n        }\n\n        break;\n\n      case event.key === _utils.KEY_VALUES.ENTER:\n      case event.key === _utils.KEY_VALUES.SPACE:\n        event.preventDefault();\n        event.stopPropagation();\n        activeItemElement === null || activeItemElement === void 0 ? void 0 : activeItemElement.click();\n        break;\n    }\n  }, [rtl, items, activeItemIndex, dispatch, vertical]); // Only used for handling click events bubbling from children\n  // Which indicates that a child menuitem is being activated\n\n  var onClick = (0, _react.useCallback)(function (event) {\n    if (items.some(function (item) {\n      return item.element === event.target;\n    })) {\n      onActivateItem === null || onActivateItem === void 0 ? void 0 : onActivateItem(event);\n    }\n  }, [items, onActivateItem]);\n  return /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {\n    value: menubar,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\n      columnNumber: 5\n    }\n  }, children({\n    role: 'menubar',\n    tabIndex: 0,\n    onFocus: onFocus,\n    onBlur: onBlur,\n    onKeyDown: onKeyDown,\n    onClick: onClick,\n    'aria-activedescendant': (0, _isNil.default)(activeItemIndex) ? undefined : (_items$activeItemInde3 = items[activeItemIndex]) === null || _items$activeItemInde3 === void 0 ? void 0 : _items$activeItemInde3.element.id,\n    'aria-orientation': vertical ? 'vertical' : undefined // implicitly set 'horizontal'\n\n  }, menubarElementRef));\n}\n\n//# sourceURL=webpack://rsuite/./src/Menu/Menubar.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = Menubar;\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/Menu/MenuContext.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _events = __webpack_require__(/*! ../utils/events */ \"./src/utils/events.ts\");\n\nvar _useMenu = _interopRequireDefault(__webpack_require__(/*! ./useMenu */ \"./src/Menu/useMenu.ts\"));\n\nvar _dom = __webpack_require__(/*! ../utils/dom */ \"./src/utils/dom.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Menu/Menubar.tsx\";\n\n/**\n * @private\n */\nfunction Menubar(_ref) {\n  var _items$activeItemInde3;\n\n  var _ref$vertical = _ref.vertical,\n      vertical = _ref$vertical === void 0 ? false : _ref$vertical,\n      children = _ref.children,\n      onActivateItem = _ref.onActivateItem;\n  var menubar = (0, _useMenu.default)({\n    role: 'menubar'\n  });\n  var _menubar$ = menubar[0],\n      items = _menubar$.items,\n      activeItemIndex = _menubar$.activeItemIndex,\n      dispatch = menubar[1];\n  var menubarElementRef = (0, _react.useRef)(null);\n  var onFocus = (0, _react.useCallback)(function (event) {\n    // Focus moves inside Menubar\n    if ((0, _events.isFocusEntering)(event) && // Skip if focus is moving to a focusable element within this menu\n    !(event.target !== event.currentTarget && (0, _dom.isFocusableElement)(event.target))) {\n      if (activeItemIndex === null) {\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n      }\n    }\n  }, [activeItemIndex, dispatch]);\n  var onBlur = (0, _react.useCallback)(function (event) {\n    // Focus moves outside of Menubar\n    if ((0, _events.isFocusLeaving)(event)) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.None\n      });\n    }\n  }, [dispatch]);\n\n  var _useCustom = (0, _utils.useCustom)('Menubar'),\n      rtl = _useCustom.rtl;\n\n  var onKeyDown = (0, _react.useCallback)(function (event) {\n    var _items$activeItemInde, _items$activeItemInde2;\n\n    var activeItemElement = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = (_items$activeItemInde2 = items[activeItemIndex]) === null || _items$activeItemInde2 === void 0 ? void 0 : _items$activeItemInde2.element) !== null && _items$activeItemInde !== void 0 ? _items$activeItemInde : null;\n\n    switch (true) {\n      case !vertical && !rtl && event.key === _utils.KEY_VALUES.RIGHT:\n      case !vertical && rtl && event.key === _utils.KEY_VALUES.LEFT:\n      case vertical && event.key === _utils.KEY_VALUES.DOWN:\n        event.preventDefault();\n        event.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Next\n        });\n        break;\n\n      case !vertical && !rtl && event.key === _utils.KEY_VALUES.LEFT:\n      case !vertical && rtl && event.key === _utils.KEY_VALUES.RIGHT:\n      case vertical && event.key === _utils.KEY_VALUES.UP:\n        event.preventDefault();\n        event.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Prev\n        });\n        break;\n\n      case event.key === _utils.KEY_VALUES.HOME:\n        event.preventDefault();\n        event.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.First\n        });\n        break;\n\n      case event.key === _utils.KEY_VALUES.END:\n        event.preventDefault();\n        event.stopPropagation();\n        dispatch({\n          type: _MenuContext.MenuActionTypes.MoveFocus,\n          to: _MenuContext.MoveFocusTo.Last\n        });\n        break;\n\n      case !vertical && event.key === _utils.KEY_VALUES.DOWN:\n      case vertical && !rtl && event.key === _utils.KEY_VALUES.RIGHT:\n      case vertical && rtl && event.key === _utils.KEY_VALUES.LEFT:\n        if ((activeItemElement === null || activeItemElement === void 0 ? void 0 : activeItemElement.getAttribute('aria-haspopup')) === 'menu') {\n          event.preventDefault();\n          event.stopPropagation();\n          activeItemElement.click();\n        }\n\n        break;\n\n      case event.key === _utils.KEY_VALUES.ENTER:\n      case event.key === _utils.KEY_VALUES.SPACE:\n        event.preventDefault();\n        event.stopPropagation();\n        activeItemElement === null || activeItemElement === void 0 ? void 0 : activeItemElement.click();\n        break;\n    }\n  }, [rtl, items, activeItemIndex, dispatch, vertical]); // Only used for handling click events bubbling from children\n  // Which indicates that a child menuitem is being activated\n\n  var onClick = (0, _react.useCallback)(function (event) {\n    if (items.some(function (item) {\n      return item.element === event.target;\n    })) {\n      onActivateItem === null || onActivateItem === void 0 ? void 0 : onActivateItem(event);\n    }\n  }, [items, onActivateItem]);\n  return /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {\n    value: menubar,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 135,\n      columnNumber: 5\n    }\n  }, children({\n    role: 'menubar',\n    tabIndex: 0,\n    onFocus: onFocus,\n    onBlur: onBlur,\n    onKeyDown: onKeyDown,\n    onClick: onClick,\n    'aria-activedescendant': (0, _isNil.default)(activeItemIndex) ? undefined : (_items$activeItemInde3 = items[activeItemIndex]) === null || _items$activeItemInde3 === void 0 ? void 0 : _items$activeItemInde3.element.id,\n    'aria-orientation': vertical ? 'vertical' : undefined // implicitly set 'horizontal'\n\n  }, menubarElementRef));\n}\n\n//# sourceURL=webpack://rsuite/./src/Menu/Menubar.tsx?");
 
 /***/ }),
 
@@ -3431,7 +3563,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\n\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ \"./src/Dropdown/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useEnsuredRef = _interopRequireDefault(__webpack_require__(/*! ../utils/useEnsuredRef */ \"./src/utils/useEnsuredRef.ts\"));\n\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menubar */ \"./src/Menu/Menubar.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/Nav.tsx\",\n    _this = void 0;\n\nvar Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'nav' : _props$classPrefix,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      vertical = props.vertical,\n      justified = props.justified,\n      reversed = props.reversed,\n      pullRight = props.pullRight,\n      className = props.className,\n      children = props.children,\n      activeKeyProp = props.activeKey,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"appearance\", \"vertical\", \"justified\", \"reversed\", \"pullRight\", \"className\", \"children\", \"activeKey\", \"onSelect\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext); // Whether inside a <Navbar>\n\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var menubarRef = (0, _useEnsuredRef.default)(ref);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      rootPrefix = _useClassNames.rootPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, rootPrefix({\n    'navbar-nav': navbar,\n    'navbar-right': pullRight,\n    'sidenav-nav': sidenav\n  }), withClassPrefix(appearance, {\n    horizontal: navbar || !vertical && !sidenav,\n    vertical: vertical || sidenav,\n    justified: justified,\n    reversed: reversed\n  }));\n\n  var _ref = sidenav || {},\n      activeKeyFromSidenav = _ref.activeKey,\n      _ref$onSelect = _ref.onSelect,\n      onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;\n\n  var activeKey = activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav;\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      withinNav: true,\n      activeKey: activeKey,\n      onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav\n    };\n  }, [activeKey, onSelectFromSidenav, onSelectProp]);\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 98,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: ref,\n      className: classes\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99,\n        columnNumber: 9\n      }\n    }), children));\n  }\n\n  var hasWaterline = appearance !== 'default'; // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: !!sidenav,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 9\n      }\n    }, function (menubar, ref) {\n      return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n        ref: ref\n      }, rest, {\n        className: classes\n      }, menubar, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 114,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: menubarRef,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 7\n    }\n  }), children, hasWaterline && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('bar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126,\n      columnNumber: 26\n    }\n  })));\n});\n\nNav.Dropdown = _Dropdown.default;\nNav.Item = _NavItem.default;\nNav.displayName = 'Nav';\nNav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  appearance: _propTypes.default.oneOf(['default', 'subtle', 'tabs']),\n  // Reverse Direction of tabs/subtle\n  reversed: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  pullRight: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func\n};\nvar _default = Nav;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useEnsuredRef = _interopRequireDefault(__webpack_require__(/*! ../utils/useEnsuredRef */ \"./src/utils/useEnsuredRef.ts\"));\n\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menubar */ \"./src/Menu/Menubar.tsx\"));\n\nvar _NavDropdown = _interopRequireDefault(__webpack_require__(/*! ./NavDropdown */ \"./src/Nav/NavDropdown.tsx\"));\n\nvar _NavMenu = _interopRequireWildcard(__webpack_require__(/*! ./NavMenu */ \"./src/Nav/NavMenu.tsx\"));\n\nvar _deprecateComponent = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecateComponent */ \"./src/utils/deprecateComponent.tsx\"));\n\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\n\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\n\nvar _NavbarDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarDropdownItem */ \"./src/Navbar/NavbarDropdownItem.tsx\"));\n\nvar _SidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownItem */ \"./src/Sidenav/SidenavDropdownItem.tsx\"));\n\nvar _NavbarItem = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarItem */ \"./src/Navbar/NavbarItem.tsx\"));\n\nvar _SidenavItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavItem */ \"./src/Sidenav/SidenavItem.tsx\"));\n\nvar _useInternalId = _interopRequireDefault(__webpack_require__(/*! ../utils/useInternalId */ \"./src/utils/useInternalId.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/Nav.tsx\",\n    _this = void 0;\n\nvar Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'nav' : _props$classPrefix,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      vertical = props.vertical,\n      justified = props.justified,\n      reversed = props.reversed,\n      pullRight = props.pullRight,\n      className = props.className,\n      children = props.children,\n      activeKeyProp = props.activeKey,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"appearance\", \"vertical\", \"justified\", \"reversed\", \"pullRight\", \"className\", \"children\", \"activeKey\", \"onSelect\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext); // Whether inside a <Navbar>\n\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var menubarRef = (0, _useEnsuredRef.default)(ref);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      rootPrefix = _useClassNames.rootPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, rootPrefix({\n    'navbar-nav': navbar,\n    'navbar-right': pullRight,\n    'sidenav-nav': sidenav\n  }), withClassPrefix(appearance, {\n    horizontal: navbar || !vertical && !sidenav,\n    vertical: vertical || sidenav,\n    justified: justified,\n    reversed: reversed\n  }));\n\n  var _ref = sidenav || {},\n      activeKeyFromSidenav = _ref.activeKey,\n      _ref$onSelect = _ref.onSelect,\n      onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;\n\n  var activeKey = activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav;\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      activeKey: activeKey,\n      onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav\n    };\n  }, [activeKey, onSelectFromSidenav, onSelectProp]);\n\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: ref,\n      className: classes\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 9\n      }\n    }), children));\n  }\n\n  var hasWaterline = appearance !== 'default'; // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 123,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: !!sidenav,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 124,\n        columnNumber: 9\n      }\n    }, function (menubar, ref) {\n      return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n        ref: ref\n      }, rest, {\n        className: classes\n      }, menubar, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 126,\n          columnNumber: 13\n        }\n      }), children);\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 135,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: menubarRef,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 136,\n      columnNumber: 7\n    }\n  }), children, hasWaterline && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('bar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 138,\n      columnNumber: 26\n    }\n  })));\n});\n\nvar DeprecatedNavDropdown = (0, _deprecateComponent.default)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');\nDeprecatedNavDropdown.Menu = (0, _deprecateComponent.default)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');\nDeprecatedNavDropdown.Item = (0, _deprecateComponent.default)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');\nNav.Dropdown = DeprecatedNavDropdown;\n/**\n * The <Nav.Item> API\n * When used as direct child of <Nav>, render the NavItem\n * When used within a <Nav.Menu>, render the NavDropdownItem\n */\n\nNav.Item = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!nav) {\n    throw new Error('<Nav.Item> must be rendered within a <Nav> component.');\n  }\n\n  var parentNavMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _ref2 = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],\n      dispatch = _ref2[1];\n\n  var _id = (0, _useInternalId.default)('Nav.Item');\n\n  (0, _react.useEffect)(function () {\n    if (dispatch) {\n      var _props$active;\n\n      dispatch({\n        type: _NavMenu.NavMenuActionType.RegisterItem,\n        payload: {\n          _id: _id,\n          eventKey: props.eventKey,\n          active: (_props$active = props.active) !== null && _props$active !== void 0 ? _props$active : false\n        }\n      });\n      return function () {\n        dispatch({\n          type: _NavMenu.NavMenuActionType.UnregisterItem,\n          payload: {\n            _id: _id\n          }\n        });\n      };\n    }\n  }, [dispatch, _id, props.eventKey, props.active]);\n\n  if (parentNavMenu) {\n    if (navbar) {\n      return /*#__PURE__*/_react.default.createElement(_NavbarDropdownItem.default, (0, _extends2.default)({\n        ref: ref\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 201,\n          columnNumber: 14\n        }\n      }));\n    }\n\n    if (sidenav) {\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({\n        ref: ref\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 205,\n          columnNumber: 14\n        }\n      }));\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_NavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 12\n      }\n    }));\n  }\n\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 212,\n        columnNumber: 12\n      }\n    }));\n  }\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 216,\n        columnNumber: 12\n      }\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_NavItem.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 219,\n      columnNumber: 10\n    }\n  }));\n});\nNav.Item.displayName = 'Nav.Item';\nNav.Menu = _NavMenu.default;\nNav.displayName = 'Nav';\nNav.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  appearance: _propTypes.default.oneOf(['default', 'subtle', 'tabs']),\n  // Reverse Direction of tabs/subtle\n  reversed: _propTypes.default.bool,\n  justified: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  pullRight: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func\n};\nvar _default = Nav;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
 
 /***/ }),
 
@@ -3442,7 +3574,51 @@ 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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _noop = _interopRequireDefault(__webpack_require__(/*! lodash/noop */ \"./node_modules/lodash/noop.js\"));\n\nvar NavContext = /*#__PURE__*/_react.default.createContext({\n  withinNav: false,\n  activeKey: null,\n  onSelect: _noop.default\n});\n\nvar _default = NavContext;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavContext.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar NavContext = /*#__PURE__*/_react.default.createContext(null);\n\nvar _default = NavContext;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavContext.ts?");
+
+/***/ }),
+
+/***/ "./src/Nav/NavDropdown.tsx":
+/*!*********************************!*\
+  !*** ./src/Nav/NavDropdown.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _DropdownState = __webpack_require__(/*! ../Dropdown/DropdownState */ \"./src/Dropdown/DropdownState.ts\");\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\n\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\n\nvar _NavDropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownToggle */ \"./src/Nav/NavDropdownToggle.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavDropdown.tsx\",\n    _this = void 0;\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> call\n *\n * <Nav>\n *   <Nav.Menu> -> This will render <NavDropdown> component\n *   </Nav.Menu>\n * </Nav>\n */\nvar NavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!nav) {\n    throw new Error('<Nav.Dropdown> must be rendered within a <Nav> component.');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      title = props.title,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      _props$trigger = props.trigger,\n      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      toggleAs = props.toggleAs,\n      toggleClassName = props.toggleClassName,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,\n      className = props.className,\n      disabled = props.disabled,\n      children = props.children,\n      menuStyle = props.menuStyle,\n      style = props.style,\n      toggleProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"title\", \"onClose\", \"onOpen\", \"onToggle\", \"eventKey\", \"trigger\", \"placement\", \"toggleAs\", \"toggleClassName\", \"classPrefix\", \"className\", \"disabled\", \"children\", \"menuStyle\", \"style\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var menuButtonTriggers = (0, _react.useMemo)(function () {\n    if (!trigger) {\n      return undefined;\n    }\n\n    var triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n\n    return trigger.map(function (t) {\n      return triggerMap[t];\n    });\n  }, [trigger]);\n\n  var _useReducer = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState),\n      items = _useReducer[0].items;\n\n  var hasSelectedItem = (0, _react.useMemo)(function () {\n    return items.some(function (item) {\n      return item.props.selected;\n    });\n  }, [items]);\n\n  var renderMenuButton = function renderMenuButton(menuButtonProps, menuButtonRef) {\n    return /*#__PURE__*/_react.default.createElement(_NavDropdownToggle.default, (0, _extends2.default)({\n      ref: menuButtonRef,\n      as: toggleAs,\n      className: toggleClassName,\n      placement: placement,\n      disabled: disabled\n    }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid']), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 7\n      }\n    }), title);\n  };\n\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    renderMenuButton: renderMenuButton,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: function renderMenuPopup(_ref, popupRef) {\n      var open = _ref.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 184,\n          columnNumber: 13\n        }\n      }), children);\n    },\n    onToggleMenu: function onToggleMenu(open, event) {\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);\n\n      if (open) {\n        onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n      } else {\n        onClose === null || onClose === void 0 ? void 0 : onClose();\n      }\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 7\n    }\n  }, function (_ref2, menuContainerRef) {\n    var _withClassPrefix;\n\n    var open = _ref2.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"open\"]);\n    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215,\n        columnNumber: 13\n      }\n    }));\n  });\n});\n\nNavDropdown.Item = _NavDropdownItem.default;\nNavDropdown.Menu = _NavDropdownMenu.default;\nNavDropdown.displayName = 'Nav.Dropdown';\nNavDropdown.propTypes = {\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderToggle: _propTypes.default.func\n};\nvar _default = NavDropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavDropdown.tsx?");
+
+/***/ }),
+
+/***/ "./src/Nav/NavDropdownItem.tsx":
+/*!*************************************!*\
+  !*** ./src/Nav/NavDropdownItem.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useRenderDropdownItem = __webpack_require__(/*! ../Dropdown/useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavDropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * @private\n */\nvar NavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!nav) {\n    throw new Error('<Nav.Dropdown.Item> should be used within a <Nav> component.');\n  }\n\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      divider = props.divider,\n      panel = props.panel,\n      children = props.children,\n      disabled = props.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\", \"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\n  var activeKey = nav.activeKey,\n      onSelectFromNav = nav.onSelect;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  var handleSelectItem = (0, _react.useCallback)(function (event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [onSelect, eventKey, onSelectFromNav]);\n  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className)\n    }, restProps));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      className: merge(prefix('panel'), className),\n      children: children\n    }, restProps));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116,\n      columnNumber: 7\n    }\n  }, function (_ref, menuitemRef) {\n    var selected = _ref.selected,\n        active = _ref.active,\n        menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"selected\", \"active\"]);\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled: disabled,\n      focus: active,\n      divider: divider,\n      panel: panel\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return renderDropdownItem((0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes\n    }, menuitem, dataAttributes, restProps, {\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), children)\n    }));\n  });\n});\n\nNavDropdownItem.displayName = 'Nav.Dropdown.Item';\nNavDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number\n};\nvar _default = NavDropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavDropdownItem.tsx?");
+
+/***/ }),
+
+/***/ "./src/Nav/NavDropdownMenu.tsx":
+/*!*************************************!*\
+  !*** ./src/Nav/NavDropdownMenu.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavDropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\n/**\n * @private\n */\nvar NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!nav) {\n    throw new Error('<Nav.Dropdown.Menu> should be used within a <Nav> component.');\n  }\n\n  var onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      title = props.title,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,\n      children = props.children,\n      _props$openDirection = props.openDirection,\n      openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onToggle\", \"eventKey\", \"title\", \"classPrefix\", \"children\", \"openDirection\"]);\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var handleToggleSubmenu = (0, _react.useCallback)(function (open, event) {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);\n  }, [eventKey, onToggle]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),\n      mergeItemClassNames = _useClassNames3.merge,\n      withItemClassPrefix = _useClassNames3.withClassPrefix,\n      prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n\n\n  var _omit = (0, _omit2.default)(rest, ['trigger']),\n      icon = _omit.icon,\n      className = _omit.className,\n      disabled = _omit.disabled,\n      menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, [\"icon\", \"className\", \"disabled\"]);\n\n  var Icon = rtl ? _AngleLeft.default : _AngleRight.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: function renderMenuButton(_ref, buttonRef) {\n      var open = _ref.open,\n          menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 102,\n          columnNumber: 9\n        }\n      }, function (_ref2, menuitemRef) {\n        var selected = _ref2.selected,\n            active = _ref2.active,\n            menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))), withItemClassPrefix({\n          'with-icon': icon,\n          open: open,\n          active: selected,\n          disabled: disabled,\n          focus: active\n        }));\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          className: classes,\n          \"data-event-key\": eventKey,\n          \"data-event-key-type\": typeof eventKey\n        }, menuitem, (0, _omit2.default)(menuButtonProps, ['role']), {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 117,\n            columnNumber: 15\n          }\n        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n          className: prefix('menu-icon')\n        }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n          className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 127,\n            columnNumber: 17\n          }\n        }));\n      });\n    },\n    renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {\n      var open = _ref3.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open,\n        \"data-direction\": openDirection\n      }, popupProps, menuProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 137,\n          columnNumber: 11\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 99,\n      columnNumber: 5\n    }\n  }, function (_ref4, menuContainerRef) {\n    var open = _ref4.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n    var classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled: disabled,\n      open: open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 161,\n        columnNumber: 11\n      }\n    }));\n  });\n});\n\nNavDropdownMenu.displayName = 'Nav.Dropdown.Menu';\nNavDropdownMenu.propTypes = {\n  active: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use openDirection=\"start\" instead.'),\n  openDirection: _propTypes.default.oneOf(['start', 'end']),\n  title: _propTypes.default.node,\n  open: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  expanded: _propTypes.default.bool,\n  collapsible: _propTypes.default.bool,\n  onToggle: _propTypes.default.func\n};\nvar _default = NavDropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavDropdownMenu.tsx?");
+
+/***/ }),
+
+/***/ "./src/Nav/NavDropdownToggle.tsx":
+/*!***************************************!*\
+  !*** ./src/Nav/NavDropdownToggle.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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _ArrowDownLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowDownLine */ \"./node_modules/@rsuite/icons/ArrowDownLine.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavItem = _interopRequireDefault(__webpack_require__(/*! ./NavItem */ \"./src/Nav/NavItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavDropdownToggle.tsx\",\n    _this = void 0;\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> call\n *\n * <Nav>\n *   <Nav.Menu> -> This will render <NavDropdown> component that renders a <NavDropdownToggle>\n *   </Nav.Menu>\n * </Nav>\n */\nvar NavDropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _NavItem.default : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,\n      renderToggle = props.renderToggle,\n      children = props.children,\n      noCaret = props.noCaret,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"renderToggle\", \"children\", \"noCaret\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('nav-item'),\n      prefixNavItem = _useClassNames2.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    'no-caret': noCaret\n  }));\n\n  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 7\n    }\n  }), children, !noCaret && /*#__PURE__*/_react.default.createElement(_ArrowDownLine.default, {\n    className: prefixNavItem('caret'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 22\n    }\n  }));\n\n  return renderToggle ? renderToggle(rest, ref) : toggle;\n});\n\nNavDropdownToggle.displayName = 'Nav.Dropdown.Toggle';\nNavDropdownToggle.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  noCaret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  renderToggle: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = NavDropdownToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavDropdownToggle.tsx?");
 
 /***/ }),
 
@@ -3453,7 +3629,18 @@ 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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _Navbar = __webpack_require__(/*! ../Navbar/Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _SidenavItem = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavItem */ \"./src/Sidenav/SidenavItem.tsx\"));\n\nvar _NavbarItem = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarItem */ \"./src/Navbar/NavbarItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavItem.tsx\",\n    _this = void 0;\n\n/**\n * The <Nav.Item> API\n */\nvar NavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      disabled = props.disabled,\n      eventKey = props.eventKey,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'nav-item' : _props$classPrefix,\n      style = props.style,\n      children = props.children,\n      icon = props.icon,\n      divider = props.divider,\n      panel = props.panel,\n      onClick = props.onClick,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"eventKey\", \"className\", \"classPrefix\", \"style\", \"children\", \"icon\", \"divider\", \"panel\", \"onClick\", \"onSelect\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      activeKey = _useContext.activeKey,\n      onSelectFromNav = _useContext.onSelect;\n\n  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  var emitSelect = (0, _react.useCallback)(function (event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 ? void 0 : onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({}, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99,\n        columnNumber: 9\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 9\n      }\n    }), children);\n  }\n\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    tabIndex: disabled ? -1 : undefined\n  }, rest, {\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": active || undefined,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 7\n    }\n  }), icon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 133,\n      columnNumber: 9\n    }\n  }));\n});\n\nNavItem.displayName = 'Nav.Item';\nNavItem.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  onClick: _propTypes.default.func,\n  style: _propTypes.default.object,\n  icon: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any\n};\nvar _default = NavItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavItem.tsx\",\n    _this = void 0;\n\n/**\n * The <Nav.Item> API\n * When used as direct child of <Nav>, render the NavItem\n * When used within a <Nav.Menu>, render the NavDropdownItem\n */\nvar NavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!nav) {\n    throw new Error('<Nav.Item> must be rendered within a <Nav> component.');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      disabled = props.disabled,\n      eventKey = props.eventKey,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'nav-item' : _props$classPrefix,\n      style = props.style,\n      children = props.children,\n      icon = props.icon,\n      divider = props.divider,\n      panel = props.panel,\n      onClick = props.onClick,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"eventKey\", \"className\", \"classPrefix\", \"style\", \"children\", \"icon\", \"divider\", \"panel\", \"onClick\", \"onSelect\"]);\n  var activeKey = nav.activeKey,\n      onSelectFromNav = nav.onSelect;\n  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  var emitSelect = (0, _react.useCallback)(function (event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 ? void 0 : onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 96,\n        columnNumber: 9\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 108,\n        columnNumber: 9\n      }\n    }), children);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    tabIndex: disabled ? -1 : undefined\n  }, rest, {\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": active || undefined,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115,\n      columnNumber: 7\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: prefix('icon')\n  }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126,\n      columnNumber: 9\n    }\n  }));\n});\n\nNavItem.displayName = 'Nav.Item';\nNavItem.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  onClick: _propTypes.default.func,\n  style: _propTypes.default.object,\n  icon: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any\n};\nvar _default = NavItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavItem.tsx?");
+
+/***/ }),
+
+/***/ "./src/Nav/NavMenu.tsx":
+/*!*****************************!*\
+  !*** ./src/Nav/NavMenu.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.NavMenuActionType = exports.NavMenuContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _NavDropdown = _interopRequireDefault(__webpack_require__(/*! ./NavDropdown */ \"./src/Nav/NavDropdown.tsx\"));\n\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\n\nvar _Sidenav = __webpack_require__(/*! ../Sidenav/Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _SidenavDropdown = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdown */ \"./src/Sidenav/SidenavDropdown.tsx\"));\n\nvar _Navbar = __webpack_require__(/*! ../Navbar */ \"./src/Navbar/index.tsx\");\n\nvar _NavbarDropdown = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarDropdown */ \"./src/Navbar/NavbarDropdown.tsx\"));\n\nvar _NavbarDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Navbar/NavbarDropdownMenu */ \"./src/Navbar/NavbarDropdownMenu.tsx\"));\n\nvar _SidenavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Sidenav/SidenavDropdownMenu */ \"./src/Sidenav/SidenavDropdownMenu.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Nav/NavMenu.tsx\",\n    _this = void 0;\n\nvar NavMenuContext = /*#__PURE__*/_react.default.createContext(null);\n\nexports.NavMenuContext = NavMenuContext;\nNavMenuContext.displayName = 'NavMenu.Context';\nvar NavMenuActionType;\nexports.NavMenuActionType = NavMenuActionType;\n\n(function (NavMenuActionType) {\n  NavMenuActionType[NavMenuActionType[\"RegisterItem\"] = 0] = \"RegisterItem\";\n  NavMenuActionType[NavMenuActionType[\"UnregisterItem\"] = 1] = \"UnregisterItem\";\n})(NavMenuActionType || (exports.NavMenuActionType = NavMenuActionType = {}));\n\nvar initilNavMenuState = {\n  items: []\n};\n\nvar reducer = function reducer(state, action) {\n  switch (action.type) {\n    case NavMenuActionType.RegisterItem:\n      return (0, _extends2.default)({}, state, {\n        items: [].concat(state.items.filter(function (item) {\n          return item._id !== action.payload._id;\n        }), [action.payload])\n      });\n\n    case NavMenuActionType.UnregisterItem:\n      return (0, _extends2.default)({}, state, {\n        items: state.items.filter(function (item) {\n          return item._id !== action.payload._id;\n        })\n      });\n\n    default:\n      throw new Error('Unrecognizable action type: ' + action.type);\n  }\n};\n/**\n * The <Nav.Menu> API\n * When used as direct child of <Nav>, render the NavDropdown\n * When used within another <Nav.Menu>, render the NavDropdownMenu\n */\n\n\nvar NavMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var parentNavMenu = (0, _react.useContext)(NavMenuContext);\n  var navMenuContext = (0, _react.useReducer)(reducer, initilNavMenuState);\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  if (!parentNavMenu) {\n    if (navbar) {\n      return /*#__PURE__*/_react.default.createElement(NavMenuContext.Provider, {\n        value: navMenuContext,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 75,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/_react.default.createElement(_NavbarDropdown.default, (0, _extends2.default)({\n        ref: ref\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 76,\n          columnNumber: 11\n        }\n      })));\n    }\n\n    if (sidenav) {\n      return /*#__PURE__*/_react.default.createElement(NavMenuContext.Provider, {\n        value: navMenuContext,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 82,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/_react.default.createElement(_SidenavDropdown.default, (0, _extends2.default)({\n        ref: ref\n      }, props, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 83,\n          columnNumber: 11\n        }\n      })));\n    }\n\n    return /*#__PURE__*/_react.default.createElement(NavMenuContext.Provider, {\n      value: navMenuContext,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_NavDropdown.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 9\n      }\n    })));\n  }\n\n  if (navbar) {\n    return /*#__PURE__*/_react.default.createElement(_NavbarDropdownMenu.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 95,\n        columnNumber: 12\n      }\n    }));\n  }\n\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownMenu.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99,\n        columnNumber: 12\n      }\n    }));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_NavDropdownMenu.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 10\n    }\n  }));\n});\n\nNavMenu.displayName = 'Nav.Menu';\nvar _default = NavMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavMenu.tsx?");
 
 /***/ }),
 
@@ -3501,6 +3688,50 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Navbar/NavbarDropdown.tsx":
+/*!***************************************!*\
+  !*** ./src/Navbar/NavbarDropdown.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _ = __webpack_require__(/*! . */ \"./src/Navbar/index.tsx\");\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\n\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\n\nvar _NavbarDropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./NavbarDropdownToggle */ \"./src/Navbar/NavbarDropdownToggle.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Navbar/NavbarDropdown.tsx\",\n    _this = void 0;\n\n/**\n * @private\n */\nvar NavbarDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var navbar = (0, _react.useContext)(_.NavbarContext);\n\n  if (!navbar) {\n    throw new Error('<Navbar.Dropdown> should be used within a <Navbar> component.');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      title = props.title,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      _onToggle = props.onToggle,\n      _props$trigger = props.trigger,\n      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      toggleAs = props.toggleAs,\n      toggleClassName = props.toggleClassName,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,\n      className = props.className,\n      disabled = props.disabled,\n      children = props.children,\n      menuStyle = props.menuStyle,\n      style = props.style,\n      toggleProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"title\", \"onClose\", \"onOpen\", \"onToggle\", \"trigger\", \"placement\", \"toggleAs\", \"toggleClassName\", \"classPrefix\", \"className\", \"disabled\", \"children\", \"menuStyle\", \"style\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    trigger: trigger,\n    hideOnClickOutside: true,\n    onToggle: function onToggle(open) {\n      _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(open);\n\n      if (open) {\n        onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n      } else {\n        onClose === null || onClose === void 0 ? void 0 : onClose();\n      }\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 7\n    }\n  }, function (_ref, containerRef) {\n    var _withClassPrefix;\n\n    var open = _ref.open;\n    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));\n    return /*#__PURE__*/_react.default.createElement(Component, {\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      className: classes,\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 144,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 15\n      }\n    }, function (buttonProps, buttonRef) {\n      return /*#__PURE__*/_react.default.createElement(_NavbarDropdownToggle.default, (0, _extends2.default)({\n        ref: buttonRef,\n        as: toggleAs,\n        className: toggleClassName,\n        placement: placement,\n        disabled: disabled\n      }, (0, _omit.default)(buttonProps, ['open']), toggleProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 147,\n          columnNumber: 19\n        }\n      }), title);\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160,\n        columnNumber: 15\n      }\n    }, function (_ref2, elementRef) {\n      var open = _ref2.open;\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", {\n        ref: elementRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 164,\n          columnNumber: 21\n        }\n      }, children);\n    }));\n  });\n});\n\nNavbarDropdown.Item = _NavDropdownItem.default;\nNavbarDropdown.Menu = _NavDropdownMenu.default;\nNavbarDropdown.displayName = 'Navbar.Dropdown';\nNavbarDropdown.propTypes = {\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderToggle: _propTypes.default.func\n};\nvar _default = NavbarDropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdown.tsx?");
+
+/***/ }),
+
+/***/ "./src/Navbar/NavbarDropdownItem.tsx":
+/*!*******************************************!*\
+  !*** ./src/Navbar/NavbarDropdownItem.tsx ***!
+  \*******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Navbar = __webpack_require__(/*! ./Navbar */ \"./src/Navbar/Navbar.tsx\");\n\nvar _DisclosureContext = _interopRequireWildcard(__webpack_require__(/*! ../Disclosure/DisclosureContext */ \"./src/Disclosure/DisclosureContext.ts\"));\n\nvar _useRenderDropdownItem = __webpack_require__(/*! ../Dropdown/useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\n/**\n * @private\n */\nvar NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!navbar || !nav) {\n    throw new Error('<Navbar.Dropdown.Item> must be rendered within a <Nav> component within a <Navbar> component.');\n  }\n\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      divider = props.divider,\n      panel = props.panel,\n      children = props.children,\n      disabled = props.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\", \"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var handleSelectItem = (0, _react.useCallback)(function (event) {\n    var _nav$onSelect;\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);\n  }, [onSelect, eventKey, nav]);\n  var disclosure = (0, _react.useContext)(_DisclosureContext.default);\n\n  var _ref = disclosure !== null && disclosure !== void 0 ? disclosure : [],\n      dispatchDisclosure = _ref[1];\n\n  var handleClickNavbarDropdownItem = (0, _react.useCallback)(function (event) {\n    dispatchDisclosure === null || dispatchDisclosure === void 0 ? void 0 : dispatchDisclosure({\n      type: _DisclosureContext.DisclosureActionTypes.Hide,\n      cascade: true\n    });\n    handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);\n  }, [dispatchDisclosure, handleSelectItem]);\n  var selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav.activeKey, eventKey);\n  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className)\n    }, restProps));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      className: merge(prefix('panel'), className),\n      children: children\n    }, restProps));\n  }\n\n  var classes = merge(className, withClassPrefix({\n    'with-icon': icon,\n    disabled: disabled,\n    divider: divider,\n    panel: panel,\n    active: selected\n  }));\n  var dataAttributes = {\n    'data-event-key': eventKey\n  };\n\n  if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n    dataAttributes['data-event-key-type'] = typeof eventKey;\n  }\n\n  return renderDropdownItem((0, _extends2.default)({\n    ref: ref,\n    className: classes,\n    'aria-current': selected || undefined\n  }, dataAttributes, restProps, {\n    onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: prefix('menu-icon')\n    }), children)\n  }));\n});\n\nNavbarDropdownItem.displayName = 'Navbar.Dropdown.Item';\nNavbarDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  submenu: _propTypes.default.element,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number\n};\nvar _default = NavbarDropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdownItem.tsx?");
+
+/***/ }),
+
+/***/ "./src/Navbar/NavbarDropdownMenu.tsx":
+/*!*******************************************!*\
+  !*** ./src/Navbar/NavbarDropdownMenu.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _ = __webpack_require__(/*! . */ \"./src/Navbar/index.tsx\");\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure */ \"./src/Disclosure/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Navbar/NavbarDropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Navbar>\n *\n * <Navbar>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Menu title=\"menu\"> -> This submenu will render <NavbarDropdownMenu> component\n *       </Nav.Menu>\n *     </Nav.Menu>\n *   </Nav>\n * </Navbar>\n */\nvar NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var navbar = (0, _react.useContext)(_.NavbarContext);\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!navbar || !nav) {\n    throw new Error('<Navbar.Dropdown.Menu> must be rendered within a <Nav> within a <Navbar> component.');\n  }\n\n  var _onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      title = props.title,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,\n      children = props.children,\n      _props$openDirection = props.openDirection,\n      openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onToggle\", \"eventKey\", \"title\", \"classPrefix\", \"children\", \"openDirection\"]);\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),\n      mergeItemClassNames = _useClassNames3.merge,\n      withItemClassPrefix = _useClassNames3.withClassPrefix,\n      prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n\n\n  var _omit = (0, _omit2.default)(rest, ['trigger']),\n      icon = _omit.icon,\n      className = _omit.className,\n      disabled = _omit.disabled,\n      menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, [\"icon\", \"className\", \"disabled\"]);\n\n  var Icon = rtl ? _AngleLeft.default : _AngleRight.default;\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    hideOnClickOutside: true,\n    trigger: ['click', 'mouseover'],\n    onToggle: function onToggle(open, event) {\n      return _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(open, undefined, event);\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107,\n      columnNumber: 5\n    }\n  }, function (_ref, containerRef) {\n    var open = _ref.open,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n    var classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled: disabled,\n      open: open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      className: classes\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 122,\n        columnNumber: 11\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 123,\n        columnNumber: 13\n      }\n    }, function (_ref2, buttonRef) {\n      var open = _ref2.open,\n          buttonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"open\"]);\n      var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))), withItemClassPrefix({\n        'with-icon': icon,\n        open: open,\n        disabled: disabled\n      }));\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, buttonRef),\n        className: classes,\n        \"data-event-key\": eventKey,\n        \"data-event-key-type\": typeof eventKey\n      }, buttonProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 136,\n          columnNumber: 19\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 145,\n          columnNumber: 21\n        }\n      }));\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 13\n      }\n    }, function (_ref3, elementRef) {\n      var open = _ref3.open;\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: elementRef,\n        className: menuClassName,\n        hidden: !open,\n        \"data-direction\": openDirection\n      }, menuProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 155,\n          columnNumber: 19\n        }\n      }), children);\n    }));\n  });\n});\n\nNavbarDropdownMenu.displayName = 'Nav.Dropdown.Menu';\nNavbarDropdownMenu.propTypes = {\n  active: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use openDirection=\"start\" instead.'),\n  openDirection: _propTypes.default.oneOf(['start', 'end']),\n  title: _propTypes.default.node,\n  open: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  expanded: _propTypes.default.bool,\n  collapsible: _propTypes.default.bool,\n  onToggle: _propTypes.default.func\n};\nvar _default = NavbarDropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdownMenu.tsx?");
+
+/***/ }),
+
+/***/ "./src/Navbar/NavbarDropdownToggle.tsx":
+/*!*********************************************!*\
+  !*** ./src/Navbar/NavbarDropdownToggle.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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _ArrowDownLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowDownLine */ \"./node_modules/@rsuite/icons/ArrowDownLine.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavbarItem = _interopRequireDefault(__webpack_require__(/*! ./NavbarItem */ \"./src/Navbar/NavbarItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Navbar/NavbarDropdownToggle.tsx\",\n    _this = void 0;\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> call\n *\n * <Nav>\n *   <Nav.Menu> -> This will render <NavDropdown> component that renders a <NavDropdownToggle>\n *   </Nav.Menu>\n * </Nav>\n */\nvar NavbarDropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _NavbarItem.default : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'navbar-item' : _props$classPrefix,\n      renderToggle = props.renderToggle,\n      children = props.children,\n      noCaret = props.noCaret,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"renderToggle\", \"children\", \"noCaret\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    'no-caret': noCaret\n  }));\n\n  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 7\n    }\n  }), children, !noCaret && /*#__PURE__*/_react.default.createElement(_ArrowDownLine.default, {\n    className: prefix('caret'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 22\n    }\n  }));\n\n  return renderToggle ? renderToggle(rest, ref) : toggle;\n});\n\nNavbarDropdownToggle.displayName = 'Navbar.Dropdown.Toggle';\nNavbarDropdownToggle.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  noCaret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  renderToggle: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = NavbarDropdownToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdownToggle.tsx?");
+
+/***/ }),
+
 /***/ "./src/Navbar/NavbarHeader.tsx":
 /*!*************************************!*\
   !*** ./src/Navbar/NavbarHeader.tsx ***!
@@ -3519,7 +3750,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Navbar/NavbarItem.tsx\",\n    _this = void 0;\n\nvar NavbarItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      disabled = props.disabled,\n      eventKey = props.eventKey,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'navbar-item' : _props$classPrefix,\n      style = props.style,\n      children = props.children,\n      icon = props.icon,\n      onClick = props.onClick,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"eventKey\", \"className\", \"classPrefix\", \"style\", \"children\", \"icon\", \"onClick\", \"onSelect\"]);\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      activeKey = _useContext.activeKey,\n      onSelectFromNav = _useContext.onSelect;\n\n  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  var emitSelect = (0, _react.useCallback)(function (event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 ? void 0 : onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    \"aria-selected\": active || undefined\n  }, rest, {\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 7\n    }\n  }), icon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86,\n      columnNumber: 9\n    }\n  }));\n});\n\nNavbarItem.displayName = 'Navbar.Item';\nNavbarItem.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  onClick: _propTypes.default.func,\n  style: _propTypes.default.object,\n  icon: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any\n};\nvar _default = NavbarItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Navbar/NavbarItem.tsx\",\n    _this = void 0;\n\n/**\n * @private\n */\nvar NavbarItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      disabled = props.disabled,\n      eventKey = props.eventKey,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'navbar-item' : _props$classPrefix,\n      style = props.style,\n      children = props.children,\n      icon = props.icon,\n      onClick = props.onClick,\n      onSelectProp = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"eventKey\", \"className\", \"classPrefix\", \"style\", \"children\", \"icon\", \"onClick\", \"onSelect\"]);\n\n  var _ref = (0, _react.useContext)(_NavContext.default),\n      activeKey = _ref.activeKey,\n      onSelectFromNav = _ref.onSelect;\n\n  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  var emitSelect = (0, _react.useCallback)(function (event) {\n    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 ? void 0 : onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    \"aria-selected\": active || undefined\n  }, rest, {\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79,\n      columnNumber: 7\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: prefix('icon')\n  }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89,\n      columnNumber: 9\n    }\n  }));\n});\n\nNavbarItem.displayName = 'Navbar.Item';\nNavbarItem.propTypes = {\n  as: _propTypes.default.elementType,\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  onClick: _propTypes.default.func,\n  style: _propTypes.default.object,\n  icon: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any\n};\nvar _default = NavbarItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarItem.tsx?");
 
 /***/ }),
 
@@ -3563,7 +3794,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.modalPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _contains = _interopRequireDefault(__webpack_require__(/*! dom-lib/contains */ \"./node_modules/dom-lib/esm/contains.js\"));\n\nvar _getContainer = _interopRequireDefault(__webpack_require__(/*! dom-lib/getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/Overlay/ModalManager.ts\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../Animation/utils */ \"./src/Animation/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/Overlay/OverlayContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/Modal.tsx\",\n    _this = void 0;\n\nvar manager;\n\nfunction getManager() {\n  if (!manager) manager = new _ModalManager.default();\n  return manager;\n}\n\nvar useModalManager = function useModalManager() {\n  var modalManager = getManager();\n  var modal = (0, _react.useRef)({\n    dialog: null,\n    backdrop: null\n  });\n  return {\n    get dialog() {\n      var _modal$current;\n\n      return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;\n    },\n\n    add: function add(containerElement, containerClassName) {\n      return modalManager.add(modal.current, containerElement, containerClassName);\n    },\n    remove: function remove() {\n      return modalManager.remove(modal.current);\n    },\n    isTopModal: function isTopModal() {\n      return modalManager.isTopModal(modal.current);\n    },\n    setDialogRef: (0, _react.useCallback)(function (ref) {\n      modal.current.dialog = ref;\n    }, []),\n    setBackdropRef: (0, _react.useCallback)(function (ref) {\n      modal.current.backdrop = ref;\n    }, [])\n  };\n};\n\nvar Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      children = props.children,\n      Transition = props.transition,\n      dialogTransitionTimeout = props.dialogTransitionTimeout,\n      style = props.style,\n      className = props.className,\n      container = props.container,\n      animationProps = props.animationProps,\n      containerClassName = props.containerClassName,\n      _props$keyboard = props.keyboard,\n      keyboard = _props$keyboard === void 0 ? true : _props$keyboard,\n      _props$enforceFocus = props.enforceFocus,\n      enforceFocus = _props$enforceFocus === void 0 ? true : _props$enforceFocus,\n      _props$backdrop = props.backdrop,\n      backdrop = _props$backdrop === void 0 ? true : _props$backdrop,\n      backdropTransitionTimeout = props.backdropTransitionTimeout,\n      backdropStyle = props.backdropStyle,\n      backdropClassName = props.backdropClassName,\n      open = props.open,\n      _props$autoFocus = props.autoFocus,\n      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,\n      onEsc = props.onEsc,\n      onExit = props.onExit,\n      onExiting = props.onExiting,\n      onExited = props.onExited,\n      onEnter = props.onEnter,\n      onEntering = props.onEntering,\n      onEntered = props.onEntered,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"transition\", \"dialogTransitionTimeout\", \"style\", \"className\", \"container\", \"animationProps\", \"containerClassName\", \"keyboard\", \"enforceFocus\", \"backdrop\", \"backdropTransitionTimeout\", \"backdropStyle\", \"backdropClassName\", \"open\", \"autoFocus\", \"onEsc\", \"onExit\", \"onExiting\", \"onExited\", \"onEnter\", \"onEntering\", \"onEntered\", \"onClose\", \"onOpen\"]);\n\n  var _useState = (0, _react.useState)(!open),\n      exited = _useState[0],\n      setExited = _useState[1];\n\n  var _usePortal = (0, _utils2.usePortal)({\n    container: container\n  }),\n      Portal = _usePortal.Portal;\n\n  var modal = useModalManager();\n\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\n  }\n\n  var mountModal = open || Transition && !exited;\n  var lastFocus = (0, _react.useRef)(null);\n  var handleDocumentKeyDown = (0, _utils2.useEventCallback)(function (event) {\n    if (keyboard && event.key === _utils2.KEY_VALUES.ESC && modal.isTopModal()) {\n      onEsc === null || onEsc === void 0 ? void 0 : onEsc(event);\n      onClose === null || onClose === void 0 ? void 0 : onClose(event);\n    }\n  });\n  var restoreLastFocus = (0, _react.useCallback)(function () {\n    if (lastFocus.current) {\n      var _lastFocus$current$fo, _lastFocus$current;\n\n      (_lastFocus$current$fo = (_lastFocus$current = lastFocus.current).focus) === null || _lastFocus$current$fo === void 0 ? void 0 : _lastFocus$current$fo.call(_lastFocus$current);\n      lastFocus.current = null;\n    }\n  }, []);\n  /**\n   * Determines if the currently focused element is inside the dialog,\n   * and if not, returns the focus to the dialog.\n   *\n   */\n\n  var handleFocusDialog = (0, _utils2.useEventCallback)(function (onBeforeFocusCallback) {\n    var currentActiveElement = document.activeElement;\n    var dialog = modal.dialog;\n\n    if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {\n      onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 ? void 0 : onBeforeFocusCallback();\n      dialog.focus();\n    }\n  });\n  var handleEnforceFocus = (0, _utils2.useEventCallback)(function () {\n    if (!enforceFocus || !modal.isTopModal()) {\n      return;\n    }\n\n    handleFocusDialog();\n  });\n  var documentKeyDownListener = (0, _react.useRef)();\n  var documentFocusListener = (0, _react.useRef)();\n  var handleOpen = (0, _utils2.useEventCallback)(function () {\n    var containerElement = (0, _getContainer.default)(container, document.body);\n    modal.add(containerElement, containerClassName);\n\n    if (!documentKeyDownListener.current) {\n      documentKeyDownListener.current = (0, _on.default)(document, 'keydown', handleDocumentKeyDown);\n    }\n\n    if (!documentFocusListener.current) {\n      documentFocusListener.current = (0, _on.default)(document, 'focus', handleEnforceFocus, true);\n    }\n\n    if (autoFocus) {\n      handleFocusDialog(function () {\n        lastFocus.current = document.activeElement;\n      });\n    }\n\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  });\n  var handleClose = (0, _utils2.useEventCallback)(function () {\n    var _documentKeyDownListe, _documentFocusListene;\n\n    modal.remove();\n    (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 ? void 0 : _documentKeyDownListe.off();\n    documentKeyDownListener.current = null;\n    (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 ? void 0 : _documentFocusListene.off();\n    documentFocusListener.current = null;\n    restoreLastFocus();\n  });\n  (0, _react.useEffect)(function () {\n    if (!open) {\n      return;\n    }\n\n    handleOpen();\n  }, [open, handleOpen]);\n  (0, _react.useEffect)(function () {\n    if (!exited) {\n      return;\n    }\n\n    handleClose();\n  }, [exited, handleClose]);\n  (0, _utils2.useWillUnmount)(function () {\n    handleClose();\n  });\n  var handleExited = (0, _react.useCallback)(function () {\n    setExited(true);\n  }, []);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      overlayContainer: function overlayContainer() {\n        return modal.dialog;\n      }\n    };\n  }, [modal.dialog]);\n\n  if (!mountModal) {\n    return null;\n  }\n\n  var renderBackdrop = function renderBackdrop() {\n    if (Transition) {\n      return /*#__PURE__*/_react.default.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: open,\n        timeout: backdropTransitionTimeout,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 270,\n          columnNumber: 9\n        }\n      }, function (fadeProps, ref) {\n        var className = fadeProps.className,\n            rest = (0, _objectWithoutPropertiesLoose2.default)(fadeProps, [\"className\"]);\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          \"aria-hidden\": true\n        }, rest, {\n          style: backdropStyle,\n          ref: (0, _utils2.mergeRefs)(modal.setBackdropRef, ref),\n          className: (0, _classnames.default)(backdropClassName, className),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 274,\n            columnNumber: 15\n          }\n        }));\n      });\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      \"aria-hidden\": true,\n      style: backdropStyle,\n      className: backdropClassName,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 287,\n        columnNumber: 12\n      }\n    });\n  };\n\n  var dialogElement = Transition ? /*#__PURE__*/_react.default.createElement(Transition, (0, _extends2.default)({}, animationProps, {\n    transitionAppear: true,\n    unmountOnExit: true,\n    in: open,\n    timeout: dialogTransitionTimeout,\n    onExit: onExit,\n    onExiting: onExiting,\n    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),\n    onEnter: onEnter,\n    onEntering: onEntering,\n    onEntered: onEntered,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 291,\n      columnNumber: 5\n    }\n  }), children) : children;\n  return /*#__PURE__*/_react.default.createElement(_OverlayContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 311,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 312,\n      columnNumber: 7\n    }\n  }, backdrop && renderBackdrop(), /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: (0, _utils2.mergeRefs)(modal.setDialogRef, ref),\n    style: style,\n    className: className,\n    tabIndex: -1,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 314,\n      columnNumber: 9\n    }\n  }), dialogElement)));\n});\n\nvar modalPropTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  backdropClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  backdropStyle: _propTypes.default.object,\n  open: _propTypes.default.bool,\n  backdrop: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),\n  keyboard: _propTypes.default.bool,\n  autoFocus: _propTypes.default.bool,\n  enforceFocus: _propTypes.default.bool,\n  animationProps: _propTypes.default.object,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func\n};\nexports.modalPropTypes = modalPropTypes;\nModal.displayName = 'OverlayModal';\nModal.propTypes = (0, _extends2.default)({}, _utils.animationPropTypes, modalPropTypes, {\n  children: _propTypes.default.func,\n  container: _propTypes.default.any,\n  containerClassName: _propTypes.default.string,\n  dialogTransitionTimeout: _propTypes.default.number,\n  backdropTransitionTimeout: _propTypes.default.number,\n  transition: _propTypes.default.any,\n  onEsc: _propTypes.default.func\n});\nvar _default = Modal;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Modal.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.modalPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _contains = _interopRequireDefault(__webpack_require__(/*! dom-lib/contains */ \"./node_modules/dom-lib/esm/contains.js\"));\n\nvar _getContainer = _interopRequireDefault(__webpack_require__(/*! dom-lib/getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/Overlay/ModalManager.ts\"));\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../Animation/utils */ \"./src/Animation/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/Overlay/OverlayContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/Modal.tsx\",\n    _this = void 0;\n\nvar manager;\n\nfunction getManager() {\n  if (!manager) manager = new _ModalManager.default();\n  return manager;\n}\n\nvar useModalManager = function useModalManager() {\n  var modalManager = getManager();\n  var modal = (0, _react.useRef)({\n    dialog: null,\n    backdrop: null\n  });\n  return {\n    get dialog() {\n      var _modal$current;\n\n      return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;\n    },\n\n    add: function add(containerElement, containerClassName) {\n      return modalManager.add(modal.current, containerElement, containerClassName);\n    },\n    remove: function remove() {\n      return modalManager.remove(modal.current);\n    },\n    isTopModal: function isTopModal() {\n      return modalManager.isTopModal(modal.current);\n    },\n    setDialogRef: (0, _react.useCallback)(function (ref) {\n      modal.current.dialog = ref;\n    }, []),\n    setBackdropRef: (0, _react.useCallback)(function (ref) {\n      modal.current.backdrop = ref;\n    }, [])\n  };\n};\n\nvar Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      children = props.children,\n      Transition = props.transition,\n      dialogTransitionTimeout = props.dialogTransitionTimeout,\n      style = props.style,\n      className = props.className,\n      container = props.container,\n      animationProps = props.animationProps,\n      containerClassName = props.containerClassName,\n      _props$keyboard = props.keyboard,\n      keyboard = _props$keyboard === void 0 ? true : _props$keyboard,\n      _props$enforceFocus = props.enforceFocus,\n      enforceFocus = _props$enforceFocus === void 0 ? true : _props$enforceFocus,\n      _props$backdrop = props.backdrop,\n      backdrop = _props$backdrop === void 0 ? true : _props$backdrop,\n      backdropTransitionTimeout = props.backdropTransitionTimeout,\n      backdropStyle = props.backdropStyle,\n      backdropClassName = props.backdropClassName,\n      open = props.open,\n      _props$autoFocus = props.autoFocus,\n      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,\n      onEsc = props.onEsc,\n      onExit = props.onExit,\n      onExiting = props.onExiting,\n      onExited = props.onExited,\n      onEnter = props.onEnter,\n      onEntering = props.onEntering,\n      onEntered = props.onEntered,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"transition\", \"dialogTransitionTimeout\", \"style\", \"className\", \"container\", \"animationProps\", \"containerClassName\", \"keyboard\", \"enforceFocus\", \"backdrop\", \"backdropTransitionTimeout\", \"backdropStyle\", \"backdropClassName\", \"open\", \"autoFocus\", \"onEsc\", \"onExit\", \"onExiting\", \"onExited\", \"onEnter\", \"onEntering\", \"onEntered\", \"onClose\", \"onOpen\"]);\n\n  var _useState = (0, _react.useState)(!open),\n      exited = _useState[0],\n      setExited = _useState[1];\n\n  var _usePortal = (0, _utils2.usePortal)({\n    container: container\n  }),\n      Portal = _usePortal.Portal;\n\n  var modal = useModalManager();\n\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\n  }\n\n  var mountModal = open || Transition && !exited;\n  var lastFocus = (0, _react.useRef)(null);\n  var handleDocumentKeyDown = (0, _utils2.useEventCallback)(function (event) {\n    if (keyboard && event.key === _utils2.KEY_VALUES.ESC && modal.isTopModal()) {\n      onEsc === null || onEsc === void 0 ? void 0 : onEsc(event);\n      onClose === null || onClose === void 0 ? void 0 : onClose(event);\n    }\n  });\n  var restoreLastFocus = (0, _react.useCallback)(function () {\n    if (lastFocus.current) {\n      var _lastFocus$current$fo, _lastFocus$current;\n\n      (_lastFocus$current$fo = (_lastFocus$current = lastFocus.current).focus) === null || _lastFocus$current$fo === void 0 ? void 0 : _lastFocus$current$fo.call(_lastFocus$current);\n      lastFocus.current = null;\n    }\n  }, []);\n  /**\n   * Determines if the currently focused element is inside the dialog,\n   * and if not, returns the focus to the dialog.\n   *\n   */\n\n  var handleFocusDialog = (0, _utils2.useEventCallback)(function (onBeforeFocusCallback) {\n    var currentActiveElement = document.activeElement;\n    var dialog = modal.dialog;\n\n    if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {\n      onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 ? void 0 : onBeforeFocusCallback();\n      dialog.focus();\n    }\n  });\n  var handleEnforceFocus = (0, _utils2.useEventCallback)(function () {\n    if (!enforceFocus || !modal.isTopModal()) {\n      return;\n    }\n\n    handleFocusDialog();\n  });\n  var documentKeyDownListener = (0, _react.useRef)();\n  var documentFocusListener = (0, _react.useRef)();\n  var handleOpen = (0, _utils2.useEventCallback)(function () {\n    var containerElement = (0, _getContainer.default)(container, document.body);\n    modal.add(containerElement, containerClassName);\n\n    if (!documentKeyDownListener.current) {\n      documentKeyDownListener.current = (0, _on.default)(document, 'keydown', handleDocumentKeyDown);\n    }\n\n    if (!documentFocusListener.current) {\n      documentFocusListener.current = (0, _on.default)(document, 'focus', handleEnforceFocus, true);\n    }\n\n    if (autoFocus) {\n      handleFocusDialog(function () {\n        lastFocus.current = document.activeElement;\n      });\n    }\n\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  });\n  var handleClose = (0, _utils2.useEventCallback)(function () {\n    var _documentKeyDownListe, _documentFocusListene;\n\n    modal.remove();\n    (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 ? void 0 : _documentKeyDownListe.off();\n    documentKeyDownListener.current = null;\n    (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 ? void 0 : _documentFocusListene.off();\n    documentFocusListener.current = null;\n    restoreLastFocus();\n  });\n  (0, _react.useEffect)(function () {\n    if (!open) {\n      return;\n    }\n\n    handleOpen();\n  }, [open, handleOpen]);\n  (0, _react.useEffect)(function () {\n    if (!exited) {\n      return;\n    }\n\n    handleClose();\n  }, [exited, handleClose]);\n  (0, _utils2.useWillUnmount)(function () {\n    handleClose();\n  });\n  var handleExited = (0, _react.useCallback)(function () {\n    setExited(true);\n  }, []);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      overlayContainer: function overlayContainer() {\n        return modal.dialog;\n      }\n    };\n  }, [modal.dialog]);\n\n  if (!mountModal) {\n    return null;\n  }\n\n  var renderBackdrop = function renderBackdrop() {\n    if (Transition) {\n      return /*#__PURE__*/_react.default.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: open,\n        timeout: backdropTransitionTimeout,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 266,\n          columnNumber: 9\n        }\n      }, function (fadeProps, ref) {\n        var className = fadeProps.className,\n            rest = (0, _objectWithoutPropertiesLoose2.default)(fadeProps, [\"className\"]);\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          \"aria-hidden\": true\n        }, rest, {\n          style: backdropStyle,\n          ref: (0, _utils2.mergeRefs)(modal.setBackdropRef, ref),\n          className: (0, _classnames.default)(backdropClassName, className),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 270,\n            columnNumber: 15\n          }\n        }));\n      });\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      \"aria-hidden\": true,\n      style: backdropStyle,\n      className: backdropClassName,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 283,\n        columnNumber: 12\n      }\n    });\n  };\n\n  var dialogElement = Transition ? /*#__PURE__*/_react.default.createElement(Transition, (0, _extends2.default)({}, animationProps, {\n    transitionAppear: true,\n    unmountOnExit: true,\n    in: open,\n    timeout: dialogTransitionTimeout,\n    onExit: onExit,\n    onExiting: onExiting,\n    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),\n    onEnter: onEnter,\n    onEntering: onEntering,\n    onEntered: onEntered,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 287,\n      columnNumber: 5\n    }\n  }), children) : children;\n  return /*#__PURE__*/_react.default.createElement(_OverlayContext.default.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 307,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 308,\n      columnNumber: 7\n    }\n  }, backdrop && renderBackdrop(), /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: (0, _utils2.mergeRefs)(modal.setDialogRef, ref),\n    style: style,\n    className: className,\n    tabIndex: -1,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 310,\n      columnNumber: 9\n    }\n  }), dialogElement)));\n});\n\nvar modalPropTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  backdropClassName: _propTypes.default.string,\n  style: _propTypes.default.object,\n  backdropStyle: _propTypes.default.object,\n  open: _propTypes.default.bool,\n  backdrop: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),\n  keyboard: _propTypes.default.bool,\n  autoFocus: _propTypes.default.bool,\n  enforceFocus: _propTypes.default.bool,\n  animationProps: _propTypes.default.object,\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func\n};\nexports.modalPropTypes = modalPropTypes;\nModal.displayName = 'OverlayModal';\nModal.propTypes = (0, _extends2.default)({}, _utils.animationPropTypes, modalPropTypes, {\n  children: _propTypes.default.func,\n  container: _propTypes.default.any,\n  containerClassName: _propTypes.default.string,\n  dialogTransitionTimeout: _propTypes.default.number,\n  backdropTransitionTimeout: _propTypes.default.number,\n  transition: _propTypes.default.any,\n  onEsc: _propTypes.default.func\n});\nvar _default = Modal;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Modal.tsx?");
 
 /***/ }),
 
@@ -3585,7 +3816,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.overlayPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Position = _interopRequireDefault(__webpack_require__(/*! ./Position */ \"./src/Overlay/Position.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/Overlay/OverlayContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/Overlay.tsx\",\n    _this = void 0;\n\nvar overlayPropTypes = {\n  container: _propTypes.default.any,\n  children: _propTypes.default.any,\n  childrenProps: _propTypes.default.object,\n  className: _propTypes.default.string,\n  containerPadding: _propTypes.default.number,\n  placement: _propTypes.default.any,\n  preventOverflow: _propTypes.default.bool,\n  open: _propTypes.default.bool,\n  rootClose: _propTypes.default.bool,\n  transition: _propTypes.default.any,\n  triggerTarget: _propTypes.default.any,\n  onClose: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func\n};\nexports.overlayPropTypes = overlayPropTypes;\n\nvar Overlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useContext = (0, _react.useContext)(_OverlayContext.default),\n      overlayContainer = _useContext.overlayContainer;\n\n  var _props$container = props.container,\n      container = _props$container === void 0 ? overlayContainer : _props$container,\n      containerPadding = props.containerPadding,\n      placement = props.placement,\n      rootClose = props.rootClose,\n      children = props.children,\n      childrenProps = props.childrenProps,\n      _props$transition = props.transition,\n      Transition = _props$transition === void 0 ? _Fade.default : _props$transition,\n      open = props.open,\n      preventOverflow = props.preventOverflow,\n      triggerTarget = props.triggerTarget,\n      onClose = props.onClose,\n      onExited = props.onExited,\n      onExit = props.onExit,\n      onExiting = props.onExiting,\n      onEnter = props.onEnter,\n      onEntering = props.onEntering,\n      onEntered = props.onEntered;\n\n  var _useState = (0, _react.useState)(!open),\n      exited = _useState[0],\n      setExited = _useState[1];\n\n  var overlayTarget = (0, _react.useRef)(null);\n\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\n  }\n\n  var mountOverlay = open || Transition && !exited;\n  var handleExited = (0, _react.useCallback)(function (args) {\n    setExited(true);\n    onExited === null || onExited === void 0 ? void 0 : onExited(args);\n  }, [onExited]);\n  (0, _utils.useRootClose)(onClose, {\n    triggerTarget: triggerTarget,\n    overlayTarget: overlayTarget,\n    disabled: !rootClose || !mountOverlay\n  });\n\n  if (!mountOverlay) {\n    return null;\n  }\n\n  var positionProps = {\n    container: container,\n    containerPadding: containerPadding,\n    triggerTarget: triggerTarget,\n    placement: placement,\n    preventOverflow: preventOverflow\n  };\n\n  var renderChildWithPosition = function renderChildWithPosition(transitionProps, transitionRef) {\n    return /*#__PURE__*/_react.default.createElement(_Position.default, (0, _extends2.default)({}, positionProps, transitionProps, {\n      ref: (0, _utils.mergeRefs)(ref, transitionRef),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 103,\n        columnNumber: 7\n      }\n    }), function (childProps, childRef) {\n      // overlayTarget is the ref on the DOM of the Overlay.\n      if (typeof children === 'function') {\n        return children(Object.assign(childProps, childrenProps), (0, _utils.mergeRefs)(childRef, overlayTarget));\n      } // Position will return coordinates and className\n\n\n      var left = childProps.left,\n          top = childProps.top,\n          className = childProps.className;\n      return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, childrenProps, children.props, {\n        className: (0, _classnames.default)(className, children.props.className),\n        style: (0, _extends2.default)({\n          left: left,\n          top: top\n        }, children.props.style),\n        ref: (0, _utils.mergeRefs)(childRef, overlayTarget)\n      }));\n    });\n  };\n\n  if (Transition) {\n    return /*#__PURE__*/_react.default.createElement(Transition, {\n      in: open,\n      transitionAppear: true,\n      onExit: onExit,\n      onExiting: onExiting,\n      onExited: handleExited,\n      onEnter: onEnter,\n      onEntering: onEntering,\n      onEntered: onEntered,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 129,\n        columnNumber: 7\n      }\n    }, renderChildWithPosition);\n  }\n\n  return renderChildWithPosition();\n});\n\nOverlay.displayName = 'Overlay';\nOverlay.propTypes = overlayPropTypes;\nvar _default = Overlay;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Overlay.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.overlayPropTypes = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Position = _interopRequireDefault(__webpack_require__(/*! ./Position */ \"./src/Overlay/Position.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\n\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/Overlay/OverlayContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/Overlay.tsx\",\n    _this = void 0;\n\nvar overlayPropTypes = {\n  container: _propTypes.default.any,\n  children: _propTypes.default.any,\n  childrenProps: _propTypes.default.object,\n  className: _propTypes.default.string,\n  containerPadding: _propTypes.default.number,\n  placement: _propTypes.default.any,\n  preventOverflow: _propTypes.default.bool,\n  open: _propTypes.default.bool,\n  rootClose: _propTypes.default.bool,\n  transition: _propTypes.default.any,\n  triggerTarget: _propTypes.default.any,\n  onClose: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func\n};\nexports.overlayPropTypes = overlayPropTypes;\n\nvar Overlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useContext = (0, _react.useContext)(_OverlayContext.default),\n      overlayContainer = _useContext.overlayContainer;\n\n  var _props$container = props.container,\n      container = _props$container === void 0 ? overlayContainer : _props$container,\n      containerPadding = props.containerPadding,\n      placement = props.placement,\n      rootClose = props.rootClose,\n      children = props.children,\n      childrenProps = props.childrenProps,\n      _props$transition = props.transition,\n      Transition = _props$transition === void 0 ? _Fade.default : _props$transition,\n      open = props.open,\n      preventOverflow = props.preventOverflow,\n      triggerTarget = props.triggerTarget,\n      onClose = props.onClose,\n      onExited = props.onExited,\n      onExit = props.onExit,\n      onExiting = props.onExiting,\n      onEnter = props.onEnter,\n      onEntering = props.onEntering,\n      onEntered = props.onEntered,\n      followCursor = props.followCursor,\n      cursorPosition = props.cursorPosition;\n\n  var _useState = (0, _react.useState)(!open),\n      exited = _useState[0],\n      setExited = _useState[1];\n\n  var overlayTarget = (0, _react.useRef)(null);\n\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\n  }\n\n  var mountOverlay = open || Transition && !exited;\n  var handleExited = (0, _react.useCallback)(function (args) {\n    setExited(true);\n    onExited === null || onExited === void 0 ? void 0 : onExited(args);\n  }, [onExited]);\n  (0, _utils.useRootClose)(onClose, {\n    triggerTarget: triggerTarget,\n    overlayTarget: overlayTarget,\n    disabled: !rootClose || !mountOverlay\n  });\n\n  if (!mountOverlay) {\n    return null;\n  }\n\n  var positionProps = {\n    container: container,\n    containerPadding: containerPadding,\n    triggerTarget: triggerTarget,\n    placement: placement,\n    preventOverflow: preventOverflow,\n    followCursor: followCursor,\n    cursorPosition: cursorPosition\n  };\n\n  var renderChildWithPosition = function renderChildWithPosition(transitionProps, transitionRef) {\n    return /*#__PURE__*/_react.default.createElement(_Position.default, (0, _extends2.default)({}, positionProps, transitionProps, {\n      ref: (0, _utils.mergeRefs)(ref, transitionRef),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 109,\n        columnNumber: 7\n      }\n    }), function (childProps, childRef) {\n      // overlayTarget is the ref on the DOM of the Overlay.\n      if (typeof children === 'function') {\n        return children(Object.assign(childProps, childrenProps), (0, _utils.mergeRefs)(childRef, overlayTarget));\n      } // Position will return coordinates and className\n\n\n      var left = childProps.left,\n          top = childProps.top,\n          className = childProps.className;\n      return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, childrenProps, children.props, {\n        className: (0, _classnames.default)(className, children.props.className),\n        style: (0, _extends2.default)({\n          left: left,\n          top: top\n        }, children.props.style),\n        ref: (0, _utils.mergeRefs)(childRef, overlayTarget)\n      }));\n    });\n  };\n\n  if (Transition) {\n    return /*#__PURE__*/_react.default.createElement(Transition, {\n      in: open,\n      transitionAppear: true,\n      onExit: onExit,\n      onExiting: onExiting,\n      onExited: handleExited,\n      onEnter: onEnter,\n      onEntering: onEntering,\n      onEntered: onEntered,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 7\n      }\n    }, renderChildWithPosition);\n  }\n\n  return renderChildWithPosition();\n});\n\nOverlay.displayName = 'Overlay';\nOverlay.propTypes = overlayPropTypes;\nvar _default = Overlay;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Overlay.tsx?");
 
 /***/ }),
 
@@ -3607,7 +3838,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _contains = _interopRequireDefault(__webpack_require__(/*! dom-lib/contains */ \"./node_modules/dom-lib/esm/contains.js\"));\n\nvar _Overlay = _interopRequireDefault(__webpack_require__(/*! ./Overlay */ \"./src/Overlay/Overlay.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _isOneOf = _interopRequireDefault(__webpack_require__(/*! ../utils/isOneOf */ \"./src/utils/isOneOf.ts\"));\n\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/Overlay/OverlayContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/OverlayTrigger.tsx\",\n    _this = void 0;\n\nfunction mergeEvents(events, props) {\n  if (events === void 0) {\n    events = {};\n  }\n\n  if (props === void 0) {\n    props = {};\n  }\n\n  var nextEvents = {};\n  Object.keys(events).forEach(function (eventName) {\n    if (events[eventName]) {\n      var _props;\n\n      nextEvents[eventName] = (0, _utils.createChainedFunction)(events[eventName], (_props = props) === null || _props === void 0 ? void 0 : _props[eventName]);\n    }\n  });\n  return nextEvents;\n}\n\n/**\n * Useful for mouseover and mouseout.\n * In order to resolve the node entering the mouseover element, a mouseout event and a mouseover event will be triggered.\n * https://javascript.info/mousemove-mouseover-mouseout-mouseenter-mouseleave\n * @param handler\n * @param event\n */\nfunction onMouseEventHandler(handler, event, delay) {\n  var target = event.currentTarget;\n  var related = event.relatedTarget || (0, _get.default)(event, ['nativeEvent', 'toElement']);\n\n  if ((!related || related !== target) && !(0, _contains.default)(target, related)) {\n    handler(event, delay);\n  }\n}\n\nvar defaultTrigger = ['hover', 'focus'];\n\nvar OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useContext = (0, _react.useContext)(_OverlayContext.default),\n      overlayContainer = _useContext.overlayContainer;\n\n  var children = props.children,\n      _props$container = props.container,\n      container = _props$container === void 0 ? overlayContainer : _props$container,\n      controlId = props.controlId,\n      defaultOpen = props.defaultOpen,\n      _props$trigger = props.trigger,\n      trigger = _props$trigger === void 0 ? defaultTrigger : _props$trigger,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      openProp = props.open,\n      delay = props.delay,\n      delayOpenProp = props.delayOpen,\n      delayCloseProp = props.delayClose,\n      enterable = props.enterable,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      speaker = props.speaker,\n      _props$rootClose = props.rootClose,\n      rootClose = _props$rootClose === void 0 ? true : _props$rootClose,\n      onClick = props.onClick,\n      onMouseOver = props.onMouseOver,\n      onMouseOut = props.onMouseOut,\n      onContextMenu = props.onContextMenu,\n      onFocus = props.onFocus,\n      onBlur = props.onBlur,\n      onClose = props.onClose,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"children\", \"container\", \"controlId\", \"defaultOpen\", \"trigger\", \"disabled\", \"readOnly\", \"plaintext\", \"open\", \"delay\", \"delayOpen\", \"delayClose\", \"enterable\", \"placement\", \"speaker\", \"rootClose\", \"onClick\", \"onMouseOver\", \"onMouseOut\", \"onContextMenu\", \"onFocus\", \"onBlur\", \"onClose\"]);\n\n  var _usePortal = (0, _utils.usePortal)({\n    container: container\n  }),\n      Portal = _usePortal.Portal;\n\n  var triggerRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n\n  var _useControlled = (0, _utils.useControlled)(openProp, defaultOpen),\n      open = _useControlled[0],\n      setOpen = _useControlled[1]; // Delay the timer to close/open the overlay\n  // When the cursor moves from the trigger to the overlay, the overlay will be closed.\n  // In order to keep the overlay open, a timer is used to delay the closing.\n\n\n  var delayOpenTimer = (0, _react.useRef)(null);\n  var delayCloseTimer = (0, _react.useRef)(null);\n  var delayOpen = (0, _isNil.default)(delayOpenProp) ? delay : delayOpenProp;\n  var delayClose = (0, _isNil.default)(delayCloseProp) ? delay : delayCloseProp; // Whether the cursor is on the overlay\n\n  var isOnOverlay = (0, _react.useRef)(false); // Whether the cursor is on the trigger\n\n  var isOnTrigger = (0, _react.useRef)(false);\n  (0, _react.useEffect)(function () {\n    return function () {\n      if (!(0, _isNil.default)(delayOpenTimer.current)) {\n        clearTimeout(delayOpenTimer.current);\n      }\n\n      if (!(0, _isNil.default)(delayCloseTimer.current)) {\n        clearTimeout(delayCloseTimer.current);\n      }\n    };\n  }, []);\n  var handleOpen = (0, _react.useCallback)(function (delay) {\n    var ms = (0, _isUndefined2.default)(delay) ? delayOpen : delay;\n\n    if (ms && typeof ms === 'number') {\n      return delayOpenTimer.current = setTimeout(function () {\n        delayOpenTimer.current = null;\n        setOpen(true);\n      }, ms);\n    }\n\n    setOpen(true);\n  }, [delayOpen, setOpen]);\n  var handleClose = (0, _react.useCallback)(function (delay) {\n    var ms = (0, _isUndefined2.default)(delay) ? delayClose : delay;\n\n    if (ms && typeof ms === 'number') {\n      return delayCloseTimer.current = setTimeout(function () {\n        delayCloseTimer.current = null;\n        setOpen(false);\n      }, ms);\n    }\n\n    setOpen(false);\n  }, [delayClose, setOpen]);\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return triggerRef.current;\n      },\n\n      get overlay() {\n        var _overlayRef$current;\n\n        return (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.child;\n      },\n\n      open: handleOpen,\n      close: handleClose,\n      updatePosition: function updatePosition() {\n        var _overlayRef$current2, _overlayRef$current2$;\n\n        (_overlayRef$current2 = overlayRef.current) === null || _overlayRef$current2 === void 0 ? void 0 : (_overlayRef$current2$ = _overlayRef$current2.updatePosition) === null || _overlayRef$current2$ === void 0 ? void 0 : _overlayRef$current2$.call(_overlayRef$current2);\n      }\n    };\n  });\n  /**\n   * Close after the cursor leaves.\n   */\n\n  var handleCloseWhenLeave = (0, _react.useCallback)(function () {\n    // When the cursor is not on the overlay and not on the trigger, it is closed.\n    if (!isOnOverlay.current && !isOnTrigger.current) {\n      handleClose();\n    }\n  }, [handleClose]);\n  /**\n   * Toggle open and closed state.\n   */\n\n  var handleOpenState = (0, _react.useCallback)(function () {\n    if (open) {\n      handleCloseWhenLeave();\n    } else {\n      handleOpen();\n    }\n  }, [open, handleCloseWhenLeave, handleOpen]);\n  var handleDelayedOpen = (0, _react.useCallback)(function () {\n    if (!enterable) {\n      return handleOpen();\n    }\n\n    isOnTrigger.current = true;\n\n    if (!(0, _isNil.default)(delayCloseTimer.current)) {\n      clearTimeout(delayCloseTimer.current);\n      delayCloseTimer.current = null;\n      return handleOpen();\n    }\n\n    if (open) {\n      return;\n    }\n\n    handleOpen();\n  }, [enterable, open, handleOpen]);\n  var handleDelayedClose = (0, _react.useCallback)(function () {\n    if (!enterable) {\n      handleClose();\n    }\n\n    isOnTrigger.current = false;\n\n    if (!(0, _isNil.default)(delayOpenTimer.current)) {\n      clearTimeout(delayOpenTimer.current);\n      delayOpenTimer.current = null;\n      return;\n    }\n\n    if (!open || !(0, _isNil.default)(delayCloseTimer.current)) {\n      return;\n    }\n\n    delayCloseTimer.current = setTimeout(function () {\n      if (!(0, _isNil.default)(delayCloseTimer.current)) {\n        clearTimeout(delayCloseTimer.current);\n        delayCloseTimer.current = null;\n      }\n\n      handleCloseWhenLeave();\n    }, 200);\n  }, [enterable, open, handleClose, handleCloseWhenLeave]);\n  var handleSpeakerMouseEnter = (0, _react.useCallback)(function () {\n    isOnOverlay.current = true;\n  }, []);\n  var handleSpeakerMouseLeave = (0, _react.useCallback)(function () {\n    isOnOverlay.current = false;\n\n    if (!(0, _isOneOf.default)('click', trigger) && !(0, _isOneOf.default)('contextMenu', trigger) && !(0, _isOneOf.default)('active', trigger)) {\n      handleCloseWhenLeave();\n    }\n  }, [handleCloseWhenLeave, trigger]);\n  var preventDefault = (0, _react.useCallback)(function (event) {\n    event.preventDefault();\n  }, []);\n  var triggerEvents = {\n    onClick: onClick,\n    onContextMenu: onContextMenu,\n    onMouseOver: onMouseOver,\n    onMouseOut: onMouseOut,\n    onFocus: onFocus,\n    onBlur: onBlur\n  };\n\n  if (!disabled && !readOnly && !plaintext) {\n    if ((0, _isOneOf.default)('click', trigger)) {\n      triggerEvents.onClick = (0, _utils.createChainedFunction)(handleOpenState, triggerEvents.onClick);\n    }\n\n    if ((0, _isOneOf.default)('contextMenu', trigger)) {\n      triggerEvents.onContextMenu = (0, _utils.createChainedFunction)(preventDefault, handleOpenState, triggerEvents.onContextMenu);\n    }\n\n    if ((0, _isOneOf.default)('active', trigger)) {\n      triggerEvents.onClick = (0, _utils.createChainedFunction)(handleDelayedOpen, triggerEvents.onClick);\n    }\n\n    if ((0, _isOneOf.default)('hover', trigger)) {\n      var onMouseOverListener = null;\n      var onMouseOutListener = null;\n\n      if (trigger !== 'none') {\n        onMouseOverListener = function onMouseOverListener(e) {\n          return onMouseEventHandler(handleDelayedOpen, e);\n        };\n\n        onMouseOutListener = function onMouseOutListener(e) {\n          return onMouseEventHandler(handleDelayedClose, e);\n        };\n      }\n\n      triggerEvents.onMouseOver = (0, _utils.createChainedFunction)(onMouseOverListener, onMouseOver);\n      triggerEvents.onMouseOut = (0, _utils.createChainedFunction)(onMouseOutListener, onMouseOut);\n    }\n\n    if ((0, _isOneOf.default)('focus', trigger)) {\n      triggerEvents.onFocus = (0, _utils.createChainedFunction)(handleDelayedOpen, onFocus);\n      triggerEvents.onBlur = (0, _utils.createChainedFunction)(handleDelayedClose, onBlur);\n    }\n  }\n\n  var renderOverlay = function renderOverlay() {\n    var overlayProps = (0, _extends2.default)({}, rest, {\n      rootClose: rootClose,\n      triggerTarget: triggerRef,\n      onClose: trigger !== 'none' ? (0, _utils.createChainedFunction)(handleClose, onClose) : undefined,\n      placement: placement,\n      container: container,\n      open: open\n    });\n    var speakerProps = {\n      id: controlId\n    }; // The purpose of adding mouse entry and exit events to the Overlay is to record whether the current cursor is on the Overlay.\n    // When `trigger` is equal to `hover`, if the cursor leaves the `triggerTarget` and stays on the Overlay,\n    // the Overlay will continue to remain open.\n\n    if (trigger !== 'none' && enterable) {\n      speakerProps.onMouseEnter = handleSpeakerMouseEnter;\n      speakerProps.onMouseLeave = handleSpeakerMouseLeave;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_Overlay.default, (0, _extends2.default)({}, overlayProps, {\n      ref: overlayRef,\n      childrenProps: speakerProps,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 384,\n        columnNumber: 7\n      }\n    }), typeof speaker === 'function' ? function (props, ref) {\n      return speaker((0, _extends2.default)({}, props, {\n        onClose: handleClose\n      }), ref);\n    } : speaker);\n  };\n\n  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, typeof children === 'function' ? children(triggerEvents, triggerRef) : /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({\n    ref: triggerRef,\n    'aria-describedby': controlId\n  }, mergeEvents(triggerEvents, children.props))), /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 402,\n      columnNumber: 7\n    }\n  }, renderOverlay()));\n});\n\nOverlayTrigger.displayName = 'OverlayTrigger';\nvar _default = OverlayTrigger;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/OverlayTrigger.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _contains = _interopRequireDefault(__webpack_require__(/*! dom-lib/contains */ \"./node_modules/dom-lib/esm/contains.js\"));\n\nvar _Overlay = _interopRequireDefault(__webpack_require__(/*! ./Overlay */ \"./src/Overlay/Overlay.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _isOneOf = _interopRequireDefault(__webpack_require__(/*! ../utils/isOneOf */ \"./src/utils/isOneOf.ts\"));\n\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/Overlay/OverlayContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Overlay/OverlayTrigger.tsx\",\n    _this = void 0;\n\nfunction mergeEvents(events, props) {\n  if (events === void 0) {\n    events = {};\n  }\n\n  if (props === void 0) {\n    props = {};\n  }\n\n  var nextEvents = {};\n  Object.keys(events).forEach(function (eventName) {\n    if (events[eventName]) {\n      var _props;\n\n      nextEvents[eventName] = (0, _utils.createChainedFunction)(events[eventName], (_props = props) === null || _props === void 0 ? void 0 : _props[eventName]);\n    }\n  });\n  return nextEvents;\n}\n\n/**\n * Useful for mouseover and mouseout.\n * In order to resolve the node entering the mouseover element, a mouseout event and a mouseover event will be triggered.\n * https://javascript.info/mousemove-mouseover-mouseout-mouseenter-mouseleave\n * @param handler\n * @param event\n */\nfunction onMouseEventHandler(handler, event, delay) {\n  var target = event.currentTarget;\n  var related = event.relatedTarget || (0, _get.default)(event, ['nativeEvent', 'toElement']);\n\n  if ((!related || related !== target) && !(0, _contains.default)(target, related)) {\n    handler(event, delay);\n  }\n}\n\nvar defaultTrigger = ['hover', 'focus'];\n\nvar OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _useContext = (0, _react.useContext)(_OverlayContext.default),\n      overlayContainer = _useContext.overlayContainer;\n\n  var children = props.children,\n      _props$container = props.container,\n      container = _props$container === void 0 ? overlayContainer : _props$container,\n      controlId = props.controlId,\n      defaultOpen = props.defaultOpen,\n      _props$trigger = props.trigger,\n      trigger = _props$trigger === void 0 ? defaultTrigger : _props$trigger,\n      disabled = props.disabled,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      openProp = props.open,\n      delay = props.delay,\n      delayOpenProp = props.delayOpen,\n      delayCloseProp = props.delayClose,\n      enterable = props.enterable,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      speaker = props.speaker,\n      _props$rootClose = props.rootClose,\n      rootClose = _props$rootClose === void 0 ? true : _props$rootClose,\n      onClick = props.onClick,\n      onMouseOver = props.onMouseOver,\n      onMouseMove = props.onMouseMove,\n      onMouseOut = props.onMouseOut,\n      onContextMenu = props.onContextMenu,\n      onFocus = props.onFocus,\n      onBlur = props.onBlur,\n      onClose = props.onClose,\n      followCursor = props.followCursor,\n      onExited = props.onExited,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"children\", \"container\", \"controlId\", \"defaultOpen\", \"trigger\", \"disabled\", \"readOnly\", \"plaintext\", \"open\", \"delay\", \"delayOpen\", \"delayClose\", \"enterable\", \"placement\", \"speaker\", \"rootClose\", \"onClick\", \"onMouseOver\", \"onMouseMove\", \"onMouseOut\", \"onContextMenu\", \"onFocus\", \"onBlur\", \"onClose\", \"followCursor\", \"onExited\"]);\n\n  var _usePortal = (0, _utils.usePortal)({\n    container: container\n  }),\n      Portal = _usePortal.Portal;\n\n  var triggerRef = (0, _react.useRef)();\n  var overlayRef = (0, _react.useRef)();\n\n  var _useControlled = (0, _utils.useControlled)(openProp, defaultOpen),\n      open = _useControlled[0],\n      setOpen = _useControlled[1];\n\n  var _useState = (0, _react.useState)(null),\n      cursorPosition = _useState[0],\n      setCursorPosition = _useState[1]; // Delay the timer to close/open the overlay\n  // When the cursor moves from the trigger to the overlay, the overlay will be closed.\n  // In order to keep the overlay open, a timer is used to delay the closing.\n\n\n  var delayOpenTimer = (0, _react.useRef)(null);\n  var delayCloseTimer = (0, _react.useRef)(null);\n  var delayOpen = (0, _isNil.default)(delayOpenProp) ? delay : delayOpenProp;\n  var delayClose = (0, _isNil.default)(delayCloseProp) ? delay : delayCloseProp; // Whether the cursor is on the overlay\n\n  var isOnOverlay = (0, _react.useRef)(false); // Whether the cursor is on the trigger\n\n  var isOnTrigger = (0, _react.useRef)(false);\n  (0, _react.useEffect)(function () {\n    return function () {\n      if (!(0, _isNil.default)(delayOpenTimer.current)) {\n        clearTimeout(delayOpenTimer.current);\n      }\n\n      if (!(0, _isNil.default)(delayCloseTimer.current)) {\n        clearTimeout(delayCloseTimer.current);\n      }\n    };\n  }, []);\n  var handleOpen = (0, _react.useCallback)(function (delay) {\n    var ms = (0, _isUndefined2.default)(delay) ? delayOpen : delay;\n\n    if (ms && typeof ms === 'number') {\n      return delayOpenTimer.current = setTimeout(function () {\n        delayOpenTimer.current = null;\n        setOpen(true);\n      }, ms);\n    }\n\n    setOpen(true);\n  }, [delayOpen, setOpen]);\n  var handleClose = (0, _react.useCallback)(function (delay) {\n    var ms = (0, _isUndefined2.default)(delay) ? delayClose : delay;\n\n    if (ms && typeof ms === 'number') {\n      return delayCloseTimer.current = setTimeout(function () {\n        delayCloseTimer.current = null;\n        setOpen(false);\n      }, ms);\n    }\n\n    setOpen(false);\n  }, [delayClose, setOpen]);\n  var handleExited = (0, _react.useCallback)(function () {\n    setCursorPosition(null);\n  }, []);\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      get root() {\n        return triggerRef.current;\n      },\n\n      get overlay() {\n        var _overlayRef$current;\n\n        return (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.child;\n      },\n\n      open: handleOpen,\n      close: handleClose,\n      updatePosition: function updatePosition() {\n        var _overlayRef$current2, _overlayRef$current2$;\n\n        (_overlayRef$current2 = overlayRef.current) === null || _overlayRef$current2 === void 0 ? void 0 : (_overlayRef$current2$ = _overlayRef$current2.updatePosition) === null || _overlayRef$current2$ === void 0 ? void 0 : _overlayRef$current2$.call(_overlayRef$current2);\n      }\n    };\n  });\n  /**\n   * Close after the cursor leaves.\n   */\n\n  var handleCloseWhenLeave = (0, _react.useCallback)(function () {\n    // When the cursor is not on the overlay and not on the trigger, it is closed.\n    if (!isOnOverlay.current && !isOnTrigger.current) {\n      handleClose();\n    }\n  }, [handleClose]);\n  /**\n   * Toggle open and closed state.\n   */\n\n  var handleOpenState = (0, _react.useCallback)(function () {\n    if (open) {\n      handleCloseWhenLeave();\n    } else {\n      handleOpen();\n    }\n  }, [open, handleCloseWhenLeave, handleOpen]);\n  var handleDelayedOpen = (0, _react.useCallback)(function () {\n    if (!enterable) {\n      return handleOpen();\n    }\n\n    isOnTrigger.current = true;\n\n    if (!(0, _isNil.default)(delayCloseTimer.current)) {\n      clearTimeout(delayCloseTimer.current);\n      delayCloseTimer.current = null;\n      return handleOpen();\n    }\n\n    if (open) {\n      return;\n    }\n\n    handleOpen();\n  }, [enterable, open, handleOpen]);\n  var handleDelayedClose = (0, _react.useCallback)(function () {\n    if (!enterable) {\n      handleClose();\n    }\n\n    isOnTrigger.current = false;\n\n    if (!(0, _isNil.default)(delayOpenTimer.current)) {\n      clearTimeout(delayOpenTimer.current);\n      delayOpenTimer.current = null;\n      return;\n    }\n\n    if (!open || !(0, _isNil.default)(delayCloseTimer.current)) {\n      return;\n    }\n\n    delayCloseTimer.current = setTimeout(function () {\n      if (!(0, _isNil.default)(delayCloseTimer.current)) {\n        clearTimeout(delayCloseTimer.current);\n        delayCloseTimer.current = null;\n      }\n\n      handleCloseWhenLeave();\n    }, 200);\n  }, [enterable, open, handleClose, handleCloseWhenLeave]);\n  var handleSpeakerMouseEnter = (0, _react.useCallback)(function () {\n    isOnOverlay.current = true;\n  }, []);\n  var handleSpeakerMouseLeave = (0, _react.useCallback)(function () {\n    isOnOverlay.current = false;\n\n    if (!(0, _isOneOf.default)('click', trigger) && !(0, _isOneOf.default)('contextMenu', trigger) && !(0, _isOneOf.default)('active', trigger)) {\n      handleCloseWhenLeave();\n    }\n  }, [handleCloseWhenLeave, trigger]);\n  var handledMoveOverlay = (0, _react.useCallback)(function (event) {\n    setCursorPosition(function () {\n      return {\n        top: event.pageY,\n        left: event.pageX,\n        clientTop: event.clientX,\n        clientLeft: event.clientY\n      };\n    });\n  }, [open]);\n  var preventDefault = (0, _react.useCallback)(function (event) {\n    event.preventDefault();\n  }, []);\n  var triggerEvents = {\n    onClick: onClick,\n    onContextMenu: onContextMenu,\n    onMouseOver: onMouseOver,\n    onMouseOut: onMouseOut,\n    onFocus: onFocus,\n    onBlur: onBlur,\n    onMouseMove: onMouseMove\n  };\n\n  if (!disabled && !readOnly && !plaintext) {\n    if ((0, _isOneOf.default)('click', trigger)) {\n      triggerEvents.onClick = (0, _utils.createChainedFunction)(handleOpenState, triggerEvents.onClick);\n    }\n\n    if ((0, _isOneOf.default)('contextMenu', trigger)) {\n      triggerEvents.onContextMenu = (0, _utils.createChainedFunction)(preventDefault, handleOpenState, triggerEvents.onContextMenu);\n    }\n\n    if ((0, _isOneOf.default)('active', trigger)) {\n      triggerEvents.onClick = (0, _utils.createChainedFunction)(handleDelayedOpen, triggerEvents.onClick);\n    }\n\n    if ((0, _isOneOf.default)('hover', trigger)) {\n      var onMouseOverListener = null;\n      var onMouseOutListener = null;\n\n      if (trigger !== 'none') {\n        onMouseOverListener = function onMouseOverListener(e) {\n          return onMouseEventHandler(handleDelayedOpen, e);\n        };\n\n        onMouseOutListener = function onMouseOutListener(e) {\n          return onMouseEventHandler(handleDelayedClose, e);\n        };\n      }\n\n      triggerEvents.onMouseOver = (0, _utils.createChainedFunction)(onMouseOverListener, onMouseOver);\n      triggerEvents.onMouseOut = (0, _utils.createChainedFunction)(onMouseOutListener, onMouseOut);\n    }\n\n    if ((0, _isOneOf.default)('focus', trigger)) {\n      triggerEvents.onFocus = (0, _utils.createChainedFunction)(handleDelayedOpen, onFocus);\n      triggerEvents.onBlur = (0, _utils.createChainedFunction)(handleDelayedClose, onBlur);\n    }\n\n    if (trigger !== 'none') {\n      triggerEvents.onMouseMove = (0, _utils.createChainedFunction)(handledMoveOverlay, onMouseMove);\n    }\n  }\n\n  var renderOverlay = function renderOverlay() {\n    var overlayProps = (0, _extends2.default)({}, rest, {\n      rootClose: rootClose,\n      triggerTarget: triggerRef,\n      onClose: trigger !== 'none' ? (0, _utils.createChainedFunction)(handleClose, onClose) : undefined,\n      onExited: (0, _utils.createChainedFunction)(followCursor ? handleExited : undefined, onExited),\n      placement: placement,\n      container: container,\n      open: open\n    });\n    var speakerProps = {\n      id: controlId\n    }; // The purpose of adding mouse entry and exit events to the Overlay is to record whether the current cursor is on the Overlay.\n    // When `trigger` is equal to `hover`, if the cursor leaves the `triggerTarget` and stays on the Overlay,\n    // the Overlay will continue to remain open.\n\n    if (trigger !== 'none' && enterable) {\n      speakerProps.onMouseEnter = handleSpeakerMouseEnter;\n      speakerProps.onMouseLeave = handleSpeakerMouseLeave;\n    }\n\n    return /*#__PURE__*/_react.default.createElement(_Overlay.default, (0, _extends2.default)({}, overlayProps, {\n      ref: overlayRef,\n      childrenProps: speakerProps,\n      followCursor: followCursor,\n      cursorPosition: cursorPosition,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 436,\n        columnNumber: 9\n      }\n    }), typeof speaker === 'function' ? function (props, ref) {\n      return speaker((0, _extends2.default)({}, props, {\n        onClose: handleClose\n      }), ref);\n    } : speaker);\n  };\n\n  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, typeof children === 'function' ? children(triggerEvents, triggerRef) : /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({\n    ref: triggerRef,\n    'aria-describedby': controlId\n  }, mergeEvents(triggerEvents, children.props))), /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 460,\n      columnNumber: 9\n    }\n  }, renderOverlay()));\n});\n\nOverlayTrigger.displayName = 'OverlayTrigger';\nvar _default = OverlayTrigger;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/OverlayTrigger.tsx?");
 
 /***/ }),
 
@@ -3618,7 +3849,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _getContainer = _interopRequireDefault(__webpack_require__(/*! dom-lib/getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\"));\n\nvar _ownerDocument = _interopRequireDefault(__webpack_require__(/*! dom-lib/ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\"));\n\nvar _removeClass = _interopRequireDefault(__webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _addClass = _interopRequireDefault(__webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\"));\n\nvar _addStyle = _interopRequireDefault(__webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\"));\n\nvar _resizeObserver = __webpack_require__(/*! @juggle/resize-observer */ \"./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js\");\n\nvar _isElement = _interopRequireDefault(__webpack_require__(/*! ../DOMHelper/isElement */ \"./src/DOMHelper/isElement.ts\"));\n\nvar _positionUtils = _interopRequireDefault(__webpack_require__(/*! ./positionUtils */ \"./src/Overlay/positionUtils.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar usePosition = function usePosition(props, ref) {\n  var _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'right' : _props$placement,\n      _props$preventOverflo = props.preventOverflow,\n      preventOverflow = _props$preventOverflo === void 0 ? false : _props$preventOverflo,\n      _props$containerPaddi = props.containerPadding,\n      containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,\n      container = props.container,\n      triggerTarget = props.triggerTarget;\n  var containerRef = (0, _react.useRef)(null);\n  var lastTargetRef = (0, _react.useRef)(null);\n  var overlayResizeObserver = (0, _react.useRef)();\n  var defaultPosition = {\n    positionLeft: 0,\n    positionTop: 0,\n    arrowOffsetLeft: null,\n    arrowOffsetTop: null\n  };\n\n  var _useState = (0, _react.useState)(defaultPosition),\n      position = _useState[0],\n      setPosition = _useState[1];\n\n  var utils = (0, _react.useMemo)(function () {\n    return (0, _positionUtils.default)({\n      placement: placement,\n      preventOverflow: preventOverflow,\n      padding: containerPadding\n    });\n  }, [placement, preventOverflow, containerPadding]);\n  var updatePosition = (0, _react.useCallback)(\n  /**\n   * @param placementChanged  Whether the placement has changed\n   * @param forceUpdateDOM Whether to update the DOM directly\n   * @returns void\n   */\n  function (placementChanged, forceUpdateDOM) {\n    if (placementChanged === void 0) {\n      placementChanged = true;\n    }\n\n    if (!(triggerTarget !== null && triggerTarget !== void 0 && triggerTarget.current)) {\n      return;\n    }\n\n    var targetElement = (0, _utils.getDOMNode)(triggerTarget);\n\n    if (!(0, _isElement.default)(targetElement)) {\n      throw new Error('`target` should return an HTMLElement');\n    } //  If the target and placement do not change, the position is not updated.\n\n\n    if (targetElement === lastTargetRef.current && !placementChanged) {\n      return;\n    }\n\n    var overlay = (0, _utils.getDOMNode)(ref.current);\n    var containerElement = (0, _getContainer.default)(typeof container === 'function' ? container() : container !== null && container !== void 0 ? container : null, (0, _ownerDocument.default)(ref.current).body);\n    var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement);\n\n    if (forceUpdateDOM && overlay) {\n      var _overlay$className, _overlay$className$ma;\n\n      var preClassName = overlay === null || overlay === void 0 ? void 0 : (_overlay$className = overlay.className) === null || _overlay$className === void 0 ? void 0 : (_overlay$className$ma = _overlay$className.match(/(placement-\\S+)/)) === null || _overlay$className$ma === void 0 ? void 0 : _overlay$className$ma[0];\n      (0, _removeClass.default)(overlay, preClassName);\n\n      if (posi.positionClassName) {\n        (0, _addClass.default)(overlay, posi.positionClassName);\n      }\n\n      (0, _addStyle.default)(overlay, {\n        left: posi.positionLeft + \"px\",\n        top: posi.positionTop + \"px\"\n      });\n    } else {\n      setPosition(posi);\n    }\n\n    containerRef.current = containerElement;\n    lastTargetRef.current = targetElement;\n  }, [container, ref, triggerTarget, utils]);\n  (0, _react.useEffect)(function () {\n    updatePosition(false);\n    var overlay = (0, _utils.getDOMNode)(ref.current);\n    var containerScrollListener;\n\n    if (containerRef.current && preventOverflow) {\n      var _containerRef$current;\n\n      // Update the overlay position when the container scroll bar is scrolling\n      containerScrollListener = (0, _on.default)(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.tagName) === 'BODY' ? window : containerRef.current, 'scroll', function () {\n        return updatePosition(true, true);\n      });\n    } // Update the position when the window size changes\n\n\n    var resizeListener = (0, _on.default)(window, 'resize', function () {\n      return updatePosition(true, true);\n    });\n\n    if (overlay) {\n      // Update the position when the size of the overlay changes\n      overlayResizeObserver.current = new _resizeObserver.ResizeObserver(function () {\n        return updatePosition(true, true);\n      });\n      overlayResizeObserver.current.observe(overlay);\n    }\n\n    return function () {\n      var _containerScrollListe, _overlayResizeObserve;\n\n      lastTargetRef.current = null;\n      (_containerScrollListe = containerScrollListener) === null || _containerScrollListe === void 0 ? void 0 : _containerScrollListe.off();\n      resizeListener === null || resizeListener === void 0 ? void 0 : resizeListener.off();\n      (_overlayResizeObserve = overlayResizeObserver.current) === null || _overlayResizeObserve === void 0 ? void 0 : _overlayResizeObserve.disconnect();\n    };\n  }, [preventOverflow, ref, updatePosition]);\n  (0, _utils.useUpdateEffect)(function () {\n    return updatePosition();\n  }, [updatePosition, placement]);\n  return [position, updatePosition];\n};\n\nvar Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var children = props.children,\n      className = props.className;\n\n  var childRef = _react.default.useRef(null);\n\n  var _usePosition = usePosition(props, childRef),\n      position = _usePosition[0],\n      updatePosition = _usePosition[1];\n\n  var positionClassName = position.positionClassName,\n      arrowOffsetLeft = position.arrowOffsetLeft,\n      arrowOffsetTop = position.arrowOffsetTop,\n      positionLeft = position.positionLeft,\n      positionTop = position.positionTop;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      get child() {\n        return childRef.current;\n      },\n\n      updatePosition: updatePosition\n    };\n  });\n\n  if (typeof children === 'function') {\n    var childProps = {\n      className: (0, _classnames.default)(className, positionClassName),\n      arrowOffsetLeft: arrowOffsetLeft,\n      arrowOffsetTop: arrowOffsetTop,\n      left: positionLeft,\n      top: positionTop\n    };\n    return children(childProps, childRef);\n  }\n\n  return children;\n});\n\nPosition.displayName = 'Position';\nPosition.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.func.isRequired,\n  container: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.any]),\n  containerPadding: _propTypes.default.number,\n  placement: _propTypes.default.any,\n  preventOverflow: _propTypes.default.bool,\n  triggerTarget: _propTypes.default.any\n};\nvar _default = Position;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Position.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\n\nvar _getContainer = _interopRequireDefault(__webpack_require__(/*! dom-lib/getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\"));\n\nvar _ownerDocument = _interopRequireDefault(__webpack_require__(/*! dom-lib/ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\"));\n\nvar _removeClass = _interopRequireDefault(__webpack_require__(/*! dom-lib/removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\"));\n\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\n\nvar _addClass = _interopRequireDefault(__webpack_require__(/*! dom-lib/addClass */ \"./node_modules/dom-lib/esm/addClass.js\"));\n\nvar _addStyle = _interopRequireDefault(__webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\"));\n\nvar _resizeObserver = __webpack_require__(/*! @juggle/resize-observer */ \"./node_modules/@juggle/resize-observer/lib/exports/resize-observer.js\");\n\nvar _isElement = _interopRequireDefault(__webpack_require__(/*! ../DOMHelper/isElement */ \"./src/DOMHelper/isElement.ts\"));\n\nvar _positionUtils = _interopRequireDefault(__webpack_require__(/*! ./positionUtils */ \"./src/Overlay/positionUtils.ts\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar usePosition = function usePosition(props, ref) {\n  var _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'right' : _props$placement,\n      _props$preventOverflo = props.preventOverflow,\n      preventOverflow = _props$preventOverflo === void 0 ? false : _props$preventOverflo,\n      _props$containerPaddi = props.containerPadding,\n      containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,\n      container = props.container,\n      triggerTarget = props.triggerTarget,\n      followCursor = props.followCursor,\n      cursorPosition = props.cursorPosition;\n  var containerRef = (0, _react.useRef)(null);\n  var lastTargetRef = (0, _react.useRef)(null);\n  var overlayResizeObserver = (0, _react.useRef)();\n  var defaultPosition = {\n    positionLeft: 0,\n    positionTop: 0,\n    arrowOffsetLeft: null,\n    arrowOffsetTop: null\n  };\n\n  var _useState = (0, _react.useState)(defaultPosition),\n      position = _useState[0],\n      setPosition = _useState[1];\n\n  var utils = (0, _react.useMemo)(function () {\n    return (0, _positionUtils.default)({\n      placement: placement,\n      preventOverflow: preventOverflow,\n      padding: containerPadding\n    });\n  }, [placement, preventOverflow, containerPadding]);\n  var updatePosition = (0, _react.useCallback)(\n  /**\n   * @param placementChanged  Whether the placement has changed\n   * @param forceUpdateDOM Whether to update the DOM directly\n   * @returns void\n   */\n  function (placementChanged, forceUpdateDOM) {\n    if (placementChanged === void 0) {\n      placementChanged = true;\n    }\n\n    if (!(triggerTarget !== null && triggerTarget !== void 0 && triggerTarget.current)) {\n      return;\n    }\n\n    var targetElement = (0, _utils.getDOMNode)(triggerTarget);\n\n    if (!(0, _isElement.default)(targetElement)) {\n      throw new Error('`target` should return an HTMLElement');\n    } //  If the target and placement do not change, the position is not updated.\n\n\n    if (targetElement === lastTargetRef.current && !placementChanged) {\n      return;\n    }\n\n    var overlay = (0, _utils.getDOMNode)(ref.current);\n    var containerElement = (0, _getContainer.default)(typeof container === 'function' ? container() : container !== null && container !== void 0 ? container : null, (0, _ownerDocument.default)(ref.current).body);\n    var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement, followCursor ? cursorPosition : undefined);\n\n    if (forceUpdateDOM && overlay) {\n      var _overlay$className, _overlay$className$ma;\n\n      var preClassName = overlay === null || overlay === void 0 ? void 0 : (_overlay$className = overlay.className) === null || _overlay$className === void 0 ? void 0 : (_overlay$className$ma = _overlay$className.match(/(placement-\\S+)/)) === null || _overlay$className$ma === void 0 ? void 0 : _overlay$className$ma[0];\n      (0, _removeClass.default)(overlay, preClassName);\n\n      if (posi.positionClassName) {\n        (0, _addClass.default)(overlay, posi.positionClassName);\n      }\n\n      (0, _addStyle.default)(overlay, {\n        left: posi.positionLeft + \"px\",\n        top: posi.positionTop + \"px\"\n      });\n    } else {\n      setPosition(posi);\n    }\n\n    containerRef.current = containerElement;\n    lastTargetRef.current = targetElement;\n  }, [container, ref, triggerTarget, utils, followCursor, cursorPosition]);\n  (0, _react.useEffect)(function () {\n    updatePosition(false);\n    var overlay = (0, _utils.getDOMNode)(ref.current);\n    var containerScrollListener;\n\n    if (containerRef.current && preventOverflow) {\n      var _containerRef$current;\n\n      // Update the overlay position when the container scroll bar is scrolling\n      containerScrollListener = (0, _on.default)(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.tagName) === 'BODY' ? window : containerRef.current, 'scroll', function () {\n        return updatePosition(true, true);\n      });\n    } // Update the position when the window size changes\n\n\n    var resizeListener = (0, _on.default)(window, 'resize', function () {\n      return updatePosition(true, true);\n    });\n\n    if (overlay) {\n      // Update the position when the size of the overlay changes\n      overlayResizeObserver.current = new _resizeObserver.ResizeObserver(function () {\n        return updatePosition(true, true);\n      });\n      overlayResizeObserver.current.observe(overlay);\n    }\n\n    return function () {\n      var _containerScrollListe, _overlayResizeObserve;\n\n      lastTargetRef.current = null;\n      (_containerScrollListe = containerScrollListener) === null || _containerScrollListe === void 0 ? void 0 : _containerScrollListe.off();\n      resizeListener === null || resizeListener === void 0 ? void 0 : resizeListener.off();\n      (_overlayResizeObserve = overlayResizeObserver.current) === null || _overlayResizeObserve === void 0 ? void 0 : _overlayResizeObserve.disconnect();\n    };\n  }, [preventOverflow, ref, updatePosition]);\n  (0, _utils.useUpdateEffect)(function () {\n    return updatePosition();\n  }, [updatePosition, placement]);\n  return [position, updatePosition];\n};\n\nvar Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var children = props.children,\n      className = props.className,\n      followCursor = props.followCursor,\n      cursorPosition = props.cursorPosition;\n\n  var childRef = _react.default.useRef(null);\n\n  var _usePosition = usePosition(props, childRef),\n      position = _usePosition[0],\n      updatePosition = _usePosition[1];\n\n  var positionClassName = position.positionClassName,\n      arrowOffsetLeft = position.arrowOffsetLeft,\n      arrowOffsetTop = position.arrowOffsetTop,\n      positionLeft = position.positionLeft,\n      positionTop = position.positionTop;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      get child() {\n        return childRef.current;\n      },\n\n      updatePosition: updatePosition\n    };\n  });\n  (0, _react.useEffect)(function () {\n    if (!followCursor || !cursorPosition) return;\n    updatePosition();\n  }, [followCursor, cursorPosition, updatePosition]);\n\n  if (typeof children === 'function') {\n    var childProps = {\n      className: (0, _classnames.default)(className, positionClassName),\n      arrowOffsetLeft: arrowOffsetLeft,\n      arrowOffsetTop: arrowOffsetTop,\n      left: positionLeft,\n      top: positionTop\n    };\n    return children(childProps, childRef);\n  }\n\n  return children;\n});\n\nPosition.displayName = 'Position';\nPosition.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.func.isRequired,\n  container: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.any]),\n  containerPadding: _propTypes.default.number,\n  placement: _propTypes.default.any,\n  preventOverflow: _propTypes.default.bool,\n  triggerTarget: _propTypes.default.any\n};\nvar _default = Position;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/Position.tsx?");
 
 /***/ }),
 
@@ -3629,7 +3860,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\");\n\nexports.__esModule = true;\nexports.default = exports.AutoPlacement = void 0;\n\nvar _maxBy = _interopRequireDefault(__webpack_require__(/*! lodash/maxBy */ \"./node_modules/lodash/maxBy.js\"));\n\nvar _minBy = _interopRequireDefault(__webpack_require__(/*! lodash/minBy */ \"./node_modules/lodash/minBy.js\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _ownerDocument = _interopRequireDefault(__webpack_require__(/*! dom-lib/ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\"));\n\nvar _getOffset = _interopRequireDefault(__webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\"));\n\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\n\nvar _scrollLeft = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\"));\n\nvar _getPosition2 = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\n\nvar AutoPlacement = {\n  left: 'Start',\n  right: 'End',\n  top: 'Start',\n  bottom: 'End'\n};\nexports.AutoPlacement = AutoPlacement;\n\n/**\n * Get the external dimensions of the container\n * @param containerNode\n */\nfunction getContainerDimensions(containerNode) {\n  var width;\n  var height;\n  var scrollX;\n  var scrollY;\n\n  if (containerNode.tagName === 'BODY') {\n    width = window.innerWidth;\n    height = window.innerHeight;\n    scrollY = (0, _scrollTop.default)((0, _ownerDocument.default)(containerNode).documentElement) || (0, _scrollTop.default)(containerNode);\n    scrollX = (0, _scrollLeft.default)((0, _ownerDocument.default)(containerNode).documentElement) || (0, _scrollLeft.default)(containerNode);\n  } else {\n    var _ref = (0, _getOffset.default)(containerNode);\n\n    width = _ref.width;\n    height = _ref.height;\n    scrollY = (0, _scrollTop.default)(containerNode);\n    scrollX = (0, _scrollLeft.default)(containerNode);\n  }\n\n  return {\n    width: width,\n    height: height,\n    scrollX: scrollX,\n    scrollY: scrollY\n  };\n}\n\nvar _default = function _default(props) {\n  var placement = props.placement,\n      preventOverflow = props.preventOverflow,\n      padding = props.padding;\n\n  function getTopDelta(top, overlayHeight, container) {\n    if (!preventOverflow) {\n      return 0;\n    }\n\n    var containerDimensions = getContainerDimensions(container);\n    var containerHeight = containerDimensions.height,\n        scrollY = containerDimensions.scrollY;\n    var topEdgeOffset = top - padding - scrollY;\n    var bottomEdgeOffset = top + padding + overlayHeight - scrollY;\n\n    if (topEdgeOffset < 0) {\n      return -topEdgeOffset;\n    } else if (bottomEdgeOffset > containerHeight) {\n      return containerHeight - bottomEdgeOffset;\n    }\n\n    return 0;\n  }\n\n  function getLeftDelta(left, overlayWidth, container) {\n    if (!preventOverflow) {\n      return 0;\n    }\n\n    var containerDimensions = getContainerDimensions(container);\n    var scrollX = containerDimensions.scrollX,\n        containerWidth = containerDimensions.width;\n    var leftEdgeOffset = left - padding - scrollX;\n    var rightEdgeOffset = left + padding + overlayWidth - scrollX;\n\n    if (leftEdgeOffset < 0) {\n      return -leftEdgeOffset;\n    } else if (rightEdgeOffset > containerWidth) {\n      return containerWidth - rightEdgeOffset;\n    }\n\n    return 0;\n  }\n\n  function getPositionTop(container, overlayHeight, top) {\n    if (!preventOverflow) {\n      return top;\n    }\n\n    var _getContainerDimensio = getContainerDimensions(container),\n        scrollY = _getContainerDimensio.scrollY,\n        containerHeight = _getContainerDimensio.height; // 判断 overlay 底部是否溢出，设置 top\n\n\n    if (overlayHeight + top > containerHeight + scrollY) {\n      return containerHeight - overlayHeight + scrollY;\n    } // top 的最小值不能少于纵向滚动条 y 的值\n\n\n    return Math.max(scrollY, top);\n  }\n\n  function getPositionLeft(container, overlayWidth, left) {\n    if (!preventOverflow) {\n      return left;\n    }\n\n    var _getContainerDimensio2 = getContainerDimensions(container),\n        scrollX = _getContainerDimensio2.scrollX,\n        containerWidth = _getContainerDimensio2.width;\n\n    if (overlayWidth + left > containerWidth + scrollX) {\n      return containerWidth - overlayWidth + scrollX;\n    } // left 的最小值不能少于横向滚动条 x 的值\n\n\n    return Math.max(scrollX, left);\n  }\n\n  return {\n    getPosition: function getPosition(target, container) {\n      var offset = container.tagName === 'BODY' ? (0, _getOffset.default)(target) : (0, _getPosition2.default)(target, container, false);\n      return offset;\n    },\n    calcAutoPlacement: function calcAutoPlacement(targetOffset, container, overlay) {\n      var _getContainerDimensio3 = getContainerDimensions(container),\n          width = _getContainerDimensio3.width,\n          height = _getContainerDimensio3.height,\n          scrollX = _getContainerDimensio3.scrollX,\n          scrollY = _getContainerDimensio3.scrollY;\n\n      var left = targetOffset.left - scrollX - overlay.width;\n      var top = targetOffset.top - scrollY - overlay.height;\n      var right = width - targetOffset.left - targetOffset.width + scrollX - overlay.width;\n      var bottom = height - targetOffset.top - targetOffset.height + scrollY - overlay.height;\n      var horizontal = [{\n        key: 'left',\n        value: left\n      }, {\n        key: 'right',\n        value: right\n      }];\n      var vertical = [{\n        key: 'top',\n        value: top\n      }, {\n        key: 'bottom',\n        value: bottom\n      }];\n      var AV = 'autoVertical';\n      var AH = 'autoHorizontal';\n      var direction;\n      var align;\n\n      if (placement.indexOf(AV) !== -1) {\n        direction = (0, _maxBy.default)(vertical, function (o) {\n          return o.value;\n        });\n        return placement === AV ? direction.key : \"\" + direction.key + placement.replace(AV, '');\n      } else if (placement.indexOf(AH) !== -1) {\n        direction = (0, _maxBy.default)(horizontal, function (o) {\n          return o.value;\n        });\n        return placement === AH ? direction.key : \"\" + direction.key + placement.replace(AH, '');\n      }\n      /**\n       * Precedence Vertical\n       * [...vertical, ...horizontal]\n       */\n\n\n      direction = (0, _maxBy.default)([].concat(vertical, horizontal), function (o) {\n        return o.value;\n      });\n\n      if (direction.key === 'left' || direction.key === 'right') {\n        align = (0, _minBy.default)(vertical, function (o) {\n          return o.value;\n        });\n      } else {\n        align = (0, _minBy.default)(horizontal, function (o) {\n          return o.value;\n        });\n      }\n\n      return \"\" + direction.key + AutoPlacement[align.key];\n    },\n    // Calculate the position of the overlay\n    calcOverlayPosition: function calcOverlayPosition(overlayNode, target, container) {\n      var childOffset = this.getPosition(target, container);\n\n      var _ref2 = (0, _getOffset.default)(overlayNode),\n          overlayHeight = _ref2.height,\n          overlayWidth = _ref2.width;\n\n      var top = childOffset.top,\n          left = childOffset.left;\n      var nextPlacement = placement;\n\n      if (placement && placement.indexOf('auto') >= 0) {\n        nextPlacement = this.calcAutoPlacement(childOffset, container, {\n          height: overlayHeight,\n          width: overlayWidth\n        });\n      }\n\n      var positionLeft;\n      var positionTop;\n      var arrowOffsetLeft;\n      var arrowOffsetTop;\n\n      if (nextPlacement === 'left' || nextPlacement === 'right') {\n        positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;\n        var topDelta = getTopDelta(positionTop, overlayHeight, container);\n        positionTop += topDelta;\n        arrowOffsetTop = 50 * (1 - 2 * topDelta / overlayHeight) + \"%\";\n        arrowOffsetLeft = undefined;\n      } else if (nextPlacement === 'top' || nextPlacement === 'bottom') {\n        positionLeft = left + (childOffset.width - overlayWidth) / 2;\n        var leftDelta = getLeftDelta(positionLeft, overlayWidth, container);\n        positionLeft += leftDelta;\n        arrowOffsetLeft = 50 * (1 - 2 * leftDelta / overlayWidth) + \"%\";\n        arrowOffsetTop = undefined;\n      }\n\n      if (nextPlacement === 'top' || nextPlacement === 'topStart' || nextPlacement === 'topEnd') {\n        positionTop = getPositionTop(container, overlayHeight, childOffset.top - overlayHeight);\n      }\n\n      if (nextPlacement === 'bottom' || nextPlacement === 'bottomStart' || nextPlacement === 'bottomEnd') {\n        positionTop = getPositionTop(container, overlayHeight, childOffset.top + childOffset.height);\n      }\n\n      if (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd') {\n        positionLeft = getPositionLeft(container, overlayWidth, childOffset.left - overlayWidth);\n      }\n\n      if (nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd') {\n        positionLeft = getPositionLeft(container, overlayWidth, childOffset.left + childOffset.width);\n      }\n\n      if (document.dir === 'rtl' && (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd' || nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd')) {\n        /**\n         * When laying out in rtl, if the width of the container\n         * is less than the width of the container scrolling,\n         * you need to recalculate the left value.\n         */\n        var _getContainerDimensio4 = getContainerDimensions(container),\n            containerWidth = _getContainerDimensio4.width;\n\n        if (container.scrollWidth > containerWidth) {\n          positionLeft = containerWidth + positionLeft - container.scrollWidth;\n        }\n      }\n\n      if (nextPlacement === 'topStart' || nextPlacement === 'bottomStart') {\n        if (document.dir === 'rtl') {\n          var nextLeft = left + (childOffset.width - overlayWidth);\n          positionLeft = nextLeft + getLeftDelta(nextLeft, overlayWidth, container);\n        } else {\n          positionLeft = left + getLeftDelta(left, overlayWidth, container);\n        }\n      }\n\n      if (nextPlacement === 'topEnd' || nextPlacement === 'bottomEnd') {\n        if (document.dir === 'rtl') {\n          positionLeft = left + getLeftDelta(left, overlayWidth, container);\n        } else {\n          var _nextLeft = left + (childOffset.width - overlayWidth);\n\n          positionLeft = _nextLeft + getLeftDelta(_nextLeft, overlayWidth, container);\n        }\n      }\n\n      if (nextPlacement === 'leftStart' || nextPlacement === 'rightStart') {\n        positionTop = top + getTopDelta(top, overlayHeight, container);\n      }\n\n      if (nextPlacement === 'leftEnd' || nextPlacement === 'rightEnd') {\n        var nextTop = top + (childOffset.height - overlayHeight);\n        positionTop = nextTop + getTopDelta(nextTop, overlayHeight, container);\n      }\n\n      return {\n        positionLeft: positionLeft,\n        positionTop: positionTop,\n        arrowOffsetLeft: arrowOffsetLeft,\n        arrowOffsetTop: arrowOffsetTop,\n        positionClassName: \"placement-\" + (0, _kebabCase.default)(nextPlacement)\n      };\n    }\n  };\n};\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/positionUtils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = exports.AutoPlacement = void 0;\n\nvar _maxBy = _interopRequireDefault(__webpack_require__(/*! lodash/maxBy */ \"./node_modules/lodash/maxBy.js\"));\n\nvar _minBy = _interopRequireDefault(__webpack_require__(/*! lodash/minBy */ \"./node_modules/lodash/minBy.js\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _ownerDocument = _interopRequireDefault(__webpack_require__(/*! dom-lib/ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\"));\n\nvar _getOffset = _interopRequireDefault(__webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\"));\n\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\n\nvar _scrollLeft = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\"));\n\nvar _getPosition2 = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\n\nvar _getStyle = _interopRequireDefault(__webpack_require__(/*! dom-lib/getStyle */ \"./node_modules/dom-lib/esm/getStyle.js\"));\n\nvar _nodeName = _interopRequireDefault(__webpack_require__(/*! dom-lib/nodeName */ \"./node_modules/dom-lib/esm/nodeName.js\"));\n\nvar AutoPlacement = {\n  left: 'Start',\n  right: 'End',\n  top: 'Start',\n  bottom: 'End'\n};\nexports.AutoPlacement = AutoPlacement;\n\n/**\n * Get the external dimensions of the container\n * @param containerNode\n */\nfunction getContainerDimensions(containerNode) {\n  var width;\n  var height;\n  var scrollX;\n  var scrollY;\n\n  if (containerNode.tagName === 'BODY') {\n    width = window.innerWidth;\n    height = window.innerHeight;\n    scrollY = (0, _scrollTop.default)((0, _ownerDocument.default)(containerNode).documentElement) || (0, _scrollTop.default)(containerNode);\n    scrollX = (0, _scrollLeft.default)((0, _ownerDocument.default)(containerNode).documentElement) || (0, _scrollLeft.default)(containerNode);\n  } else {\n    var _ref = (0, _getOffset.default)(containerNode);\n\n    width = _ref.width;\n    height = _ref.height;\n    scrollY = (0, _scrollTop.default)(containerNode);\n    scrollX = (0, _scrollLeft.default)(containerNode);\n  }\n\n  return {\n    width: width,\n    height: height,\n    scrollX: scrollX,\n    scrollY: scrollY\n  };\n}\n\nvar _default = function _default(props) {\n  var placement = props.placement,\n      preventOverflow = props.preventOverflow,\n      padding = props.padding;\n\n  function getTopDelta(top, overlayHeight, container) {\n    if (!preventOverflow) {\n      return 0;\n    }\n\n    var containerDimensions = getContainerDimensions(container);\n    var containerHeight = containerDimensions.height,\n        scrollY = containerDimensions.scrollY;\n    var topEdgeOffset = top - padding - scrollY;\n    var bottomEdgeOffset = top + padding + overlayHeight - scrollY;\n\n    if (topEdgeOffset < 0) {\n      return -topEdgeOffset;\n    } else if (bottomEdgeOffset > containerHeight) {\n      return containerHeight - bottomEdgeOffset;\n    }\n\n    return 0;\n  }\n\n  function getLeftDelta(left, overlayWidth, container) {\n    if (!preventOverflow) {\n      return 0;\n    }\n\n    var containerDimensions = getContainerDimensions(container);\n    var scrollX = containerDimensions.scrollX,\n        containerWidth = containerDimensions.width;\n    var leftEdgeOffset = left - padding - scrollX;\n    var rightEdgeOffset = left + padding + overlayWidth - scrollX;\n\n    if (leftEdgeOffset < 0) {\n      return -leftEdgeOffset;\n    } else if (rightEdgeOffset > containerWidth) {\n      return containerWidth - rightEdgeOffset;\n    }\n\n    return 0;\n  }\n\n  function getPositionTop(container, overlayHeight, top) {\n    if (!preventOverflow) {\n      return top;\n    }\n\n    var _getContainerDimensio = getContainerDimensions(container),\n        scrollY = _getContainerDimensio.scrollY,\n        containerHeight = _getContainerDimensio.height; // 判断 overlay 底部是否溢出，设置 top\n\n\n    if (overlayHeight + top > containerHeight + scrollY) {\n      return containerHeight - overlayHeight + scrollY;\n    } // top 的最小值不能少于纵向滚动条 y 的值\n\n\n    return Math.max(scrollY, top);\n  }\n\n  function getPositionLeft(container, overlayWidth, left) {\n    if (!preventOverflow) {\n      return left;\n    }\n\n    var _getContainerDimensio2 = getContainerDimensions(container),\n        scrollX = _getContainerDimensio2.scrollX,\n        containerWidth = _getContainerDimensio2.width;\n\n    if (overlayWidth + left > containerWidth + scrollX) {\n      return containerWidth - overlayWidth + scrollX;\n    } // left 的最小值不能少于横向滚动条 x 的值\n\n\n    return Math.max(scrollX, left);\n  }\n\n  return {\n    getPosition: function getPosition(target, container) {\n      var offset = container.tagName === 'BODY' ? (0, _getOffset.default)(target) : (0, _getPosition2.default)(target, container, false);\n      return offset;\n    },\n    getCursorOffsetPosition: function getCursorOffsetPosition(target, container, cursorPosition) {\n      var left = cursorPosition.left,\n          top = cursorPosition.top,\n          clientLeft = cursorPosition.clientLeft,\n          clientTop = cursorPosition.clientTop;\n      var offset = {\n        left: left,\n        top: top,\n        width: 10,\n        height: 10\n      };\n\n      if ((0, _getStyle.default)(target, 'position') === 'fixed') {\n        offset.left = clientLeft;\n        offset.top = clientTop;\n        return offset;\n      }\n\n      if (container.tagName === 'BODY') {\n        return offset;\n      }\n\n      var containerOffset = {\n        top: 0,\n        left: 0\n      };\n\n      if ((0, _nodeName.default)(container) !== 'html') {\n        var nextParentOffset = (0, _getOffset.default)(container);\n\n        if (nextParentOffset) {\n          containerOffset.top = nextParentOffset.top;\n          containerOffset.left = nextParentOffset.left;\n        }\n      }\n\n      containerOffset.top += parseInt((0, _getStyle.default)(container, 'borderTopWidth'), 10) - (0, _scrollTop.default)(container) || 0;\n      containerOffset.left += parseInt((0, _getStyle.default)(container, 'borderLeftWidth'), 10) - (0, _scrollLeft.default)(container) || 0;\n      offset.left = left - containerOffset.left;\n      offset.top = top - containerOffset.top;\n      return offset;\n    },\n    calcAutoPlacement: function calcAutoPlacement(targetOffset, container, overlay) {\n      var _getContainerDimensio3 = getContainerDimensions(container),\n          width = _getContainerDimensio3.width,\n          height = _getContainerDimensio3.height,\n          scrollX = _getContainerDimensio3.scrollX,\n          scrollY = _getContainerDimensio3.scrollY;\n\n      var left = targetOffset.left - scrollX - overlay.width;\n      var top = targetOffset.top - scrollY - overlay.height;\n      var right = width - targetOffset.left - targetOffset.width + scrollX - overlay.width;\n      var bottom = height - targetOffset.top - targetOffset.height + scrollY - overlay.height;\n      var horizontal = [{\n        key: 'left',\n        value: left\n      }, {\n        key: 'right',\n        value: right\n      }];\n      var vertical = [{\n        key: 'top',\n        value: top\n      }, {\n        key: 'bottom',\n        value: bottom\n      }];\n      var AV = 'autoVertical';\n      var AH = 'autoHorizontal';\n      var direction;\n      var align;\n\n      if (placement.indexOf(AV) !== -1) {\n        direction = (0, _maxBy.default)(vertical, function (o) {\n          return o.value;\n        });\n        return placement === AV ? direction.key : \"\" + direction.key + placement.replace(AV, '');\n      } else if (placement.indexOf(AH) !== -1) {\n        direction = (0, _maxBy.default)(horizontal, function (o) {\n          return o.value;\n        });\n        return placement === AH ? direction.key : \"\" + direction.key + placement.replace(AH, '');\n      }\n      /**\n       * Precedence Vertical\n       * [...vertical, ...horizontal]\n       */\n\n\n      direction = (0, _maxBy.default)([].concat(vertical, horizontal), function (o) {\n        return o.value;\n      });\n\n      if (direction.key === 'left' || direction.key === 'right') {\n        align = (0, _minBy.default)(vertical, function (o) {\n          return o.value;\n        });\n      } else {\n        align = (0, _minBy.default)(horizontal, function (o) {\n          return o.value;\n        });\n      }\n\n      return \"\" + direction.key + AutoPlacement[align.key];\n    },\n    // Calculate the position of the overlay\n    calcOverlayPosition: function calcOverlayPosition(overlayNode, target, container, cursorPosition) {\n      var childOffset = cursorPosition ? this.getCursorOffsetPosition(target, container, cursorPosition) : this.getPosition(target, container);\n\n      var _ref2 = (0, _getOffset.default)(overlayNode),\n          overlayHeight = _ref2.height,\n          overlayWidth = _ref2.width;\n\n      var top = childOffset.top,\n          left = childOffset.left;\n      var nextPlacement = placement;\n\n      if (placement && placement.indexOf('auto') >= 0) {\n        nextPlacement = this.calcAutoPlacement(childOffset, container, {\n          height: overlayHeight,\n          width: overlayWidth\n        });\n      }\n\n      var positionLeft;\n      var positionTop;\n      var arrowOffsetLeft;\n      var arrowOffsetTop;\n\n      if (nextPlacement === 'left' || nextPlacement === 'right') {\n        positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;\n        var topDelta = getTopDelta(positionTop, overlayHeight, container);\n        positionTop += topDelta;\n        arrowOffsetTop = 50 * (1 - 2 * topDelta / overlayHeight) + \"%\";\n        arrowOffsetLeft = undefined;\n      } else if (nextPlacement === 'top' || nextPlacement === 'bottom') {\n        positionLeft = left + (childOffset.width - overlayWidth) / 2;\n        var leftDelta = getLeftDelta(positionLeft, overlayWidth, container);\n        positionLeft += leftDelta;\n        arrowOffsetLeft = 50 * (1 - 2 * leftDelta / overlayWidth) + \"%\";\n        arrowOffsetTop = undefined;\n      }\n\n      if (nextPlacement === 'top' || nextPlacement === 'topStart' || nextPlacement === 'topEnd') {\n        positionTop = getPositionTop(container, overlayHeight, childOffset.top - overlayHeight);\n      }\n\n      if (nextPlacement === 'bottom' || nextPlacement === 'bottomStart' || nextPlacement === 'bottomEnd') {\n        positionTop = getPositionTop(container, overlayHeight, childOffset.top + childOffset.height);\n      }\n\n      if (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd') {\n        positionLeft = getPositionLeft(container, overlayWidth, childOffset.left - overlayWidth);\n      }\n\n      if (nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd') {\n        positionLeft = getPositionLeft(container, overlayWidth, childOffset.left + childOffset.width);\n      }\n\n      if (document.dir === 'rtl' && (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd' || nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd')) {\n        /**\n         * When laying out in rtl, if the width of the container\n         * is less than the width of the container scrolling,\n         * you need to recalculate the left value.\n         */\n        var _getContainerDimensio4 = getContainerDimensions(container),\n            containerWidth = _getContainerDimensio4.width;\n\n        if (container.scrollWidth > containerWidth) {\n          positionLeft = containerWidth + positionLeft - container.scrollWidth;\n        }\n      }\n\n      if (nextPlacement === 'topStart' || nextPlacement === 'bottomStart') {\n        if (document.dir === 'rtl') {\n          var nextLeft = left + (childOffset.width - overlayWidth);\n          positionLeft = nextLeft + getLeftDelta(nextLeft, overlayWidth, container);\n        } else {\n          positionLeft = left + getLeftDelta(left, overlayWidth, container);\n        }\n      }\n\n      if (nextPlacement === 'topEnd' || nextPlacement === 'bottomEnd') {\n        if (document.dir === 'rtl') {\n          positionLeft = left + getLeftDelta(left, overlayWidth, container);\n        } else {\n          var _nextLeft = left + (childOffset.width - overlayWidth);\n\n          positionLeft = _nextLeft + getLeftDelta(_nextLeft, overlayWidth, container);\n        }\n      }\n\n      if (nextPlacement === 'leftStart' || nextPlacement === 'rightStart') {\n        positionTop = top + getTopDelta(top, overlayHeight, container);\n      }\n\n      if (nextPlacement === 'leftEnd' || nextPlacement === 'rightEnd') {\n        var nextTop = top + (childOffset.height - overlayHeight);\n        positionTop = nextTop + getTopDelta(nextTop, overlayHeight, container);\n      }\n\n      return {\n        positionLeft: positionLeft,\n        positionTop: positionTop,\n        arrowOffsetLeft: arrowOffsetLeft,\n        arrowOffsetTop: arrowOffsetTop,\n        positionClassName: \"placement-\" + (0, _kebabCase.default)(nextPlacement)\n      };\n    }\n  };\n};\n\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Overlay/positionUtils.ts?");
 
 /***/ }),
 
@@ -3684,7 +3915,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _AngleDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleDown */ \"./node_modules/@rsuite/icons/legacy/AngleDown.js\"));\n\nvar _Collapse = _interopRequireDefault(__webpack_require__(/*! ../Animation/Collapse */ \"./src/Animation/Collapse.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _PanelGroup = __webpack_require__(/*! ../PanelGroup */ \"./src/PanelGroup/index.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Panel/Panel.tsx\",\n    _this = void 0;\n\nvar Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      children = props.children,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,\n      bodyFill = props.bodyFill,\n      bordered = props.bordered,\n      collapsibleProp = props.collapsible,\n      defaultExpanded = props.defaultExpanded,\n      eventKey = props.eventKey,\n      expandedProp = props.expanded,\n      header = props.header,\n      headerRoleProp = props.headerRole,\n      _props$panelRole = props.panelRole,\n      panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,\n      shaded = props.shaded,\n      id = props.id,\n      onEnter = props.onEnter,\n      onEntered = props.onEntered,\n      onEntering = props.onEntering,\n      onExit = props.onExit,\n      onExited = props.onExited,\n      onExiting = props.onExiting,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"className\", \"classPrefix\", \"bodyFill\", \"bordered\", \"collapsible\", \"defaultExpanded\", \"eventKey\", \"expanded\", \"header\", \"headerRole\", \"panelRole\", \"shaded\", \"id\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _useControlled = (0, _utils.useControlled)(expandedProp, defaultExpanded),\n      expandedState = _useControlled[0],\n      setExpanded = _useControlled[1];\n\n  var _ref = (0, _react.useContext)(_PanelGroup.PanelGroupContext) || {},\n      accordion = _ref.accordion,\n      activeKey = _ref.activeKey,\n      onGroupSelect = _ref.onGroupSelect;\n\n  var collapsible = collapsibleProp;\n  var headerRole = headerRoleProp;\n  var expanded = expandedState;\n\n  if (accordion) {\n    collapsible = true;\n    headerRole = 'button';\n    expanded = typeof activeKey !== 'undefined' ? activeKey === eventKey : expanded;\n  }\n\n  var handleSelect = (0, _react.useCallback)(function (event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onGroupSelect === null || onGroupSelect === void 0 ? void 0 : onGroupSelect(eventKey, event);\n    setExpanded(!expanded);\n  }, [eventKey, expanded, onGroupSelect, onSelect, setExpanded]);\n  var renderBody = (0, _react.useCallback)(function () {\n    var classes = prefix('body', {\n      'body-fill': bodyFill\n    });\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: panelRole,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 9\n      }\n    }, children);\n  }, [bodyFill, children, panelRole, prefix]);\n\n  var renderCollapsibleBody = function renderCollapsibleBody() {\n    return /*#__PURE__*/_react.default.createElement(_Collapse.default, {\n      in: expanded,\n      onEnter: onEnter,\n      onEntering: onEntering,\n      onEntered: onEntered,\n      onExit: onExit,\n      onExiting: onExiting,\n      onExited: onExited,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 7\n      }\n    }, function (transitionProps, ref) {\n      var className = transitionProps.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({}, rest, {\n        id: id ? \"\" + id : null,\n        \"aria-expanded\": expanded,\n        className: merge(className, prefix('collapse')),\n        ref: ref,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 124,\n          columnNumber: 13\n        }\n      }), renderBody());\n    });\n  };\n\n  var renderHeading = function renderHeading() {\n    if (!header) {\n      return null;\n    }\n\n    var content;\n\n    if (! /*#__PURE__*/_react.default.isValidElement(header) || Array.isArray(header)) {\n      content = collapsible ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AngleDown.default, {\n        rotate: expanded ? 180 : 0,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 147,\n          columnNumber: 13\n        }\n      }), /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix('title'),\n        role: \"presentation\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 148,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: expanded ? undefined : 'collapsed',\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 149,\n          columnNumber: 15\n        }\n      }, header))) : header;\n    } else {\n      var _className = merge(prefix('title'), (0, _get.default)(header, 'props.className'));\n\n      content = /*#__PURE__*/_react.default.cloneElement(header, {\n        className: _className\n      });\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: headerRole,\n      \"aria-controls\": collapsible && id ? \"\" + id : undefined,\n      \"aria-expanded\": expanded,\n      className: prefix('header'),\n      onClick: collapsible ? handleSelect : undefined,\n      tabIndex: -1,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 161,\n        columnNumber: 9\n      }\n    }, content);\n  };\n\n  var classes = merge(className, withClassPrefix({\n    in: expanded,\n    collapsible: collapsible,\n    bordered: bordered,\n    shaded: shaded\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    id: collapsible ? null : id,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 180,\n      columnNumber: 7\n    }\n  }), renderHeading(), collapsible ? renderCollapsibleBody() : renderBody());\n});\n\nPanel.displayName = 'Panel';\nPanel.propTypes = {\n  collapsible: _propTypes.default.bool,\n  bordered: _propTypes.default.bool,\n  shaded: _propTypes.default.bool,\n  bodyFill: _propTypes.default.bool,\n  header: _propTypes.default.any,\n  defaultExpanded: _propTypes.default.bool,\n  expanded: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  headerRole: _propTypes.default.string,\n  panelRole: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func,\n  className: _propTypes.default.string\n};\nvar _default = Panel;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Panel/Panel.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\n\nvar _AngleDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleDown */ \"./node_modules/@rsuite/icons/legacy/AngleDown.js\"));\n\nvar _Collapse = _interopRequireDefault(__webpack_require__(/*! ../Animation/Collapse */ \"./src/Animation/Collapse.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _PanelGroup = __webpack_require__(/*! ../PanelGroup */ \"./src/PanelGroup/index.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Panel/Panel.tsx\",\n    _this = void 0;\n\nvar Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      children = props.children,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,\n      bodyFill = props.bodyFill,\n      bordered = props.bordered,\n      collapsibleProp = props.collapsible,\n      defaultExpanded = props.defaultExpanded,\n      eventKey = props.eventKey,\n      expandedProp = props.expanded,\n      header = props.header,\n      headerRoleProp = props.headerRole,\n      _props$panelRole = props.panelRole,\n      panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,\n      shaded = props.shaded,\n      id = props.id,\n      onEnter = props.onEnter,\n      onEntered = props.onEntered,\n      onEntering = props.onEntering,\n      onExit = props.onExit,\n      onExited = props.onExited,\n      onExiting = props.onExiting,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"className\", \"classPrefix\", \"bodyFill\", \"bordered\", \"collapsible\", \"defaultExpanded\", \"eventKey\", \"expanded\", \"header\", \"headerRole\", \"panelRole\", \"shaded\", \"id\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var _ref = (0, _react.useContext)(_PanelGroup.PanelGroupContext) || {},\n      accordion = _ref.accordion,\n      activeKey = _ref.activeKey,\n      onGroupSelect = _ref.onGroupSelect;\n\n  var _useControlled = (0, _utils.useControlled)(expandedProp, defaultExpanded || typeof activeKey !== 'undefined' && activeKey === eventKey),\n      expandedState = _useControlled[0],\n      setExpanded = _useControlled[1];\n\n  var collapsible = collapsibleProp;\n  var headerRole = headerRoleProp;\n  var expanded = expandedState;\n\n  if (accordion) {\n    collapsible = true;\n    headerRole = 'button'; // Collapses all inactive panels.\n\n    if (typeof activeKey !== 'undefined' && activeKey !== eventKey) {\n      expanded = false;\n    }\n  }\n\n  var handleSelect = (0, _react.useCallback)(function (event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onGroupSelect === null || onGroupSelect === void 0 ? void 0 : onGroupSelect(eventKey, event);\n    setExpanded(!expanded);\n  }, [eventKey, expanded, onGroupSelect, onSelect, setExpanded]);\n  var renderBody = (0, _react.useCallback)(function () {\n    var classes = prefix('body', {\n      'body-fill': bodyFill\n    });\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: panelRole,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 9\n      }\n    }, children);\n  }, [bodyFill, children, panelRole, prefix]);\n\n  var renderCollapsibleBody = function renderCollapsibleBody() {\n    return /*#__PURE__*/_react.default.createElement(_Collapse.default, {\n      in: expanded,\n      onEnter: onEnter,\n      onEntering: onEntering,\n      onEntered: onEntered,\n      onExit: onExit,\n      onExiting: onExiting,\n      onExited: onExited,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 119,\n        columnNumber: 7\n      }\n    }, function (transitionProps, ref) {\n      var className = transitionProps.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({}, rest, {\n        id: id ? \"\" + id : null,\n        \"aria-expanded\": expanded,\n        className: merge(className, prefix('collapse')),\n        ref: ref,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 131,\n          columnNumber: 13\n        }\n      }), renderBody());\n    });\n  };\n\n  var renderHeading = function renderHeading() {\n    if (!header) {\n      return null;\n    }\n\n    var content;\n\n    if (! /*#__PURE__*/_react.default.isValidElement(header) || Array.isArray(header)) {\n      content = collapsible ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AngleDown.default, {\n        rotate: expanded ? 180 : 0,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 154,\n          columnNumber: 13\n        }\n      }), /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix('title'),\n        role: \"presentation\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 155,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: expanded ? undefined : 'collapsed',\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 156,\n          columnNumber: 15\n        }\n      }, header))) : header;\n    } else {\n      var _className = merge(prefix('title'), (0, _get.default)(header, 'props.className'));\n\n      content = /*#__PURE__*/_react.default.cloneElement(header, {\n        className: _className\n      });\n    }\n\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      role: headerRole,\n      \"aria-controls\": collapsible && id ? \"\" + id : undefined,\n      \"aria-expanded\": expanded,\n      className: prefix('header'),\n      onClick: collapsible ? handleSelect : undefined,\n      tabIndex: -1,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 168,\n        columnNumber: 9\n      }\n    }, content);\n  };\n\n  var classes = merge(className, withClassPrefix({\n    in: expanded,\n    collapsible: collapsible,\n    bordered: bordered,\n    shaded: shaded\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    id: collapsible ? null : id,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 187,\n      columnNumber: 7\n    }\n  }), renderHeading(), collapsible ? renderCollapsibleBody() : renderBody());\n});\n\nPanel.displayName = 'Panel';\nPanel.propTypes = {\n  collapsible: _propTypes.default.bool,\n  bordered: _propTypes.default.bool,\n  shaded: _propTypes.default.bool,\n  bodyFill: _propTypes.default.bool,\n  header: _propTypes.default.any,\n  defaultExpanded: _propTypes.default.bool,\n  expanded: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  headerRole: _propTypes.default.string,\n  panelRole: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  onSelect: _propTypes.default.func,\n  onEnter: _propTypes.default.func,\n  onEntering: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExit: _propTypes.default.func,\n  onExiting: _propTypes.default.func,\n  onExited: _propTypes.default.func,\n  className: _propTypes.default.string\n};\nvar _default = Panel;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Panel/Panel.tsx?");
 
 /***/ }),
 
@@ -3871,7 +4102,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.createConcatChildrenFunction = createConcatChildrenFunction;\nexports.shouldDisplay = shouldDisplay;\nexports.usePickerClassName = usePickerClassName;\nexports.onMenuKeyDown = onMenuKeyDown;\nexports.useSearch = useSearch;\nexports.usePublicMethods = usePublicMethods;\nexports.useToggleKeyDownEvent = exports.useFocusItemValue = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _trim = _interopRequireDefault(__webpack_require__(/*! lodash/trim */ \"./node_modules/lodash/trim.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _find = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar defaultNodeKeys = {\n  valueKey: 'value',\n  childrenKey: 'children'\n};\n\nfunction createConcatChildrenFunction(node, nodeValue, nodeKeys) {\n  if (nodeKeys === void 0) {\n    nodeKeys = defaultNodeKeys;\n  }\n\n  var _nodeKeys = nodeKeys,\n      valueKey = _nodeKeys.valueKey,\n      childrenKey = _nodeKeys.childrenKey;\n  return function (data, children) {\n    if (nodeValue) {\n      node = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return nodeValue === item[valueKey];\n      });\n    }\n\n    node[childrenKey] = children;\n    return data.concat([]);\n  };\n}\n\nfunction shouldDisplay(label, searchKeyword) {\n  if (!(0, _trim.default)(searchKeyword)) {\n    return true;\n  }\n\n  var keyword = searchKeyword.toLocaleLowerCase();\n\n  if (typeof label === 'string' || typeof label === 'number') {\n    return (\"\" + label).toLocaleLowerCase().indexOf(keyword) >= 0;\n  } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {\n    var nodes = (0, _utils.reactToString)(label);\n    return nodes.join('').toLocaleLowerCase().indexOf(keyword) >= 0;\n  }\n\n  return false;\n}\n\n/**\n * The className of the assembled Toggle is on the Picker.\n */\nfunction usePickerClassName(props) {\n  var _withClassPrefix;\n\n  var name = props.name,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      placement = props.placement,\n      appearance = props.appearance,\n      cleanable = props.cleanable,\n      block = props.block,\n      disabled = props.disabled,\n      countable = props.countable,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      hasValue = props.hasValue,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"name\", \"classPrefix\", \"className\", \"placement\", \"appearance\", \"cleanable\", \"block\", \"disabled\", \"countable\", \"readOnly\", \"plaintext\", \"hasValue\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));\n  var usedClassNamePropKeys = Object.keys((0, _omit.default)(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext'])));\n  return [classes, usedClassNamePropKeys];\n}\n\n/**\n * Handling keyboard events...\n * @param event Keyboard event object\n * @param events Event callback functions\n */\nfunction onMenuKeyDown(event, events) {\n  var down = events.down,\n      up = events.up,\n      enter = events.enter,\n      del = events.del,\n      esc = events.esc,\n      right = events.right,\n      left = events.left;\n\n  switch (event.key) {\n    // down\n    case _utils.KEY_VALUES.DOWN:\n      down === null || down === void 0 ? void 0 : down(event);\n      event.preventDefault();\n      break;\n    // up\n\n    case _utils.KEY_VALUES.UP:\n      up === null || up === void 0 ? void 0 : up(event);\n      event.preventDefault();\n      break;\n    // enter\n\n    case _utils.KEY_VALUES.ENTER:\n      enter === null || enter === void 0 ? void 0 : enter(event);\n      event.preventDefault();\n      break;\n    // delete\n\n    case _utils.KEY_VALUES.BACKSPACE:\n      del === null || del === void 0 ? void 0 : del(event);\n      break;\n    // esc | tab\n\n    case _utils.KEY_VALUES.ESC:\n    case _utils.KEY_VALUES.TAB:\n      esc === null || esc === void 0 ? void 0 : esc(event);\n      break;\n    // left arrow\n\n    case _utils.KEY_VALUES.LEFT:\n      left === null || left === void 0 ? void 0 : left(event);\n      break;\n    // right arrow\n\n    case _utils.KEY_VALUES.RIGHT:\n      right === null || right === void 0 ? void 0 : right(event);\n      break;\n\n    default:\n  }\n}\n\n/**\n * A hook that manages the focus state of the option.\n * @param defaultFocusItemValue\n * @param props\n */\nvar useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props) {\n  var _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$focusableQuery = props.focusableQueryKey,\n      focusableQueryKey = _props$focusableQuery === void 0 ? '[data-key][aria-disabled=\"false\"]' : _props$focusableQuery,\n      _props$defaultLayer = props.defaultLayer,\n      defaultLayer = _props$defaultLayer === void 0 ? 0 : _props$defaultLayer,\n      data = props.data,\n      target = props.target,\n      rtl = props.rtl,\n      callback = props.callback;\n\n  var _useState = (0, _react.useState)(defaultFocusItemValue),\n      focusItemValue = _useState[0],\n      setFocusItemValue = _useState[1];\n\n  var _useState2 = (0, _react.useState)(defaultLayer),\n      layer = _useState2[0],\n      setLayer = _useState2[1];\n\n  var _useState3 = (0, _react.useState)([]),\n      keys = _useState3[0],\n      setKeys = _useState3[1];\n  /**\n   * Get the elements visible in all options.\n   */\n\n\n  var getFocusableMenuItems = (0, _react.useCallback)(function () {\n    if (!target) {\n      return [];\n    }\n\n    var menu = (0, _isFunction.default)(target) ? target() : target;\n    var currentKeys = keys;\n\n    if (currentKeys.length === 0 && !(0, _isNil.default)(menu)) {\n      currentKeys = Array.from(menu.querySelectorAll(focusableQueryKey)).map(function (item) {\n        var _item$dataset;\n\n        return (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;\n      });\n      setKeys(currentKeys);\n    }\n\n    if (currentKeys.length === 0) {\n      return [];\n    } // 1. It is necessary to traverse the `keys` instead of `data` here to preserve the order of the array.\n    // 2. The values ​​in `keys` are all string, so the corresponding value of `data` should also be converted to string\n\n\n    return currentKeys.map(function (key) {\n      return (0, _find.default)(data, function (i) {\n        return \"\" + i[valueKey] === key;\n      });\n    });\n  }, [data, focusableQueryKey, keys, target, valueKey]);\n  /**\n   * Get the index of the focus item.\n   */\n\n  var findFocusItemIndex = (0, _react.useCallback)(function (callback) {\n    var items = getFocusableMenuItems();\n\n    for (var i = 0; i < items.length; i += 1) {\n      var _items$i;\n\n      if ((0, _utils.shallowEqual)(focusItemValue, (_items$i = items[i]) === null || _items$i === void 0 ? void 0 : _items$i[valueKey])) {\n        callback(items, i);\n        return;\n      }\n    }\n\n    callback(items, -1);\n  }, [focusItemValue, getFocusableMenuItems, valueKey]);\n  var focusNextMenuItem = (0, _react.useCallback)(function (event) {\n    findFocusItemIndex(function (items, index) {\n      var nextIndex = index + 2 > items.length ? 0 : index + 1;\n      var focusItem = items[nextIndex];\n\n      if (!(0, _isUndefined.default)(focusItem)) {\n        setFocusItemValue(focusItem[valueKey]);\n        callback === null || callback === void 0 ? void 0 : callback(focusItem[valueKey], event);\n      }\n    });\n  }, [callback, findFocusItemIndex, valueKey]);\n  var focusPrevMenuItem = (0, _react.useCallback)(function (event) {\n    findFocusItemIndex(function (items, index) {\n      var nextIndex = index === 0 ? items.length - 1 : index - 1;\n      var focusItem = items[nextIndex];\n\n      if (!(0, _isUndefined.default)(focusItem)) {\n        setFocusItemValue(focusItem[valueKey]);\n        callback === null || callback === void 0 ? void 0 : callback(focusItem[valueKey], event);\n      }\n    });\n  }, [callback, findFocusItemIndex, valueKey]);\n  var getSubMenuKeys = (0, _react.useCallback)(function (nextLayer) {\n    var menu = (0, _isFunction.default)(target) ? target() : target;\n    var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector(\"[data-layer=\\\"\" + nextLayer + \"\\\"]\");\n\n    if (subMenu) {\n      var _Array$from;\n\n      return (_Array$from = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {\n        var _item$dataset2;\n\n        return (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;\n      });\n    }\n\n    return null;\n  }, [focusableQueryKey, target]);\n  var focusNextLevelMenu = (0, _react.useCallback)(function (event) {\n    var nextLayer = layer + 1;\n    var nextKeys = getSubMenuKeys(nextLayer);\n\n    if (nextKeys) {\n      setKeys(nextKeys);\n      setLayer(nextLayer);\n      setFocusItemValue(nextKeys[0]);\n      callback === null || callback === void 0 ? void 0 : callback(nextKeys[0], event);\n    }\n  }, [callback, getSubMenuKeys, layer]);\n  var focusPrevLevelMenu = (0, _react.useCallback)(function (event) {\n    var nextLayer = layer - 1;\n    var nextKeys = getSubMenuKeys(nextLayer);\n\n    if (nextKeys) {\n      var _focusItem$parent;\n\n      setKeys(nextKeys);\n      setLayer(nextLayer);\n      var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return item[valueKey] === focusItemValue;\n      });\n      var parentItemValue = focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey];\n\n      if (parentItemValue) {\n        setFocusItemValue(parentItemValue);\n        callback === null || callback === void 0 ? void 0 : callback(parentItemValue, event);\n      }\n    }\n  }, [callback, data, focusItemValue, getSubMenuKeys, layer, valueKey]);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    var _onMenuKeyDown;\n\n    onMenuKeyDown(event, (_onMenuKeyDown = {\n      down: focusNextMenuItem,\n      up: focusPrevMenuItem\n    }, _onMenuKeyDown[rtl ? 'left' : 'right'] = focusNextLevelMenu, _onMenuKeyDown[rtl ? 'right' : 'left'] = focusPrevLevelMenu, _onMenuKeyDown));\n  }, [focusNextLevelMenu, focusNextMenuItem, focusPrevLevelMenu, focusPrevMenuItem, rtl]);\n  return {\n    focusItemValue: focusItemValue,\n    setFocusItemValue: setFocusItemValue,\n    layer: layer,\n    setLayer: setLayer,\n    keys: keys,\n    setKeys: setKeys,\n    onKeyDown: handleKeyDown\n  };\n};\n\nexports.useFocusItemValue = useFocusItemValue;\n\n/**\n * A hook to control the toggle keyboard operation\n * @param props\n */\nvar useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {\n  var _props$toggle = props.toggle,\n      toggle = _props$toggle === void 0 ? true : _props$toggle,\n      triggerRef = props.triggerRef,\n      targetRef = props.targetRef,\n      overlayRef = props.overlayRef,\n      searchInputRef = props.searchInputRef,\n      active = props.active,\n      onExit = props.onExit,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      onKeyDown = props.onKeyDown,\n      onMenuKeyDown = props.onMenuKeyDown,\n      onMenuPressEnter = props.onMenuPressEnter,\n      onMenuPressBackspace = props.onMenuPressBackspace;\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose, triggerRef]);\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current2, _triggerRef$current2$;\n\n    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.open) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  }, [onOpen, triggerRef]);\n  var handleToggleDropdown = (0, _react.useCallback)(function () {\n    if (active) {\n      handleClose();\n      return;\n    }\n\n    handleOpen();\n  }, [active, handleOpen, handleClose]);\n  var onToggle = (0, _react.useCallback)(function (event) {\n    if (event.target === (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current)) {\n      // enter\n      if (toggle && event.key === _utils.KEY_VALUES.ENTER) {\n        handleToggleDropdown();\n      } // delete\n\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE) {\n        onExit === null || onExit === void 0 ? void 0 : onExit(event);\n      }\n    }\n\n    if (overlayRef !== null && overlayRef !== void 0 && overlayRef.current) {\n      // The keyboard operation callback on the menu.\n      onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);\n\n      if (event.key === _utils.KEY_VALUES.ENTER) {\n        onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);\n      }\n      /**\n       * There is no callback when typing the Backspace key in the search box.\n       * The default is to remove search keywords\n       */\n\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE && event.target !== (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current)) {\n        onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);\n      } // The search box gets focus when typing characters and numbers.\n\n\n      if (event.key.length === 1 && /\\w/.test(event.key)) {\n        var _event$target;\n\n        // Exclude Input\n        // eg: <SelectPicker renderExtraFooter={() => <Input />} />\n        if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) !== 'INPUT') {\n          var _searchInputRef$curre;\n\n          searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();\n        }\n      }\n    }\n\n    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {\n      handleClose();\n    } // Native event callback\n\n\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n  }, [handleClose, handleToggleDropdown, overlayRef, onExit, onKeyDown, onMenuKeyDown, onMenuPressBackspace, onMenuPressEnter, toggle, targetRef, searchInputRef]);\n  return onToggle;\n};\n\nexports.useToggleKeyDownEvent = useToggleKeyDownEvent;\n\n/**\n * A hook that handles search filter options\n * @param props\n */\nfunction useSearch(props) {\n  var labelKey = props.labelKey,\n      data = props.data,\n      searchBy = props.searchBy,\n      callback = props.callback; // Use search keywords to filter options.\n\n  var _useState4 = (0, _react.useState)(''),\n      searchKeyword = _useState4[0],\n      setSearchKeyword = _useState4[1];\n  /**\n   * Index of keyword  in `label`\n   * @param {node} label\n   */\n\n\n  var checkShouldDisplay = (0, _react.useCallback)(function (item, keyword) {\n    var label = item === null || item === void 0 ? void 0 : item[labelKey];\n\n    var _keyword = (0, _isUndefined.default)(keyword) ? searchKeyword : keyword;\n\n    if (typeof searchBy === 'function') {\n      return searchBy(_keyword, label, item);\n    }\n\n    return shouldDisplay(label, _keyword);\n  }, [labelKey, searchBy, searchKeyword]);\n  var updateFilteredData = (0, _react.useCallback)(function (nextData) {\n    setFilteredData((0, _treeUtils.filterNodesOfTree)(nextData, function (item) {\n      return checkShouldDisplay(item);\n    }));\n  }, [checkShouldDisplay]);\n\n  var _useState5 = (0, _react.useState)((0, _treeUtils.filterNodesOfTree)(data, function (item) {\n    return checkShouldDisplay(item);\n  })),\n      filteredData = _useState5[0],\n      setFilteredData = _useState5[1];\n\n  var handleSearch = function handleSearch(searchKeyword, event) {\n    var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n      return checkShouldDisplay(item, searchKeyword);\n    });\n    setFilteredData(filteredData);\n    setSearchKeyword(searchKeyword);\n    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);\n  };\n\n  return {\n    searchKeyword: searchKeyword,\n    filteredData: filteredData,\n    updateFilteredData: updateFilteredData,\n    setSearchKeyword: setSearchKeyword,\n    checkShouldDisplay: checkShouldDisplay,\n    handleSearch: handleSearch\n  };\n}\n\n/**\n * A hook of the exposed method of Picker\n */\nfunction usePublicMethods(ref, parmas) {\n  var triggerRef = parmas.triggerRef,\n      overlayRef = parmas.overlayRef,\n      targetRef = parmas.targetRef,\n      rootRef = parmas.rootRef,\n      listRef = parmas.listRef,\n      inline = parmas.inline;\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current3;\n\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();\n  }, [triggerRef]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current4;\n\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();\n  }, [triggerRef]);\n  var handleUpdatePosition = (0, _react.useCallback)(function () {\n    var _triggerRef$current5;\n\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();\n  }, [triggerRef]);\n  (0, _react.useImperativeHandle)(ref, function () {\n    // Tree and CheckTree\n    if (inline) {\n      return {\n        get root() {\n          var _triggerRef$current$r, _triggerRef$current6;\n\n          return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current$r = triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root) !== null && _triggerRef$current$r !== void 0 ? _triggerRef$current$r : null;\n        },\n\n        get list() {\n          if (!(listRef !== null && listRef !== void 0 && listRef.current)) {\n            throw new Error('The list is not found, please set `virtualized` for the component.');\n          }\n\n          return listRef === null || listRef === void 0 ? void 0 : listRef.current;\n        }\n\n      };\n    }\n\n    return {\n      get root() {\n        var _ref, _triggerRef$current7;\n\n        return (_ref = (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) || (triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current7 = triggerRef.current) === null || _triggerRef$current7 === void 0 ? void 0 : _triggerRef$current7.root)) !== null && _ref !== void 0 ? _ref : null;\n      },\n\n      get overlay() {\n        var _overlayRef$current;\n\n        return (_overlayRef$current = overlayRef === null || overlayRef === void 0 ? void 0 : overlayRef.current) !== null && _overlayRef$current !== void 0 ? _overlayRef$current : null;\n      },\n\n      get target() {\n        var _targetRef$current;\n\n        return (_targetRef$current = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) !== null && _targetRef$current !== void 0 ? _targetRef$current : null;\n      },\n\n      get list() {\n        if (!(listRef !== null && listRef !== void 0 && listRef.current)) {\n          throw new Error(\"\\n            The list is not found.\\n            1.Please set virtualized for the component.\\n            2.Please confirm whether the picker is open.\\n          \");\n        }\n\n        return listRef === null || listRef === void 0 ? void 0 : listRef.current;\n      },\n\n      updatePosition: handleUpdatePosition,\n      open: handleOpen,\n      close: handleClose\n    };\n  });\n}\n\n//# sourceURL=webpack://rsuite/./src/Picker/utils.ts?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.createConcatChildrenFunction = createConcatChildrenFunction;\nexports.shouldDisplay = shouldDisplay;\nexports.usePickerClassName = usePickerClassName;\nexports.onMenuKeyDown = onMenuKeyDown;\nexports.useSearch = useSearch;\nexports.usePublicMethods = usePublicMethods;\nexports.useToggleKeyDownEvent = exports.useFocusItemValue = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _trim = _interopRequireDefault(__webpack_require__(/*! lodash/trim */ \"./node_modules/lodash/trim.js\"));\n\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\n\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _find = _interopRequireDefault(__webpack_require__(/*! lodash/find */ \"./node_modules/lodash/find.js\"));\n\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar defaultNodeKeys = {\n  valueKey: 'value',\n  childrenKey: 'children'\n};\n\nfunction createConcatChildrenFunction(node, nodeValue, nodeKeys) {\n  if (nodeKeys === void 0) {\n    nodeKeys = defaultNodeKeys;\n  }\n\n  var _nodeKeys = nodeKeys,\n      valueKey = _nodeKeys.valueKey,\n      childrenKey = _nodeKeys.childrenKey;\n  return function (data, children) {\n    if (nodeValue) {\n      node = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return nodeValue === item[valueKey];\n      });\n    }\n\n    node[childrenKey] = children;\n    return data.concat([]);\n  };\n}\n\nfunction shouldDisplay(label, searchKeyword) {\n  if (!(0, _trim.default)(searchKeyword)) {\n    return true;\n  }\n\n  var keyword = searchKeyword.toLocaleLowerCase();\n\n  if (typeof label === 'string' || typeof label === 'number') {\n    return (\"\" + label).toLocaleLowerCase().indexOf(keyword) >= 0;\n  } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {\n    var nodes = (0, _utils.reactToString)(label);\n    return nodes.join('').toLocaleLowerCase().indexOf(keyword) >= 0;\n  }\n\n  return false;\n}\n\n/**\n * The className of the assembled Toggle is on the Picker.\n */\nfunction usePickerClassName(props) {\n  var _withClassPrefix;\n\n  var name = props.name,\n      classPrefix = props.classPrefix,\n      className = props.className,\n      placement = props.placement,\n      appearance = props.appearance,\n      cleanable = props.cleanable,\n      block = props.block,\n      disabled = props.disabled,\n      countable = props.countable,\n      readOnly = props.readOnly,\n      plaintext = props.plaintext,\n      hasValue = props.hasValue,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"name\", \"classPrefix\", \"className\", \"placement\", \"appearance\", \"cleanable\", \"block\", \"disabled\", \"countable\", \"readOnly\", \"plaintext\", \"hasValue\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));\n  var usedClassNamePropKeys = Object.keys((0, _omit.default)(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext'])));\n  return [classes, usedClassNamePropKeys];\n}\n\n/**\n * Handling keyboard events...\n * @param event Keyboard event object\n * @param events Event callback functions\n */\nfunction onMenuKeyDown(event, events) {\n  var down = events.down,\n      up = events.up,\n      enter = events.enter,\n      del = events.del,\n      esc = events.esc,\n      right = events.right,\n      left = events.left;\n\n  switch (event.key) {\n    // down\n    case _utils.KEY_VALUES.DOWN:\n      down === null || down === void 0 ? void 0 : down(event);\n      event.preventDefault();\n      break;\n    // up\n\n    case _utils.KEY_VALUES.UP:\n      up === null || up === void 0 ? void 0 : up(event);\n      event.preventDefault();\n      break;\n    // enter\n\n    case _utils.KEY_VALUES.ENTER:\n      enter === null || enter === void 0 ? void 0 : enter(event);\n      event.preventDefault();\n      break;\n    // delete\n\n    case _utils.KEY_VALUES.BACKSPACE:\n      del === null || del === void 0 ? void 0 : del(event);\n      break;\n    // esc | tab\n\n    case _utils.KEY_VALUES.ESC:\n    case _utils.KEY_VALUES.TAB:\n      esc === null || esc === void 0 ? void 0 : esc(event);\n      break;\n    // left arrow\n\n    case _utils.KEY_VALUES.LEFT:\n      left === null || left === void 0 ? void 0 : left(event);\n      break;\n    // right arrow\n\n    case _utils.KEY_VALUES.RIGHT:\n      right === null || right === void 0 ? void 0 : right(event);\n      break;\n\n    default:\n  }\n}\n\n/**\n * A hook that manages the focus state of the option.\n * @param defaultFocusItemValue\n * @param props\n */\nvar useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props) {\n  var _props$valueKey = props.valueKey,\n      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n      _props$focusableQuery = props.focusableQueryKey,\n      focusableQueryKey = _props$focusableQuery === void 0 ? '[data-key][aria-disabled=\"false\"]' : _props$focusableQuery,\n      _props$defaultLayer = props.defaultLayer,\n      defaultLayer = _props$defaultLayer === void 0 ? 0 : _props$defaultLayer,\n      data = props.data,\n      target = props.target,\n      rtl = props.rtl,\n      callback = props.callback;\n\n  var _useState = (0, _react.useState)(defaultFocusItemValue),\n      focusItemValue = _useState[0],\n      setFocusItemValue = _useState[1];\n\n  var _useState2 = (0, _react.useState)(defaultLayer),\n      layer = _useState2[0],\n      setLayer = _useState2[1];\n\n  var _useState3 = (0, _react.useState)([]),\n      keys = _useState3[0],\n      setKeys = _useState3[1];\n  /**\n   * Get the elements visible in all options.\n   */\n\n\n  var getFocusableMenuItems = (0, _react.useCallback)(function () {\n    if (!target) {\n      return [];\n    }\n\n    var currentKeys = keys;\n\n    if (layer < 1) {\n      var popup = (0, _isFunction.default)(target) ? target() : target;\n      var rootMenu = popup === null || popup === void 0 ? void 0 : popup.querySelector('[data-layer=\"0\"]');\n\n      if (rootMenu) {\n        var _rootMenu$querySelect;\n\n        currentKeys = Array.from((_rootMenu$querySelect = rootMenu.querySelectorAll(focusableQueryKey)) !== null && _rootMenu$querySelect !== void 0 ? _rootMenu$querySelect : []).map(function (item) {\n          var _item$dataset;\n\n          return (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;\n        });\n      } else {\n        var _popup$querySelectorA;\n\n        currentKeys = Array.from((_popup$querySelectorA = popup === null || popup === void 0 ? void 0 : popup.querySelectorAll(focusableQueryKey)) !== null && _popup$querySelectorA !== void 0 ? _popup$querySelectorA : []).map(function (item) {\n          var _item$dataset2;\n\n          return (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;\n        });\n      }\n    } // 1. It is necessary to traverse the `keys` instead of `data` here to preserve the order of the array.\n    // 2. The values ​​in `keys` are all string, so the corresponding value of `data` should also be converted to string\n\n\n    return currentKeys.map(function (key) {\n      return (0, _find.default)(data, function (i) {\n        return \"\" + i[valueKey] === key;\n      });\n    });\n  }, [data, focusableQueryKey, keys, target, valueKey, layer]);\n  /**\n   * Get the index of the focus item.\n   */\n\n  var findFocusItemIndex = (0, _react.useCallback)(function (callback) {\n    var items = getFocusableMenuItems();\n\n    for (var i = 0; i < items.length; i += 1) {\n      var _items$i;\n\n      if ((0, _utils.shallowEqual)(focusItemValue, (_items$i = items[i]) === null || _items$i === void 0 ? void 0 : _items$i[valueKey])) {\n        callback(items, i);\n        return;\n      }\n    }\n\n    callback(items, -1);\n  }, [focusItemValue, getFocusableMenuItems, valueKey]);\n  var focusNextMenuItem = (0, _react.useCallback)(function (event) {\n    findFocusItemIndex(function (items, index) {\n      var nextIndex = index + 2 > items.length ? 0 : index + 1;\n      var focusItem = items[nextIndex];\n\n      if (!(0, _isUndefined.default)(focusItem)) {\n        setFocusItemValue(focusItem[valueKey]);\n        callback === null || callback === void 0 ? void 0 : callback(focusItem[valueKey], event);\n      }\n    });\n  }, [callback, findFocusItemIndex, valueKey]);\n  var focusPrevMenuItem = (0, _react.useCallback)(function (event) {\n    findFocusItemIndex(function (items, index) {\n      var nextIndex = index === 0 ? items.length - 1 : index - 1;\n      var focusItem = items[nextIndex];\n\n      if (!(0, _isUndefined.default)(focusItem)) {\n        setFocusItemValue(focusItem[valueKey]);\n        callback === null || callback === void 0 ? void 0 : callback(focusItem[valueKey], event);\n      }\n    });\n  }, [callback, findFocusItemIndex, valueKey]);\n  var getSubMenuKeys = (0, _react.useCallback)(function (nextLayer) {\n    var menu = (0, _isFunction.default)(target) ? target() : target;\n    var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector(\"[data-layer=\\\"\" + nextLayer + \"\\\"]\");\n\n    if (subMenu) {\n      var _Array$from;\n\n      return (_Array$from = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {\n        var _item$dataset3;\n\n        return (_item$dataset3 = item.dataset) === null || _item$dataset3 === void 0 ? void 0 : _item$dataset3.key;\n      });\n    }\n\n    return null;\n  }, [focusableQueryKey, target]);\n  var focusNextLevelMenu = (0, _react.useCallback)(function (event) {\n    var nextLayer = layer + 1;\n    var nextKeys = getSubMenuKeys(nextLayer);\n\n    if (nextKeys) {\n      setKeys(nextKeys);\n      setLayer(nextLayer);\n      setFocusItemValue(nextKeys[0]);\n      callback === null || callback === void 0 ? void 0 : callback(nextKeys[0], event);\n    }\n  }, [callback, getSubMenuKeys, layer]);\n  var focusPrevLevelMenu = (0, _react.useCallback)(function (event) {\n    var nextLayer = layer - 1;\n    var nextKeys = getSubMenuKeys(nextLayer);\n\n    if (nextKeys) {\n      var _focusItem$parent;\n\n      setKeys(nextKeys);\n      setLayer(nextLayer);\n      var focusItem = (0, _treeUtils.findNodeOfTree)(data, function (item) {\n        return item[valueKey] === focusItemValue;\n      });\n      var parentItemValue = focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey];\n\n      if (parentItemValue) {\n        setFocusItemValue(parentItemValue);\n        callback === null || callback === void 0 ? void 0 : callback(parentItemValue, event);\n      }\n    }\n  }, [callback, data, focusItemValue, getSubMenuKeys, layer, valueKey]);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    var _onMenuKeyDown;\n\n    onMenuKeyDown(event, (_onMenuKeyDown = {\n      down: focusNextMenuItem,\n      up: focusPrevMenuItem\n    }, _onMenuKeyDown[rtl ? 'left' : 'right'] = focusNextLevelMenu, _onMenuKeyDown[rtl ? 'right' : 'left'] = focusPrevLevelMenu, _onMenuKeyDown));\n  }, [focusNextLevelMenu, focusNextMenuItem, focusPrevLevelMenu, focusPrevMenuItem, rtl]);\n  return {\n    focusItemValue: focusItemValue,\n    setFocusItemValue: setFocusItemValue,\n    layer: layer,\n    setLayer: setLayer,\n    keys: keys,\n    setKeys: setKeys,\n    onKeyDown: handleKeyDown\n  };\n};\n\nexports.useFocusItemValue = useFocusItemValue;\n\n/**\n * A hook to control the toggle keyboard operation\n * @param props\n */\nvar useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {\n  var _props$toggle = props.toggle,\n      toggle = _props$toggle === void 0 ? true : _props$toggle,\n      triggerRef = props.triggerRef,\n      targetRef = props.targetRef,\n      overlayRef = props.overlayRef,\n      searchInputRef = props.searchInputRef,\n      active = props.active,\n      onExit = props.onExit,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      onKeyDown = props.onKeyDown,\n      onMenuKeyDown = props.onMenuKeyDown,\n      onMenuPressEnter = props.onMenuPressEnter,\n      onMenuPressBackspace = props.onMenuPressBackspace;\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current, _triggerRef$current$c;\n\n    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$c = _triggerRef$current.close) === null || _triggerRef$current$c === void 0 ? void 0 : _triggerRef$current$c.call(_triggerRef$current);\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  }, [onClose, triggerRef]);\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current2, _triggerRef$current2$;\n\n    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.open) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  }, [onOpen, triggerRef]);\n  var handleToggleDropdown = (0, _react.useCallback)(function () {\n    if (active) {\n      handleClose();\n      return;\n    }\n\n    handleOpen();\n  }, [active, handleOpen, handleClose]);\n  var onToggle = (0, _react.useCallback)(function (event) {\n    if (event.target === (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current)) {\n      // enter\n      if (toggle && event.key === _utils.KEY_VALUES.ENTER) {\n        handleToggleDropdown();\n      } // delete\n\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE) {\n        onExit === null || onExit === void 0 ? void 0 : onExit(event);\n      }\n    }\n\n    if (overlayRef !== null && overlayRef !== void 0 && overlayRef.current) {\n      // The keyboard operation callback on the menu.\n      onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);\n\n      if (event.key === _utils.KEY_VALUES.ENTER) {\n        onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);\n      }\n      /**\n       * There is no callback when typing the Backspace key in the search box.\n       * The default is to remove search keywords\n       */\n\n\n      if (event.key === _utils.KEY_VALUES.BACKSPACE && event.target !== (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current)) {\n        onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);\n      } // The search box gets focus when typing characters and numbers.\n\n\n      if (event.key.length === 1 && /\\w/.test(event.key)) {\n        var _event$target;\n\n        // Exclude Input\n        // eg: <SelectPicker renderExtraFooter={() => <Input />} />\n        if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) !== 'INPUT') {\n          var _searchInputRef$curre;\n\n          searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();\n        }\n      }\n    }\n\n    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {\n      handleClose();\n    } // Native event callback\n\n\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n  }, [handleClose, handleToggleDropdown, overlayRef, onExit, onKeyDown, onMenuKeyDown, onMenuPressBackspace, onMenuPressEnter, toggle, targetRef, searchInputRef]);\n  return onToggle;\n};\n\nexports.useToggleKeyDownEvent = useToggleKeyDownEvent;\n\n/**\n * A hook that handles search filter options\n * @param props\n */\nfunction useSearch(props) {\n  var labelKey = props.labelKey,\n      data = props.data,\n      searchBy = props.searchBy,\n      callback = props.callback; // Use search keywords to filter options.\n\n  var _useState4 = (0, _react.useState)(''),\n      searchKeyword = _useState4[0],\n      setSearchKeyword = _useState4[1];\n  /**\n   * Index of keyword  in `label`\n   * @param {node} label\n   */\n\n\n  var checkShouldDisplay = (0, _react.useCallback)(function (item, keyword) {\n    var label = item === null || item === void 0 ? void 0 : item[labelKey];\n\n    var _keyword = (0, _isUndefined.default)(keyword) ? searchKeyword : keyword;\n\n    if (typeof searchBy === 'function') {\n      return searchBy(_keyword, label, item);\n    }\n\n    return shouldDisplay(label, _keyword);\n  }, [labelKey, searchBy, searchKeyword]);\n  var updateFilteredData = (0, _react.useCallback)(function (nextData) {\n    setFilteredData((0, _treeUtils.filterNodesOfTree)(nextData, function (item) {\n      return checkShouldDisplay(item);\n    }));\n  }, [checkShouldDisplay]);\n\n  var _useState5 = (0, _react.useState)((0, _treeUtils.filterNodesOfTree)(data, function (item) {\n    return checkShouldDisplay(item);\n  })),\n      filteredData = _useState5[0],\n      setFilteredData = _useState5[1];\n\n  var handleSearch = function handleSearch(searchKeyword, event) {\n    var filteredData = (0, _treeUtils.filterNodesOfTree)(data, function (item) {\n      return checkShouldDisplay(item, searchKeyword);\n    });\n    setFilteredData(filteredData);\n    setSearchKeyword(searchKeyword);\n    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);\n  };\n\n  return {\n    searchKeyword: searchKeyword,\n    filteredData: filteredData,\n    updateFilteredData: updateFilteredData,\n    setSearchKeyword: setSearchKeyword,\n    checkShouldDisplay: checkShouldDisplay,\n    handleSearch: handleSearch\n  };\n}\n\n/**\n * A hook of the exposed method of Picker\n */\nfunction usePublicMethods(ref, parmas) {\n  var triggerRef = parmas.triggerRef,\n      overlayRef = parmas.overlayRef,\n      targetRef = parmas.targetRef,\n      rootRef = parmas.rootRef,\n      listRef = parmas.listRef,\n      inline = parmas.inline;\n  var handleOpen = (0, _react.useCallback)(function () {\n    var _triggerRef$current3;\n\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();\n  }, [triggerRef]);\n  var handleClose = (0, _react.useCallback)(function () {\n    var _triggerRef$current4;\n\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();\n  }, [triggerRef]);\n  var handleUpdatePosition = (0, _react.useCallback)(function () {\n    var _triggerRef$current5;\n\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();\n  }, [triggerRef]);\n  (0, _react.useImperativeHandle)(ref, function () {\n    // Tree and CheckTree\n    if (inline) {\n      return {\n        get root() {\n          var _triggerRef$current$r, _triggerRef$current6;\n\n          return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current$r = triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root) !== null && _triggerRef$current$r !== void 0 ? _triggerRef$current$r : null;\n        },\n\n        get list() {\n          if (!(listRef !== null && listRef !== void 0 && listRef.current)) {\n            throw new Error('The list is not found, please set `virtualized` for the component.');\n          }\n\n          return listRef === null || listRef === void 0 ? void 0 : listRef.current;\n        }\n\n      };\n    }\n\n    return {\n      get root() {\n        var _ref, _triggerRef$current7;\n\n        return (_ref = (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) || (triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current7 = triggerRef.current) === null || _triggerRef$current7 === void 0 ? void 0 : _triggerRef$current7.root)) !== null && _ref !== void 0 ? _ref : null;\n      },\n\n      get overlay() {\n        var _overlayRef$current;\n\n        return (_overlayRef$current = overlayRef === null || overlayRef === void 0 ? void 0 : overlayRef.current) !== null && _overlayRef$current !== void 0 ? _overlayRef$current : null;\n      },\n\n      get target() {\n        var _targetRef$current;\n\n        return (_targetRef$current = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) !== null && _targetRef$current !== void 0 ? _targetRef$current : null;\n      },\n\n      get list() {\n        if (!(listRef !== null && listRef !== void 0 && listRef.current)) {\n          throw new Error(\"\\n            The list is not found.\\n            1.Please set virtualized for the component.\\n            2.Please confirm whether the picker is open.\\n          \");\n        }\n\n        return listRef === null || listRef === void 0 ? void 0 : listRef.current;\n      },\n\n      updatePosition: handleUpdatePosition,\n      open: handleOpen,\n      close: handleClose\n    };\n  });\n}\n\n//# sourceURL=webpack://rsuite/./src/Picker/utils.ts?");
 
 /***/ }),
 
@@ -3959,7 +4190,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Popover/Popover.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3;\n\nvar Popover = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'popover' : _props$classPrefix,\n      title = props.title,\n      children = props.children,\n      style = props.style,\n      visible = props.visible,\n      className = props.className,\n      full = props.full,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"title\", \"children\", \"style\", \"visible\", \"className\", \"full\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    full: full\n  }));\n  var styles = (0, _extends2.default)({\n    display: 'block',\n    opacity: visible ? 1 : undefined\n  }, style);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"dialog\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"arrow\"]))),\n    \"aria-hidden\": true,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 9\n    }\n  }), title && /*#__PURE__*/_react.default.createElement(\"h3\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"title\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 19\n    }\n  }, title), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"content\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 9\n    }\n  }, children));\n});\n\nPopover.displayName = 'Popover';\nPopover.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  title: _propTypes.default.node,\n  style: _propTypes.default.object,\n  visible: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  full: _propTypes.default.bool\n};\nvar _default = Popover;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Popover/Popover.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Popover/Popover.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2,\n    _templateObject3;\n\nvar Popover = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'popover' : _props$classPrefix,\n      title = props.title,\n      children = props.children,\n      style = props.style,\n      visible = props.visible,\n      className = props.className,\n      full = props.full,\n      _props$arrow = props.arrow,\n      arrow = _props$arrow === void 0 ? true : _props$arrow,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"title\", \"children\", \"style\", \"visible\", \"className\", \"full\", \"arrow\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    full: full\n  }));\n  var styles = (0, _extends2.default)({\n    display: 'block',\n    opacity: visible ? 1 : undefined\n  }, style);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"dialog\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 7\n    }\n  }), arrow && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"arrow\"]))),\n    \"aria-hidden\": true,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 19\n    }\n  }), title && /*#__PURE__*/_react.default.createElement(\"h3\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"title\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 19\n    }\n  }, title), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"content\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 9\n    }\n  }, children));\n});\n\nPopover.displayName = 'Popover';\nPopover.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  title: _propTypes.default.node,\n  style: _propTypes.default.object,\n  visible: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  full: _propTypes.default.bool,\n  arrow: _propTypes.default.bool\n};\nvar _default = Popover;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Popover/Popover.tsx?");
 
 /***/ }),
 
@@ -4260,6 +4491,39 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Sidenav/ExpandedSidenavDropdown.tsx":
+/*!*************************************************!*\
+  !*** ./src/Sidenav/ExpandedSidenavDropdown.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _SidenavDropdownCollapse = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownCollapse */ \"./src/Sidenav/SidenavDropdownCollapse.tsx\"));\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _useInternalId = _interopRequireDefault(__webpack_require__(/*! ../utils/useInternalId */ \"./src/utils/useInternalId.ts\"));\n\nvar _SidenavDropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownToggle */ \"./src/Sidenav/SidenavDropdownToggle.tsx\"));\n\nvar _NavMenu = __webpack_require__(/*! ../Nav/NavMenu */ \"./src/Nav/NavMenu.tsx\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/ExpandedSidenavDropdown.tsx\",\n    _this = void 0;\n\nvar ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var nav = (0, _react.useContext)(_NavContext.default);\n  var navMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);\n\n  if (!sidenav || !nav || !navMenu) {\n    throw new Error('<SidenavDropdown> component is not supposed to be used standalone. Use <Nav.Menu> inside <Sidenav> instead.');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      title = props.title,\n      children = props.children,\n      className = props.className,\n      menuStyle = props.menuStyle,\n      disabled = props.disabled,\n      renderTitle = props.renderTitle,\n      renderToggle = props.renderToggle,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      toggleClassName = props.toggleClassName,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      toggleAs = props.toggleAs,\n      noCaret = props.noCaret,\n      style = props.style,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      openProp = props.open,\n      onToggle = props.onToggle,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"title\", \"children\", \"className\", \"menuStyle\", \"disabled\", \"renderTitle\", \"renderToggle\", \"classPrefix\", \"placement\", \"toggleClassName\", \"icon\", \"eventKey\", \"toggleAs\", \"noCaret\", \"style\", \"onOpen\", \"onClose\", \"open\", \"onToggle\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var internalId = (0, _useInternalId.default)('SidenavDropdown');\n  var uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;\n  var _sidenav$openKeys = sidenav.openKeys,\n      openKeys = _sidenav$openKeys === void 0 ? [] : _sidenav$openKeys,\n      onOpenChange = sidenav.onOpenChange;\n  var items = navMenu[0].items;\n  var hasSelectedItems = // has items that is active indicated by <Nav activeKey>\n  nav.activeKey && items.some(function (item) {\n    return item.eventKey === nav.activeKey;\n  }) || // has items that is active indicated by <Nav.Item active>\n  items.some(function (item) {\n    return item.active;\n  });\n  var handleToggleDisclosure = (0, _react.useCallback)(function (open, event) {\n    if (open) {\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n    } else {\n      onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    }\n\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(uniqueKey, event);\n  }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);\n  var open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    open: open,\n    onToggle: handleToggleDisclosure,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 142,\n      columnNumber: 7\n    }\n  }, function (_ref, containerRef) {\n    var _withClassPrefix;\n\n    var open = _ref.open;\n    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['selected-within'] = hasSelectedItems, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      style: style,\n      className: classes\n    }, rest, {\n      \"data-event-key\": eventKey,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 156,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 15\n      }\n    }, function (buttonProps, buttonRef) {\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({\n        ref: buttonRef,\n        as: toggleAs,\n        noCaret: noCaret,\n        className: toggleClassName,\n        renderToggle: renderToggle,\n        icon: icon,\n        placement: placement\n      }, (0, _omit.default)(buttonProps, ['open']), {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 165,\n          columnNumber: 19\n        }\n      }), title);\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179,\n        columnNumber: 15\n      }\n    }, function (_ref2) {\n      var open = _ref2.open;\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownCollapse.default, {\n        open: open,\n        style: menuStyle,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 181,\n          columnNumber: 19\n        }\n      }, children);\n    }));\n  });\n});\n\nExpandedSidenavDropdown.displayName = 'Sidenav.Dropdown';\nExpandedSidenavDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  tabIndex: _propTypes.default.number,\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderTitle: (0, _deprecatePropType.default)(_propTypes.default.func),\n  renderToggle: _propTypes.default.func\n};\nvar _default = ExpandedSidenavDropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/ExpandedSidenavDropdown.tsx?");
+
+/***/ }),
+
+/***/ "./src/Sidenav/ExpandedSidenavDropdownItem.tsx":
+/*!*****************************************************!*\
+  !*** ./src/Sidenav/ExpandedSidenavDropdownItem.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useRenderDropdownItem = __webpack_require__(/*! ../Dropdown/useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/ExpandedSidenavDropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * Tree View Node\n * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView\n */\nvar ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!sidenav || !nav) {\n    throw new Error('<SidenavDropdownItem> component is not supposed to be used standalone. Use <Nav.Item> within <Sidenav> instead.');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      activeProp = props.active,\n      children = props.children,\n      disabled = props.disabled,\n      divider = props.divider,\n      panel = props.panel,\n      className = props.className,\n      style = props.style,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"children\", \"disabled\", \"divider\", \"panel\", \"className\", \"style\", \"classPrefix\", \"icon\", \"eventKey\", \"onClick\", \"onSelect\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(eventKey, sidenav.activeKey) || (0, _utils.shallowEqual)(nav.activeKey, eventKey));\n  var classes = merge(className, withClassPrefix({\n    'with-icon': icon,\n    active: selected,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    var _nav$onSelect, _sidenav$onSelect;\n\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);\n    (_sidenav$onSelect = sidenav.onSelect) === null || _sidenav$onSelect === void 0 ? void 0 : _sidenav$onSelect.call(sidenav, eventKey, event);\n  }, [disabled, onSelect, sidenav, eventKey, nav]);\n  var menuitemEventHandlers = {\n    onClick: (0, _utils.createChainedFunction)(handleClick, onClick)\n  };\n  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      style: style,\n      className: merge(prefix('divider'), className)\n    }, rest));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'none presentation',\n      style: style,\n      className: merge(prefix('panel'), className)\n    }, rest, {\n      children: children\n    }));\n  }\n\n  return renderDropdownItem((0, _extends2.default)({\n    ref: ref\n  }, rest, {\n    style: style,\n    className: classes,\n    'aria-current': selected || undefined\n  }, menuitemEventHandlers, {\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: prefix('menu-icon')\n    }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 144,\n        columnNumber: 13\n      }\n    }))\n  }), _SafeAnchor.default);\n});\n\nExpandedSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';\nExpandedSidenavDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  expanded: _propTypes.default.bool,\n  active: _propTypes.default.bool,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  submenu: _propTypes.default.element,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number,\n  title: _propTypes.default.node,\n  onMouseOver: _propTypes.default.func,\n  onMouseOut: _propTypes.default.func\n};\nvar _default = ExpandedSidenavDropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/ExpandedSidenavDropdownItem.tsx?");
+
+/***/ }),
+
+/***/ "./src/Sidenav/ExpandedSidenavDropdownMenu.tsx":
+/*!*****************************************************!*\
+  !*** ./src/Sidenav/ExpandedSidenavDropdownMenu.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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _ArrowLeftLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowLeftLine */ \"./node_modules/@rsuite/icons/ArrowLeftLine.js\"));\n\nvar _ArrowRightLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowRightLine */ \"./node_modules/@rsuite/icons/ArrowRightLine.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _SidenavDropdownCollapse = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownCollapse */ \"./src/Sidenav/SidenavDropdownCollapse.tsx\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/ExpandedSidenavDropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\n/**\n * Tree View Node\n * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView\n */\nvar ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var sidenavContext = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  if (!sidenavContext) {\n    throw new Error('<SidenavDropdownMenu> component is not supposed to be used standalone. Use <Nav.Menu> inside <Sidenav> instead.');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      children = props.children,\n      disabled = props.disabled,\n      className = props.className,\n      style = props.style,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      tabIndex = props.tabIndex,\n      icon = props.icon,\n      title = props.title,\n      eventKey = props.eventKey,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"disabled\", \"className\", \"style\", \"classPrefix\", \"tabIndex\", \"icon\", \"title\", \"eventKey\", \"onClick\", \"onSelect\"]);\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _sidenavContext$openK = sidenavContext.openKeys,\n      openKeys = _sidenavContext$openK === void 0 ? [] : _sidenavContext$openK,\n      onOpenChange = sidenavContext.onOpenChange,\n      onSidenavSelect = sidenavContext.onSelect;\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onSidenavSelect === null || onSidenavSelect === void 0 ? void 0 : onSidenavSelect(eventKey, event);\n  }, [disabled, onSelect, onSidenavSelect, eventKey]);\n  var menuitemEventHandlers = {\n    onClick: (0, _utils.createChainedFunction)(handleClick, onClick)\n  };\n  var Icon = rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    open: !(0, _isNil.default)(eventKey) && openKeys.includes(eventKey),\n    onToggle: function onToggle(_, event) {\n      return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event);\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 7\n    }\n  }, function (_ref) {\n    var open = _ref.open;\n    var classes = merge(className, prefix('submenu'), prefix(\"pull-\" + (rtl ? 'left' : 'right')), prefix(open ? 'expand' : 'collapse'), withClassPrefix({\n      'with-icon': icon,\n      // open,\n      disabled: disabled\n    }));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref\n    }, rest, {\n      tabIndex: disabled ? -1 : tabIndex,\n      style: style,\n      className: classes\n    }, menuitemEventHandlers, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 15\n      }\n    }, function (buttonProps) {\n      return /*#__PURE__*/_react.default.createElement(\"button\", (0, _extends2.default)({\n        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))),\n        onClick: handleClick\n      }, (0, _omit.default)(buttonProps, ['open']), {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 121,\n          columnNumber: 21\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 128,\n          columnNumber: 23\n        }\n      }), /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 129,\n          columnNumber: 23\n        }\n      }));\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 15\n      }\n    }, function (_ref2) {\n      var open = _ref2.open;\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownCollapse.default, {\n        open: open,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 136,\n          columnNumber: 26\n        }\n      }, children);\n    }));\n  });\n});\n\nExpandedSidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';\nExpandedSidenavDropdownMenu.propTypes = {\n  as: _propTypes.default.elementType,\n  expanded: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number,\n  title: _propTypes.default.node,\n  onMouseOver: _propTypes.default.func,\n  onMouseOut: _propTypes.default.func\n};\nvar _default = ExpandedSidenavDropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/ExpandedSidenavDropdownMenu.tsx?");
+
+/***/ }),
+
 /***/ "./src/Sidenav/Sidenav.tsx":
 /*!*********************************!*\
   !*** ./src/Sidenav/Sidenav.tsx ***!
@@ -4267,7 +4531,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.SidenavContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _SidenavBody = _interopRequireDefault(__webpack_require__(/*! ./SidenavBody */ \"./src/Sidenav/SidenavBody.tsx\"));\n\nvar _SidenavHeader = _interopRequireDefault(__webpack_require__(/*! ./SidenavHeader */ \"./src/Sidenav/SidenavHeader.tsx\"));\n\nvar _SidenavToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavToggle */ \"./src/Sidenav/SidenavToggle.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/Sidenav.tsx\",\n    _this = void 0;\n\nvar SidenavContext = /*#__PURE__*/_react.default.createContext(null);\n\nexports.SidenavContext = SidenavContext;\nvar emptyArray = [];\n\nvar Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'nav' : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'sidenav' : _props$classPrefix,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$expanded = props.expanded,\n      expanded = _props$expanded === void 0 ? true : _props$expanded,\n      _props$activeKey = props.activeKey,\n      activeKey = _props$activeKey === void 0 ? null : _props$activeKey,\n      _props$defaultOpenKey = props.defaultOpenKeys,\n      defaultOpenKeys = _props$defaultOpenKey === void 0 ? emptyArray : _props$defaultOpenKey,\n      openKeysProp = props.openKeys,\n      onSelect = props.onSelect,\n      onOpenChange = props.onOpenChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"appearance\", \"expanded\", \"activeKey\", \"defaultOpenKeys\", \"openKeys\", \"onSelect\", \"onOpenChange\"]);\n\n  var _useControlled = (0, _utils.useControlled)(openKeysProp, defaultOpenKeys),\n      openKeys = _useControlled[0],\n      setOpenKeys = _useControlled[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix(appearance));\n  var handleOpenChange = (0, _react.useCallback)(function (eventKey, event) {\n    var find = function find(key) {\n      return (0, _shallowEqual.default)(key, eventKey);\n    };\n\n    var nextOpenKeys = [].concat(openKeys);\n\n    if (nextOpenKeys.some(find)) {\n      (0, _remove.default)(nextOpenKeys, find);\n    } else {\n      nextOpenKeys.push(eventKey);\n    }\n\n    setOpenKeys(nextOpenKeys);\n    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpenKeys, event);\n  }, [onOpenChange, openKeys, setOpenKeys]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      expanded: expanded,\n      activeKey: activeKey,\n      sidenav: true,\n      openKeys: openKeys !== null && openKeys !== void 0 ? openKeys : [],\n      onOpenChange: handleOpenChange,\n      onSelect: onSelect\n    };\n  }, [activeKey, expanded, handleOpenChange, onSelect, openKeys]);\n  return /*#__PURE__*/_react.default.createElement(SidenavContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 110,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Transition.default, {\n    in: expanded,\n    timeout: 300,\n    exitedClassName: prefix('collapse-out'),\n    exitingClassName: prefix('collapse-out', 'collapsing'),\n    enteredClassName: prefix('collapse-in'),\n    enteringClassName: prefix('collapse-in', 'collapsing'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 111,\n      columnNumber: 7\n    }\n  }, function (transitionProps, transitionRef) {\n    var className = transitionProps.className,\n        transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, transitionRest, {\n      ref: (0, _utils.mergeRefs)(ref, transitionRef),\n      className: merge(classes, className),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 122,\n        columnNumber: 13\n      }\n    }));\n  }));\n});\n\nSidenav.Header = _SidenavHeader.default;\nSidenav.Body = _SidenavBody.default;\nSidenav.Toggle = _SidenavToggle.default;\nSidenav.displayName = 'Sidenav';\nSidenav.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  expanded: _propTypes.default.bool,\n  appearance: _propTypes.default.oneOf(['default', 'inverse', 'subtle']),\n  defaultOpenKeys: _propTypes.default.array,\n  openKeys: _propTypes.default.array,\n  onOpenChange: _propTypes.default.func,\n  activeKey: (0, _deprecatePropType.default)(_propTypes.default.any, 'Use `activeKey` on <Nav> component instead'),\n  onSelect: (0, _deprecatePropType.default)(_propTypes.default.func, 'Use `onSelect` on <Nav> component instead')\n};\nvar _default = Sidenav;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/Sidenav.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.SidenavContext = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\n\nvar _SidenavBody = _interopRequireDefault(__webpack_require__(/*! ./SidenavBody */ \"./src/Sidenav/SidenavBody.tsx\"));\n\nvar _SidenavHeader = _interopRequireDefault(__webpack_require__(/*! ./SidenavHeader */ \"./src/Sidenav/SidenavHeader.tsx\"));\n\nvar _SidenavToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavToggle */ \"./src/Sidenav/SidenavToggle.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/Sidenav.tsx\",\n    _this = void 0;\n\nvar SidenavContext = /*#__PURE__*/_react.default.createContext(null);\n\nexports.SidenavContext = SidenavContext;\nvar emptyArray = [];\n\nvar Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'nav' : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'sidenav' : _props$classPrefix,\n      _props$appearance = props.appearance,\n      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n      _props$expanded = props.expanded,\n      expanded = _props$expanded === void 0 ? true : _props$expanded,\n      activeKey = props.activeKey,\n      _props$defaultOpenKey = props.defaultOpenKeys,\n      defaultOpenKeys = _props$defaultOpenKey === void 0 ? emptyArray : _props$defaultOpenKey,\n      openKeysProp = props.openKeys,\n      onSelect = props.onSelect,\n      onOpenChange = props.onOpenChange,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"appearance\", \"expanded\", \"activeKey\", \"defaultOpenKeys\", \"openKeys\", \"onSelect\", \"onOpenChange\"]);\n\n  var _useControlled = (0, _utils.useControlled)(openKeysProp, defaultOpenKeys),\n      openKeys = _useControlled[0],\n      setOpenKeys = _useControlled[1];\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix(appearance));\n  var handleOpenChange = (0, _react.useCallback)(function (eventKey, event) {\n    var find = function find(key) {\n      return (0, _shallowEqual.default)(key, eventKey);\n    };\n\n    var nextOpenKeys = [].concat(openKeys);\n\n    if (nextOpenKeys.some(find)) {\n      (0, _remove.default)(nextOpenKeys, find);\n    } else {\n      nextOpenKeys.push(eventKey);\n    }\n\n    setOpenKeys(nextOpenKeys);\n    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpenKeys, event);\n  }, [onOpenChange, openKeys, setOpenKeys]);\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      expanded: expanded,\n      activeKey: activeKey,\n      sidenav: true,\n      openKeys: openKeys !== null && openKeys !== void 0 ? openKeys : [],\n      onOpenChange: handleOpenChange,\n      onSelect: onSelect\n    };\n  }, [activeKey, expanded, handleOpenChange, onSelect, openKeys]);\n  return /*#__PURE__*/_react.default.createElement(SidenavContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Transition.default, {\n    in: expanded,\n    timeout: 300,\n    exitedClassName: prefix('collapse-out'),\n    exitingClassName: prefix('collapse-out', 'collapsing'),\n    enteredClassName: prefix('collapse-in'),\n    enteringClassName: prefix('collapse-in', 'collapsing'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 7\n    }\n  }, function (transitionProps, transitionRef) {\n    var className = transitionProps.className,\n        transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, transitionRest, {\n      ref: (0, _utils.mergeRefs)(ref, transitionRef),\n      className: merge(classes, className),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 128,\n        columnNumber: 13\n      }\n    }));\n  }));\n});\n\nSidenav.Header = _SidenavHeader.default;\nSidenav.Body = _SidenavBody.default;\nSidenav.Toggle = _SidenavToggle.default;\nSidenav.displayName = 'Sidenav';\nSidenav.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  expanded: _propTypes.default.bool,\n  appearance: _propTypes.default.oneOf(['default', 'inverse', 'subtle']),\n  defaultOpenKeys: _propTypes.default.array,\n  openKeys: _propTypes.default.array,\n  onOpenChange: _propTypes.default.func,\n  activeKey: (0, _deprecatePropType.default)(_propTypes.default.any, 'Use `activeKey` on <Nav> component instead'),\n  onSelect: (0, _deprecatePropType.default)(_propTypes.default.func, 'Use `onSelect` on <Nav> component instead')\n};\nvar _default = Sidenav;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/Sidenav.tsx?");
 
 /***/ }),
 
@@ -4289,7 +4553,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ../Dropdown/DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _SidenavDropdownCollapse = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownCollapse */ \"./src/Sidenav/SidenavDropdownCollapse.tsx\"));\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ../Dropdown/DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _useInternalId = _interopRequireDefault(__webpack_require__(/*! ../utils/useInternalId */ \"./src/utils/useInternalId.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdown.tsx\",\n    _this = void 0;\n\nvar SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      title = props.title,\n      children = props.children,\n      className = props.className,\n      menuStyle = props.menuStyle,\n      disabled = props.disabled,\n      renderTitle = props.renderTitle,\n      renderToggle = props.renderToggle,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      toggleClassName = props.toggleClassName,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      toggleAs = props.toggleAs,\n      noCaret = props.noCaret,\n      style = props.style,\n      onOpen = props.onOpen,\n      onClose = props.onClose,\n      openProp = props.open,\n      onToggle = props.onToggle,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"title\", \"children\", \"className\", \"menuStyle\", \"disabled\", \"renderTitle\", \"renderToggle\", \"classPrefix\", \"placement\", \"toggleClassName\", \"icon\", \"eventKey\", \"toggleAs\", \"noCaret\", \"style\", \"onOpen\", \"onClose\", \"open\", \"onToggle\"]);\n  var sidenavContext = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var dropdownContext = (0, _react.useContext)(_DropdownContext.default);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var internalId = (0, _useInternalId.default)('SidenavDropdown');\n  var uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;\n\n  if (!sidenavContext || !dropdownContext) {\n    throw new Error('<SidenavDropdown> component is not supposed to be used standalone. Use <Dropdown> inside <Sidenav> instead.');\n  }\n\n  var _sidenavContext$openK = sidenavContext.openKeys,\n      openKeys = _sidenavContext$openK === void 0 ? [] : _sidenavContext$openK,\n      onOpenChange = sidenavContext.onOpenChange;\n  var hasSelectedItem = dropdownContext.hasSelectedItem;\n  var handleToggleDisclosure = (0, _react.useCallback)(function (open, event) {\n    if (open) {\n      onClose === null || onClose === void 0 ? void 0 : onClose();\n    } else {\n      onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    }\n\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);\n    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(uniqueKey, event);\n  }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);\n  var open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    open: open,\n    onToggle: handleToggleDisclosure,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 137,\n      columnNumber: 5\n    }\n  }, function (_ref, containerRef) {\n    var _withClassPrefix;\n\n    var open = _ref.open;\n    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      style: style,\n      className: classes\n    }, rest, {\n      \"data-event-key\": eventKey,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 151,\n        columnNumber: 11\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 158,\n        columnNumber: 13\n      }\n    }, function (buttonProps, buttonRef) {\n      return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n        ref: buttonRef,\n        as: toggleAs,\n        noCaret: noCaret,\n        className: toggleClassName,\n        renderToggle: renderToggle,\n        icon: icon,\n        placement: placement\n      }, (0, _omit.default)(buttonProps, ['open']), {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 160,\n          columnNumber: 17\n        }\n      }), title);\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 174,\n        columnNumber: 13\n      }\n    }, function (_ref2) {\n      var open = _ref2.open;\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownCollapse.default, {\n        open: open,\n        style: menuStyle,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 176,\n          columnNumber: 17\n        }\n      }, children);\n    }));\n  });\n});\n\nSidenavDropdown.displayName = 'Sidenav.Dropdown';\nSidenavDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  tabIndex: _propTypes.default.number,\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderTitle: (0, _deprecatePropType.default)(_propTypes.default.func),\n  renderToggle: _propTypes.default.func\n};\nvar _default = SidenavDropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _ExpandedSidenavDropdown = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdown */ \"./src/Sidenav/ExpandedSidenavDropdown.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\n\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\n\nvar _SidenavDropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownToggle */ \"./src/Sidenav/SidenavDropdownToggle.tsx\"));\n\nvar _NavMenu = __webpack_require__(/*! ../Nav/NavMenu */ \"./src/Nav/NavMenu.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdown.tsx\",\n    _this = void 0;\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu> -> This submenu will render <SidenavDropdown> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nvar SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var nav = (0, _react.useContext)(_NavContext.default);\n  var navMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);\n\n  if (!sidenav || !nav || !navMenu) {\n    throw new Error('<Sidenav.Dropdown> must be rendered within a <Nav> component within a <Sidenav> component.');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      title = props.title,\n      onClose = props.onClose,\n      onOpen = props.onOpen,\n      onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      _props$trigger = props.trigger,\n      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n      toggleAs = props.toggleAs,\n      toggleClassName = props.toggleClassName,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,\n      className = props.className,\n      disabled = props.disabled,\n      children = props.children,\n      menuStyle = props.menuStyle,\n      style = props.style,\n      toggleProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"title\", \"onClose\", \"onOpen\", \"onToggle\", \"eventKey\", \"trigger\", \"placement\", \"toggleAs\", \"toggleClassName\", \"classPrefix\", \"className\", \"disabled\", \"children\", \"menuStyle\", \"style\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('nav-item'),\n      withNavItemClassPrefix = _useClassNames3.withClassPrefix,\n      mergeNavItemClassNames = _useClassNames3.merge;\n\n  var items = navMenu[0].items;\n  var hasSelectedItems = // has items that is active indicated by <Nav activeKey>\n  nav.activeKey && items.some(function (item) {\n    return item.eventKey === nav.activeKey;\n  }) || // has items that is active indicated by <Nav.Item active>\n  items.some(function (item) {\n    return item.active;\n  });\n  var menuButtonTriggers = (0, _react.useMemo)(function () {\n    if (!trigger) {\n      return undefined;\n    }\n\n    var triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n\n    return trigger.map(function (t) {\n      return triggerMap[t];\n    });\n  }, [trigger]); // Render a disclosure when inside expanded <Sidenav>\n\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdown.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  var renderMenuButton = function renderMenuButton(menuButtonProps, buttonRef) {\n    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      disabled: disabled,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 177,\n        columnNumber: 7\n      }\n    }, function (_ref, menuitemRef) {\n      var active = _ref.active,\n          menuitemProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"active\"]);\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n        as: toggleAs,\n        className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({\n          focus: active\n        }))\n      }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid'), {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 180,\n          columnNumber: 13\n        }\n      }), title);\n    });\n  };\n\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: function renderMenuPopup(_ref2, popupRef) {\n      var open = _ref2.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({})); // When inside a collapsed <Sidenav>, render a header in menu\n\n      var showHeader = !!sidenav;\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 211,\n          columnNumber: 13\n        }\n      }), showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('header'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 218,\n          columnNumber: 30\n        }\n      }, title), children);\n    },\n    onToggleMenu: function onToggleMenu(open, event) {\n      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);\n      sidenav === null || sidenav === void 0 ? void 0 : sidenav.onOpenChange(eventKey, event);\n\n      if (open) {\n        onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n      } else {\n        onClose === null || onClose === void 0 ? void 0 : onClose();\n      }\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 201,\n      columnNumber: 7\n    }\n  }, function (_ref3, menuContainerRef) {\n    var _withClassPrefix;\n\n    var open = _ref3.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"open\"]);\n    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[\"placement-\" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix.submenu = true, _withClassPrefix['selected-within'] = hasSelectedItems, _withClassPrefix)));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      style: style,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 245,\n        columnNumber: 13\n      }\n    }));\n  });\n});\n\nSidenavDropdown.Item = _NavDropdownItem.default;\nSidenavDropdown.Menu = _NavDropdownMenu.default;\nSidenavDropdown.displayName = 'Sidenav.Dropdown';\nSidenavDropdown.propTypes = {\n  activeKey: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),\n  title: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  menuStyle: _propTypes.default.object,\n  className: _propTypes.default.string,\n  toggleClassName: _propTypes.default.string,\n  children: _propTypes.default.node,\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  toggleAs: _propTypes.default.elementType,\n  noCaret: _propTypes.default.bool,\n  style: _propTypes.default.object,\n  onClose: _propTypes.default.func,\n  onOpen: _propTypes.default.func,\n  onToggle: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  renderToggle: _propTypes.default.func\n};\nvar _default = SidenavDropdown;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdown.tsx?");
 
 /***/ }),
 
@@ -4311,7 +4575,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ../Dropdown/DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\n\nvar _useRenderDropdownItem = __webpack_require__(/*! ../Dropdown/useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * Tree View Node\n * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView\n */\nvar SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      activeProp = props.active,\n      children = props.children,\n      disabled = props.disabled,\n      divider = props.divider,\n      panel = props.panel,\n      className = props.className,\n      style = props.style,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"children\", \"disabled\", \"divider\", \"panel\", \"className\", \"style\", \"classPrefix\", \"icon\", \"eventKey\", \"onClick\", \"onSelect\"]);\n  var sidenavContext = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var dropdown = (0, _react.useContext)(_DropdownContext.default);\n\n  if (!sidenavContext || !dropdown) {\n    throw new Error('<SidenavDropdownItem> component is not supposed to be used standalone. Use <Dropdown.Item> within <Sidenav> instead.');\n  }\n\n  var activeKey = sidenavContext.activeKey,\n      onSidenavSelect = sidenavContext.onSelect;\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(eventKey, activeKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));\n  var classes = merge(className, withClassPrefix({\n    'with-icon': icon,\n    active: selected,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    var _dropdown$onSelect;\n\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);\n    onSidenavSelect === null || onSidenavSelect === void 0 ? void 0 : onSidenavSelect(eventKey, event);\n  }, [disabled, onSelect, onSidenavSelect, eventKey, dropdown]);\n  var menuitemEventHandlers = {\n    onClick: (0, _utils.createChainedFunction)(handleClick, onClick)\n  };\n  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      style: style,\n      className: merge(prefix('divider'), className)\n    }, rest));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'none presentation',\n      style: style,\n      className: merge(prefix('panel'), className)\n    }, rest, {\n      children: children\n    }));\n  }\n\n  return renderDropdownItem((0, _extends2.default)({\n    ref: ref\n  }, rest, {\n    style: style,\n    className: classes,\n    'aria-current': selected || undefined\n  }, menuitemEventHandlers, {\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: prefix('menu-icon')\n    }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 151,\n        columnNumber: 13\n      }\n    }))\n  }), _SafeAnchor.default);\n});\n\nSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';\nSidenavDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  expanded: _propTypes.default.bool,\n  active: _propTypes.default.bool,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  submenu: _propTypes.default.element,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number,\n  title: _propTypes.default.node,\n  onMouseOver: _propTypes.default.func,\n  onMouseOut: _propTypes.default.func\n};\nvar _default = SidenavDropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _useRenderDropdownItem = __webpack_require__(/*! ../Dropdown/useRenderDropdownItem */ \"./src/Dropdown/useRenderDropdownItem.tsx\");\n\nvar _ExpandedSidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdownItem */ \"./src/Sidenav/ExpandedSidenavDropdownItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdownItem.tsx\",\n    _this = void 0;\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Item> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Item></Nav.Item> -> This will render <SidenavDropdownItem> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nvar SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!sidenav || !nav) {\n    throw new Error('<Sidenav.Dropdown.Item> must be used within a <Nav> within a <Sidenav> component.');\n  }\n\n  var _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      className = props.className,\n      activeProp = props.active,\n      eventKey = props.eventKey,\n      onSelect = props.onSelect,\n      icon = props.icon,\n      _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      divider = props.divider,\n      panel = props.panel,\n      children = props.children,\n      disabled = props.disabled,\n      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"className\", \"active\", \"eventKey\", \"onSelect\", \"icon\", \"as\", \"divider\", \"panel\", \"children\", \"disabled\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var handleSelectItem = (0, _react.useCallback)(function (event) {\n    var _nav$onSelect;\n\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);\n  }, [onSelect, eventKey, nav]);\n  var selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);\n  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);\n\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 114,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  if (divider) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className)\n    }, restProps));\n  }\n\n  if (panel) {\n    return renderDropdownItem((0, _extends2.default)({\n      ref: ref,\n      className: merge(prefix('panel'), className),\n      children: children\n    }, restProps));\n  }\n\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 135,\n      columnNumber: 7\n    }\n  }, function (_ref, menuitemRef) {\n    var selected = _ref.selected,\n        active = _ref.active,\n        menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"selected\", \"active\"]);\n    var classes = merge(className, withClassPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled: disabled,\n      focus: active,\n      divider: divider,\n      panel: panel\n    }));\n    var dataAttributes = {\n      'data-event-key': eventKey\n    };\n\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n\n    return renderDropdownItem((0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes\n    }, menuitem, dataAttributes, restProps, {\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), children)\n    }));\n  });\n});\n\nSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';\nSidenavDropdownItem.propTypes = {\n  as: _propTypes.default.elementType,\n  divider: _propTypes.default.bool,\n  panel: _propTypes.default.bool,\n  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),\n  open: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  active: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),\n  submenu: _propTypes.default.element,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number\n};\nvar _default = SidenavDropdownItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownItem.tsx?");
 
 /***/ }),
 
@@ -4322,7 +4586,18 @@ 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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _SidenavDropdownCollapse = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownCollapse */ \"./src/Sidenav/SidenavDropdownCollapse.tsx\"));\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../Disclosure/Disclosure */ \"./src/Disclosure/Disclosure.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\n/**\n * Tree View Node\n * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView\n */\nvar SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'li' : _props$as,\n      children = props.children,\n      disabled = props.disabled,\n      className = props.className,\n      style = props.style,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,\n      tabIndex = props.tabIndex,\n      icon = props.icon,\n      title = props.title,\n      eventKey = props.eventKey,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"disabled\", \"className\", \"style\", \"classPrefix\", \"tabIndex\", \"icon\", \"title\", \"eventKey\", \"onClick\", \"onSelect\"]);\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var sidenavContext = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  if (!sidenavContext) {\n    throw new Error('<SidenavDropdownMenu> component is not supposed to be used standalone. Use <Dropdown.Item> inside <Sidenav> instead.');\n  }\n\n  var _sidenavContext$openK = sidenavContext.openKeys,\n      openKeys = _sidenavContext$openK === void 0 ? [] : _sidenavContext$openK,\n      onOpenChange = sidenavContext.onOpenChange,\n      onSidenavSelect = sidenavContext.onSelect;\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onSidenavSelect === null || onSidenavSelect === void 0 ? void 0 : onSidenavSelect(eventKey, event);\n  }, [disabled, onSelect, onSidenavSelect, eventKey]);\n  var menuitemEventHandlers = {\n    onClick: (0, _utils.createChainedFunction)(handleClick, onClick)\n  };\n  var Icon = rtl ? _AngleLeft.default : _AngleRight.default;\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    open: !(0, _isNil.default)(eventKey) && openKeys.includes(eventKey),\n    onToggle: function onToggle(_, event) {\n      return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event);\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 7\n    }\n  }, function (_ref) {\n    var open = _ref.open;\n    var classes = merge(className, prefix('submenu'), prefix(\"pull-\" + (rtl ? 'left' : 'right')), prefix(open ? 'expand' : 'collapse'), withClassPrefix({\n      'with-icon': icon,\n      // open,\n      disabled: disabled\n    }));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref\n    }, rest, {\n      tabIndex: disabled ? -1 : tabIndex,\n      style: style,\n      className: classes\n    }, menuitemEventHandlers, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 15\n      }\n    }, function (buttonProps) {\n      return /*#__PURE__*/_react.default.createElement(\"button\", (0, _extends2.default)({\n        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))),\n        onClick: handleClick\n      }, (0, _omit.default)(buttonProps, ['open']), {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 121,\n          columnNumber: 21\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 128,\n          columnNumber: 23\n        }\n      }), /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 129,\n          columnNumber: 23\n        }\n      }));\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 15\n      }\n    }, function (_ref2) {\n      var open = _ref2.open;\n      return /*#__PURE__*/_react.default.createElement(_SidenavDropdownCollapse.default, {\n        open: open,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 136,\n          columnNumber: 26\n        }\n      }, children);\n    }));\n  });\n});\n\nSidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';\nSidenavDropdownMenu.propTypes = {\n  as: _propTypes.default.elementType,\n  expanded: _propTypes.default.bool,\n  disabled: _propTypes.default.bool,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  icon: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  tabIndex: _propTypes.default.number,\n  title: _propTypes.default.node,\n  onMouseOver: _propTypes.default.func,\n  onMouseOut: _propTypes.default.func\n};\nvar _default = SidenavDropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu/Menu */ \"./src/Menu/Menu.tsx\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _ArrowLeftLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowLeftLine */ \"./node_modules/@rsuite/icons/ArrowLeftLine.js\"));\n\nvar _ArrowRightLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowRightLine */ \"./node_modules/@rsuite/icons/ArrowRightLine.js\"));\n\nvar _useCustom2 = _interopRequireDefault(__webpack_require__(/*! ../utils/useCustom */ \"./src/utils/useCustom.ts\"));\n\nvar _ExpandedSidenavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdownMenu */ \"./src/Sidenav/ExpandedSidenavDropdownMenu.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdownMenu.tsx\",\n    _this = void 0,\n    _templateObject,\n    _templateObject2;\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Menu></Nav.Menu> -> This submenu will render <SidenavDropdownMenu> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nvar SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n  var nav = (0, _react.useContext)(_NavContext.default);\n\n  if (!sidenav || !nav) {\n    throw new Error('<Sidenav.Dropdown.Menu> must be rendered within a <Nav> within a <Sidenav> component.');\n  }\n\n  var onToggle = props.onToggle,\n      eventKey = props.eventKey,\n      title = props.title,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,\n      children = props.children,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onToggle\", \"eventKey\", \"title\", \"classPrefix\", \"children\"]);\n\n  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),\n      rtl = _useCustom.rtl;\n\n  var handleToggleSubmenu = (0, _react.useCallback)(function (open, event) {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);\n  }, [eventKey, onToggle]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix;\n\n  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),\n      withMenuClassPrefix = _useClassNames2.withClassPrefix,\n      mergeMenuClassName = _useClassNames2.merge;\n\n  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),\n      mergeItemClassNames = _useClassNames3.merge,\n      withItemClassPrefix = _useClassNames3.withClassPrefix,\n      prefixItemClassName = _useClassNames3.prefix;\n\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdownMenu.default, (0, _extends2.default)({\n      ref: ref\n    }, (0, _omit2.default)(props, 'classPrefix'), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 12\n      }\n    }));\n  } // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n\n\n  var _omit = (0, _omit2.default)(rest, ['trigger']),\n      icon = _omit.icon,\n      className = _omit.className,\n      disabled = _omit.disabled,\n      menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, [\"icon\", \"className\", \"disabled\"]);\n\n  var Icon = rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: function renderMenuButton(_ref, buttonRef) {\n      var open = _ref.open,\n          menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"open\"]);\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        disabled: disabled,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 100,\n          columnNumber: 9\n        }\n      }, function (_ref2, menuitemRef) {\n        var selected = _ref2.selected,\n            active = _ref2.active,\n            menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"toggle\"]))), withItemClassPrefix({\n          'with-icon': icon,\n          open: open,\n          active: selected,\n          disabled: disabled,\n          focus: active\n        }));\n        return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n          className: classes,\n          \"data-event-key\": eventKey,\n          \"data-event-key-type\": typeof eventKey\n        }, menuitem, (0, _omit2.default)(menuButtonProps, ['role']), {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 115,\n            columnNumber: 15\n          }\n        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n          className: prefix('menu-icon')\n        }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n          className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"toggle-icon\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 125,\n            columnNumber: 17\n          }\n        }));\n      });\n    },\n    renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {\n      var open = _ref3.open,\n          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, [\"open\"]);\n      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 135,\n          columnNumber: 11\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97,\n      columnNumber: 5\n    }\n  }, function (_ref4, menuContainerRef) {\n    var open = _ref4.open,\n        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, [\"open\"]);\n    var classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled: disabled,\n      open: open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 158,\n        columnNumber: 11\n      }\n    }));\n  });\n});\n\nSidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';\nSidenavDropdownMenu.propTypes = {\n  active: _propTypes.default.bool,\n  activeKey: _propTypes.default.any,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  icon: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  pullLeft: _propTypes.default.bool,\n  title: _propTypes.default.node,\n  open: _propTypes.default.bool,\n  eventKey: _propTypes.default.any,\n  expanded: _propTypes.default.bool,\n  collapsible: _propTypes.default.bool,\n  onToggle: _propTypes.default.func\n};\nvar _default = SidenavDropdownMenu;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownMenu.tsx?");
+
+/***/ }),
+
+/***/ "./src/Sidenav/SidenavDropdownToggle.tsx":
+/*!***********************************************!*\
+  !*** ./src/Sidenav/SidenavDropdownToggle.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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _ArrowDownLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowDownLine */ \"./node_modules/@rsuite/icons/ArrowDownLine.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _SidenavItem = _interopRequireDefault(__webpack_require__(/*! ./SidenavItem */ \"./src/Sidenav/SidenavItem.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavDropdownToggle.tsx\",\n    _this = void 0;\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> call\n *\n * <Nav>\n *   <Nav.Menu> -> This will render <NavDropdown> component that renders a <NavDropdownToggle>\n *   </Nav.Menu>\n * </Nav>\n */\nvar SidenavDropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SidenavItem.default : _props$as,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,\n      renderToggle = props.renderToggle,\n      children = props.children,\n      noCaret = props.noCaret,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"renderToggle\", \"children\", \"noCaret\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      prefix = _useClassNames.prefix,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge;\n\n  var classes = merge(className, withClassPrefix({\n    'no-caret': noCaret\n  }));\n\n  var toggle = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    tooltip: children,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 7\n    }\n  }), children, !noCaret && /*#__PURE__*/_react.default.createElement(_ArrowDownLine.default, {\n    className: prefix('caret'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 22\n    }\n  }));\n\n  return renderToggle ? renderToggle(rest, ref) : toggle;\n});\n\nSidenavDropdownToggle.displayName = 'Sidenav.Dropdown.Toggle';\nSidenavDropdownToggle.propTypes = {\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  noCaret: _propTypes.default.bool,\n  as: _propTypes.default.elementType,\n  renderToggle: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])\n};\nvar _default = SidenavDropdownToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownToggle.tsx?");
 
 /***/ }),
 
@@ -4344,7 +4619,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavItem.tsx\",\n    _this = void 0;\n\nvar SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      _children = props.children,\n      className = props.className,\n      disabled = props.disabled,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'sidenav-item' : _props$classPrefix,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      style = props.style,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      divider = props.divider,\n      panel = props.panel,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"children\", \"className\", \"disabled\", \"classPrefix\", \"icon\", \"eventKey\", \"style\", \"onClick\", \"onSelect\", \"divider\", \"panel\"]);\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  if (!sidenav) {\n    throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');\n  }\n\n  var _useContext = (0, _react.useContext)(_NavContext.default),\n      activeKey = _useContext.activeKey,\n      onSelectFromNav = _useContext.onSelect;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n    onClick === null || onClick === void 0 ? void 0 : onClick(event);\n  }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);\n\n  if (!sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      selected: selected,\n      disabled: disabled,\n      onActivate: handleClick,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 7\n      }\n    }, function (_ref, menuitemRef) {\n      var selected = _ref.selected,\n          active = _ref.active,\n          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"selected\", \"active\"]);\n      var classes = merge(className, withClassPrefix({\n        focus: active,\n        active: selected,\n        disabled: disabled\n      })); // Show tooltip when inside a collapse <Sidenav>\n\n      return (0, _utils.appendTooltip)({\n        children: function children(triggerProps, triggerRef) {\n          return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n            ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),\n            disabled: Component === _SafeAnchor.default ? disabled : undefined,\n            className: classes,\n            \"data-event-key\": eventKey\n          }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem, {\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 96,\n              columnNumber: 17\n            }\n          }), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 107,\n              columnNumber: 19\n            }\n          }));\n        },\n        message: _children,\n        placement: 'right'\n      });\n    });\n  }\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 121,\n        columnNumber: 7\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"none presentation\",\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 7\n      }\n    }), _children);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    className: merge(className, withClassPrefix({\n      active: selected,\n      disabled: disabled\n    })),\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": selected || undefined,\n    \"data-event-key\": eventKey\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 146,\n      columnNumber: 5\n    }\n  }), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 157,\n      columnNumber: 7\n    }\n  }));\n});\n\nSidenavItem.displayName = 'Sidenav.Item';\nSidenavItem.propTypes = {\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  style: _propTypes.default.object,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func\n};\nvar _default = SidenavItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../Ripple */ \"./src/Ripple/index.tsx\"));\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\n\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../Menu/MenuItem */ \"./src/Menu/MenuItem.tsx\"));\n\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\n\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavItem.tsx\",\n    _this = void 0;\n\n/**\n * @private\n */\nvar SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  if (!sidenav) {\n    throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,\n      activeProp = props.active,\n      children = props.children,\n      className = props.className,\n      disabled = props.disabled,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'sidenav-item' : _props$classPrefix,\n      icon = props.icon,\n      eventKey = props.eventKey,\n      style = props.style,\n      onClick = props.onClick,\n      onSelect = props.onSelect,\n      divider = props.divider,\n      panel = props.panel,\n      _props$tooltip = props.tooltip,\n      tooltip = _props$tooltip === void 0 ? children : _props$tooltip,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"children\", \"className\", \"disabled\", \"classPrefix\", \"icon\", \"eventKey\", \"style\", \"onClick\", \"onSelect\", \"divider\", \"panel\", \"tooltip\"]);\n\n  var _ref = (0, _react.useContext)(_NavContext.default),\n      activeKey = _ref.activeKey,\n      onSelectFromNav = _ref.onSelect;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) return;\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);\n    onClick === null || onClick === void 0 ? void 0 : onClick(event);\n  }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);\n\n  if (!sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n      trigger: \"hover\",\n      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 96,\n          columnNumber: 41\n        }\n      }, tooltip),\n      placement: \"right\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 96,\n        columnNumber: 7\n      }\n    }, function (triggerProps, triggerRef) {\n      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n        selected: selected,\n        disabled: disabled,\n        onActivate: handleClick,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 98,\n          columnNumber: 11\n        }\n      }, function (_ref2, menuitemRef) {\n        var selected = _ref2.selected,\n            active = _ref2.active,\n            menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, [\"selected\", \"active\"]);\n        var classes = merge(className, withClassPrefix({\n          focus: active,\n          active: selected,\n          disabled: disabled\n        })); // Show tooltip when inside a collapse <Sidenav>\n\n        return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n          ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),\n          disabled: Component === _SafeAnchor.default ? disabled : undefined,\n          className: classes,\n          \"data-event-key\": eventKey\n        }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem, {\n          onMouseOver: (0, _utils.createChainedFunction)(menuitem.onMouseOver, triggerProps.onMouseOver),\n          onMouseOut: (0, _utils.createChainedFunction)(menuitem.onMouseOut, triggerProps.onMouseOut),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 107,\n            columnNumber: 17\n          }\n        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n          className: prefix('icon')\n        }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 123,\n            columnNumber: 19\n          }\n        }));\n      });\n    });\n  }\n\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 7\n      }\n    }));\n  }\n\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"none presentation\",\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 7\n      }\n    }), children);\n  }\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    className: merge(className, withClassPrefix({\n      active: selected,\n      disabled: disabled\n    })),\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": selected || undefined,\n    \"data-event-key\": eventKey\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 160,\n      columnNumber: 5\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: prefix('icon')\n  }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 171,\n      columnNumber: 7\n    }\n  }));\n});\n\nSidenavItem.displayName = 'Sidenav.Item';\nSidenavItem.propTypes = {\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  icon: _propTypes.default.node,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  eventKey: _propTypes.default.any,\n  as: _propTypes.default.elementType,\n  style: _propTypes.default.object,\n  onSelect: _propTypes.default.func,\n  onMouseEnter: _propTypes.default.func,\n  onMouseLeave: _propTypes.default.func,\n  onContextMenu: _propTypes.default.func,\n  onClick: _propTypes.default.func\n};\nvar _default = SidenavItem;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavItem.tsx?");
 
 /***/ }),
 
@@ -4355,7 +4630,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ../IconButton */ \"./src/IconButton/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavToggle.tsx\",\n    _this = void 0;\n\nvar SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      expanded = props.expanded,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'sidenav-toggle' : _props$classPrefix,\n      onToggle = props.onToggle,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"expanded\", \"className\", \"classPrefix\", \"onToggle\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix({\n    collapsed: !expanded\n  }));\n  var Icon = expanded ? _AngleRight.default : _AngleLeft.default;\n\n  var handleToggle = function handleToggle(event) {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded, event);\n  };\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {\n    appearance: \"default\",\n    icon: /*#__PURE__*/_react.default.createElement(Icon, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 48\n      }\n    }),\n    onClick: handleToggle,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 9\n    }\n  }));\n});\n\nSidenavToggle.displayName = 'SidenavToggle';\nSidenavToggle.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  expanded: _propTypes.default.bool,\n  onToggle: _propTypes.default.func\n};\nvar _default = SidenavToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavToggle.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ../IconButton */ \"./src/IconButton/index.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\n\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\n\nvar _deprecatePropType = _interopRequireDefault(__webpack_require__(/*! ../utils/deprecatePropType */ \"./src/utils/deprecatePropType.ts\"));\n\nvar _Sidenav = __webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/Sidenav.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Sidenav/SidenavToggle.tsx\",\n    _this = void 0;\n\nvar SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);\n\n  if (!sidenav) {\n    throw new Error('<Sidenav.Toggle> must be rendered within a <Sidenav>');\n  }\n\n  var _props$as = props.as,\n      Component = _props$as === void 0 ? 'div' : _props$as,\n      DEPRECATED_expanded = props.expanded,\n      className = props.className,\n      _props$classPrefix = props.classPrefix,\n      classPrefix = _props$classPrefix === void 0 ? 'sidenav-toggle' : _props$classPrefix,\n      onToggle = props.onToggle,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"expanded\", \"className\", \"classPrefix\", \"onToggle\"]); // if `expanded` prop is provided, it takes priority\n\n  var expanded = DEPRECATED_expanded !== null && DEPRECATED_expanded !== void 0 ? DEPRECATED_expanded : sidenav.expanded;\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix,\n      prefix = _useClassNames.prefix;\n\n  var classes = merge(className, withClassPrefix({\n    collapsed: !expanded\n  }));\n  var Icon = expanded ? _AngleLeft.default : _AngleRight.default;\n\n  var handleToggle = function handleToggle(event) {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded, event);\n  };\n\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {\n    icon: /*#__PURE__*/_react.default.createElement(Icon, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 17\n      }\n    }),\n    className: prefix('button'),\n    onClick: handleToggle,\n    \"aria-label\": expanded ? 'Collapse' : 'Expand',\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 9\n    }\n  }));\n});\n\nSidenavToggle.displayName = 'Sidenav.Toggle';\nSidenavToggle.propTypes = {\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  expanded: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use <Sidenav expanded> instead.'),\n  onToggle: _propTypes.default.func\n};\nvar _default = SidenavToggle;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavToggle.tsx?");
 
 /***/ }),
 
@@ -4663,7 +4938,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tooltip/Tooltip.tsx\",\n    _this = void 0;\n\nvar Tooltip = /*#__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 ? 'tooltip' : _props$classPrefix,\n      children = props.children,\n      style = props.style,\n      visible = props.visible,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"children\", \"style\", \"visible\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix());\n  var styles = (0, _extends2.default)({\n    opacity: visible ? 1 : undefined\n  }, style);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tooltip\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 7\n    }\n  }), children);\n});\n\nTooltip.displayName = 'Tooltip';\nTooltip.propTypes = {\n  visible: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node\n};\nvar _default = Tooltip;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Tooltip/Tooltip.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Tooltip/Tooltip.tsx\",\n    _this = void 0;\n\nvar Tooltip = /*#__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 ? 'tooltip' : _props$classPrefix,\n      children = props.children,\n      style = props.style,\n      visible = props.visible,\n      _props$arrow = props.arrow,\n      arrow = _props$arrow === void 0 ? true : _props$arrow,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"children\", \"style\", \"visible\", \"arrow\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      merge = _useClassNames.merge,\n      withClassPrefix = _useClassNames.withClassPrefix;\n\n  var classes = merge(className, withClassPrefix({\n    arrow: arrow\n  }));\n  var styles = (0, _extends2.default)({\n    opacity: visible ? 1 : undefined\n  }, style);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tooltip\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 7\n    }\n  }), children);\n});\n\nTooltip.displayName = 'Tooltip';\nTooltip.propTypes = {\n  visible: _propTypes.default.bool,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  children: _propTypes.default.node,\n  arrow: _propTypes.default.bool\n};\nvar _default = Tooltip;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Tooltip/Tooltip.tsx?");
 
 /***/ }),
 
@@ -4795,7 +5070,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _OverlayTrigger = _interopRequireDefault(__webpack_require__(/*! ../Overlay/OverlayTrigger */ \"./src/Overlay/OverlayTrigger.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Whisper/Whisper.tsx\",\n    _this = void 0;\n\nvar Whisper = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var onOpen = props.onOpen,\n      onClose = props.onClose,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'right' : _props$placement,\n      preventOverflow = props.preventOverflow,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onOpen\", \"onClose\", \"onEntered\", \"onExited\", \"placement\", \"preventOverflow\"]);\n  return /*#__PURE__*/_react.default.createElement(_CustomProvider.CustomConsumer, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 5\n    }\n  }, function (context) {\n    return /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, rest, {\n      ref: ref,\n      preventOverflow: preventOverflow,\n      placement: (0, _utils.placementPolyfill)(placement, context === null || context === void 0 ? void 0 : context.rtl),\n      onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(onClose, onExited),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 9\n      }\n    }));\n  });\n});\n\nWhisper.displayName = 'Whisper';\nWhisper.propTypes = {\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExited: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT),\n\n  /**\n   * Prevent floating element overflow\n   */\n  preventOverflow: _propTypes.default.bool\n};\nvar _default = Whisper;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Whisper/Whisper.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _OverlayTrigger = _interopRequireDefault(__webpack_require__(/*! ../Overlay/OverlayTrigger */ \"./src/Overlay/OverlayTrigger.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Whisper/Whisper.tsx\",\n    _this = void 0;\n\nvar Whisper = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var onOpen = props.onOpen,\n      onClose = props.onClose,\n      onEntered = props.onEntered,\n      onExited = props.onExited,\n      _props$placement = props.placement,\n      placement = _props$placement === void 0 ? 'right' : _props$placement,\n      preventOverflow = props.preventOverflow,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onOpen\", \"onClose\", \"onEntered\", \"onExited\", \"placement\", \"preventOverflow\"]);\n  return /*#__PURE__*/_react.default.createElement(_CustomProvider.CustomConsumer, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 5\n    }\n  }, function (context) {\n    return /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, rest, {\n      ref: ref,\n      preventOverflow: preventOverflow,\n      placement: (0, _utils.placementPolyfill)(placement, context === null || context === void 0 ? void 0 : context.rtl),\n      onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),\n      onExited: (0, _utils.createChainedFunction)(onClose, onExited),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 9\n      }\n    }));\n  });\n});\n\nWhisper.displayName = 'Whisper';\nWhisper.propTypes = {\n  onOpen: _propTypes.default.func,\n  onClose: _propTypes.default.func,\n  onEntered: _propTypes.default.func,\n  onExited: _propTypes.default.func,\n  placement: _propTypes.default.oneOf(_utils.PLACEMENT),\n\n  /**\n   * Prevent floating element overflow\n   */\n  preventOverflow: _propTypes.default.bool,\n\n  /**\n   * Whether enable speaker follow cursor\n   */\n  followCursor: _propTypes.default.bool\n};\nvar _default = Whisper;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/Whisper/Whisper.tsx?");
 
 /***/ }),
 
@@ -4817,7 +5092,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.useFormClassNames = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\n\nexports.Button = _Button.default;\n\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\n\nexports.IconButton = _IconButton.default;\n\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\n\nexports.ButtonToolbar = _ButtonToolbar.default;\n\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\n\nexports.ButtonGroup = _ButtonGroup.default;\n\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\n\nexports.Whisper = _Whisper.default;\n\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\n\nexports.Tooltip = _Tooltip.default;\n\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\n\nexports.Popover = _Popover.default;\n\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\n\nexports.Modal = _Modal.default;\n\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\n\nexports.Notification = _Notification.default;\n\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\n\nexports.Message = _Message.default;\n\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\n\nexports.Drawer = _Drawer.default;\n\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\n\nexports.Loader = _Loader.default;\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nexports.SafeAnchor = _SafeAnchor.default;\n\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\n\nexports.Placeholder = _Placeholder.default;\n\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\n\nexports.Badge = _Badge.default;\n\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\n\nexports.Avatar = _Avatar.default;\n\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\n\nexports.AvatarGroup = _AvatarGroup.default;\n\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\n\nexports.toaster = _toaster.default;\n\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\n\nexports.Dropdown = _Dropdown.default;\n\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\n\nexports.Nav = _Nav.default;\n\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\n\nexports.Navbar = _Navbar.default;\n\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\n\nexports.Sidenav = _Sidenav.default;\n\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\n\nexports.Breadcrumb = _Breadcrumb.default;\n\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\n\nexports.Pagination = _Pagination.default;\n\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\n\nexports.Steps = _Steps.default;\n\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\n\nexports.Toggle = _Toggle.default;\n\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\n\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\n\nexports.Input = _Input.default;\n\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\n\nexports.MaskedInput = _MaskedInput.default;\n\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\n\nexports.InputNumber = _InputNumber.default;\n\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\n\nexports.InputGroup = _InputGroup.default;\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nexports.Checkbox = _Checkbox.default;\n\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\n\nexports.CheckboxGroup = _CheckboxGroup.default;\n\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\n\nexports.Radio = _Radio.default;\n\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\n\nexports.RadioGroup = _RadioGroup.default;\n\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\n\nexports.SelectPicker = _SelectPicker.default;\n\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\n\nexports.CheckPicker = _CheckPicker.default;\n\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\n\nexports.InputPicker = _InputPicker.default;\n\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\n\nexports.TagPicker = _TagPicker.default;\n\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\n\nexports.TagInput = _TagInput.default;\n\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\n\nexports.TreePicker = _TreePicker.default;\n\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\n\nexports.CheckTreePicker = _CheckTreePicker.default;\n\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\n\nexports.Cascader = _Cascader.default;\n\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\n\nexports.MultiCascader = _MultiCascader.default;\n\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\n\nexports.DatePicker = _DatePicker.default;\n\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\n\nexports.DateRangePicker = _DateRangePicker.default;\n\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\n\nexports.AutoComplete = _AutoComplete.default;\n\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\n\nexports.Uploader = _Uploader.default;\n\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\n\nexports.Slider = _Slider.default;\n\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\n\nexports.RangeSlider = _RangeSlider.default;\n\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\n\nexports.Rate = _Rate.default;\n\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\n\nexports.Tree = _Tree.default;\n\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\n\nexports.CheckTree = _CheckTree.default;\n\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\n\nexports.Panel = _Panel.default;\n\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\n\nexports.PanelGroup = _PanelGroup.default;\n\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\n\nexports.Table = _Table.default;\n\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\n\nexports.Progress = _Progress.default;\n\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\n\nexports.Timeline = _Timeline.default;\n\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\n\nexports.Tag = _Tag.default;\n\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\n\nexports.TagGroup = _TagGroup.default;\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\n\nexports.List = _List.default;\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\n\nexports.Calendar = _Calendar.default;\n\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\n\nexports.Carousel = _Carousel.default;\n\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\n\nexports.Grid = _Grid.default;\n\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\n\nexports.Row = _Row.default;\n\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\n\nexports.Col = _Col.default;\n\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\n\nexports.FlexboxGrid = _FlexboxGrid.default;\n\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\n\nexports.Container = _Container.default;\n\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\n\nexports.Content = _Content.default;\n\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\n\nexports.Header = _Header.default;\n\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\n\nexports.Sidebar = _Sidebar.default;\n\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\n\nexports.Footer = _Footer.default;\n\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\n\nexports.Divider = _Divider.default;\n\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\n\nexports.Stack = _Stack.default;\n\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\n\nexports.Schema = _Schema.default;\n\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\n\nexports.Animation = _Animation.default;\n\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\n\nexports.DOMHelper = _DOMHelper.default;\n\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\n\nexports.Affix = _Affix.default;\n\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\n\nexports.CustomProvider = _CustomProvider.default;\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.useFormClassNames = exports.useToaster = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;\n\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\n\nexports.Button = _Button.default;\n\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\n\nexports.IconButton = _IconButton.default;\n\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\n\nexports.ButtonToolbar = _ButtonToolbar.default;\n\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\n\nexports.ButtonGroup = _ButtonGroup.default;\n\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\n\nexports.Whisper = _Whisper.default;\n\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\n\nexports.Tooltip = _Tooltip.default;\n\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\n\nexports.Popover = _Popover.default;\n\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\n\nexports.Modal = _Modal.default;\n\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\n\nexports.Notification = _Notification.default;\n\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\n\nexports.Message = _Message.default;\n\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\n\nexports.Drawer = _Drawer.default;\n\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\n\nexports.Loader = _Loader.default;\n\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\n\nexports.SafeAnchor = _SafeAnchor.default;\n\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\n\nexports.Placeholder = _Placeholder.default;\n\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\n\nexports.Badge = _Badge.default;\n\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\n\nexports.Avatar = _Avatar.default;\n\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\n\nexports.AvatarGroup = _AvatarGroup.default;\n\nvar _toaster = _interopRequireWildcard(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\n\nexports.toaster = _toaster.default;\nexports.useToaster = _toaster.useToaster;\n\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\n\nexports.Dropdown = _Dropdown.default;\n\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\n\nexports.Nav = _Nav.default;\n\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\n\nexports.Navbar = _Navbar.default;\n\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\n\nexports.Sidenav = _Sidenav.default;\n\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\n\nexports.Breadcrumb = _Breadcrumb.default;\n\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\n\nexports.Pagination = _Pagination.default;\n\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\n\nexports.Steps = _Steps.default;\n\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\n\nexports.Toggle = _Toggle.default;\n\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\n\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\n\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\n\nexports.Input = _Input.default;\n\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\n\nexports.MaskedInput = _MaskedInput.default;\n\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\n\nexports.InputNumber = _InputNumber.default;\n\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\n\nexports.InputGroup = _InputGroup.default;\n\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\n\nexports.Checkbox = _Checkbox.default;\n\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\n\nexports.CheckboxGroup = _CheckboxGroup.default;\n\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\n\nexports.Radio = _Radio.default;\n\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\n\nexports.RadioGroup = _RadioGroup.default;\n\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\n\nexports.SelectPicker = _SelectPicker.default;\n\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\n\nexports.CheckPicker = _CheckPicker.default;\n\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\n\nexports.InputPicker = _InputPicker.default;\n\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\n\nexports.TagPicker = _TagPicker.default;\n\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\n\nexports.TagInput = _TagInput.default;\n\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\n\nexports.TreePicker = _TreePicker.default;\n\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\n\nexports.CheckTreePicker = _CheckTreePicker.default;\n\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\n\nexports.Cascader = _Cascader.default;\n\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\n\nexports.MultiCascader = _MultiCascader.default;\n\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\n\nexports.DatePicker = _DatePicker.default;\n\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\n\nexports.DateRangePicker = _DateRangePicker.default;\n\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\n\nexports.AutoComplete = _AutoComplete.default;\n\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\n\nexports.Uploader = _Uploader.default;\n\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\n\nexports.Slider = _Slider.default;\n\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\n\nexports.RangeSlider = _RangeSlider.default;\n\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\n\nexports.Rate = _Rate.default;\n\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\n\nexports.Tree = _Tree.default;\n\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\n\nexports.CheckTree = _CheckTree.default;\n\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\n\nexports.Panel = _Panel.default;\n\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\n\nexports.PanelGroup = _PanelGroup.default;\n\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\n\nexports.Table = _Table.default;\n\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\n\nexports.Progress = _Progress.default;\n\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\n\nexports.Timeline = _Timeline.default;\n\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\n\nexports.Tag = _Tag.default;\n\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\n\nexports.TagGroup = _TagGroup.default;\n\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\n\nexports.List = _List.default;\n\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\n\nexports.Calendar = _Calendar.default;\n\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\n\nexports.Carousel = _Carousel.default;\n\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\n\nexports.Grid = _Grid.default;\n\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\n\nexports.Row = _Row.default;\n\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\n\nexports.Col = _Col.default;\n\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\n\nexports.FlexboxGrid = _FlexboxGrid.default;\n\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\n\nexports.Container = _Container.default;\n\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\n\nexports.Content = _Content.default;\n\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\n\nexports.Header = _Header.default;\n\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\n\nexports.Sidebar = _Sidebar.default;\n\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\n\nexports.Footer = _Footer.default;\n\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\n\nexports.Divider = _Divider.default;\n\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\n\nexports.Stack = _Stack.default;\n\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\n\nexports.Schema = _Schema.default;\n\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\n\nexports.Animation = _Animation.default;\n\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\n\nexports.DOMHelper = _DOMHelper.default;\n\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\n\nexports.Affix = _Affix.default;\n\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\n\nexports.CustomProvider = _CustomProvider.default;\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
 
 /***/ }),
 
@@ -4839,7 +5114,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _reactDom = __webpack_require__(/*! react-dom */ \"react-dom\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/toaster/ToastContainer.tsx\",\n    _this = void 0;\n\nvar useMessages = function useMessages() {\n  var _useState = (0, _react.useState)([]),\n      messages = _useState[0],\n      setMessages = _useState[1];\n\n  var getKey = (0, _react.useCallback)(function (key) {\n    if (typeof key === 'undefined' && messages.length) {\n      return messages[messages.length - 1].key;\n    }\n\n    return key;\n  }, [messages]);\n  var push = (0, _react.useCallback)(function (message) {\n    var key = (0, _utils.guid)();\n    setMessages([].concat(messages, [{\n      key: key,\n      visible: true,\n      node: message\n    }]));\n    return key;\n  }, [messages]);\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    })); // Remove all invisible messages after 400ms.\n    // The delay removal here is to preserve the animation.\n\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\n      return n;\n    })); // Remove invisible messages after 400ms.\n\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};\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      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"placement\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      rootPrefix = _useClassNames.rootPrefix;\n\n  var classes = merge(className, withClassPrefix((0, _kebabCase.default)(placement)));\n\n  var _useMessages = useMessages(),\n      push = _useMessages.push,\n      clear = _useMessages.clear,\n      remove = _useMessages.remove,\n      messages = _useMessages.messages;\n\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    return /*#__PURE__*/_react.default.createElement(_Transition.default, {\n      key: item.key,\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: 123,\n        columnNumber: 9\n      }\n    }, function (transitionProps, ref) {\n      var _item$node, _item$node$props, _item$node2, _item$node2$props;\n\n      var transitionClassName = transitionProps.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return /*#__PURE__*/_react.default.cloneElement(item.node, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        // Remove the message after the specified time.\n        onClose: (0, _utils.createChainedFunction)((_item$node = item.node) === null || _item$node === void 0 ? void 0 : (_item$node$props = _item$node.props) === null || _item$node$props === void 0 ? void 0 : _item$node$props.onClose, function () {\n          return remove(item.key);\n        }),\n        className: merge(rootPrefix('toast'), (_item$node2 = item.node) === null || _item$node2 === void 0 ? void 0 : (_item$node2$props = _item$node2.props) === null || _item$node2$props === void 0 ? void 0 : _item$node2$props.className, transitionClassName)\n      }));\n    });\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: rootRef,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 151,\n      columnNumber: 7\n    }\n  }), elements);\n});\n\nToastContainer.getInstance = function (props) {\n  var container = props.container,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"container\"]);\n\n  var containerRef = /*#__PURE__*/_react.default.createRef();\n\n  var mountElement = document.createElement('div');\n  var containerElement = typeof container === 'function' ? container() : container; //  Parent is document.body or the existing dom element\n\n  var parentElement = containerElement || document.body; // Add the detached element to the parent\n\n  parentElement.appendChild(mountElement);\n\n  function destroy() {\n    (0, _reactDom.unmountComponentAtNode)(mountElement);\n    parentElement.removeChild(mountElement);\n  }\n\n  (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {\n    ref: containerRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 10\n    }\n  })), mountElement);\n  return [containerRef, destroy];\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};\nvar _default = ToastContainer;\nexports.default = _default;\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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = exports.toastPlacements = void 0;\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _reactDom = __webpack_require__(/*! react-dom */ \"react-dom\");\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\n\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/toaster/ToastContainer.tsx\",\n    _this = void 0;\n\nvar toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];\nexports.toastPlacements = toastPlacements;\n\nvar useMessages = function useMessages() {\n  var _useState = (0, _react.useState)([]),\n      messages = _useState[0],\n      setMessages = _useState[1];\n\n  var getKey = (0, _react.useCallback)(function (key) {\n    if (typeof key === 'undefined' && messages.length) {\n      return messages[messages.length - 1].key;\n    }\n\n    return key;\n  }, [messages]);\n  var push = (0, _react.useCallback)(function (message) {\n    var key = (0, _utils.guid)();\n    setMessages([].concat(messages, [{\n      key: key,\n      visible: true,\n      node: message\n    }]));\n    return key;\n  }, [messages]);\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    })); // Remove all invisible messages after 400ms.\n    // The delay removal here is to preserve the animation.\n\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\n      return n;\n    })); // Remove invisible messages after 400ms.\n\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};\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      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"placement\"]);\n\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n      withClassPrefix = _useClassNames.withClassPrefix,\n      merge = _useClassNames.merge,\n      rootPrefix = _useClassNames.rootPrefix;\n\n  var classes = merge(className, withClassPrefix((0, _kebabCase.default)(placement)));\n\n  var _useMessages = useMessages(),\n      push = _useMessages.push,\n      clear = _useMessages.clear,\n      remove = _useMessages.remove,\n      messages = _useMessages.messages;\n\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    return /*#__PURE__*/_react.default.createElement(_Transition.default, {\n      key: item.key,\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: 132,\n        columnNumber: 9\n      }\n    }, function (transitionProps, ref) {\n      var _item$node, _item$node$props, _item$node2, _item$node2$props;\n\n      var transitionClassName = transitionProps.className,\n          rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n      return /*#__PURE__*/_react.default.cloneElement(item.node, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        // Remove the message after the specified time.\n        onClose: (0, _utils.createChainedFunction)((_item$node = item.node) === null || _item$node === void 0 ? void 0 : (_item$node$props = _item$node.props) === null || _item$node$props === void 0 ? void 0 : _item$node$props.onClose, function () {\n          return remove(item.key);\n        }),\n        className: merge(rootPrefix('toast'), (_item$node2 = item.node) === null || _item$node2 === void 0 ? void 0 : (_item$node2$props = _item$node2.props) === null || _item$node2$props === void 0 ? void 0 : _item$node2$props.className, transitionClassName)\n      }));\n    });\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: rootRef,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 160,\n      columnNumber: 7\n    }\n  }), elements);\n});\n\nToastContainer.getInstance = function (props) {\n  var container = props.container,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"container\"]);\n\n  var containerRef = /*#__PURE__*/_react.default.createRef();\n\n  var mountElement = document.createElement('div');\n  var containerElement = typeof container === 'function' ? container() : container; //  Parent is document.body or the existing dom element\n\n  var parentElement = containerElement || document.body; // Add the detached element to the parent\n\n  parentElement.appendChild(mountElement);\n\n  function destroy() {\n    (0, _reactDom.unmountComponentAtNode)(mountElement);\n    parentElement.removeChild(mountElement);\n  }\n\n  (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {\n    ref: containerRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 186,\n      columnNumber: 10\n    }\n  })), mountElement);\n  return [containerRef, destroy];\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};\nvar _default = ToastContainer;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/ToastContainer.tsx?");
 
 /***/ }),
 
@@ -4850,7 +5125,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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/toaster.tsx\"));\n\nvar _default = _toaster.default;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = exports.useToaster = void 0;\n\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/toaster.tsx\"));\n\nvar _useToaster = _interopRequireDefault(__webpack_require__(/*! ./useToaster */ \"./src/toaster/useToaster.ts\"));\n\nexports.useToaster = _useToaster.default;\nvar _default = _toaster.default;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/index.tsx?");
 
 /***/ }),
 
@@ -4865,6 +5140,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/toaster/useToaster.ts":
+/*!***********************************!*\
+  !*** ./src/toaster/useToaster.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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/toaster.tsx\"));\n\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\n/**\n * Hook to use the toaster\n * @returns toaster { push, remove, clear }\n */\nvar useToaster = function useToaster() {\n  var _useCustom = (0, _utils.useCustom)(),\n      toasters = _useCustom.toasters;\n\n  return {\n    push: function push(message, options) {\n      var _toasters$current;\n\n      var customToaster = toasters === null || toasters === void 0 ? 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) : _toaster.default.push(message, options);\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    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};\n\nvar _default = useToaster;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/toaster/useToaster.ts?");
+
+/***/ }),
+
 /***/ "./src/utils/BrowserDetection.ts":
 /*!***************************************!*\
   !*** ./src/utils/BrowserDetection.ts ***!
@@ -4938,7 +5224,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _default
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.DATERANGE_DISABLED_TARGET = exports.KEY_VALUES = exports.TREE_NODE_DROP_POSITION = exports.TREE_NODE_ROOT_PADDING = exports.TREE_NODE_PADDING = exports.CHECK_STATE = exports.PLACEMENT = exports.PLACEMENT_AUTO = exports.PLACEMENT_8 = exports.PLACEMENT_4 = exports.COLOR = exports.STATUS = exports.SIZE = void 0;\nvar SIZE = ['lg', 'md', 'sm', 'xs'];\nexports.SIZE = SIZE;\nvar STATUS = ['success', 'warning', 'error', 'info'];\nexports.STATUS = STATUS;\nvar COLOR = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'];\nexports.COLOR = COLOR;\nvar PLACEMENT_4 = ['top', 'bottom', 'right', 'left'];\nexports.PLACEMENT_4 = PLACEMENT_4;\nvar PLACEMENT_8 = ['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'];\nexports.PLACEMENT_8 = PLACEMENT_8;\nvar PLACEMENT_AUTO = ['auto', 'autoVertical', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontal', 'autoHorizontalStart', 'autoHorizontalEnd'];\nexports.PLACEMENT_AUTO = PLACEMENT_AUTO;\nvar PLACEMENT = [].concat(PLACEMENT_4, PLACEMENT_8, PLACEMENT_AUTO);\n/**\n *  Check Tree Node State\n */\n\nexports.PLACEMENT = PLACEMENT;\nvar CHECK_STATE;\nexports.CHECK_STATE = CHECK_STATE;\n\n(function (CHECK_STATE) {\n  CHECK_STATE[CHECK_STATE[\"UNCHECK\"] = 0] = \"UNCHECK\";\n  CHECK_STATE[CHECK_STATE[\"CHECK\"] = 1] = \"CHECK\";\n  CHECK_STATE[CHECK_STATE[\"INDETERMINATE\"] = 2] = \"INDETERMINATE\";\n})(CHECK_STATE || (exports.CHECK_STATE = CHECK_STATE = {}));\n\nvar TREE_NODE_PADDING = 16;\nexports.TREE_NODE_PADDING = TREE_NODE_PADDING;\nvar TREE_NODE_ROOT_PADDING = 12;\n/**\n * Tree Node Drag Type\n */\n\nexports.TREE_NODE_ROOT_PADDING = TREE_NODE_ROOT_PADDING;\nvar TREE_NODE_DROP_POSITION;\n/**\n * UI Events KeyboardEvent key Values\n * https://www.w3.org/TR/uievents-key\n */\n\nexports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;\n\n(function (TREE_NODE_DROP_POSITION) {\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER\"] = 0] = \"DRAG_OVER\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_TOP\"] = 1] = \"DRAG_OVER_TOP\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_BOTTOM\"] = 2] = \"DRAG_OVER_BOTTOM\";\n})(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));\n\nvar KEY_VALUES = {\n  // Navigation Keys\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  END: 'End',\n  HOME: 'Home',\n  PAGE_DOWN: 'PageDown',\n  PAGE_UP: 'PageUp',\n  // Whitespace Keys\n  ENTER: 'Enter',\n  TAB: 'Tab',\n  SPACE: ' ',\n  // Editing Keys\n  BACKSPACE: 'Backspace',\n  DELETE: 'Delete',\n  COMMA: ',',\n  // UI Keys\n  ESC: 'Escape'\n};\nexports.KEY_VALUES = KEY_VALUES;\nvar DATERANGE_DISABLED_TARGET;\nexports.DATERANGE_DISABLED_TARGET = DATERANGE_DISABLED_TARGET;\n\n(function (DATERANGE_DISABLED_TARGET) {\n  DATERANGE_DISABLED_TARGET[\"CALENDAR\"] = \"CALENDAR\";\n  DATERANGE_DISABLED_TARGET[\"TOOLBAR_BUTTON_OK\"] = \"TOOLBAR_BUTTON_OK\";\n  DATERANGE_DISABLED_TARGET[\"TOOLBAR_SHORTCUT\"] = \"TOOLBAR_SHORTCUT\";\n})(DATERANGE_DISABLED_TARGET || (exports.DATERANGE_DISABLED_TARGET = DATERANGE_DISABLED_TARGET = {}));\n\n//# sourceURL=webpack://rsuite/./src/utils/constants.ts?");
+eval("\n\nexports.__esModule = true;\nexports.DATERANGE_DISABLED_TARGET = exports.KEY_VALUES = exports.TREE_NODE_DROP_POSITION = exports.TREE_NODE_ROOT_PADDING = exports.TREE_NODE_PADDING = exports.CHECK_STATE = exports.PLACEMENT = exports.PLACEMENT_AUTO = exports.PLACEMENT_8 = exports.PLACEMENT_4 = exports.COLOR = exports.STATUS = exports.COLUMN_SIZE = exports.SIZE = void 0;\nvar SIZE = ['lg', 'md', 'sm', 'xs'];\nexports.SIZE = SIZE;\nvar COLUMN_SIZE = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];\nexports.COLUMN_SIZE = COLUMN_SIZE;\nvar STATUS = ['success', 'warning', 'error', 'info'];\nexports.STATUS = STATUS;\nvar COLOR = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'];\nexports.COLOR = COLOR;\nvar PLACEMENT_4 = ['top', 'bottom', 'right', 'left'];\nexports.PLACEMENT_4 = PLACEMENT_4;\nvar PLACEMENT_8 = ['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'];\nexports.PLACEMENT_8 = PLACEMENT_8;\nvar PLACEMENT_AUTO = ['auto', 'autoVertical', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontal', 'autoHorizontalStart', 'autoHorizontalEnd'];\nexports.PLACEMENT_AUTO = PLACEMENT_AUTO;\nvar PLACEMENT = [].concat(PLACEMENT_4, PLACEMENT_8, PLACEMENT_AUTO);\n/**\n *  Check Tree Node State\n */\n\nexports.PLACEMENT = PLACEMENT;\nvar CHECK_STATE;\nexports.CHECK_STATE = CHECK_STATE;\n\n(function (CHECK_STATE) {\n  CHECK_STATE[CHECK_STATE[\"UNCHECK\"] = 0] = \"UNCHECK\";\n  CHECK_STATE[CHECK_STATE[\"CHECK\"] = 1] = \"CHECK\";\n  CHECK_STATE[CHECK_STATE[\"INDETERMINATE\"] = 2] = \"INDETERMINATE\";\n})(CHECK_STATE || (exports.CHECK_STATE = CHECK_STATE = {}));\n\nvar TREE_NODE_PADDING = 16;\nexports.TREE_NODE_PADDING = TREE_NODE_PADDING;\nvar TREE_NODE_ROOT_PADDING = 12;\n/**\n * Tree Node Drag Type\n */\n\nexports.TREE_NODE_ROOT_PADDING = TREE_NODE_ROOT_PADDING;\nvar TREE_NODE_DROP_POSITION;\n/**\n * UI Events KeyboardEvent key Values\n * https://www.w3.org/TR/uievents-key\n */\n\nexports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;\n\n(function (TREE_NODE_DROP_POSITION) {\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER\"] = 0] = \"DRAG_OVER\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_TOP\"] = 1] = \"DRAG_OVER_TOP\";\n  TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION[\"DRAG_OVER_BOTTOM\"] = 2] = \"DRAG_OVER_BOTTOM\";\n})(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));\n\nvar KEY_VALUES = {\n  // Navigation Keys\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  END: 'End',\n  HOME: 'Home',\n  PAGE_DOWN: 'PageDown',\n  PAGE_UP: 'PageUp',\n  // Whitespace Keys\n  ENTER: 'Enter',\n  TAB: 'Tab',\n  SPACE: ' ',\n  // Editing Keys\n  BACKSPACE: 'Backspace',\n  DELETE: 'Delete',\n  COMMA: ',',\n  // UI Keys\n  ESC: 'Escape'\n};\nexports.KEY_VALUES = KEY_VALUES;\nvar DATERANGE_DISABLED_TARGET;\nexports.DATERANGE_DISABLED_TARGET = DATERANGE_DISABLED_TARGET;\n\n(function (DATERANGE_DISABLED_TARGET) {\n  DATERANGE_DISABLED_TARGET[\"CALENDAR\"] = \"CALENDAR\";\n  DATERANGE_DISABLED_TARGET[\"TOOLBAR_BUTTON_OK\"] = \"TOOLBAR_BUTTON_OK\";\n  DATERANGE_DISABLED_TARGET[\"TOOLBAR_SHORTCUT\"] = \"TOOLBAR_SHORTCUT\";\n})(DATERANGE_DISABLED_TARGET || (exports.DATERANGE_DISABLED_TARGET = DATERANGE_DISABLED_TARGET = {}));\n\n//# sourceURL=webpack://rsuite/./src/utils/constants.ts?");
 
 /***/ }),
 
@@ -4982,7 +5268,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\");\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nexports.__esModule = true;\nexports.default = deprecateComponent;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/utils/deprecateComponent.tsx\";\n\n/**\n * HOC for display a deprecation message from a deprecated component\n * fixme: Only display deprecation message in non-production environment\n */\nfunction deprecateComponent(Component, message) {\n  var _Component$displayNam,\n      _this = this;\n\n  var componentDisplayName = (_Component$displayNam = Component.displayName) !== null && _Component$displayNam !== void 0 ? _Component$displayNam : Component.name;\n\n  var Deprecated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n    (0, _react.useEffect)(function () {\n      console.warn(message);\n    }, []);\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 12\n      }\n    }));\n  });\n\n  Deprecated.displayName = \"deprecated(\" + componentDisplayName + \")\";\n  return Deprecated;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/deprecateComponent.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = deprecateComponent;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\n\nvar _warnOnce = _interopRequireDefault(__webpack_require__(/*! ./warnOnce */ \"./src/utils/warnOnce.ts\"));\n\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/utils/deprecateComponent.tsx\";\n\n/**\n * HOC for display a deprecation message from a deprecated component\n * fixme: Only display deprecation message in non-production environment\n */\nfunction deprecateComponent(Component, message) {\n  var _Component$displayNam,\n      _this = this;\n\n  var componentDisplayName = (_Component$displayNam = Component.displayName) !== null && _Component$displayNam !== void 0 ? _Component$displayNam : Component.name;\n\n  var Deprecated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n    (0, _warnOnce.default)(message);\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 12\n      }\n    }));\n  });\n\n  Deprecated.displayName = \"deprecated(\" + componentDisplayName + \")\";\n  return Deprecated;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/deprecateComponent.tsx?");
 
 /***/ }),
 
@@ -4990,10 +5276,10 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /*!****************************************!*\
   !*** ./src/utils/deprecatePropType.ts ***!
   \****************************************/
-/***/ (function(__unused_webpack_module, exports) {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.default = deprecatePropType;\n// Ref: https://github.com/thefrontside/deprecated-prop-type/blob/master/deprecated.js\nvar warned = {};\n\nfunction deprecatePropType(propType, explanation) {\n  return function validate(props, propName, componentName) {\n    // Note ...rest here\n    if (props[propName] != null) {\n      var message = \"\\\"\" + propName + \"\\\" property of \\\"\" + componentName + \"\\\" has been deprecated.\\n\" + explanation;\n\n      if (!warned[message]) {\n        console.warn(message);\n        warned[message] = true;\n      }\n    }\n\n    for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {\n      rest[_key - 3] = arguments[_key];\n    }\n\n    return propType.apply(void 0, [props, propName, componentName].concat(rest)); // and here\n  };\n}\n\nfunction _resetWarned() {\n  warned = {};\n}\n\ndeprecatePropType._resetWarned = _resetWarned;\n\n//# sourceURL=webpack://rsuite/./src/utils/deprecatePropType.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = deprecatePropType;\n\nvar _warnOnce = _interopRequireDefault(__webpack_require__(/*! ./warnOnce */ \"./src/utils/warnOnce.ts\"));\n\n// Ref: https://github.com/thefrontside/deprecated-prop-type/blob/master/deprecated.js\nfunction deprecatePropType(propType, explanation) {\n  return function validate(props, propName, componentName) {\n    // Note ...rest here\n    if (props[propName] != null) {\n      var message = \"\\\"\" + propName + \"\\\" property of \\\"\" + componentName + \"\\\" has been deprecated.\\n\" + explanation;\n      (0, _warnOnce.default)(message);\n    }\n\n    for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {\n      rest[_key - 3] = arguments[_key];\n    }\n\n    return propType.apply(void 0, [props, propName, componentName].concat(rest)); // and here\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/deprecatePropType.ts?");
 
 /***/ }),
 
@@ -5235,7 +5521,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.shouldShowNodeByParentExpanded = shouldShowNodeByParentExpanded;\nexports.flattenTree = flattenTree;\nexports.getNodeParents = getNodeParents;\nexports.getNodeParentKeys = getNodeParentKeys;\nexports.hasVisibleChildren = hasVisibleChildren;\nexports.compareArray = compareArray;\nexports.getDefaultExpandItemValues = getDefaultExpandItemValues;\nexports.getExpandItemValues = getExpandItemValues;\nexports.getDragNodeKeys = getDragNodeKeys;\nexports.calDropNodePosition = calDropNodePosition;\nexports.removeDragNode = removeDragNode;\nexports.createUpdateTreeDataFunction = createUpdateTreeDataFunction;\nexports.findNodeOfTree = findNodeOfTree;\nexports.filterNodesOfTree = filterNodesOfTree;\nexports.leftArrowHandler = leftArrowHandler;\nexports.rightArrowHandler = rightArrowHandler;\nexports.getExpandWhenSearching = getExpandWhenSearching;\nexports.getTreeActiveNode = getTreeActiveNode;\nexports.toggleExpand = toggleExpand;\nexports.getTreeNodeTitle = getTreeNodeTitle;\nexports.getChildrenByFlattenNodes = getChildrenByFlattenNodes;\nexports.useTreeDrag = useTreeDrag;\nexports.useFlattenTreeData = useFlattenTreeData;\nexports.useTreeNodeRefs = useTreeNodeRefs;\nexports.useTreeSearch = useTreeSearch;\nexports.useGetTreeNodeChildren = useGetTreeNodeChildren;\nexports.focusToActiveTreeNode = focusToActiveTreeNode;\nexports.isSearching = isSearching;\nexports.getTreeNodeIndent = getTreeNodeIndent;\nexports.getScrollToIndex = exports.focusPreviousItem = exports.focusNextItem = exports.focusTreeNode = exports.getElementByDataKey = exports.getActiveItem = exports.getActiveIndex = exports.getFocusableItems = void 0;\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _clone2 = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _intersection2 = _interopRequireDefault(__webpack_require__(/*! lodash/intersection */ \"./node_modules/lodash/intersection.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _utils = __webpack_require__(/*! ../CheckTreePicker/utils */ \"./src/CheckTreePicker/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _reactToString = _interopRequireDefault(__webpack_require__(/*! ./reactToString */ \"./src/utils/reactToString.ts\"));\n\nvar _constants = __webpack_require__(/*! ./constants */ \"./src/utils/constants.ts\");\n\n// gap of tree node\nvar TREE_NODE_GAP = 4;\n/**\n * according node parentNode expand state decide node whether to show\n * @param {*} expandItemValues\n * @param {*} parentKeys\n */\n\nfunction shouldShowNodeByParentExpanded(expandItemValues, parentKeys) {\n  if (expandItemValues === void 0) {\n    expandItemValues = [];\n  }\n\n  if (parentKeys === void 0) {\n    parentKeys = [];\n  }\n\n  var intersectionKeys = (0, _intersection2.default)(expandItemValues, parentKeys);\n\n  if (intersectionKeys.length === parentKeys.length) {\n    return true;\n  }\n\n  return false;\n}\n/**\n * flatten tree structure to array\n * @param {*} tree\n * @param {*} childrenKey\n * @param {*} executor\n */\n\n\nfunction flattenTree(tree, childrenKey, executor) {\n  if (childrenKey === void 0) {\n    childrenKey = 'children';\n  }\n\n  var flattenData = [];\n\n  var traverse = function traverse(data, parent) {\n    if (!(0, _isArray2.default)(data)) {\n      return;\n    }\n\n    data.forEach(function (item, index) {\n      var node = typeof executor === 'function' ? executor(item, index) : item;\n      node.parent = parent;\n      flattenData.push((0, _extends3.default)({}, node));\n\n      if (item[childrenKey]) {\n        traverse(item[childrenKey], item);\n      }\n    });\n  };\n\n  traverse(tree, null);\n  return flattenData;\n}\n/**\n * get all ancestor nodes of given node\n * @param {*} node\n */\n\n\nfunction getNodeParents(node, parentKey, valueKey) {\n  if (parentKey === void 0) {\n    parentKey = 'parent';\n  }\n\n  var parents = [];\n\n  var traverse = function traverse(node) {\n    if (node !== null && node !== void 0 && node[parentKey]) {\n      traverse(node[parentKey]);\n\n      if (valueKey) {\n        parents.push(node[parentKey][valueKey]);\n      } else {\n        parents.push(node[parentKey]);\n      }\n    }\n  };\n\n  traverse(node);\n  return parents;\n}\n/**\n * get all parentKeys of given node\n * @param nodes\n * @param node\n * @param valueKey\n */\n\n\nfunction getNodeParentKeys(nodes, node, valueKey) {\n  var parentKeys = [];\n\n  var traverse = function traverse(node) {\n    var _node$parent;\n\n    if (node !== null && node !== void 0 && (_node$parent = node.parent) !== null && _node$parent !== void 0 && _node$parent.refKey) {\n      var _node$parent2;\n\n      traverse(nodes[node.parent.refKey]);\n      parentKeys.push(node === null || node === void 0 ? void 0 : (_node$parent2 = node.parent) === null || _node$parent2 === void 0 ? void 0 : _node$parent2[valueKey]);\n    }\n  };\n\n  traverse(node);\n  return parentKeys;\n}\n\nfunction hasVisibleChildren(node, childrenKey) {\n  if (!Array.isArray(node[childrenKey])) {\n    return false;\n  }\n\n  return node[childrenKey].some(function (child) {\n    return child.visible;\n  });\n}\n/**\n * shallow equal array\n * @param a\n * @param b\n */\n\n\nfunction compareArray(a, b) {\n  return (0, _isArray2.default)(a) && (0, _isArray2.default)(b) && !(0, _shallowEqualArray.default)(a, b);\n}\n\nfunction getDefaultExpandItemValues(data, props) {\n  var valueKey = props.valueKey,\n      defaultExpandAll = props.defaultExpandAll,\n      childrenKey = props.childrenKey,\n      _props$defaultExpandI = props.defaultExpandItemValues,\n      defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI;\n\n  if (defaultExpandAll) {\n    return flattenTree(data, childrenKey).filter(function (item) {\n      return Array.isArray(item[childrenKey]) && item[childrenKey].length > 0;\n    }).map(function (item) {\n      return item[valueKey];\n    });\n  }\n\n  return defaultExpandItemValues;\n}\n/**\n * 获取 expandItemValues 的 value\n * @param props\n */\n\n\nfunction getExpandItemValues(props) {\n  var expandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues;\n\n  if (!(0, _isUndefined2.default)(expandItemValues) && Array.isArray(expandItemValues)) {\n    return expandItemValues;\n  }\n\n  if (!(0, _isUndefined2.default)(defaultExpandItemValues) && Array.isArray(defaultExpandItemValues)) {\n    return defaultExpandItemValues;\n  }\n\n  return [];\n}\n/**\n * get dragNode and it's children node keys\n * @param node\n * @param childrenKey\n * @param valueKey\n */\n\n\nfunction getDragNodeKeys(dragNode, childrenKey, valueKey) {\n  var dragNodeKeys = [dragNode[valueKey]];\n\n  var traverse = function traverse(data) {\n    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n      data.forEach(function (node) {\n        dragNodeKeys = dragNodeKeys.concat([node[valueKey]]);\n\n        if (node[childrenKey]) {\n          traverse(node[childrenKey]);\n        }\n      });\n    }\n  };\n\n  traverse(dragNode[childrenKey]);\n  return dragNodeKeys;\n}\n\nfunction calDropNodePosition(event, treeNodeElement) {\n  var clientY = event.clientY;\n\n  var _treeNodeElement$getB = treeNodeElement.getBoundingClientRect(),\n      top = _treeNodeElement$getB.top,\n      bottom = _treeNodeElement$getB.bottom;\n\n  var gap = TREE_NODE_GAP; // bottom of node\n\n  if (clientY >= bottom - gap && clientY <= bottom) {\n    return _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM;\n  } // top of node\n\n\n  if (clientY <= top + gap && clientY >= top) {\n    return _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP;\n  }\n\n  if (clientY >= top + gap && clientY <= bottom - gap) {\n    return _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER;\n  }\n\n  return -1;\n}\n\nfunction removeDragNode(data, params, _ref) {\n  var valueKey = _ref.valueKey,\n      childrenKey = _ref.childrenKey;\n  var dragNode = params.dragNode;\n\n  var traverse = function traverse(items, parent) {\n    for (var _index = 0; _index < items.length; _index += 1) {\n      var _item = items[_index];\n\n      if ((0, _utils2.shallowEqual)(_item[valueKey], dragNode[valueKey])) {\n        items.splice(_index, 1); // when children is empty, delete children prop for hidden anchor\n\n        if (items.length === 0 && parent) {\n          delete parent.children;\n        }\n\n        break;\n      }\n\n      if (Array.isArray(_item[childrenKey])) {\n        traverse(_item[childrenKey], _item);\n      }\n    }\n  };\n\n  traverse(data);\n}\n\nfunction createUpdateTreeDataFunction(params, _ref2) {\n  var valueKey = _ref2.valueKey,\n      childrenKey = _ref2.childrenKey;\n  return function (tree) {\n    var data = [].concat(tree);\n    var dragNode = params.dragNode,\n        dropNode = params.dropNode,\n        dropNodePosition = params.dropNodePosition;\n    var cloneDragNode = (0, _extends3.default)({}, dragNode);\n    removeDragNode(data, params, {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    });\n\n    var updateTree = function updateTree(items) {\n      for (var _index2 = 0; _index2 < items.length; _index2 += 1) {\n        var _item2 = items[_index2];\n\n        if ((0, _utils2.shallowEqual)(_item2[valueKey], dropNode[valueKey])) {\n          // drag to node inside\n          if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER) {\n            _item2[childrenKey] = (0, _isNil2.default)(_item2[childrenKey]) ? [] : _item2[childrenKey];\n\n            _item2[childrenKey].push(cloneDragNode);\n\n            break;\n          } else if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP) {\n            // drag to top of node\n            items.splice(_index2, 0, cloneDragNode);\n            break;\n          } else if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM) {\n            // drag to bottom of node\n            items.splice(_index2 + 1, 0, cloneDragNode);\n            break;\n          }\n        }\n\n        if (Array.isArray(_item2[childrenKey]) && _item2[childrenKey].length > 0) {\n          updateTree(_item2[childrenKey]);\n        }\n      }\n    };\n\n    updateTree(data);\n    return [].concat(data);\n  };\n}\n\nfunction findNodeOfTree(data, check) {\n  var findNode = function findNode(nodes) {\n    if (nodes === void 0) {\n      nodes = [];\n    }\n\n    for (var i = 0; i < nodes.length; i += 1) {\n      var _item3 = nodes[i];\n\n      if ((0, _isArray2.default)(_item3.children)) {\n        var _node = findNode(_item3.children);\n\n        if (_node) {\n          return _node;\n        }\n      }\n\n      if (check(_item3)) {\n        return _item3;\n      }\n    }\n\n    return undefined;\n  };\n\n  return findNode(data);\n}\n\nfunction filterNodesOfTree(data, check) {\n  var findNodes = function findNodes(nodes) {\n    if (nodes === void 0) {\n      nodes = [];\n    }\n\n    var nextNodes = [];\n\n    for (var i = 0; i < nodes.length; i += 1) {\n      if ((0, _isArray2.default)(nodes[i].children)) {\n        var nextChildren = findNodes(nodes[i].children);\n\n        if (nextChildren.length) {\n          var _item4 = (0, _clone2.default)(nodes[i]);\n\n          _item4.children = nextChildren;\n          nextNodes.push(_item4);\n          continue;\n        }\n      }\n\n      if (check(nodes[i])) {\n        nextNodes.push(nodes[i]);\n      }\n    }\n\n    return nextNodes;\n  };\n\n  return findNodes(data);\n}\n/**\n * get all focusable items\n * exclude not visible and disabled node\n * @param filteredData - filtered tree data\n * @param props - TreeProps\n * @param isSearching - component is in Searching\n * @returns\n */\n\n\nvar getFocusableItems = function getFocusableItems(filteredData, props, isSearching) {\n  var disabledItemValues = props.disabledItemValues,\n      valueKey = props.valueKey,\n      childrenKey = props.childrenKey,\n      expandItemValues = props.expandItemValues;\n  var items = [];\n\n  var loop = function loop(nodes) {\n    nodes.forEach(function (node) {\n      var disabled = disabledItemValues.some(function (disabledItem) {\n        return (0, _utils2.shallowEqual)(disabledItem, node[valueKey]);\n      });\n\n      if (!disabled && node.visible) {\n        items.push(node);\n      } // always expand when searching\n\n\n      var expand = isSearching ? true : expandItemValues.includes(node[valueKey]);\n\n      if (node[childrenKey] && expand) {\n        loop(node[childrenKey]);\n      }\n    });\n  };\n\n  loop(filteredData);\n  return items;\n};\n/**\n * return all focusable Item and active Element index\n * @param focusItemValue\n * @param focusableItems items\n */\n\n\nexports.getFocusableItems = getFocusableItems;\n\nvar getActiveIndex = function getActiveIndex(focusItemValue, focusItems, valueKey) {\n  var activeIndex = -1;\n  focusItems.forEach(function (item, index) {\n    if ((0, _utils2.shallowEqual)(item[valueKey], focusItemValue)) {\n      activeIndex = index;\n    }\n  });\n  return activeIndex;\n};\n/**\n * get current active element and node data\n * @param flattenNodes - flattenData\n */\n\n\nexports.getActiveIndex = getActiveIndex;\n\nvar getActiveItem = function getActiveItem(focusItemValue, flattenNodes, valueKey) {\n  var nodeData = null;\n  var activeNode = Object.values(flattenNodes).find(function (node) {\n    return (0, _utils2.shallowEqual)(node[valueKey], focusItemValue);\n  });\n\n  if (activeNode) {\n    nodeData = activeNode;\n  }\n\n  return nodeData;\n};\n\nexports.getActiveItem = getActiveItem;\n\nvar getElementByDataKey = function getElementByDataKey(dataKey, treeNodesRefs, selector) {\n  var ele = treeNodesRefs[dataKey];\n\n  if (ele instanceof Element) {\n    return ele.querySelector(selector);\n  }\n\n  return null;\n};\n/**\n * focus to specify tree node\n * @param refKey - target node refKey\n * @param treeNodeRefs - all tree node refs object\n * @param selector - node css selector\n */\n\n\nexports.getElementByDataKey = getElementByDataKey;\n\nvar focusTreeNode = function focusTreeNode(refKey, treeNodeRefs, selector) {\n  var _node$focus;\n\n  var node = getElementByDataKey(refKey, treeNodeRefs, selector);\n  node === null || node === void 0 ? void 0 : (_node$focus = node.focus) === null || _node$focus === void 0 ? void 0 : _node$focus.call(node);\n};\n\nexports.focusTreeNode = focusTreeNode;\n\n/**\n * focus next item with keyboard\n * @param param\n */\nvar focusNextItem = function focusNextItem(_ref3) {\n  var focusItemValue = _ref3.focusItemValue,\n      focusableItems = _ref3.focusableItems,\n      treeNodesRefs = _ref3.treeNodesRefs,\n      selector = _ref3.selector,\n      valueKey = _ref3.valueKey,\n      callback = _ref3.callback;\n  var activeIndex = getActiveIndex(focusItemValue, focusableItems, valueKey);\n\n  if (focusableItems.length === 0) {\n    return;\n  }\n\n  var nextIndex = activeIndex === focusableItems.length - 1 ? 0 : activeIndex + 1;\n  var nextFocusItemValue = focusableItems[nextIndex][valueKey];\n  callback === null || callback === void 0 ? void 0 : callback(nextFocusItemValue);\n  focusTreeNode(focusableItems[nextIndex].refKey, treeNodesRefs, selector);\n};\n/**\n * focus prev item with keyboard\n * @param param\n */\n\n\nexports.focusNextItem = focusNextItem;\n\nvar focusPreviousItem = function focusPreviousItem(_ref4) {\n  var focusItemValue = _ref4.focusItemValue,\n      focusableItems = _ref4.focusableItems,\n      treeNodesRefs = _ref4.treeNodesRefs,\n      selector = _ref4.selector,\n      valueKey = _ref4.valueKey,\n      callback = _ref4.callback;\n  var activeIndex = getActiveIndex(focusItemValue, focusableItems, valueKey);\n\n  if (focusableItems.length === 0) {\n    return;\n  }\n\n  var prevIndex = activeIndex === 0 ? focusableItems.length - 1 : activeIndex - 1;\n  prevIndex = prevIndex >= 0 ? prevIndex : 0;\n  var prevFocusItemValue = focusableItems[prevIndex][valueKey];\n  callback === null || callback === void 0 ? void 0 : callback(prevFocusItemValue);\n  focusTreeNode(focusableItems[prevIndex].refKey, treeNodesRefs, selector);\n};\n\nexports.focusPreviousItem = focusPreviousItem;\n\n/**\n * Left arrow keyboard event handler\n * When focus is on an open node, closes the node.\n * When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.\n * When focus is on a root node that is also either an end node or a closed node, does nothing.\n * @see https://www.w3.org/TR/wai-aria-practices/#TreeView\n */\nfunction leftArrowHandler(_ref5) {\n  var focusItem = _ref5.focusItem,\n      expand = _ref5.expand,\n      onExpand = _ref5.onExpand,\n      onFocusItem = _ref5.onFocusItem;\n\n  if ((0, _isEmpty2.default)(focusItem)) {\n    return;\n  }\n\n  if (expand) {\n    onExpand((0, _extends3.default)({}, focusItem, {\n      expand: expand\n    }));\n  } else if (focusItem !== null && focusItem !== void 0 && focusItem.parent) {\n    onFocusItem();\n  }\n}\n/**\n * Right arrow keyboard event handler\n * When focus is on a closed node, opens the node; focus does not move.\n * When focus is on a open node, moves focus to the first child node.\n * When focus is on an end node, does nothing.\n * @see https://www.w3.org/TR/wai-aria-practices/#TreeView\n */\n\n\nfunction rightArrowHandler(_ref6) {\n  var focusItem = _ref6.focusItem,\n      expand = _ref6.expand,\n      childrenKey = _ref6.childrenKey,\n      onExpand = _ref6.onExpand,\n      onFocusItem = _ref6.onFocusItem;\n\n  if ((0, _isEmpty2.default)(focusItem) || !Array.isArray(focusItem[childrenKey])) {\n    return;\n  }\n\n  if (!expand) {\n    onExpand((0, _extends3.default)({}, focusItem, {\n      expand: expand\n    }));\n  } else {\n    onFocusItem();\n  }\n}\n/**\n * get scrollIndex in virtualized list\n * @param nodes - data\n * @param value - activeItem value\n * @param valueKey\n */\n\n\nvar getScrollToIndex = function getScrollToIndex(nodes, value, valueKey) {\n  return nodes.filter(function (n) {\n    return n.visible;\n  }).findIndex(function (item) {\n    return item[valueKey] === value;\n  });\n};\n/**\n * when searching, expand state always return true\n * @param searchKeyword\n * @param expand\n */\n\n\nexports.getScrollToIndex = getScrollToIndex;\n\nfunction getExpandWhenSearching(searchKeyword, expand) {\n  return isSearching(searchKeyword) ? true : expand;\n}\n\nfunction getTreeActiveNode(nodes, value, valueKey) {\n  if ((0, _isUndefined2.default)(value)) {\n    return undefined;\n  }\n\n  for (var refKey in nodes) {\n    if ((0, _utils2.shallowEqual)(nodes[refKey][valueKey], value)) {\n      return nodes[refKey];\n    }\n  }\n}\n\n/**\n * toggle tree node\n * @param param0\n */\nfunction toggleExpand(_ref7) {\n  var node = _ref7.node,\n      isExpand = _ref7.isExpand,\n      expandItemValues = _ref7.expandItemValues,\n      valueKey = _ref7.valueKey;\n  var newExpandItemValues = new Set(expandItemValues);\n\n  if (isExpand) {\n    newExpandItemValues.add(node[valueKey]);\n  } else {\n    newExpandItemValues.delete(node[valueKey]);\n  }\n\n  return Array.from(newExpandItemValues);\n}\n\nfunction getTreeNodeTitle(label) {\n  if (typeof label === 'string') {\n    return label;\n  } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {\n    var _nodes = (0, _reactToString.default)(label);\n\n    return _nodes.join('');\n  }\n}\n/**\n * get all children from flattenNodes object by given parent node\n * @param nodes\n * @param parent\n */\n\n\nfunction getChildrenByFlattenNodes(nodes, parent) {\n  if (!(0, _isNil2.default)(parent.refKey) && (0, _isNil2.default)(nodes[parent.refKey])) {\n    return [];\n  }\n\n  return Object.values(nodes).filter(function (item) {\n    var _item$parent;\n\n    return (item === null || item === void 0 ? void 0 : (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent.refKey) === parent.refKey && item.refKey && !nodes[item.refKey].uncheckable;\n  });\n}\n\nfunction useTreeDrag() {\n  // current dragging node\n  var dragNode = (0, _react.useRef)(null);\n\n  var _useState = (0, _react.useState)(null),\n      dragOverNodeKey = _useState[0],\n      setDragOverNodeKey = _useState[1]; // drag node and it's children nodes key\n\n\n  var _useState2 = (0, _react.useState)([]),\n      dragNodeKeys = _useState2[0],\n      setDragNodeKeys = _useState2[1];\n\n  var _useState3 = (0, _react.useState)(null),\n      dropNodePosition = _useState3[0],\n      setDropNodePosition = _useState3[1];\n\n  var setDragNode = function setDragNode(node) {\n    dragNode.current = node;\n  };\n\n  return {\n    dragNode: dragNode === null || dragNode === void 0 ? void 0 : dragNode.current,\n    dragOverNodeKey: dragOverNodeKey,\n    dragNodeKeys: dragNodeKeys,\n    dropNodePosition: dropNodePosition,\n    setDragNode: setDragNode,\n    setDragOverNodeKey: setDragOverNodeKey,\n    setDragNodeKeys: setDragNodeKeys,\n    setDropNodePosition: setDropNodePosition\n  };\n}\n\n/**\n * hooks for flatten tree structure\n * @param param0\n */\nfunction useFlattenTreeData(_ref8) {\n  var data = _ref8.data,\n      labelKey = _ref8.labelKey,\n      valueKey = _ref8.valueKey,\n      childrenKey = _ref8.childrenKey,\n      _ref8$uncheckableItem = _ref8.uncheckableItemValues,\n      uncheckableItemValues = _ref8$uncheckableItem === void 0 ? [] : _ref8$uncheckableItem,\n      callback = _ref8.callback;\n\n  var _useState4 = (0, _react.useState)(Object.create(null)),\n      dispatch = _useState4[1];\n\n  var forceUpdate = (0, _react.useCallback)(function () {\n    dispatch(Object.create(null));\n  }, [dispatch]);\n\n  var _useRef = (0, _react.useRef)({}),\n      _useRef$current = _useRef.current,\n      flattenNodes = _useRef$current === void 0 ? {} : _useRef$current;\n\n  var flattenTreeData = (0, _react.useCallback)(function (treeData, ref, parent, layer) {\n    if (layer === void 0) {\n      layer = 1;\n    }\n\n    if (!Array.isArray(treeData) || treeData.length === 0) {\n      return [];\n    }\n\n    treeData.map(function (node, index) {\n      var _extends2;\n\n      var refKey = ref + \"-\" + index;\n      node.refKey = refKey;\n      flattenNodes[refKey] = (0, _extends3.default)((_extends2 = {\n        layer: layer\n      }, _extends2[labelKey] = node[labelKey], _extends2[valueKey] = node[valueKey], _extends2.uncheckable = uncheckableItemValues.some(function (value) {\n        return (0, _utils2.shallowEqual)(node[valueKey], value);\n      }), _extends2), node);\n\n      if (parent) {\n        flattenNodes[refKey].parent = (0, _omit2.default)(parent, 'parent', 'children');\n      }\n\n      flattenTreeData(node[childrenKey], refKey, node, layer + 1);\n    });\n    callback === null || callback === void 0 ? void 0 : callback(flattenNodes);\n  }, [childrenKey, valueKey, labelKey, callback, uncheckableItemValues, flattenNodes]);\n  var serializeListOnlyParent = (0, _react.useCallback)(function (nodes, key) {\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      var currentNode = nodes[refKey];\n\n      if (!(0, _isNil2.default)(currentNode.parent) && !(0, _isNil2.default)(currentNode.parent.refKey)) {\n        var parentNode = nodes[currentNode.parent.refKey];\n\n        if (currentNode[key]) {\n          if (!(parentNode !== null && parentNode !== void 0 && parentNode.checkAll)) {\n            list.push(nodes[refKey][valueKey]);\n          } else if (parentNode !== null && parentNode !== void 0 && parentNode.uncheckable) {\n            list.push(nodes[refKey][valueKey]);\n          }\n        }\n      } else {\n        if (currentNode[key]) {\n          list.push(nodes[refKey][valueKey]);\n        }\n      }\n    });\n    return list;\n  }, [valueKey]);\n  /**\n   * using in CheckTreePicker, to unSerializeList check property\n   */\n\n  var unSerializeList = (0, _react.useCallback)(function (_ref9) {\n    var nodes = _ref9.nodes,\n        key = _ref9.key,\n        _ref9$value = _ref9.value,\n        value = _ref9$value === void 0 ? [] : _ref9$value,\n        cascade = _ref9.cascade,\n        uncheckableItemValues = _ref9.uncheckableItemValues;\n    // Reset values to false\n    Object.keys(nodes).forEach(function (refKey) {\n      var node = nodes[refKey];\n\n      if (cascade && !(0, _isNil2.default)(node.parent) && !(0, _isNil2.default)(node.parent.refKey)) {\n        node[key] = nodes[node.parent.refKey][key];\n      } else {\n        node[key] = false;\n      }\n\n      value.forEach(function (value) {\n        if ((0, _utils2.shallowEqual)(nodes[refKey][valueKey], value) && !uncheckableItemValues.some(function (uncheckableValue) {\n          return (0, _utils2.shallowEqual)(value, uncheckableValue);\n        })) {\n          nodes[refKey][key] = true;\n        }\n      });\n    });\n  }, [valueKey]);\n\n  var formatVirtualizedTreeData = function formatVirtualizedTreeData(nodes, data, expandItemValues, options) {\n    var cascade = options.cascade,\n        searchKeyword = options.searchKeyword;\n    return flattenTree(data, childrenKey, function (node) {\n      var formatted = {};\n      var curNode = nodes === null || nodes === void 0 ? void 0 : nodes[node.refKey];\n      var parentKeys = getNodeParentKeys(nodes, curNode, valueKey);\n      /**\n       * When using virtualized,\n       * if the parent node is collapsed, the child nodes should be hidden\n       * avoid component height calculation errors\n       */\n\n      var visible = curNode !== null && curNode !== void 0 && curNode.parent ? shouldShowNodeByParentExpanded(expandItemValues, parentKeys) : true;\n      /**\n       * when searching, every node default expand\n       * the node's visible should follow the original state\n       */\n\n      if (isSearching(searchKeyword)) {\n        visible = node.visible;\n      }\n\n      if (curNode) {\n        var checkState = !(0, _isUndefined2.default)(cascade) ? (0, _utils.getNodeCheckState)({\n          node: curNode,\n          cascade: cascade,\n          nodes: nodes,\n          childrenKey: childrenKey\n        }) : undefined;\n        formatted = (0, _extends3.default)({}, node, {\n          check: curNode.check,\n          uncheckable: curNode.uncheckable,\n          hasChildren: !!node[childrenKey],\n          layer: curNode.layer,\n          parent: curNode.parent,\n          checkState: checkState,\n          visible: visible\n        });\n      }\n\n      return formatted;\n    });\n  };\n\n  (0, _react.useEffect)(function () {\n    flattenTreeData(data, '0');\n  }, [data]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return {\n    forceUpdate: forceUpdate,\n    flattenNodes: flattenNodes,\n    flattenTreeData: flattenTreeData,\n    serializeListOnlyParent: serializeListOnlyParent,\n    unSerializeList: unSerializeList,\n    formatVirtualizedTreeData: formatVirtualizedTreeData\n  };\n}\n/**\n * A hook that saving every tree node ref\n */\n\n\nfunction useTreeNodeRefs() {\n  var treeNodeRefs = (0, _react.useRef)({});\n\n  var saveTreeNodeRef = function saveTreeNodeRef(ref, refKey) {\n    if (!(0, _isNil2.default)(refKey)) {\n      treeNodeRefs.current[refKey] = ref;\n    }\n  };\n\n  return {\n    treeNodesRefs: treeNodeRefs.current,\n    saveTreeNodeRef: saveTreeNodeRef\n  };\n}\n\n/**\n * A hook that handles tree search filter options\n * @param props\n */\nfunction useTreeSearch(props) {\n  var labelKey = props.labelKey,\n      childrenKey = props.childrenKey,\n      searchKeyword = props.searchKeyword,\n      data = props.data,\n      searchBy = props.searchBy,\n      callback = props.callback;\n  var filterVisibleData = (0, _react.useCallback)(function (data, searchKeyword) {\n    var setVisible = function setVisible(nodes) {\n      return nodes.forEach(function (item) {\n        item.visible = searchBy ? searchBy(searchKeyword, item[labelKey], item) : (0, _Picker.shouldDisplay)(item[labelKey], searchKeyword);\n\n        if ((0, _isArray2.default)(item[childrenKey])) {\n          filterVisibleData(item[childrenKey], searchKeyword);\n          item[childrenKey].forEach(function (child) {\n            if (child.visible) {\n              item.visible = child.visible;\n            }\n          });\n        }\n      });\n    };\n\n    setVisible(data);\n    return data;\n  }, [childrenKey, labelKey, searchBy]); // Use search keywords to filter options.\n\n  var _useState5 = (0, _react.useState)(function () {\n    return searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '';\n  }),\n      searchKeywordState = _useState5[0],\n      setSearchKeyword = _useState5[1];\n\n  var _useState6 = (0, _react.useState)(function () {\n    return filterVisibleData(data, searchKeywordState);\n  }),\n      filteredData = _useState6[0],\n      setFilteredData = _useState6[1];\n\n  var handleSetFilteredData = (0, _react.useCallback)(function (data, searchKeyword) {\n    setFilteredData(filterVisibleData(data, searchKeyword));\n  }, [filterVisibleData]);\n\n  var handleSearch = function handleSearch(searchKeyword, event) {\n    var filteredData = filterVisibleData(data, searchKeyword);\n    setFilteredData(filteredData);\n    setSearchKeyword(searchKeyword);\n    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);\n  };\n\n  return {\n    searchKeywordState: searchKeywordState,\n    filteredData: filteredData,\n    setFilteredData: handleSetFilteredData,\n    setSearchKeyword: setSearchKeyword,\n    handleSearch: handleSearch\n  };\n}\n\nfunction useGetTreeNodeChildren(treeData, valueKey, childrenKey) {\n  var _useState7 = (0, _react.useState)([]),\n      loadingNodeValues = _useState7[0],\n      setLoadingNodeValues = _useState7[1];\n\n  var _useState8 = (0, _react.useState)(treeData),\n      data = _useState8[0],\n      setData = _useState8[1];\n\n  var concatChildren = (0, _react.useCallback)(function (treeNode, children) {\n    var value = treeNode[valueKey];\n    treeNode = findNodeOfTree(data, function (item) {\n      return value === item[valueKey];\n    });\n    treeNode[childrenKey] = children;\n    var newData = data.concat([]);\n    setData(newData);\n    return newData;\n  }, [data, valueKey, childrenKey]);\n  var loadChildren = (0, _react.useCallback)(function (node, getChildren) {\n    setLoadingNodeValues(function (prev) {\n      return prev.concat(node[valueKey]);\n    });\n    var children = getChildren(node);\n\n    if (children instanceof Promise) {\n      children.then(function (res) {\n        var newData = concatChildren(node, res);\n        setData(newData);\n        setLoadingNodeValues(function (prev) {\n          return prev.filter(function (item) {\n            return !(0, _utils2.shallowEqual)(item, node[valueKey]);\n          });\n        });\n      });\n    } else {\n      setData(concatChildren(node, children));\n      setLoadingNodeValues(function (prev) {\n        return prev.filter(function (item) {\n          return !(0, _utils2.shallowEqual)(item, node[valueKey]);\n        });\n      });\n    }\n  }, [concatChildren, valueKey]);\n  return {\n    data: data,\n    setData: setData,\n    loadingNodeValues: loadingNodeValues,\n    loadChildren: loadChildren\n  };\n}\n\n/**\n * Focus to active tree node.\n * @param param0\n */\nfunction focusToActiveTreeNode(_ref10) {\n  var _activeItem$focus;\n\n  var list = _ref10.list,\n      valueKey = _ref10.valueKey,\n      activeNode = _ref10.activeNode,\n      virtualized = _ref10.virtualized,\n      container = _ref10.container,\n      selector = _ref10.selector,\n      formattedNodes = _ref10.formattedNodes;\n  if (!container) return;\n\n  if (virtualized && activeNode) {\n    var _list$scrollToRow;\n\n    var scrollIndex = getScrollToIndex(formattedNodes, activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey], valueKey);\n    (_list$scrollToRow = list.scrollToRow) === null || _list$scrollToRow === void 0 ? void 0 : _list$scrollToRow.call(list, scrollIndex);\n    return;\n  }\n\n  var activeItem = container.querySelector(selector);\n\n  if (!activeItem) {\n    return;\n  }\n\n  activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$focus = activeItem.focus) === null || _activeItem$focus === void 0 ? void 0 : _activeItem$focus.call(activeItem);\n}\n\nfunction isSearching(searchKeyword) {\n  return !(0, _isEmpty2.default)(searchKeyword);\n}\n\nfunction getTreeNodeIndent(rtl, layer, absolute) {\n  var _ref12;\n\n  if (absolute === void 0) {\n    absolute = false;\n  }\n\n  // layer start from 1\n  var offset = layer * _constants.TREE_NODE_PADDING + _constants.TREE_NODE_ROOT_PADDING;\n\n  if (absolute) {\n    var _ref11;\n\n    return _ref11 = {}, _ref11[rtl ? 'right' : 'left'] = offset, _ref11;\n  }\n\n  return _ref12 = {}, _ref12[rtl ? 'paddingRight' : 'paddingLeft'] = offset, _ref12;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/treeUtils.ts?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.shouldShowNodeByParentExpanded = shouldShowNodeByParentExpanded;\nexports.flattenTree = flattenTree;\nexports.getNodeParents = getNodeParents;\nexports.getNodeParentKeys = getNodeParentKeys;\nexports.hasVisibleChildren = hasVisibleChildren;\nexports.compareArray = compareArray;\nexports.getDefaultExpandItemValues = getDefaultExpandItemValues;\nexports.getExpandItemValues = getExpandItemValues;\nexports.getDragNodeKeys = getDragNodeKeys;\nexports.calDropNodePosition = calDropNodePosition;\nexports.removeDragNode = removeDragNode;\nexports.createUpdateTreeDataFunction = createUpdateTreeDataFunction;\nexports.findNodeOfTree = findNodeOfTree;\nexports.filterNodesOfTree = filterNodesOfTree;\nexports.leftArrowHandler = leftArrowHandler;\nexports.rightArrowHandler = rightArrowHandler;\nexports.getExpandWhenSearching = getExpandWhenSearching;\nexports.getTreeActiveNode = getTreeActiveNode;\nexports.toggleExpand = toggleExpand;\nexports.getTreeNodeTitle = getTreeNodeTitle;\nexports.getChildrenByFlattenNodes = getChildrenByFlattenNodes;\nexports.useTreeDrag = useTreeDrag;\nexports.useFlattenTreeData = useFlattenTreeData;\nexports.useTreeNodeRefs = useTreeNodeRefs;\nexports.useTreeSearch = useTreeSearch;\nexports.useGetTreeNodeChildren = useGetTreeNodeChildren;\nexports.focusToActiveTreeNode = focusToActiveTreeNode;\nexports.isSearching = isSearching;\nexports.getTreeNodeIndent = getTreeNodeIndent;\nexports.getScrollToIndex = exports.focusPreviousItem = exports.focusNextItem = exports.focusTreeNode = exports.getElementByDataKey = exports.getActiveItem = exports.getActiveIndex = exports.getFocusableItems = void 0;\n\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _isEmpty2 = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\n\nvar _clone2 = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\n\nvar _isNil2 = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\n\nvar _isArray2 = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\n\nvar _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\n\nvar _isUndefined2 = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\n\nvar _intersection2 = _interopRequireDefault(__webpack_require__(/*! lodash/intersection */ \"./node_modules/lodash/intersection.js\"));\n\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\n\nvar _shallowEqualArray = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqualArray */ \"./src/utils/shallowEqualArray.ts\"));\n\nvar _utils = __webpack_require__(/*! ../CheckTreePicker/utils */ \"./src/CheckTreePicker/utils.ts\");\n\nvar _utils2 = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n\nvar _Picker = __webpack_require__(/*! ../Picker */ \"./src/Picker/index.ts\");\n\nvar _reactToString = _interopRequireDefault(__webpack_require__(/*! ./reactToString */ \"./src/utils/reactToString.ts\"));\n\nvar _constants = __webpack_require__(/*! ./constants */ \"./src/utils/constants.ts\");\n\n// gap of tree node\nvar TREE_NODE_GAP = 4;\n/**\n * according node parentNode expand state decide node whether to show\n * @param {*} expandItemValues\n * @param {*} parentKeys\n */\n\nfunction shouldShowNodeByParentExpanded(expandItemValues, parentKeys) {\n  if (expandItemValues === void 0) {\n    expandItemValues = [];\n  }\n\n  if (parentKeys === void 0) {\n    parentKeys = [];\n  }\n\n  var intersectionKeys = (0, _intersection2.default)(expandItemValues, parentKeys);\n\n  if (intersectionKeys.length === parentKeys.length) {\n    return true;\n  }\n\n  return false;\n}\n/**\n * flatten tree structure to array\n * @param {*} tree\n * @param {*} childrenKey\n * @param {*} executor\n */\n\n\nfunction flattenTree(tree, childrenKey, executor) {\n  if (childrenKey === void 0) {\n    childrenKey = 'children';\n  }\n\n  var flattenData = [];\n\n  var traverse = function traverse(data, parent) {\n    if (!(0, _isArray2.default)(data)) {\n      return;\n    }\n\n    data.forEach(function (item, index) {\n      var node = typeof executor === 'function' ? executor(item, index) : item;\n      node.parent = parent;\n      flattenData.push((0, _extends3.default)({}, node));\n\n      if (item[childrenKey]) {\n        traverse(item[childrenKey], item);\n      }\n    });\n  };\n\n  traverse(tree, null);\n  return flattenData;\n}\n/**\n * get all ancestor nodes of given node\n * @param {*} node\n */\n\n\nfunction getNodeParents(node, parentKey, valueKey) {\n  if (parentKey === void 0) {\n    parentKey = 'parent';\n  }\n\n  var parents = [];\n\n  var traverse = function traverse(node) {\n    if (node !== null && node !== void 0 && node[parentKey]) {\n      traverse(node[parentKey]);\n\n      if (valueKey) {\n        parents.push(node[parentKey][valueKey]);\n      } else {\n        parents.push(node[parentKey]);\n      }\n    }\n  };\n\n  traverse(node);\n  return parents;\n}\n/**\n * get all parentKeys of given node\n * @param nodes\n * @param node\n * @param valueKey\n */\n\n\nfunction getNodeParentKeys(nodes, node, valueKey) {\n  var parentKeys = [];\n\n  var traverse = function traverse(node) {\n    var _node$parent;\n\n    if (node !== null && node !== void 0 && (_node$parent = node.parent) !== null && _node$parent !== void 0 && _node$parent.refKey) {\n      var _node$parent2;\n\n      traverse(nodes[node.parent.refKey]);\n      parentKeys.push(node === null || node === void 0 ? void 0 : (_node$parent2 = node.parent) === null || _node$parent2 === void 0 ? void 0 : _node$parent2[valueKey]);\n    }\n  };\n\n  traverse(node);\n  return parentKeys;\n}\n\nfunction hasVisibleChildren(node, childrenKey) {\n  if (!Array.isArray(node[childrenKey])) {\n    return false;\n  }\n\n  return node[childrenKey].some(function (child) {\n    return child.visible;\n  });\n}\n/**\n * shallow equal array\n * @param a\n * @param b\n */\n\n\nfunction compareArray(a, b) {\n  return (0, _isArray2.default)(a) && (0, _isArray2.default)(b) && !(0, _shallowEqualArray.default)(a, b);\n}\n\nfunction getDefaultExpandItemValues(data, props) {\n  var valueKey = props.valueKey,\n      defaultExpandAll = props.defaultExpandAll,\n      childrenKey = props.childrenKey,\n      _props$defaultExpandI = props.defaultExpandItemValues,\n      defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI;\n\n  if (defaultExpandAll) {\n    return flattenTree(data, childrenKey).filter(function (item) {\n      return Array.isArray(item[childrenKey]) && item[childrenKey].length > 0;\n    }).map(function (item) {\n      return item[valueKey];\n    });\n  }\n\n  return defaultExpandItemValues;\n}\n/**\n * 获取 expandItemValues 的 value\n * @param props\n */\n\n\nfunction getExpandItemValues(props) {\n  var expandItemValues = props.expandItemValues,\n      defaultExpandItemValues = props.defaultExpandItemValues;\n\n  if (!(0, _isUndefined2.default)(expandItemValues) && Array.isArray(expandItemValues)) {\n    return expandItemValues;\n  }\n\n  if (!(0, _isUndefined2.default)(defaultExpandItemValues) && Array.isArray(defaultExpandItemValues)) {\n    return defaultExpandItemValues;\n  }\n\n  return [];\n}\n/**\n * get dragNode and it's children node keys\n * @param node\n * @param childrenKey\n * @param valueKey\n */\n\n\nfunction getDragNodeKeys(dragNode, childrenKey, valueKey) {\n  var dragNodeKeys = [dragNode[valueKey]];\n\n  var traverse = function traverse(data) {\n    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n      data.forEach(function (node) {\n        dragNodeKeys = dragNodeKeys.concat([node[valueKey]]);\n\n        if (node[childrenKey]) {\n          traverse(node[childrenKey]);\n        }\n      });\n    }\n  };\n\n  traverse(dragNode[childrenKey]);\n  return dragNodeKeys;\n}\n\nfunction calDropNodePosition(event, treeNodeElement) {\n  var clientY = event.clientY;\n\n  var _treeNodeElement$getB = treeNodeElement.getBoundingClientRect(),\n      top = _treeNodeElement$getB.top,\n      bottom = _treeNodeElement$getB.bottom;\n\n  var gap = TREE_NODE_GAP; // bottom of node\n\n  if (clientY >= bottom - gap && clientY <= bottom) {\n    return _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM;\n  } // top of node\n\n\n  if (clientY <= top + gap && clientY >= top) {\n    return _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP;\n  }\n\n  if (clientY >= top + gap && clientY <= bottom - gap) {\n    return _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER;\n  }\n\n  return -1;\n}\n\nfunction removeDragNode(data, params, _ref) {\n  var valueKey = _ref.valueKey,\n      childrenKey = _ref.childrenKey;\n  var dragNode = params.dragNode;\n\n  var traverse = function traverse(items, parent) {\n    for (var _index = 0; _index < items.length; _index += 1) {\n      var _item = items[_index];\n\n      if ((0, _utils2.shallowEqual)(_item[valueKey], dragNode[valueKey])) {\n        items.splice(_index, 1); // when children is empty, delete children prop for hidden anchor\n\n        if (items.length === 0 && parent) {\n          delete parent.children;\n        }\n\n        break;\n      }\n\n      if (Array.isArray(_item[childrenKey])) {\n        traverse(_item[childrenKey], _item);\n      }\n    }\n  };\n\n  traverse(data);\n}\n\nfunction createUpdateTreeDataFunction(params, _ref2) {\n  var valueKey = _ref2.valueKey,\n      childrenKey = _ref2.childrenKey;\n  return function (tree) {\n    var data = [].concat(tree);\n    var dragNode = params.dragNode,\n        dropNode = params.dropNode,\n        dropNodePosition = params.dropNodePosition;\n    var cloneDragNode = (0, _extends3.default)({}, dragNode);\n    removeDragNode(data, params, {\n      valueKey: valueKey,\n      childrenKey: childrenKey\n    });\n\n    var updateTree = function updateTree(items) {\n      for (var _index2 = 0; _index2 < items.length; _index2 += 1) {\n        var _item2 = items[_index2];\n\n        if ((0, _utils2.shallowEqual)(_item2[valueKey], dropNode[valueKey])) {\n          // drag to node inside\n          if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER) {\n            _item2[childrenKey] = (0, _isNil2.default)(_item2[childrenKey]) ? [] : _item2[childrenKey];\n\n            _item2[childrenKey].push(cloneDragNode);\n\n            break;\n          } else if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP) {\n            // drag to top of node\n            items.splice(_index2, 0, cloneDragNode);\n            break;\n          } else if (dropNodePosition === _utils2.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM) {\n            // drag to bottom of node\n            items.splice(_index2 + 1, 0, cloneDragNode);\n            break;\n          }\n        }\n\n        if (Array.isArray(_item2[childrenKey]) && _item2[childrenKey].length > 0) {\n          updateTree(_item2[childrenKey]);\n        }\n      }\n    };\n\n    updateTree(data);\n    return [].concat(data);\n  };\n}\n\nfunction findNodeOfTree(data, check) {\n  var findNode = function findNode(nodes) {\n    if (nodes === void 0) {\n      nodes = [];\n    }\n\n    for (var i = 0; i < nodes.length; i += 1) {\n      var _item3 = nodes[i];\n\n      if ((0, _isArray2.default)(_item3.children)) {\n        var _node = findNode(_item3.children);\n\n        if (_node) {\n          return _node;\n        }\n      }\n\n      if (check(_item3)) {\n        return _item3;\n      }\n    }\n\n    return undefined;\n  };\n\n  return findNode(data);\n}\n\nfunction filterNodesOfTree(data, check) {\n  var findNodes = function findNodes(nodes) {\n    if (nodes === void 0) {\n      nodes = [];\n    }\n\n    var nextNodes = [];\n\n    for (var i = 0; i < nodes.length; i += 1) {\n      if ((0, _isArray2.default)(nodes[i].children)) {\n        var nextChildren = findNodes(nodes[i].children);\n\n        if (nextChildren.length) {\n          var _item4 = (0, _clone2.default)(nodes[i]);\n\n          _item4.children = nextChildren;\n          nextNodes.push(_item4);\n          continue;\n        }\n      }\n\n      if (check(nodes[i])) {\n        nextNodes.push(nodes[i]);\n      }\n    }\n\n    return nextNodes;\n  };\n\n  return findNodes(data);\n}\n/**\n * get all focusable items\n * exclude not visible and disabled node\n * @param filteredData - filtered tree data\n * @param props - TreeProps\n * @param isSearching - component is in Searching\n * @returns\n */\n\n\nvar getFocusableItems = function getFocusableItems(filteredData, props, isSearching) {\n  var disabledItemValues = props.disabledItemValues,\n      valueKey = props.valueKey,\n      childrenKey = props.childrenKey,\n      expandItemValues = props.expandItemValues;\n  var items = [];\n\n  var loop = function loop(nodes) {\n    nodes.forEach(function (node) {\n      var disabled = disabledItemValues.some(function (disabledItem) {\n        return (0, _utils2.shallowEqual)(disabledItem, node[valueKey]);\n      });\n\n      if (!disabled && node.visible) {\n        items.push(node);\n      } // always expand when searching\n\n\n      var expand = isSearching ? true : expandItemValues.includes(node[valueKey]);\n\n      if (node[childrenKey] && expand) {\n        loop(node[childrenKey]);\n      }\n    });\n  };\n\n  loop(filteredData);\n  return items;\n};\n/**\n * return all focusable Item and active Element index\n * @param focusItemValue\n * @param focusableItems items\n */\n\n\nexports.getFocusableItems = getFocusableItems;\n\nvar getActiveIndex = function getActiveIndex(focusItemValue, focusItems, valueKey) {\n  var activeIndex = -1;\n  focusItems.forEach(function (item, index) {\n    if ((0, _utils2.shallowEqual)(item[valueKey], focusItemValue)) {\n      activeIndex = index;\n    }\n  });\n  return activeIndex;\n};\n/**\n * get current active element and node data\n * @param flattenNodes - flattenData\n */\n\n\nexports.getActiveIndex = getActiveIndex;\n\nvar getActiveItem = function getActiveItem(focusItemValue, flattenNodes, valueKey) {\n  var nodeData = null;\n  var activeNode = Object.values(flattenNodes).find(function (node) {\n    return (0, _utils2.shallowEqual)(node[valueKey], focusItemValue);\n  });\n\n  if (activeNode) {\n    nodeData = activeNode;\n  }\n\n  return nodeData;\n};\n\nexports.getActiveItem = getActiveItem;\n\nvar getElementByDataKey = function getElementByDataKey(dataKey, treeNodesRefs, selector) {\n  var ele = treeNodesRefs[dataKey];\n\n  if (ele instanceof Element) {\n    return ele.querySelector(selector);\n  }\n\n  return null;\n};\n/**\n * focus to specify tree node\n * @param refKey - target node refKey\n * @param treeNodeRefs - all tree node refs object\n * @param selector - node css selector\n */\n\n\nexports.getElementByDataKey = getElementByDataKey;\n\nvar focusTreeNode = function focusTreeNode(refKey, treeNodeRefs, selector) {\n  var _node$focus;\n\n  var node = getElementByDataKey(refKey, treeNodeRefs, selector);\n  node === null || node === void 0 ? void 0 : (_node$focus = node.focus) === null || _node$focus === void 0 ? void 0 : _node$focus.call(node);\n};\n\nexports.focusTreeNode = focusTreeNode;\n\n/**\n * focus next item with keyboard\n * @param param\n */\nvar focusNextItem = function focusNextItem(_ref3) {\n  var focusItemValue = _ref3.focusItemValue,\n      focusableItems = _ref3.focusableItems,\n      treeNodesRefs = _ref3.treeNodesRefs,\n      selector = _ref3.selector,\n      valueKey = _ref3.valueKey,\n      callback = _ref3.callback;\n  var activeIndex = getActiveIndex(focusItemValue, focusableItems, valueKey);\n\n  if (focusableItems.length === 0) {\n    return;\n  }\n\n  var nextIndex = activeIndex === focusableItems.length - 1 ? 0 : activeIndex + 1;\n  var nextFocusItemValue = focusableItems[nextIndex][valueKey];\n  callback === null || callback === void 0 ? void 0 : callback(nextFocusItemValue);\n  focusTreeNode(focusableItems[nextIndex].refKey, treeNodesRefs, selector);\n};\n/**\n * focus prev item with keyboard\n * @param param\n */\n\n\nexports.focusNextItem = focusNextItem;\n\nvar focusPreviousItem = function focusPreviousItem(_ref4) {\n  var focusItemValue = _ref4.focusItemValue,\n      focusableItems = _ref4.focusableItems,\n      treeNodesRefs = _ref4.treeNodesRefs,\n      selector = _ref4.selector,\n      valueKey = _ref4.valueKey,\n      callback = _ref4.callback;\n  var activeIndex = getActiveIndex(focusItemValue, focusableItems, valueKey);\n\n  if (focusableItems.length === 0) {\n    return;\n  }\n\n  var prevIndex = activeIndex === 0 ? focusableItems.length - 1 : activeIndex - 1;\n  prevIndex = prevIndex >= 0 ? prevIndex : 0;\n  var prevFocusItemValue = focusableItems[prevIndex][valueKey];\n  callback === null || callback === void 0 ? void 0 : callback(prevFocusItemValue);\n  focusTreeNode(focusableItems[prevIndex].refKey, treeNodesRefs, selector);\n};\n\nexports.focusPreviousItem = focusPreviousItem;\n\n/**\n * Left arrow keyboard event handler\n * When focus is on an open node, closes the node.\n * When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.\n * When focus is on a root node that is also either an end node or a closed node, does nothing.\n * @see https://www.w3.org/TR/wai-aria-practices/#TreeView\n */\nfunction leftArrowHandler(_ref5) {\n  var focusItem = _ref5.focusItem,\n      expand = _ref5.expand,\n      onExpand = _ref5.onExpand,\n      onFocusItem = _ref5.onFocusItem;\n\n  if ((0, _isEmpty2.default)(focusItem)) {\n    return;\n  }\n\n  if (expand) {\n    onExpand((0, _extends3.default)({}, focusItem, {\n      expand: expand\n    }));\n  } else if (focusItem !== null && focusItem !== void 0 && focusItem.parent) {\n    onFocusItem();\n  }\n}\n/**\n * Right arrow keyboard event handler\n * When focus is on a closed node, opens the node; focus does not move.\n * When focus is on a open node, moves focus to the first child node.\n * When focus is on an end node, does nothing.\n * @see https://www.w3.org/TR/wai-aria-practices/#TreeView\n */\n\n\nfunction rightArrowHandler(_ref6) {\n  var focusItem = _ref6.focusItem,\n      expand = _ref6.expand,\n      childrenKey = _ref6.childrenKey,\n      onExpand = _ref6.onExpand,\n      onFocusItem = _ref6.onFocusItem;\n\n  if ((0, _isEmpty2.default)(focusItem) || !Array.isArray(focusItem[childrenKey])) {\n    return;\n  }\n\n  if (!expand) {\n    onExpand((0, _extends3.default)({}, focusItem, {\n      expand: expand\n    }));\n  } else {\n    onFocusItem();\n  }\n}\n/**\n * get scrollIndex in virtualized list\n * @param nodes - data\n * @param value - activeItem value\n * @param valueKey\n */\n\n\nvar getScrollToIndex = function getScrollToIndex(nodes, value, valueKey) {\n  return nodes.filter(function (n) {\n    return n.visible;\n  }).findIndex(function (item) {\n    return item[valueKey] === value;\n  });\n};\n/**\n * when searching, expand state always return true\n * @param searchKeyword\n * @param expand\n */\n\n\nexports.getScrollToIndex = getScrollToIndex;\n\nfunction getExpandWhenSearching(searchKeyword, expand) {\n  return isSearching(searchKeyword) ? true : expand;\n}\n\nfunction getTreeActiveNode(nodes, value, valueKey) {\n  if ((0, _isUndefined2.default)(value)) {\n    return undefined;\n  }\n\n  for (var refKey in nodes) {\n    if ((0, _utils2.shallowEqual)(nodes[refKey][valueKey], value)) {\n      return nodes[refKey];\n    }\n  }\n}\n\n/**\n * toggle tree node\n * @param param0\n */\nfunction toggleExpand(_ref7) {\n  var node = _ref7.node,\n      isExpand = _ref7.isExpand,\n      expandItemValues = _ref7.expandItemValues,\n      valueKey = _ref7.valueKey;\n  var newExpandItemValues = new Set(expandItemValues);\n\n  if (isExpand) {\n    newExpandItemValues.add(node[valueKey]);\n  } else {\n    newExpandItemValues.delete(node[valueKey]);\n  }\n\n  return Array.from(newExpandItemValues);\n}\n\nfunction getTreeNodeTitle(label) {\n  if (typeof label === 'string') {\n    return label;\n  } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {\n    var _nodes = (0, _reactToString.default)(label);\n\n    return _nodes.join('');\n  }\n}\n/**\n * get all children from flattenNodes object by given parent node\n * @param nodes\n * @param parent\n */\n\n\nfunction getChildrenByFlattenNodes(nodes, parent) {\n  if (!(0, _isNil2.default)(parent.refKey) && (0, _isNil2.default)(nodes[parent.refKey])) {\n    return [];\n  }\n\n  return Object.values(nodes).filter(function (item) {\n    var _item$parent;\n\n    return (item === null || item === void 0 ? void 0 : (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent.refKey) === parent.refKey && item.refKey && !nodes[item.refKey].uncheckable;\n  });\n}\n\nfunction useTreeDrag() {\n  // current dragging node\n  var dragNode = (0, _react.useRef)(null);\n\n  var _useState = (0, _react.useState)(null),\n      dragOverNodeKey = _useState[0],\n      setDragOverNodeKey = _useState[1]; // drag node and it's children nodes key\n\n\n  var _useState2 = (0, _react.useState)([]),\n      dragNodeKeys = _useState2[0],\n      setDragNodeKeys = _useState2[1];\n\n  var _useState3 = (0, _react.useState)(null),\n      dropNodePosition = _useState3[0],\n      setDropNodePosition = _useState3[1];\n\n  var setDragNode = function setDragNode(node) {\n    dragNode.current = node;\n  };\n\n  return {\n    dragNode: dragNode === null || dragNode === void 0 ? void 0 : dragNode.current,\n    dragOverNodeKey: dragOverNodeKey,\n    dragNodeKeys: dragNodeKeys,\n    dropNodePosition: dropNodePosition,\n    setDragNode: setDragNode,\n    setDragOverNodeKey: setDragOverNodeKey,\n    setDragNodeKeys: setDragNodeKeys,\n    setDropNodePosition: setDropNodePosition\n  };\n}\n\n/**\n * hooks for flatten tree structure\n * @param param0\n */\nfunction useFlattenTreeData(_ref8) {\n  var data = _ref8.data,\n      labelKey = _ref8.labelKey,\n      valueKey = _ref8.valueKey,\n      childrenKey = _ref8.childrenKey,\n      _ref8$uncheckableItem = _ref8.uncheckableItemValues,\n      uncheckableItemValues = _ref8$uncheckableItem === void 0 ? [] : _ref8$uncheckableItem,\n      callback = _ref8.callback;\n\n  var _useState4 = (0, _react.useState)(Object.create(null)),\n      dispatch = _useState4[1];\n\n  var forceUpdate = (0, _react.useCallback)(function () {\n    dispatch(Object.create(null));\n  }, [dispatch]);\n  var flattenNodes = (0, _react.useRef)({});\n  var flattenTreeData = (0, _react.useCallback)(function (treeData, ref, parent, layer) {\n    if (layer === void 0) {\n      layer = 1;\n    }\n\n    if (!Array.isArray(treeData) || treeData.length === 0) {\n      return [];\n    }\n\n    treeData.map(function (node, index) {\n      var _extends2;\n\n      var refKey = ref + \"-\" + index;\n      node.refKey = refKey;\n      flattenNodes.current[refKey] = (0, _extends3.default)((_extends2 = {\n        layer: layer\n      }, _extends2[labelKey] = node[labelKey], _extends2[valueKey] = node[valueKey], _extends2.uncheckable = uncheckableItemValues.some(function (value) {\n        return (0, _utils2.shallowEqual)(node[valueKey], value);\n      }), _extends2), node);\n\n      if (parent) {\n        flattenNodes.current[refKey].parent = (0, _omit2.default)(parent, 'parent', 'children');\n      }\n\n      flattenTreeData(node[childrenKey], refKey, node, layer + 1);\n    });\n    callback === null || callback === void 0 ? void 0 : callback(flattenNodes.current);\n  }, [childrenKey, valueKey, labelKey, callback, uncheckableItemValues]);\n  var serializeListOnlyParent = (0, _react.useCallback)(function (nodes, key) {\n    var list = [];\n    Object.keys(nodes).forEach(function (refKey) {\n      var currentNode = nodes[refKey];\n\n      if (!(0, _isNil2.default)(currentNode.parent) && !(0, _isNil2.default)(currentNode.parent.refKey)) {\n        var parentNode = nodes[currentNode.parent.refKey];\n\n        if (currentNode[key]) {\n          if (!(parentNode !== null && parentNode !== void 0 && parentNode.checkAll)) {\n            list.push(nodes[refKey][valueKey]);\n          } else if (parentNode !== null && parentNode !== void 0 && parentNode.uncheckable) {\n            list.push(nodes[refKey][valueKey]);\n          }\n        }\n      } else {\n        if (currentNode[key]) {\n          list.push(nodes[refKey][valueKey]);\n        }\n      }\n    });\n    return list;\n  }, [valueKey]);\n  /**\n   * using in CheckTreePicker, to unSerializeList check property\n   */\n\n  var unSerializeList = (0, _react.useCallback)(function (_ref9) {\n    var nodes = _ref9.nodes,\n        key = _ref9.key,\n        _ref9$value = _ref9.value,\n        value = _ref9$value === void 0 ? [] : _ref9$value,\n        cascade = _ref9.cascade,\n        uncheckableItemValues = _ref9.uncheckableItemValues;\n    // Reset values to false\n    Object.keys(nodes).forEach(function (refKey) {\n      var node = nodes[refKey];\n\n      if (cascade && !(0, _isNil2.default)(node.parent) && !(0, _isNil2.default)(node.parent.refKey)) {\n        node[key] = nodes[node.parent.refKey][key];\n      } else {\n        node[key] = false;\n      }\n\n      value.forEach(function (value) {\n        if ((0, _utils2.shallowEqual)(nodes[refKey][valueKey], value) && !uncheckableItemValues.some(function (uncheckableValue) {\n          return (0, _utils2.shallowEqual)(value, uncheckableValue);\n        })) {\n          nodes[refKey][key] = true;\n        }\n      });\n    });\n  }, [valueKey]);\n\n  var formatVirtualizedTreeData = function formatVirtualizedTreeData(nodes, data, expandItemValues, options) {\n    var cascade = options.cascade,\n        searchKeyword = options.searchKeyword;\n    return flattenTree(data, childrenKey, function (node) {\n      var formatted = {};\n      var curNode = nodes === null || nodes === void 0 ? void 0 : nodes[node.refKey];\n      var parentKeys = getNodeParentKeys(nodes, curNode, valueKey);\n      /**\n       * When using virtualized,\n       * if the parent node is collapsed, the child nodes should be hidden\n       * avoid component height calculation errors\n       */\n\n      var visible = curNode !== null && curNode !== void 0 && curNode.parent ? shouldShowNodeByParentExpanded(expandItemValues, parentKeys) : true;\n      /**\n       * when searching, every node default expand\n       * the node's visible should follow the original state\n       */\n\n      if (isSearching(searchKeyword)) {\n        visible = node.visible;\n      }\n\n      if (curNode) {\n        var checkState = !(0, _isUndefined2.default)(cascade) ? (0, _utils.getNodeCheckState)({\n          node: curNode,\n          cascade: cascade,\n          nodes: nodes,\n          childrenKey: childrenKey\n        }) : undefined;\n        formatted = (0, _extends3.default)({}, node, {\n          check: curNode.check,\n          uncheckable: curNode.uncheckable,\n          hasChildren: !!node[childrenKey],\n          layer: curNode.layer,\n          parent: curNode.parent,\n          checkState: checkState,\n          visible: visible\n        });\n      }\n\n      return formatted;\n    });\n  };\n\n  (0, _react.useEffect)(function () {\n    // when data is changed, should clear the flattenNodes, avoid duplicate keys\n    flattenNodes.current = {};\n    flattenTreeData(data, '0');\n  }, [data]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return {\n    forceUpdate: forceUpdate,\n    flattenNodes: flattenNodes.current,\n    flattenTreeData: flattenTreeData,\n    serializeListOnlyParent: serializeListOnlyParent,\n    unSerializeList: unSerializeList,\n    formatVirtualizedTreeData: formatVirtualizedTreeData\n  };\n}\n/**\n * A hook that saving every tree node ref\n */\n\n\nfunction useTreeNodeRefs() {\n  var treeNodeRefs = (0, _react.useRef)({});\n\n  var saveTreeNodeRef = function saveTreeNodeRef(ref, refKey) {\n    if (!(0, _isNil2.default)(refKey)) {\n      treeNodeRefs.current[refKey] = ref;\n    }\n  };\n\n  return {\n    treeNodesRefs: treeNodeRefs.current,\n    saveTreeNodeRef: saveTreeNodeRef\n  };\n}\n\n/**\n * A hook that handles tree search filter options\n * @param props\n */\nfunction useTreeSearch(props) {\n  var labelKey = props.labelKey,\n      childrenKey = props.childrenKey,\n      searchKeyword = props.searchKeyword,\n      data = props.data,\n      searchBy = props.searchBy,\n      callback = props.callback;\n  var filterVisibleData = (0, _react.useCallback)(function (data, searchKeyword) {\n    var setVisible = function setVisible(nodes) {\n      return nodes.forEach(function (item) {\n        item.visible = searchBy ? searchBy(searchKeyword, item[labelKey], item) : (0, _Picker.shouldDisplay)(item[labelKey], searchKeyword);\n\n        if ((0, _isArray2.default)(item[childrenKey])) {\n          filterVisibleData(item[childrenKey], searchKeyword);\n          item[childrenKey].forEach(function (child) {\n            if (child.visible) {\n              item.visible = child.visible;\n            }\n          });\n        }\n      });\n    };\n\n    setVisible(data);\n    return data;\n  }, [childrenKey, labelKey, searchBy]); // Use search keywords to filter options.\n\n  var _useState5 = (0, _react.useState)(function () {\n    return searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '';\n  }),\n      searchKeywordState = _useState5[0],\n      setSearchKeyword = _useState5[1];\n\n  var _useState6 = (0, _react.useState)(function () {\n    return filterVisibleData(data, searchKeywordState);\n  }),\n      filteredData = _useState6[0],\n      setFilteredData = _useState6[1];\n\n  var handleSetFilteredData = (0, _react.useCallback)(function (data, searchKeyword) {\n    setFilteredData(filterVisibleData(data, searchKeyword));\n  }, [filterVisibleData]);\n\n  var handleSearch = function handleSearch(searchKeyword, event) {\n    var filteredData = filterVisibleData(data, searchKeyword);\n    setFilteredData(filteredData);\n    setSearchKeyword(searchKeyword);\n    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);\n  };\n\n  return {\n    searchKeywordState: searchKeywordState,\n    filteredData: filteredData,\n    setFilteredData: handleSetFilteredData,\n    setSearchKeyword: setSearchKeyword,\n    handleSearch: handleSearch\n  };\n}\n\nfunction useGetTreeNodeChildren(treeData, valueKey, childrenKey) {\n  var _useState7 = (0, _react.useState)([]),\n      loadingNodeValues = _useState7[0],\n      setLoadingNodeValues = _useState7[1];\n\n  var _useState8 = (0, _react.useState)(treeData),\n      data = _useState8[0],\n      setData = _useState8[1];\n\n  var concatChildren = (0, _react.useCallback)(function (treeNode, children) {\n    var value = treeNode[valueKey];\n    treeNode = findNodeOfTree(data, function (item) {\n      return value === item[valueKey];\n    });\n    treeNode[childrenKey] = children;\n    var newData = data.concat([]);\n    setData(newData);\n    return newData;\n  }, [data, valueKey, childrenKey]);\n  var loadChildren = (0, _react.useCallback)(function (node, getChildren) {\n    setLoadingNodeValues(function (prev) {\n      return prev.concat(node[valueKey]);\n    });\n    var children = getChildren(node);\n\n    if (children instanceof Promise) {\n      children.then(function (res) {\n        var newData = concatChildren(node, res);\n        setData(newData);\n        setLoadingNodeValues(function (prev) {\n          return prev.filter(function (item) {\n            return !(0, _utils2.shallowEqual)(item, node[valueKey]);\n          });\n        });\n      });\n    } else {\n      setData(concatChildren(node, children));\n      setLoadingNodeValues(function (prev) {\n        return prev.filter(function (item) {\n          return !(0, _utils2.shallowEqual)(item, node[valueKey]);\n        });\n      });\n    }\n  }, [concatChildren, valueKey]);\n  return {\n    data: data,\n    setData: setData,\n    loadingNodeValues: loadingNodeValues,\n    loadChildren: loadChildren\n  };\n}\n\n/**\n * Focus to active tree node.\n * @param param0\n */\nfunction focusToActiveTreeNode(_ref10) {\n  var _activeItem$focus;\n\n  var list = _ref10.list,\n      valueKey = _ref10.valueKey,\n      activeNode = _ref10.activeNode,\n      virtualized = _ref10.virtualized,\n      container = _ref10.container,\n      selector = _ref10.selector,\n      formattedNodes = _ref10.formattedNodes;\n  if (!container) return;\n\n  if (virtualized && activeNode) {\n    var _list$scrollToRow;\n\n    var scrollIndex = getScrollToIndex(formattedNodes, activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey], valueKey);\n    (_list$scrollToRow = list.scrollToRow) === null || _list$scrollToRow === void 0 ? void 0 : _list$scrollToRow.call(list, scrollIndex);\n    return;\n  }\n\n  var activeItem = container.querySelector(selector);\n\n  if (!activeItem) {\n    return;\n  }\n\n  activeItem === null || activeItem === void 0 ? void 0 : (_activeItem$focus = activeItem.focus) === null || _activeItem$focus === void 0 ? void 0 : _activeItem$focus.call(activeItem);\n}\n\nfunction isSearching(searchKeyword) {\n  return !(0, _isEmpty2.default)(searchKeyword);\n}\n\nfunction getTreeNodeIndent(rtl, layer, absolute) {\n  var _ref12;\n\n  if (absolute === void 0) {\n    absolute = false;\n  }\n\n  // layer start from 1\n  var offset = layer * _constants.TREE_NODE_PADDING + _constants.TREE_NODE_ROOT_PADDING;\n\n  if (absolute) {\n    var _ref11;\n\n    return _ref11 = {}, _ref11[rtl ? 'right' : 'left'] = offset, _ref11;\n  }\n\n  return _ref12 = {}, _ref12[rtl ? 'paddingRight' : 'paddingLeft'] = offset, _ref12;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/treeUtils.ts?");
 
 /***/ }),
 
@@ -5279,7 +5565,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react =
 /***/ (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\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _default2 = _interopRequireDefault(__webpack_require__(/*! ../locales/default */ \"./src/locales/default.ts\"));\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar mergeObject = function mergeObject(list) {\n  return list.reduce(function (a, b) {\n    a = (0, _extends2.default)({}, a, b);\n    return a;\n  }, {});\n};\n\nvar getDefaultRTL = function getDefaultRTL() {\n  return typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n};\n/**\n * A hook to get custom configuration of `<CustomProvider>`\n * @param keys\n */\n\n\nfunction useCustom(keys, overrideLocale) {\n  var _locale$Calendar2, _locale$Calendar4;\n\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n      _useContext$locale = _useContext.locale,\n      locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,\n      _useContext$rtl = _useContext.rtl,\n      rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,\n      formatDate = _useContext.formatDate,\n      parseDate = _useContext.parseDate;\n\n  var componentLocale = (0, _extends2.default)({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : mergeObject(keys.map(function (key) {\n    return locale === null || locale === void 0 ? void 0 : locale[key];\n  }))); // Component custom locale\n\n  if (overrideLocale) {\n    componentLocale = mergeObject([componentLocale, overrideLocale]);\n  }\n\n  var defaultFormatDate = (0, _react.useCallback)(function (date, formatStr) {\n    var _locale$Calendar;\n\n    return (0, _dateUtils.format)(date, formatStr, {\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale\n    });\n  }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);\n  var defaultParseDate = (0, _react.useCallback)(function (dateString, formatString) {\n    var _locale$Calendar3;\n\n    return (0, _dateUtils.parse)(dateString, formatString, new Date(), {\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale\n    });\n  }, [(_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);\n  return {\n    locale: componentLocale,\n    rtl: rtl,\n    formatDate: formatDate || defaultFormatDate,\n    parseDate: parseDate || defaultParseDate\n  };\n}\n\nvar _default = useCustom;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/utils/useCustom.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _default2 = _interopRequireDefault(__webpack_require__(/*! ../locales/default */ \"./src/locales/default.ts\"));\n\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\n\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\n\nvar mergeObject = function mergeObject(list) {\n  return list.reduce(function (a, b) {\n    a = (0, _extends2.default)({}, a, b);\n    return a;\n  }, {});\n};\n\nvar getDefaultRTL = function getDefaultRTL() {\n  return typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n};\n/**\n * A hook to get custom configuration of `<CustomProvider>`\n * @param keys\n */\n\n\nfunction useCustom(keys, overrideLocale) {\n  var _locale$Calendar2, _locale$Calendar4;\n\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n      _useContext$locale = _useContext.locale,\n      locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,\n      _useContext$rtl = _useContext.rtl,\n      rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,\n      formatDate = _useContext.formatDate,\n      parseDate = _useContext.parseDate,\n      toasters = _useContext.toasters;\n\n  var componentLocale = (0, _extends2.default)({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {\n    return locale === null || locale === void 0 ? void 0 : locale[key];\n  })) : {}); // Component custom locale\n\n  if (overrideLocale) {\n    componentLocale = mergeObject([componentLocale, overrideLocale]);\n  }\n\n  var defaultFormatDate = (0, _react.useCallback)(function (date, formatStr) {\n    var _locale$Calendar;\n\n    return (0, _dateUtils.format)(date, formatStr, {\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale\n    });\n  }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);\n  var defaultParseDate = (0, _react.useCallback)(function (dateString, formatString) {\n    var _locale$Calendar3;\n\n    return (0, _dateUtils.parse)(dateString, formatString, new Date(), {\n      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale\n    });\n  }, [(_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);\n  return {\n    locale: componentLocale,\n    rtl: rtl,\n    toasters: toasters,\n    formatDate: formatDate || defaultFormatDate,\n    parseDate: parseDate || defaultParseDate\n  };\n}\n\nvar _default = useCustom;\nexports.default = _default;\n\n//# sourceURL=webpack://rsuite/./src/utils/useCustom.ts?");
 
 /***/ }),
 
@@ -5345,7 +5631,7 @@ eval("\n\nexports.__esModule = true;\nexports.default = useFocus;\n\nvar _react
 /***/ (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\");\n\nexports.__esModule = true;\nexports.default = useInternalId;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _uniqueId = _interopRequireDefault(__webpack_require__(/*! lodash/uniqueId */ \"./node_modules/lodash/uniqueId.js\"));\n\n/**\n * Used for generating unique ID for DOM elements\n */\nfunction useInternalId(prefix) {\n  var idRef = (0, _react.useRef)();\n\n  if (!idRef.current) {\n    idRef.current = (0, _uniqueId.default)(\"internal://\" + prefix);\n  }\n\n  (0, _react.useDebugValue)(idRef.current);\n  return idRef.current;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/useInternalId.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\n\nexports.__esModule = true;\nexports.default = useInternalId;\n\nvar _react = __webpack_require__(/*! react */ \"react\");\n\nvar _uniqueId = _interopRequireDefault(__webpack_require__(/*! lodash/uniqueId */ \"./node_modules/lodash/uniqueId.js\"));\n\n/**\n * Used for generating unique ID for DOM elements\n */\nfunction useInternalId(namespace) {\n  var idRef = (0, _react.useRef)();\n\n  if (!idRef.current) {\n    idRef.current = (0, _uniqueId.default)(\"internal://\" + namespace);\n  }\n\n  (0, _react.useDebugValue)(idRef.current);\n  return idRef.current;\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/useInternalId.ts?");
 
 /***/ }),
 
@@ -5459,6 +5745,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/utils/warnOnce.ts":
+/*!*******************************!*\
+  !*** ./src/utils/warnOnce.ts ***!
+  \*******************************/
+/***/ (function(__unused_webpack_module, exports) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.default = warnOnce;\nvar warned = {};\n/**\n * Logs a warning message\n * but dont warn a same message twice\n */\n\nfunction warnOnce(message) {\n  if (!warned[message]) {\n    console.warn(message);\n    warned[message] = true;\n  }\n}\n\nwarnOnce._resetWarned = function () {\n  for (var _message in warned) {\n    delete warned[_message];\n  }\n};\n\n//# sourceURL=webpack://rsuite/./src/utils/warnOnce.ts?");
+
+/***/ }),
+
 /***/ "./node_modules/classnames/index.js":
 /*!******************************************!*\
   !*** ./node_modules/classnames/index.js ***!
@@ -6477,7 +6774,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _own
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/dom-lib/node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _getOffsetParent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffsetParent */ \"./node_modules/dom-lib/esm/getOffsetParent.js\");\n/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _getStyle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getStyle */ \"./node_modules/dom-lib/esm/getStyle.js\");\n/* harmony import */ var _scrollTop__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var _scrollLeft__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var _nodeName__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./nodeName */ \"./node_modules/dom-lib/esm/nodeName.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, offsetParent, calcMargin) {\n  if (calcMargin === void 0) {\n    calcMargin = true;\n  }\n\n  var parentOffset = {\n    top: 0,\n    left: 0\n  };\n  var offset = null; // Fixed elements are offset from window (parentOffset = {top:0, left: 0},\n  // because it is its only offset parent\n\n  if ((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(node, 'position') === 'fixed') {\n    offset = node.getBoundingClientRect();\n  } else {\n    offsetParent = offsetParent || (0,_getOffsetParent__WEBPACK_IMPORTED_MODULE_1__.default)(node);\n    offset = (0,_getOffset__WEBPACK_IMPORTED_MODULE_2__.default)(node);\n\n    if ((0,_nodeName__WEBPACK_IMPORTED_MODULE_6__.default)(offsetParent) !== 'html') {\n      var nextParentOffset = (0,_getOffset__WEBPACK_IMPORTED_MODULE_2__.default)(offsetParent);\n\n      if (nextParentOffset) {\n        parentOffset.top = nextParentOffset.top;\n        parentOffset.left = nextParentOffset.left;\n      }\n    }\n\n    parentOffset.top += parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(offsetParent, 'borderTopWidth'), 10) - (0,_scrollTop__WEBPACK_IMPORTED_MODULE_4__.default)(offsetParent) || 0;\n    parentOffset.left += parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(offsetParent, 'borderLeftWidth'), 10) - (0,_scrollLeft__WEBPACK_IMPORTED_MODULE_5__.default)(offsetParent) || 0;\n  } // Subtract parent offsets and node margins\n\n\n  if (offset) {\n    var marginTop = calcMargin ? parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(node, 'marginTop'), 10) || 0 : 0;\n    var marginLeft = calcMargin ? parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(node, 'marginLeft'), 10) || 0 : 0;\n    return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, offset, {\n      top: offset.top - parentOffset.top - marginTop,\n      left: offset.left - parentOffset.left - marginLeft\n    });\n  }\n\n  return null;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getPosition.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _getOffsetParent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffsetParent */ \"./node_modules/dom-lib/esm/getOffsetParent.js\");\n/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _getStyle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getStyle */ \"./node_modules/dom-lib/esm/getStyle.js\");\n/* harmony import */ var _scrollTop__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var _scrollLeft__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var _nodeName__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./nodeName */ \"./node_modules/dom-lib/esm/nodeName.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, offsetParent, calcMargin) {\n  if (calcMargin === void 0) {\n    calcMargin = true;\n  }\n\n  var parentOffset = {\n    top: 0,\n    left: 0\n  };\n  var offset = null; // Fixed elements are offset from window (parentOffset = {top:0, left: 0},\n  // because it is its only offset parent\n\n  if ((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(node, 'position') === 'fixed') {\n    offset = node.getBoundingClientRect();\n  } else {\n    offsetParent = offsetParent || (0,_getOffsetParent__WEBPACK_IMPORTED_MODULE_1__.default)(node);\n    offset = (0,_getOffset__WEBPACK_IMPORTED_MODULE_2__.default)(node);\n\n    if ((0,_nodeName__WEBPACK_IMPORTED_MODULE_6__.default)(offsetParent) !== 'html') {\n      var nextParentOffset = (0,_getOffset__WEBPACK_IMPORTED_MODULE_2__.default)(offsetParent);\n\n      if (nextParentOffset) {\n        parentOffset.top = nextParentOffset.top;\n        parentOffset.left = nextParentOffset.left;\n      }\n    }\n\n    parentOffset.top += parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(offsetParent, 'borderTopWidth'), 10) - (0,_scrollTop__WEBPACK_IMPORTED_MODULE_4__.default)(offsetParent) || 0;\n    parentOffset.left += parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(offsetParent, 'borderLeftWidth'), 10) - (0,_scrollLeft__WEBPACK_IMPORTED_MODULE_5__.default)(offsetParent) || 0;\n  } // Subtract parent offsets and node margins\n\n\n  if (offset) {\n    var marginTop = calcMargin ? parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(node, 'marginTop'), 10) || 0 : 0;\n    var marginLeft = calcMargin ? parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__.default)(node, 'marginLeft'), 10) || 0 : 0;\n    return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, offset, {\n      top: offset.top - parentOffset.top - marginTop,\n      left: offset.left - parentOffset.left - marginLeft\n    });\n  }\n\n  return null;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getPosition.js?");
 
 /***/ }),
 
@@ -6844,17 +7141,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./node_modules/dom-lib/node_modules/@babel/runtime/helpers/esm/extends.js":
-/*!*********************************************************************************!*\
-  !*** ./node_modules/dom-lib/node_modules/@babel/runtime/helpers/esm/extends.js ***!
-  \*********************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _extends; }\n/* harmony export */ });\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/node_modules/@babel/runtime/helpers/esm/extends.js?");
-
-/***/ }),
-
 /***/ "./node_modules/insert-css/index.js":
 /*!******************************************!*\
   !*** ./node_modules/insert-css/index.js ***!
@@ -9486,7 +9772,7 @@ eval("\n\nif (false) {} else {\n  module.exports = __webpack_require__(/*! ./cjs
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ArrayType\": function() { return /* binding */ ArrayType; },\n/* harmony export */   \"default\": function() { return /* binding */ getArrayType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\nvar ArrayType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(ArrayType, _MixedType);\n\n  function ArrayType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'array') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(v) {\n        return Array.isArray(v);\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = ArrayType.prototype;\n\n  _proto.rangeLength = function rangeLength(minLength, maxLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.rangeLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return value.length >= minLength && value.length <= maxLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        minLength: minLength,\n        maxLength: maxLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.minLength = function minLength(_minLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.minLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return value.length >= _minLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        minLength: _minLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.maxLength = function maxLength(_maxLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.maxLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return value.length <= _maxLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        maxLength: _maxLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.unrepeatable = function unrepeatable(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.unrepeatable;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(items) {\n        var hash = {};\n\n        for (var i in items) {\n          if (hash[items[i]]) {\n            return false;\n          }\n\n          hash[items[i]] = true;\n        }\n\n        return true;\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.of = function of(type) {\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(items, data, filedName) {\n        var checkResults = items.map(function (value, index) {\n          var name = Array.isArray(filedName) ? [].concat(filedName, [\"[\" + index + \"]\"]) : [filedName, \"[\" + index + \"]\"];\n          return type.check(value, data, name);\n        });\n        var hasError = !!checkResults.find(function (item) {\n          return item === null || item === void 0 ? void 0 : item.hasError;\n        });\n        return {\n          hasError: hasError,\n          array: checkResults\n        };\n      }\n    });\n\n    return this;\n  };\n\n  return ArrayType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getArrayType(errorMessage) {\n  return new ArrayType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ArrayType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ArrayType\": function() { return /* binding */ ArrayType; },\n/* harmony export */   \"default\": function() { return /* binding */ getArrayType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\nvar ArrayType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(ArrayType, _MixedType);\n\n  function ArrayType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'array') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(v) {\n        return Array.isArray(v);\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = ArrayType.prototype;\n\n  _proto.rangeLength = function rangeLength(minLength, maxLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.rangeLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return value.length >= minLength && value.length <= maxLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        minLength: minLength,\n        maxLength: maxLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.minLength = function minLength(_minLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.minLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return value.length >= _minLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        minLength: _minLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.maxLength = function maxLength(_maxLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.maxLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return value.length <= _maxLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        maxLength: _maxLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.unrepeatable = function unrepeatable(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.unrepeatable;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(items) {\n        var hash = {};\n\n        for (var i in items) {\n          if (hash[items[i]]) {\n            return false;\n          }\n\n          hash[items[i]] = true;\n        }\n\n        return true;\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.of = function of(type) {\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(items, data, filedName) {\n        var checkResults = items.map(function (value, index) {\n          var name = Array.isArray(filedName) ? [].concat(filedName, [\"[\" + index + \"]\"]) : [filedName, \"[\" + index + \"]\"];\n          return type.check(value, data, name);\n        });\n        var hasError = !!checkResults.find(function (item) {\n          return item === null || item === void 0 ? void 0 : item.hasError;\n        });\n        return {\n          hasError: hasError,\n          array: checkResults\n        };\n      }\n    });\n\n    return this;\n  };\n\n  return ArrayType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getArrayType(errorMessage) {\n  return new ArrayType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ArrayType.js?");
 
 /***/ }),
 
@@ -9497,7 +9783,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BooleanType\": function() { return /* binding */ BooleanType; },\n/* harmony export */   \"default\": function() { return /* binding */ getBooleanType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\nvar BooleanType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(BooleanType, _MixedType);\n\n  function BooleanType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'boolean') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(v) {\n        return typeof v === 'boolean';\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  return BooleanType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getBooleanType(errorMessage) {\n  return new BooleanType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/BooleanType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BooleanType\": function() { return /* binding */ BooleanType; },\n/* harmony export */   \"default\": function() { return /* binding */ getBooleanType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\nvar BooleanType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(BooleanType, _MixedType);\n\n  function BooleanType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'boolean') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(v) {\n        return typeof v === 'boolean';\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  return BooleanType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getBooleanType(errorMessage) {\n  return new BooleanType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/BooleanType.js?");
 
 /***/ }),
 
@@ -9508,7 +9794,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"DateType\": function() { return /* binding */ DateType; },\n/* harmony export */   \"default\": function() { return /* binding */ getDateType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\nvar DateType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(DateType, _MixedType);\n\n  function DateType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'date') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(value) {\n        return !/Invalid|NaN/.test(new Date(value).toString());\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = DateType.prototype;\n\n  _proto.range = function range(min, max, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.range;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return new Date(value) >= new Date(min) && new Date(value) <= new Date(max);\n      },\n      errorMessage: errorMessage,\n      params: {\n        min: min,\n        max: max\n      }\n    });\n\n    return this;\n  };\n\n  _proto.min = function min(_min, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.min;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return new Date(value) >= new Date(_min);\n      },\n      errorMessage: errorMessage,\n      params: {\n        min: _min\n      }\n    });\n\n    return this;\n  };\n\n  _proto.max = function max(_max, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.max;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return new Date(value) <= new Date(_max);\n      },\n      errorMessage: errorMessage,\n      params: {\n        max: _max\n      }\n    });\n\n    return this;\n  };\n\n  return DateType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getDateType(errorMessage) {\n  return new DateType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/DateType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"DateType\": function() { return /* binding */ DateType; },\n/* harmony export */   \"default\": function() { return /* binding */ getDateType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\nvar DateType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(DateType, _MixedType);\n\n  function DateType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'date') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(value) {\n        return !/Invalid|NaN/.test(new Date(value).toString());\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = DateType.prototype;\n\n  _proto.range = function range(min, max, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.range;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return new Date(value) >= new Date(min) && new Date(value) <= new Date(max);\n      },\n      errorMessage: errorMessage,\n      params: {\n        min: min,\n        max: max\n      }\n    });\n\n    return this;\n  };\n\n  _proto.min = function min(_min, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.min;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return new Date(value) >= new Date(_min);\n      },\n      errorMessage: errorMessage,\n      params: {\n        min: _min\n      }\n    });\n\n    return this;\n  };\n\n  _proto.max = function max(_max, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.max;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return new Date(value) <= new Date(_max);\n      },\n      errorMessage: errorMessage,\n      params: {\n        max: _max\n      }\n    });\n\n    return this;\n  };\n\n  return DateType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getDateType(errorMessage) {\n  return new DateType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/DateType.js?");
 
 /***/ }),
 
@@ -9530,7 +9816,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"NumberType\": function() { return /* binding */ NumberType; },\n/* harmony export */   \"default\": function() { return /* binding */ getNumberType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\n\nfunction toNumber(value) {\n  return +value;\n}\n\nvar NumberType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(NumberType, _MixedType);\n\n  function NumberType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'number') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(value) {\n        return /^-?(?:\\d+|\\d{1,3}(?:,\\d{3})+)(?:\\.\\d+)?$/.test(value + '');\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = NumberType.prototype;\n\n  _proto.isInteger = function isInteger(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isInteger;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return /^-?\\d+$/.test(value + '');\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.pattern = function pattern(regexp, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.pattern;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return regexp.test(value + '');\n      },\n      errorMessage: errorMessage,\n      params: {\n        regexp: regexp\n      }\n    });\n\n    return this;\n  };\n\n  _proto.isOneOf = function isOneOf(values, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isOneOf;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return values.includes(toNumber(value));\n      },\n      errorMessage: errorMessage,\n      params: {\n        values: values\n      }\n    });\n\n    return this;\n  };\n\n  _proto.range = function range(min, max, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.range;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return toNumber(value) >= min && toNumber(value) <= max;\n      },\n      errorMessage: errorMessage,\n      params: {\n        min: min,\n        max: max\n      }\n    });\n\n    return this;\n  };\n\n  _proto.min = function min(_min, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.min;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return toNumber(value) >= _min;\n      },\n      errorMessage: errorMessage,\n      params: {\n        min: _min\n      }\n    });\n\n    return this;\n  };\n\n  _proto.max = function max(_max, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.max;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return toNumber(value) <= _max;\n      },\n      errorMessage: errorMessage,\n      params: {\n        max: _max\n      }\n    });\n\n    return this;\n  };\n\n  return NumberType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getNumberType(errorMessage) {\n  return new NumberType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/NumberType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"NumberType\": function() { return /* binding */ NumberType; },\n/* harmony export */   \"default\": function() { return /* binding */ getNumberType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\n\nfunction toNumber(value) {\n  return +value;\n}\n\nvar NumberType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(NumberType, _MixedType);\n\n  function NumberType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'number') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(value) {\n        return /^-?(?:\\d+|\\d{1,3}(?:,\\d{3})+)(?:\\.\\d+)?$/.test(value + '');\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = NumberType.prototype;\n\n  _proto.isInteger = function isInteger(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isInteger;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return /^-?\\d+$/.test(value + '');\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.pattern = function pattern(regexp, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.pattern;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return regexp.test(value + '');\n      },\n      errorMessage: errorMessage,\n      params: {\n        regexp: regexp\n      }\n    });\n\n    return this;\n  };\n\n  _proto.isOneOf = function isOneOf(values, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isOneOf;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return values.includes(toNumber(value));\n      },\n      errorMessage: errorMessage,\n      params: {\n        values: values\n      }\n    });\n\n    return this;\n  };\n\n  _proto.range = function range(min, max, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.range;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return toNumber(value) >= min && toNumber(value) <= max;\n      },\n      errorMessage: errorMessage,\n      params: {\n        min: min,\n        max: max\n      }\n    });\n\n    return this;\n  };\n\n  _proto.min = function min(_min, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.min;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return toNumber(value) >= _min;\n      },\n      errorMessage: errorMessage,\n      params: {\n        min: _min\n      }\n    });\n\n    return this;\n  };\n\n  _proto.max = function max(_max, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.max;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return toNumber(value) <= _max;\n      },\n      errorMessage: errorMessage,\n      params: {\n        max: _max\n      }\n    });\n\n    return this;\n  };\n\n  return NumberType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getNumberType(errorMessage) {\n  return new NumberType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/NumberType.js?");
 
 /***/ }),
 
@@ -9541,7 +9827,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ObjectType\": function() { return /* binding */ ObjectType; },\n/* harmony export */   \"default\": function() { return /* binding */ getObjectType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n\n\n\n\nvar ObjectType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(ObjectType, _MixedType);\n\n  function ObjectType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'object') || this;\n    _this.objectTypeSchemaSpec = void 0;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(v) {\n        return typeof v === 'object';\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = ObjectType.prototype;\n\n  _proto.check = function check(value, data, fieldName) {\n    if (value === void 0) {\n      value = this.value;\n    }\n\n    var check = function check(value, data, type) {\n      if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_3__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n        return {\n          hasError: true,\n          errorMessage: type.requiredMessage\n        };\n      }\n\n      if (type.objectTypeSchemaSpec && typeof value === 'object') {\n        var checkResultObject = {};\n        var hasError = false;\n        Object.entries(type.objectTypeSchemaSpec).forEach(function (_ref) {\n          var k = _ref[0],\n              v = _ref[1];\n          var checkResult = check(value[k], value, v);\n\n          if (checkResult !== null && checkResult !== void 0 && checkResult.hasError) {\n            hasError = true;\n          }\n\n          checkResultObject[k] = checkResult;\n        });\n        return {\n          hasError: hasError,\n          object: checkResultObject\n        };\n      }\n\n      var validator = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.createValidator)(data, fieldName);\n      var checkStatus = validator(value, type.priorityRules);\n\n      if (checkStatus) {\n        return checkStatus;\n      }\n\n      if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_3__.isEmpty)(value)) {\n        return {\n          hasError: false\n        };\n      }\n\n      return validator(value, type.rules) || {\n        hasError: false\n      };\n    };\n\n    return check(value, data, this);\n  };\n\n  _proto.checkAsync = function checkAsync(value, data, fieldName) {\n    var _this2 = this;\n\n    if (value === void 0) {\n      value = this.value;\n    }\n\n    var check = function check(value, data, type) {\n      if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_3__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n        return Promise.resolve({\n          hasError: true,\n          errorMessage: _this2.requiredMessage\n        });\n      }\n\n      var validator = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.createValidatorAsync)(data, fieldName);\n      return new Promise(function (resolve) {\n        if (type.objectTypeSchemaSpec && typeof value === 'object') {\n          var checkResult = {};\n          var checkAll = [];\n          var keys = [];\n          Object.entries(type.objectTypeSchemaSpec).forEach(function (_ref2) {\n            var k = _ref2[0],\n                v = _ref2[1];\n            checkAll.push(check(value[k], value, v));\n            keys.push(k);\n          });\n          return Promise.all(checkAll).then(function (values) {\n            values.forEach(function (v, index) {\n              checkResult[keys[index]] = v;\n            });\n            resolve({\n              object: checkResult\n            });\n          });\n        }\n\n        return validator(value, type.priorityRules).then(function (checkStatus) {\n          if (checkStatus) {\n            resolve(checkStatus);\n          }\n        }).then(function () {\n          if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_3__.isEmpty)(value)) {\n            resolve({\n              hasError: false\n            });\n          }\n        }).then(function () {\n          return validator(value, type.rules);\n        }).then(function (checkStatus) {\n          if (checkStatus) {\n            resolve(checkStatus);\n          }\n\n          resolve({\n            hasError: false\n          });\n        });\n      });\n    };\n\n    return check(value, data, this);\n  }\n  /**\n   * @example\n   * ObjectType().shape({\n   *  name: StringType(),\n   *  age: NumberType()\n   * })\n   */\n  ;\n\n  _proto.shape = function shape(fields) {\n    this.objectTypeSchemaSpec = fields;\n    return this;\n  };\n\n  return ObjectType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getObjectType(errorMessage) {\n  return new ObjectType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ObjectType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ObjectType\": function() { return /* binding */ ObjectType; },\n/* harmony export */   \"default\": function() { return /* binding */ getObjectType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n\n\n\n\nvar ObjectType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(ObjectType, _MixedType);\n\n  function ObjectType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'object') || this;\n    _this.objectTypeSchemaSpec = void 0;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(v) {\n        return typeof v === 'object';\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = ObjectType.prototype;\n\n  _proto.check = function check(value, data, fieldName) {\n    if (value === void 0) {\n      value = this.value;\n    }\n\n    var check = function check(value, data, type) {\n      if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_3__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n        return {\n          hasError: true,\n          errorMessage: type.requiredMessage\n        };\n      }\n\n      if (type.objectTypeSchemaSpec && typeof value === 'object') {\n        var checkResultObject = {};\n        var hasError = false;\n        Object.entries(type.objectTypeSchemaSpec).forEach(function (_ref) {\n          var k = _ref[0],\n              v = _ref[1];\n          var checkResult = check(value[k], value, v);\n\n          if (checkResult !== null && checkResult !== void 0 && checkResult.hasError) {\n            hasError = true;\n          }\n\n          checkResultObject[k] = checkResult;\n        });\n        return {\n          hasError: hasError,\n          object: checkResultObject\n        };\n      }\n\n      var validator = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.createValidator)(data, fieldName);\n      var checkStatus = validator(value, type.priorityRules);\n\n      if (checkStatus) {\n        return checkStatus;\n      }\n\n      if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_3__.isEmpty)(value)) {\n        return {\n          hasError: false\n        };\n      }\n\n      return validator(value, type.rules) || {\n        hasError: false\n      };\n    };\n\n    return check(value, data, this);\n  };\n\n  _proto.checkAsync = function checkAsync(value, data, fieldName) {\n    var _this2 = this;\n\n    if (value === void 0) {\n      value = this.value;\n    }\n\n    var check = function check(value, data, type) {\n      if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_3__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n        return Promise.resolve({\n          hasError: true,\n          errorMessage: _this2.requiredMessage\n        });\n      }\n\n      var validator = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.createValidatorAsync)(data, fieldName);\n      return new Promise(function (resolve) {\n        if (type.objectTypeSchemaSpec && typeof value === 'object') {\n          var checkResult = {};\n          var checkAll = [];\n          var keys = [];\n          Object.entries(type.objectTypeSchemaSpec).forEach(function (_ref2) {\n            var k = _ref2[0],\n                v = _ref2[1];\n            checkAll.push(check(value[k], value, v));\n            keys.push(k);\n          });\n          return Promise.all(checkAll).then(function (values) {\n            values.forEach(function (v, index) {\n              checkResult[keys[index]] = v;\n            });\n            resolve({\n              object: checkResult\n            });\n          });\n        }\n\n        return validator(value, type.priorityRules).then(function (checkStatus) {\n          if (checkStatus) {\n            resolve(checkStatus);\n          }\n        }).then(function () {\n          if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_3__.isEmpty)(value)) {\n            resolve({\n              hasError: false\n            });\n          }\n        }).then(function () {\n          return validator(value, type.rules);\n        }).then(function (checkStatus) {\n          if (checkStatus) {\n            resolve(checkStatus);\n          }\n\n          resolve({\n            hasError: false\n          });\n        });\n      });\n    };\n\n    return check(value, data, this);\n  }\n  /**\n   * @example\n   * ObjectType().shape({\n   *  name: StringType(),\n   *  age: NumberType()\n   * })\n   */\n  ;\n\n  _proto.shape = function shape(fields) {\n    this.objectTypeSchemaSpec = fields;\n    return this;\n  };\n\n  return ObjectType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getObjectType(errorMessage) {\n  return new ObjectType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ObjectType.js?");
 
 /***/ }),
 
@@ -9563,7 +9849,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"StringType\": function() { return /* binding */ StringType; },\n/* harmony export */   \"default\": function() { return /* binding */ getStringType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\nvar StringType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(StringType, _MixedType);\n\n  function StringType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'string') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(v) {\n        return typeof v === 'string';\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = StringType.prototype;\n\n  _proto.containsLetter = function containsLetter(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsLetter;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /[a-zA-Z]/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.containsUppercaseLetter = function containsUppercaseLetter(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsUppercaseLetter;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /[A-Z]/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.containsLowercaseLetter = function containsLowercaseLetter(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsLowercaseLetter;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /[a-z]/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.containsLetterOnly = function containsLetterOnly(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsLetterOnly;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /^[a-zA-Z]+$/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.containsNumber = function containsNumber(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsNumber;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /[0-9]/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.isOneOf = function isOneOf(values, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isOneOf;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return !!~values.indexOf(v);\n      },\n      errorMessage: errorMessage,\n      params: {\n        values: values\n      }\n    });\n\n    return this;\n  };\n\n  _proto.isEmail = function isEmail(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isEmail;\n    }\n\n    // http://emailregex.com/\n    var regexp = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return regexp.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.isURL = function isURL(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isURL;\n    }\n\n    var regexp = new RegExp(\"^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\\\S+(?::\\\\S*)?@)?(?:(?:(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}(?:\\\\.(?:[0-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))|(?:(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)*(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff]{2,})))|localhost)(?::\\\\d{2,5})?(?:(/|\\\\?|#)[^\\\\s]*)?$\", 'i');\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return regexp.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.isHex = function isHex(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isHex;\n    }\n\n    var regexp = /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i;\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return regexp.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.pattern = function pattern(regexp, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.pattern;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return regexp.test(v);\n      },\n      errorMessage: errorMessage,\n      params: {\n        regexp: regexp\n      }\n    });\n\n    return this;\n  };\n\n  _proto.rangeLength = function rangeLength(minLength, maxLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.rangeLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return value.length >= minLength && value.length <= maxLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        minLength: minLength,\n        maxLength: maxLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.minLength = function minLength(_minLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.minLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return Array.from(value).length >= _minLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        minLength: _minLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.maxLength = function maxLength(_maxLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.maxLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return Array.from(value).length <= _maxLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        maxLength: _maxLength\n      }\n    });\n\n    return this;\n  };\n\n  return StringType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getStringType(errorMessage) {\n  return new StringType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/StringType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"StringType\": function() { return /* binding */ StringType; },\n/* harmony export */   \"default\": function() { return /* binding */ getStringType; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js\");\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\n\n\nvar StringType = /*#__PURE__*/function (_MixedType) {\n  (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__.default)(StringType, _MixedType);\n\n  function StringType(errorMessage) {\n    var _this;\n\n    _this = _MixedType.call(this, 'string') || this;\n\n    _MixedType.prototype.pushRule.call((0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_0__.default)(_this), {\n      onValid: function onValid(v) {\n        return typeof v === 'string';\n      },\n      errorMessage: errorMessage || _this.locale.type\n    });\n\n    return _this;\n  }\n\n  var _proto = StringType.prototype;\n\n  _proto.containsLetter = function containsLetter(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsLetter;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /[a-zA-Z]/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.containsUppercaseLetter = function containsUppercaseLetter(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsUppercaseLetter;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /[A-Z]/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.containsLowercaseLetter = function containsLowercaseLetter(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsLowercaseLetter;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /[a-z]/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.containsLetterOnly = function containsLetterOnly(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsLetterOnly;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /^[a-zA-Z]+$/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.containsNumber = function containsNumber(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.containsNumber;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return /[0-9]/.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.isOneOf = function isOneOf(values, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isOneOf;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return !!~values.indexOf(v);\n      },\n      errorMessage: errorMessage,\n      params: {\n        values: values\n      }\n    });\n\n    return this;\n  };\n\n  _proto.isEmail = function isEmail(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isEmail;\n    }\n\n    // http://emailregex.com/\n    var regexp = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return regexp.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.isURL = function isURL(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isURL;\n    }\n\n    var regexp = new RegExp(\"^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\\\S+(?::\\\\S*)?@)?(?:(?:(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}(?:\\\\.(?:[0-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))|(?:(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff0-9]+-?)*[a-z\\\\u00a1-\\\\uffff0-9]+)*(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff]{2,})))|localhost)(?::\\\\d{2,5})?(?:(/|\\\\?|#)[^\\\\s]*)?$\", 'i');\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return regexp.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.isHex = function isHex(errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.isHex;\n    }\n\n    var regexp = /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i;\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return regexp.test(v);\n      },\n      errorMessage: errorMessage\n    });\n\n    return this;\n  };\n\n  _proto.pattern = function pattern(regexp, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.pattern;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(v) {\n        return regexp.test(v);\n      },\n      errorMessage: errorMessage,\n      params: {\n        regexp: regexp\n      }\n    });\n\n    return this;\n  };\n\n  _proto.rangeLength = function rangeLength(minLength, maxLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.rangeLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return value.length >= minLength && value.length <= maxLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        minLength: minLength,\n        maxLength: maxLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.minLength = function minLength(_minLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.minLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return Array.from(value).length >= _minLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        minLength: _minLength\n      }\n    });\n\n    return this;\n  };\n\n  _proto.maxLength = function maxLength(_maxLength, errorMessage) {\n    if (errorMessage === void 0) {\n      errorMessage = this.locale.maxLength;\n    }\n\n    _MixedType.prototype.pushRule.call(this, {\n      onValid: function onValid(value) {\n        return Array.from(value).length <= _maxLength;\n      },\n      errorMessage: errorMessage,\n      params: {\n        maxLength: _maxLength\n      }\n    });\n\n    return this;\n  };\n\n  return StringType;\n}(_MixedType__WEBPACK_IMPORTED_MODULE_2__.MixedType);\nfunction getStringType(errorMessage) {\n  return new StringType(errorMessage);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/StringType.js?");
 
 /***/ }),
 
@@ -9629,7 +9915,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bas
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createValidator\": function() { return /* binding */ createValidator; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n\n/**\n * Create a data validator\n * @param data\n */\n\nfunction createValidator(data, name) {\n  return function (value, rules) {\n    for (var i = 0; i < rules.length; i += 1) {\n      var _rules$i = rules[i],\n          onValid = _rules$i.onValid,\n          errorMessage = _rules$i.errorMessage,\n          params = _rules$i.params;\n      var checkResult = onValid(value, data, name);\n\n      if (checkResult === false) {\n        return {\n          hasError: true,\n          errorMessage: (0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__.default)(errorMessage, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, params, {\n            name: Array.isArray(name) ? name.join('.') : name\n          }))\n        };\n      } else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n        return checkResult;\n      }\n    }\n\n    return null;\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidator);\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidator.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createValidator\": function() { return /* binding */ createValidator; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n\n/**\n * Create a data validator\n * @param data\n */\n\nfunction createValidator(data, name) {\n  return function (value, rules) {\n    for (var i = 0; i < rules.length; i += 1) {\n      var _rules$i = rules[i],\n          onValid = _rules$i.onValid,\n          errorMessage = _rules$i.errorMessage,\n          params = _rules$i.params;\n      var checkResult = onValid(value, data, name);\n\n      if (checkResult === false) {\n        return {\n          hasError: true,\n          errorMessage: (0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__.default)(errorMessage, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, params, {\n            name: Array.isArray(name) ? name.join('.') : name\n          }))\n        };\n      } else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n        return checkResult;\n      }\n    }\n\n    return null;\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidator);\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidator.js?");
 
 /***/ }),
 
@@ -9640,7 +9926,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createValidatorAsync\": function() { return /* binding */ createValidatorAsync; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n\n/**\n * Create a data asynchronous validator\n * @param data\n */\n\nfunction createValidatorAsync(data, name) {\n  function check(errorMessage) {\n    return function (checkResult) {\n      if (checkResult === false) {\n        return {\n          hasError: true,\n          errorMessage: errorMessage\n        };\n      } else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n        return checkResult;\n      }\n\n      return null;\n    };\n  }\n\n  return function (value, rules) {\n    var promises = rules.map(function (rule) {\n      var onValid = rule.onValid,\n          errorMessage = rule.errorMessage,\n          params = rule.params;\n      return Promise.resolve(onValid(value, data, name)).then(check((0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__.default)(errorMessage, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, params, {\n        name: Array.isArray(name) ? name.join('.') : name\n      }))));\n    });\n    return Promise.all(promises).then(function (results) {\n      return results.find(function (item) {\n        return item && (item === null || item === void 0 ? void 0 : item.hasError);\n      });\n    });\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidatorAsync);\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidatorAsync.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createValidatorAsync\": function() { return /* binding */ createValidatorAsync; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n\n/**\n * Create a data asynchronous validator\n * @param data\n */\n\nfunction createValidatorAsync(data, name) {\n  function check(errorMessage) {\n    return function (checkResult) {\n      if (checkResult === false) {\n        return {\n          hasError: true,\n          errorMessage: errorMessage\n        };\n      } else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n        return checkResult;\n      }\n\n      return null;\n    };\n  }\n\n  return function (value, rules) {\n    var promises = rules.map(function (rule) {\n      var onValid = rule.onValid,\n          errorMessage = rule.errorMessage,\n          params = rule.params;\n      return Promise.resolve(onValid(value, data, name)).then(check((0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__.default)(errorMessage, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, params, {\n        name: Array.isArray(name) ? name.join('.') : name\n      }))));\n    });\n    return Promise.all(promises).then(function (results) {\n      return results.find(function (item) {\n        return item && (item === null || item === void 0 ? void 0 : item.hasError);\n      });\n    });\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidatorAsync);\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidatorAsync.js?");
 
 /***/ }),
 
@@ -9677,50 +9963,6 @@ eval("__webpack_require__.r(__webpack_exports__);\nfunction isEmpty(value) {\n
 
 /***/ }),
 
-/***/ "./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js":
-/*!****************************************************************************************************!*\
-  !*** ./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js ***!
-  \****************************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _assertThisInitialized; }\n/* harmony export */ });\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js?");
-
-/***/ }),
-
-/***/ "./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/extends.js":
-/*!**************************************************************************************!*\
-  !*** ./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/extends.js ***!
-  \**************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _extends; }\n/* harmony export */ });\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/extends.js?");
-
-/***/ }),
-
-/***/ "./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js":
-/*!********************************************************************************************!*\
-  !*** ./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js ***!
-  \********************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _inheritsLoose; }\n/* harmony export */ });\n/* harmony import */ var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./setPrototypeOf.js */ \"./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js\");\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  (0,_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.default)(subClass, superClass);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js?");
-
-/***/ }),
-
-/***/ "./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js":
-/*!*********************************************************************************************!*\
-  !*** ./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js ***!
-  \*********************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ _setPrototypeOf; }\n/* harmony export */ });\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js?");
-
-/***/ }),
-
 /***/ "react":
 /*!**************************************************************************************!*\
   !*** external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} ***!