rsuite 5.58.1 → 5.59.1

package/dist/rsuite.js

@@ -6032,7 +6032,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _AvatarGroup = __webpack_require__(/*! ../AvatarGroup/AvatarGroup */ \"./src/AvatarGroup/AvatarGroup.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Avatar/Avatar.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * The Avatar component is used to represent user or brand.\n * @see https://rsuitejs.com/components/avatar\n */\nvar Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,\n    _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    sizeProp = props.size,\n    className = props.className,\n    children = props.children,\n    src = props.src,\n    srcSet = props.srcSet,\n    sizes = props.sizes,\n    imgProps = props.imgProps,\n    circle = props.circle,\n    alt = props.alt,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"classPrefix\", \"as\", \"size\", \"className\", \"children\", \"src\", \"srcSet\", \"sizes\", \"imgProps\", \"circle\", \"alt\"]);\n  var _useContext = (0, _react.useContext)(_AvatarGroup.AvatarGroupContext),\n    size = _useContext.size;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(sizeProp || size, {\n    circle: circle\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: 67,\n      columnNumber: 7\n    }\n  }), src || srcSet ? /*#__PURE__*/_react.default.createElement(\"img\", (0, _extends2.default)({}, imgProps, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"image\"]))),\n    src: src,\n    sizes: sizes,\n    srcSet: srcSet,\n    alt: alt,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69,\n      columnNumber: 11\n    }\n  })) : children);\n});\nAvatar.displayName = 'Avatar';\nAvatar.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  src: _propTypes.default.string,\n  sizes: _propTypes.default.string,\n  srcSet: _propTypes.default.string,\n  imgProps: _propTypes.default.object,\n  circle: _propTypes.default.bool,\n  alt: _propTypes.default.string\n};\nvar _default = Avatar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/Avatar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _AvatarGroup = __webpack_require__(/*! ../AvatarGroup/AvatarGroup */ \"./src/AvatarGroup/AvatarGroup.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _AvatarIcon = _interopRequireDefault(__webpack_require__(/*! ./AvatarIcon */ \"./src/Avatar/AvatarIcon.tsx\"));\nvar _useImage2 = _interopRequireDefault(__webpack_require__(/*! ./useImage */ \"./src/Avatar/useImage.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Avatar/Avatar.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\n/**\n * The Avatar component is used to represent user or brand.\n * @see https://rsuitejs.com/components/avatar\n */\nvar Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _extends2;\n  var _useContext = (0, _react.useContext)(_AvatarGroup.AvatarGroupContext),\n    groupSize = _useContext.size,\n    spacing = _useContext.spacing;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    bordered = props.bordered,\n    alt = props.alt,\n    className = props.className,\n    children = props.children,\n    circle = props.circle,\n    color = props.color,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,\n    _props$size = props.size,\n    size = _props$size === void 0 ? groupSize : _props$size,\n    src = props.src,\n    srcSet = props.srcSet,\n    sizes = props.sizes,\n    style = props.style,\n    imgProps = props.imgProps,\n    onError = props.onError,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"bordered\", \"alt\", \"className\", \"children\", \"circle\", \"color\", \"classPrefix\", \"size\", \"src\", \"srcSet\", \"sizes\", \"style\", \"imgProps\", \"onError\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(size, color, {\n    circle: circle,\n    bordered: bordered\n  }));\n  var imageProps = (0, _extends3.default)({}, imgProps, {\n    alt: alt,\n    src: src,\n    srcSet: srcSet,\n    sizes: sizes\n  });\n  var _useImage = (0, _useImage2.default)((0, _extends3.default)({}, imageProps, {\n      onError: onError\n    })),\n    loaded = _useImage.loaded;\n  var _useCustom = (0, _utils.useCustom)('Avatar'),\n    rtl = _useCustom.rtl;\n  var altComponent = (0, _react.useMemo)(function () {\n    if (alt) {\n      return /*#__PURE__*/_react.default.createElement(\"span\", {\n        role: \"img\",\n        \"aria-label\": alt,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 106,\n          columnNumber: 11\n        }\n      }, alt);\n    }\n    return null;\n  }, [alt]);\n  var placeholder = children || altComponent || /*#__PURE__*/_react.default.createElement(_AvatarIcon.default, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"icon\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115,\n      columnNumber: 53\n    }\n  });\n  var image = loaded ? /*#__PURE__*/_react.default.createElement(\"img\", (0, _extends3.default)({}, imageProps, {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"image\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116,\n      columnNumber: 28\n    }\n  })) : placeholder;\n  var margin = rtl ? 'marginLeft' : 'marginRight';\n  var insertStyles = (0, _utils.isIE)() && spacing ? (0, _extends3.default)((_extends2 = {}, _extends2[margin] = spacing, _extends2), style) : style;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: insertStyles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 7\n    }\n  }), src ? image : placeholder);\n});\nAvatar.displayName = 'Avatar';\nAvatar.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  size: (0, _propTypes2.oneOf)(['xxl', 'xl', 'lg', 'md', 'sm', 'xs']),\n  src: _propTypes.default.string,\n  sizes: _propTypes.default.string,\n  srcSet: _propTypes.default.string,\n  imgProps: _propTypes.default.object,\n  circle: _propTypes.default.bool,\n  alt: _propTypes.default.string\n};\nvar _default = Avatar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/Avatar.tsx?");
+
+/***/ }),
+
+/***/ "./src/Avatar/AvatarIcon.tsx":
+/*!***********************************!*\
+  !*** ./src/Avatar/AvatarIcon.tsx ***!
+  \***********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Avatar/AvatarIcon.tsx\",\n  _this = void 0;\nvar AvatarIcon = function AvatarIcon(props) {\n  return /*#__PURE__*/_react.default.createElement(\"svg\", (0, _extends2.default)({\n    role: \"img\",\n    \"aria-label\": \"Avatar\",\n    stroke: \"currentColor\",\n    fill: \"currentColor\",\n    strokeWidth: \"0\",\n    viewBox: \"0 0 448 512\",\n    height: \"60%\",\n    width: \"60%\"\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 4,\n      columnNumber: 3\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"path\", {\n    d: \"M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 5\n    }\n  }));\n};\nvar _default = AvatarIcon;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/AvatarIcon.tsx?");
 
 /***/ }),
 
@@ -6047,6 +6058,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Avatar/useImage.ts":
+/*!********************************!*\
+  !*** ./src/Avatar/useImage.ts ***!
+  \********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n/**\n * A hook that loads an image and returns the status of the image.\n *\n * @example\n * ```jsx\n * const { loaded } = useImage({ src:'https://example.com/image.jpg' });\n *\n * return loaded ? <img src=\"https://example.com/image.jpg\" /> : <Placeholder />;\n * ```\n */\nvar useImage = function useImage(props) {\n  var src = props.src,\n    srcSet = props.srcSet,\n    sizes = props.sizes,\n    crossOrigin = props.crossOrigin,\n    onError = props.onError;\n  var _useState = (0, _react.useState)('pending'),\n    status = _useState[0],\n    setStatus = _useState[1];\n  var imgRef = (0, _react.useRef)(null);\n  var flush = function flush() {\n    if (imgRef.current) {\n      imgRef.current.onload = null;\n      imgRef.current.onerror = null;\n      imgRef.current = null;\n    }\n  };\n  var handleLoad = (0, _react.useCallback)(function () {\n    setStatus('loaded');\n    flush();\n  }, []);\n  var handleError = (0, _react.useCallback)(function (event) {\n    setStatus('error');\n    flush();\n    onError === null || onError === void 0 ? void 0 : onError(event);\n  }, [onError]);\n  (0, _react.useEffect)(function () {\n    setStatus(src ? 'loading' : 'pending');\n  }, [src]);\n  var loadImge = (0, _react.useCallback)(function () {\n    if (!src) {\n      return;\n    }\n    var img = new Image();\n    img.onload = handleLoad;\n    img.onerror = handleError;\n    if (src) img.src = src;\n    if (srcSet) img.srcset = srcSet;\n    if (sizes) img.sizes = sizes;\n    if (crossOrigin) img.crossOrigin = crossOrigin;\n    imgRef.current = img;\n  }, [crossOrigin, handleError, handleLoad, sizes, src, srcSet]);\n  (0, _utils.useIsomorphicLayoutEffect)(function () {\n    if (status === 'loading') {\n      loadImge();\n    }\n  }, [loadImge, status]);\n  (0, _react.useEffect)(function () {\n    return flush;\n  }, []);\n  return {\n    loaded: status === 'loaded',\n    status: status\n  };\n};\nvar _default = useImage;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Avatar/useImage.ts?");
+
+/***/ }),
+
 /***/ "./src/AvatarGroup/AvatarGroup.tsx":
 /*!*****************************************!*\
   !*** ./src/AvatarGroup/AvatarGroup.tsx ***!
@@ -6054,7 +6076,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.AvatarGroupContext = void 0;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AvatarGroup/AvatarGroup.tsx\",\n  _this = void 0;\nvar AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});\n\n/**\n * The AvatarGroup component is used to represent a collection of avatars.\n * @see https://rsuitejs.com/components/avatar\n */\nexports.AvatarGroupContext = AvatarGroupContext;\nvar AvatarGroup = /*#__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 ? 'avatar-group' : _props$classPrefix,\n    spacing = props.spacing,\n    className = props.className,\n    children = props.children,\n    stack = props.stack,\n    size = props.size,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"spacing\", \"className\", \"children\", \"stack\", \"size\"]);\n  var _useCustom = (0, _utils.useCustom)('AvatarGroup'),\n    rtl = _useCustom.rtl;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix({\n    stack: stack\n  }));\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      size: size\n    };\n  }, [size]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 9\n    }\n  }, spacing ? _react.default.Children.map(children, function (child) {\n    var _extends2;\n    return /*#__PURE__*/_react.default.cloneElement(child, {\n      style: (0, _extends3.default)((_extends2 = {}, _extends2[rtl ? 'marginLeft' : 'marginRight'] = spacing, _extends2), child.props.style)\n    });\n  }) : children));\n});\nAvatarGroup.displayName = 'AvatarGroup';\nAvatarGroup.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  stack: _propTypes.default.bool,\n  spacing: _propTypes.default.number,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs'])\n};\nvar _default = AvatarGroup;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/AvatarGroup/AvatarGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.AvatarGroupContext = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/AvatarGroup/AvatarGroup.tsx\",\n  _this = void 0;\nvar AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});\n\n/**\n * The AvatarGroup component is used to represent a collection of avatars.\n * @see https://rsuitejs.com/components/avatar\n */\nexports.AvatarGroupContext = AvatarGroupContext;\nvar AvatarGroup = /*#__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 ? 'avatar-group' : _props$classPrefix,\n    spacing = props.spacing,\n    className = props.className,\n    children = props.children,\n    stack = props.stack,\n    size = props.size,\n    style = props.style,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"spacing\", \"className\", \"children\", \"stack\", \"size\", \"style\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix({\n    stack: stack\n  }));\n  var contextValue = (0, _react.useMemo)(function () {\n    return {\n      size: size\n    };\n  }, [size]);\n  var styles = (0, _utils.isIE)() ? style : (0, _extends2.default)({}, style, {\n    gap: spacing\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"group\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 9\n    }\n  }, children));\n});\nAvatarGroup.displayName = 'AvatarGroup';\nAvatarGroup.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  stack: _propTypes.default.bool,\n  spacing: _propTypes.default.number,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs'])\n};\nvar _default = AvatarGroup;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/AvatarGroup/AvatarGroup.tsx?");
 
 /***/ }),
 
@@ -6615,7 +6637,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _CheckboxGroup = __webpack_require__(/*! ../CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Checkbox/Checkbox.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4;\n/**\n * The Checkbox component is used for selecting multiple options from a set.\n * @see https://rsuitejs.com/components/checkbox\n */\nvar Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);\n  var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},\n    inlineContext = _ref.inline,\n    nameContext = _ref.name,\n    disabledContext = _ref.disabled,\n    readOnlyContext = _ref.readOnly,\n    plaintextContext = _ref.plaintext,\n    onGroupChange = _ref.onChange;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    controlledChecked = props.checked,\n    className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,\n    _props$checkable = props.checkable,\n    checkable = _props$checkable === void 0 ? true : _props$checkable,\n    color = props.color,\n    _props$defaultChecked = props.defaultChecked,\n    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,\n    title = props.title,\n    inputRef = props.inputRef,\n    inputProps = props.inputProps,\n    indeterminate = props.indeterminate,\n    _props$labelClickable = props.labelClickable,\n    labelClickable = _props$labelClickable === void 0 ? true : _props$labelClickable,\n    _props$tabIndex = props.tabIndex,\n    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$inline = props.inline,\n    inline = _props$inline === void 0 ? inlineContext : _props$inline,\n    _props$name = props.name,\n    name = _props$name === void 0 ? nameContext : _props$name,\n    value = props.value,\n    onClick = props.onClick,\n    onCheckboxClick = props.onCheckboxClick,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"checked\", \"className\", \"children\", \"classPrefix\", \"checkable\", \"color\", \"defaultChecked\", \"title\", \"inputRef\", \"inputProps\", \"indeterminate\", \"labelClickable\", \"tabIndex\", \"disabled\", \"readOnly\", \"plaintext\", \"inline\", \"name\", \"value\", \"onClick\", \"onCheckboxClick\", \"onChange\"]);\n  var _useControlled = (0, _utils.useControlled)(controlledChecked, defaultChecked),\n    selfChecked = _useControlled[0],\n    setSelfChecked = _useControlled[1],\n    selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>\n  var checked = (0, _react.useMemo)(function () {\n    var _checkboxGroupContext, _checkboxGroupContext2;\n    if (!checkboxGroupContext) {\n      return selfChecked;\n    }\n\n    // fixme value from group should not be nullable\n    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(function (checkedValue) {\n      return checkedValue === value;\n    })) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;\n  }, [checkboxGroupContext, selfChecked, value]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix(color, {\n    inline: inline,\n    indeterminate: indeterminate,\n    disabled: disabled,\n    checked: checked\n  }));\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(rest),\n    htmlInputProps = _partitionHTMLProps[0],\n    restProps = _partitionHTMLProps[1]; // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled\n  // because its checked state is inferred from group's value, not retrieved from the DOM\n  var controlled = checkboxGroupContext ? true : selfControlled;\n  if (typeof controlled !== 'undefined') {\n    // In uncontrolled situations, use defaultChecked instead of checked\n    htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;\n  }\n  var checkboxRef = (0, _react.useRef)(null);\n  var handleChange = (0, _utils.useEventCallback)(function (event) {\n    var nextChecked = event.target.checked;\n    if (disabled || readOnly) {\n      return;\n    }\n    setSelfChecked(nextChecked);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);\n    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);\n  });\n  var handleLabelClick = (0, _utils.useEventCallback)(function (event) {\n    // Prevent check when label is not clickable\n    if (!labelClickable && event.target !== checkboxRef.current) {\n      event.preventDefault();\n    }\n  });\n  var labelId = (0, _utils.useUniqueId)('label-');\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 219,\n        columnNumber: 9\n      }\n    }), children) : null;\n  }\n  var control = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"control\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 226,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, inputProps, {\n    \"aria-disabled\": disabled,\n    \"aria-checked\": indeterminate ? 'mixed' : checked,\n    \"aria-labelledby\": labelId,\n    name: name,\n    value: value,\n    type: \"checkbox\",\n    ref: (0, _utils.mergeRefs)(checkboxRef, inputRef),\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    disabled: disabled,\n    onClick: onCheckboxClick,\n    onChange: handleChange,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 227,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"inner\"]))),\n    \"aria-hidden\": true,\n    role: \"presentation\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 243,\n      columnNumber: 9\n    }\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 248,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"checker\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 249,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    onClick: handleLabelClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 11\n    }\n  }, checkable ? control : null, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: labelId,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 252,\n      columnNumber: 13\n    }\n  }, children))));\n});\nCheckbox.displayName = 'Checkbox';\nCheckbox.propTypes = {\n  as: _propTypes.default.elementType,\n  checked: _propTypes.default.bool,\n  checkable: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  indeterminate: _propTypes.default.bool,\n  inputProps: _propTypes.default.any,\n  inputRef: _propTypes2.refType,\n  value: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  onCheckboxClick: _propTypes.default.func\n};\nvar _default = Checkbox;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Checkbox/Checkbox.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _CheckboxGroup = __webpack_require__(/*! ../CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Checkbox/Checkbox.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4;\n/**\n * The Checkbox component is used for selecting multiple options from a set.\n * @see https://rsuitejs.com/components/checkbox\n */\nvar Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);\n  var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},\n    inlineContext = _ref.inline,\n    nameContext = _ref.name,\n    disabledContext = _ref.disabled,\n    readOnlyContext = _ref.readOnly,\n    plaintextContext = _ref.plaintext,\n    onGroupChange = _ref.onChange;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    controlledChecked = props.checked,\n    className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,\n    _props$checkable = props.checkable,\n    checkable = _props$checkable === void 0 ? true : _props$checkable,\n    color = props.color,\n    _props$defaultChecked = props.defaultChecked,\n    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,\n    title = props.title,\n    inputRef = props.inputRef,\n    inputProps = props.inputProps,\n    indeterminate = props.indeterminate,\n    _props$labelClickable = props.labelClickable,\n    labelClickable = _props$labelClickable === void 0 ? true : _props$labelClickable,\n    _props$tabIndex = props.tabIndex,\n    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$inline = props.inline,\n    inline = _props$inline === void 0 ? inlineContext : _props$inline,\n    _props$name = props.name,\n    name = _props$name === void 0 ? nameContext : _props$name,\n    value = props.value,\n    onClick = props.onClick,\n    onCheckboxClick = props.onCheckboxClick,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"checked\", \"className\", \"children\", \"classPrefix\", \"checkable\", \"color\", \"defaultChecked\", \"title\", \"inputRef\", \"inputProps\", \"indeterminate\", \"labelClickable\", \"tabIndex\", \"disabled\", \"readOnly\", \"plaintext\", \"inline\", \"name\", \"value\", \"onClick\", \"onCheckboxClick\", \"onChange\"]);\n  var _useControlled = (0, _utils.useControlled)(controlledChecked, defaultChecked),\n    selfChecked = _useControlled[0],\n    setSelfChecked = _useControlled[1],\n    selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>\n  var checked = (0, _react.useMemo)(function () {\n    var _checkboxGroupContext, _checkboxGroupContext2;\n    if (!checkboxGroupContext) {\n      return selfChecked;\n    }\n\n    // fixme value from group should not be nullable\n    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(function (checkedValue) {\n      return checkedValue === value;\n    })) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;\n  }, [checkboxGroupContext, selfChecked, value]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix(color, {\n    inline: inline,\n    indeterminate: indeterminate,\n    disabled: disabled,\n    checked: checked\n  }));\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(rest),\n    htmlInputProps = _partitionHTMLProps[0],\n    restProps = _partitionHTMLProps[1]; // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled\n  // because its checked state is inferred from group's value, not retrieved from the DOM\n  var controlled = checkboxGroupContext ? true : selfControlled;\n  if (typeof controlled !== 'undefined') {\n    // In uncontrolled situations, use defaultChecked instead of checked\n    htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;\n  }\n  var checkboxRef = (0, _react.useRef)(null);\n  var handleChange = (0, _utils.useEventCallback)(function (event) {\n    var nextChecked = event.target.checked;\n    if (disabled || readOnly) {\n      return;\n    }\n    setSelfChecked(nextChecked);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);\n    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);\n  });\n  var handleLabelClick = (0, _utils.useEventCallback)(function (event) {\n    // Prevent check when label is not clickable\n    if (!labelClickable && event.target !== checkboxRef.current) {\n      event.preventDefault();\n    }\n  });\n  var labelId = (0, _utils.useUniqueId)('label-');\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n      ref: ref,\n      className: classes,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 219,\n        columnNumber: 9\n      }\n    }), children) : null;\n  }\n  var control = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"control\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 226,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, inputProps, {\n    \"aria-disabled\": disabled,\n    \"aria-checked\": indeterminate ? 'mixed' : checked,\n    \"aria-labelledby\": labelId,\n    name: name,\n    value: value,\n    type: \"checkbox\",\n    ref: (0, _utils.mergeRefs)(checkboxRef, inputRef),\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    disabled: disabled,\n    onClick: onCheckboxClick,\n    onChange: handleChange,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 227,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"inner\"]))),\n    \"aria-hidden\": true,\n    \"data-testid\": \"checkbox-control-inner\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 243,\n      columnNumber: 9\n    }\n  }));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 248,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"checker\"]))),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 249,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    onClick: handleLabelClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 11\n    }\n  }, checkable ? control : null, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: labelId,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 252,\n      columnNumber: 13\n    }\n  }, children))));\n});\nCheckbox.displayName = 'Checkbox';\nCheckbox.propTypes = {\n  as: _propTypes.default.elementType,\n  checked: _propTypes.default.bool,\n  checkable: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  children: _propTypes.default.node,\n  classPrefix: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  defaultChecked: _propTypes.default.bool,\n  inline: _propTypes.default.bool,\n  indeterminate: _propTypes.default.bool,\n  inputProps: _propTypes.default.any,\n  inputRef: _propTypes2.refType,\n  value: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  onCheckboxClick: _propTypes.default.func\n};\nvar _default = Checkbox;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Checkbox/Checkbox.tsx?");
 
 /***/ }),
 
@@ -6791,7 +6813,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar isElem
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useDateField = exports.DateField = exports.patternMap = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\nvar _wrapNativeSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/wrapNativeSuper */ \"./node_modules/@babel/runtime/helpers/wrapNativeSuper.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateInput/utils.ts\");\nvar patternMap = {\n  y: 'year',\n  M: 'month',\n  d: 'day',\n  H: 'hour',\n  h: 'hour',\n  m: 'minute',\n  s: 'second',\n  a: 'meridian'\n};\nexports.patternMap = patternMap;\nvar DateField = /*#__PURE__*/function (_Object) {\n  (0, _inheritsLoose2.default)(DateField, _Object);\n  function DateField(format, value) {\n    var _this;\n    _this = _Object.call(this) || this;\n    _this.format = void 0;\n    _this.patternArray = [];\n    _this.year = null;\n    _this.month = null;\n    _this.day = null;\n    _this.hour = null;\n    _this.minute = null;\n    _this.second = null;\n    _this.format = format;\n    var formatArray = format.match(new RegExp('([y|d|M|H|h|m|s|a])+', 'ig')) || [];\n    _this.patternArray = formatArray.map(function (pattern) {\n      return {\n        pattern: pattern,\n        key: patternMap[pattern[0]]\n      };\n    });\n    if (value && (0, _isValid.default)(value)) {\n      _this.year = value.getFullYear();\n      _this.month = value.getMonth() + 1;\n      _this.day = value.getDate();\n      _this.hour = value.getHours();\n      _this.minute = value.getMinutes();\n      _this.second = value.getSeconds();\n    }\n    return _this;\n  }\n  return DateField;\n}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));\n/**\n * Pad a number with zeros to the left.\n */\nexports.DateField = DateField;\nfunction padNumber(number, length) {\n  var numberString = String(number);\n  if (numberString.length >= length) {\n    return numberString;\n  }\n  var paddingCount = length - numberString.length;\n  for (var i = 0; i < paddingCount; i++) {\n    numberString = '0' + numberString;\n  }\n  return numberString;\n}\nvar useDateField = function useDateField(format, localize, date) {\n  var _useReducer = (0, _react.useReducer)(function (state, action) {\n      switch (action.type) {\n        case 'setYear':\n          return (0, _extends2.default)({}, state, {\n            year: action.value\n          });\n        case 'setMonth':\n          return (0, _extends2.default)({}, state, {\n            month: action.value\n          });\n        case 'setDay':\n          return (0, _extends2.default)({}, state, {\n            day: action.value\n          });\n        case 'setHour':\n          return (0, _extends2.default)({}, state, {\n            hour: action.value\n          });\n        case 'setMinute':\n          return (0, _extends2.default)({}, state, {\n            minute: action.value\n          });\n        case 'setSecond':\n          return (0, _extends2.default)({}, state, {\n            second: action.value\n          });\n        case 'setNewDate':\n          return new DateField(format, action.value);\n        default:\n          return state;\n      }\n    }, new DateField(format, date)),\n    dateField = _useReducer[0],\n    dispatch = _useReducer[1];\n  var toDateString = function toDateString() {\n    var str = format;\n    dateField.patternArray.forEach(function (item) {\n      var key = item.key,\n        pattern = item.pattern;\n      var hour = dateField.hour;\n      var value = dateField[key];\n      if (value !== null) {\n        if (pattern === 'MMM' && typeof value === 'number') {\n          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {\n            width: 'abbreviated'\n          });\n        } else if (pattern === 'MMMM' && typeof value === 'number') {\n          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {\n            width: 'wide'\n          });\n        } else if (pattern === 'aa') {\n          if (typeof hour === 'number') {\n            value = hour > 12 ? 'PM' : 'AM';\n          } else {\n            value = 'aa';\n          }\n        } else if (pattern === 'hh' && typeof value === 'number') {\n          value = value === 0 ? 12 : value > 12 ? value - 12 : value;\n        }\n        if (typeof value === 'number') {\n          value = padNumber(value, pattern.length);\n        }\n        str = str.replace(pattern, value);\n      }\n    });\n    return str;\n  };\n\n  // Check if the field value is valid.\n  var validFieldValue = function validFieldValue(type, value) {\n    var _format$match;\n    var isValid = true;\n    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 ? void 0 : _format$match.forEach(function (pattern) {\n      var key = patternMap[pattern[0]];\n      var fieldValue = type === key ? value : dateField[key];\n      if (fieldValue === null) {\n        isValid = false;\n        return;\n      }\n    });\n    return isValid;\n  };\n  var isEmptyValue = function isEmptyValue(type, value) {\n    var _format$match2;\n    var checkValueArray = (_format$match2 = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match2 === void 0 ? void 0 : _format$match2.map(function (pattern) {\n      var key = patternMap[pattern[0]];\n      var fieldValue = type === key ? value : dateField[key];\n      return fieldValue !== null;\n    });\n    return checkValueArray === null || checkValueArray === void 0 ? void 0 : checkValueArray.every(function (item) {\n      return item === false;\n    });\n  };\n  var toDate = function toDate(type, value) {\n    var year = dateField.year,\n      month = dateField.month,\n      day = dateField.day,\n      hour = dateField.hour,\n      minute = dateField.minute,\n      second = dateField.second;\n    var date = new Date(year || 0, typeof month === 'number' ? month - 1 : 0,\n    // The default day is 1 when the value is null, otherwise it becomes the last day of the month.\n    day || 1, hour || 0, minute || 0, second || 0);\n    if (typeof type === 'undefined' || typeof value === 'undefined') {\n      return date;\n    }\n    if (value === null || !validFieldValue(type, value)) {\n      if (isEmptyValue(type, value)) {\n        return null;\n      }\n      return new Date('');\n    }\n    if (type === 'meridian' && typeof hour === 'number') {\n      var newHour = hour > 12 ? hour - 12 : hour + 12;\n      type = 'hour';\n      value = newHour;\n    }\n    return (0, _utils.modifyDate)(date, type, value);\n  };\n  return {\n    dateField: dateField,\n    dispatch: dispatch,\n    toDate: toDate,\n    toDateString: toDateString,\n    isEmptyValue: isEmptyValue\n  };\n};\nexports.useDateField = useDateField;\n\n//# sourceURL=webpack://rsuite/./src/DateInput/DateField.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useDateField = exports.DateField = exports.patternMap = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _inheritsLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ \"./node_modules/@babel/runtime/helpers/inheritsLoose.js\"));\nvar _wrapNativeSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/wrapNativeSuper */ \"./node_modules/@babel/runtime/helpers/wrapNativeSuper.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _isValid = _interopRequireDefault(__webpack_require__(/*! date-fns/isValid */ \"./node_modules/date-fns/esm/isValid/index.js\"));\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/DateInput/utils.ts\");\nvar patternMap = {\n  y: 'year',\n  M: 'month',\n  d: 'day',\n  H: 'hour',\n  h: 'hour',\n  m: 'minute',\n  s: 'second',\n  a: 'meridian'\n};\nexports.patternMap = patternMap;\nvar DateField = /*#__PURE__*/function (_Object) {\n  (0, _inheritsLoose2.default)(DateField, _Object);\n  function DateField(format, value) {\n    var _this;\n    _this = _Object.call(this) || this;\n    _this.format = void 0;\n    _this.patternArray = [];\n    _this.year = null;\n    _this.month = null;\n    _this.day = null;\n    _this.hour = null;\n    _this.minute = null;\n    _this.second = null;\n    _this.format = format;\n    var formatArray = format.match(new RegExp('([y|d|M|H|h|m|s|a])+', 'ig')) || [];\n    _this.patternArray = formatArray.map(function (pattern) {\n      return {\n        pattern: pattern,\n        key: patternMap[pattern[0]]\n      };\n    });\n    if (value && (0, _isValid.default)(value)) {\n      _this.year = value.getFullYear();\n      _this.month = value.getMonth() + 1;\n      _this.day = value.getDate();\n      _this.hour = value.getHours();\n      _this.minute = value.getMinutes();\n      _this.second = value.getSeconds();\n    }\n    return _this;\n  }\n  return DateField;\n}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));\n/**\n * Pad a number with zeros to the left.\n */\nexports.DateField = DateField;\nfunction padNumber(number, length) {\n  var numberString = String(number);\n  if (numberString.length >= length) {\n    return numberString;\n  }\n  var paddingCount = length - numberString.length;\n  for (var i = 0; i < paddingCount; i++) {\n    numberString = '0' + numberString;\n  }\n  return numberString;\n}\nvar useDateField = function useDateField(format, localize, date) {\n  var _useReducer = (0, _react.useReducer)(function (state, action) {\n      switch (action.type) {\n        case 'setYear':\n          return (0, _extends2.default)({}, state, {\n            year: action.value\n          });\n        case 'setMonth':\n          return (0, _extends2.default)({}, state, {\n            month: action.value\n          });\n        case 'setDay':\n          return (0, _extends2.default)({}, state, {\n            day: action.value\n          });\n        case 'setHour':\n          return (0, _extends2.default)({}, state, {\n            hour: action.value\n          });\n        case 'setMinute':\n          return (0, _extends2.default)({}, state, {\n            minute: action.value\n          });\n        case 'setSecond':\n          return (0, _extends2.default)({}, state, {\n            second: action.value\n          });\n        case 'setNewDate':\n          return new DateField(format, action.value);\n        default:\n          return state;\n      }\n    }, new DateField(format, date)),\n    dateField = _useReducer[0],\n    dispatch = _useReducer[1];\n  var toDateString = function toDateString() {\n    var str = format;\n    dateField.patternArray.forEach(function (item) {\n      var key = item.key,\n        pattern = item.pattern;\n      var hour = dateField.hour;\n      var value = dateField[key];\n      if (value !== null) {\n        if (pattern === 'MMM' && typeof value === 'number') {\n          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {\n            width: 'abbreviated'\n          });\n        } else if (pattern === 'MMMM' && typeof value === 'number') {\n          value = localize === null || localize === void 0 ? void 0 : localize.month(value - 1, {\n            width: 'wide'\n          });\n        } else if (pattern === 'aa') {\n          if (typeof hour === 'number') {\n            value = hour > 12 ? 'PM' : 'AM';\n          } else {\n            value = 'aa';\n          }\n        } else if (pattern === 'hh' && typeof value === 'number') {\n          value = value === 0 ? 12 : value > 12 ? value - 12 : value;\n        }\n        if (typeof value === 'number') {\n          value = padNumber(value, pattern.length);\n        }\n        str = str.replace(pattern, value);\n      }\n    });\n    return str;\n  };\n\n  // Check if the field value is valid.\n  var validFieldValue = function validFieldValue(type, value) {\n    var _format$match;\n    var isValid = true;\n    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 ? void 0 : _format$match.forEach(function (pattern) {\n      var key = patternMap[pattern[0]];\n      var fieldValue = type === key ? value : dateField[key];\n      if (fieldValue === null) {\n        isValid = false;\n        return;\n      }\n    });\n    return isValid;\n  };\n  var isEmptyValue = function isEmptyValue(type, value) {\n    var _format$match2;\n    var checkValueArray = (_format$match2 = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match2 === void 0 ? void 0 : _format$match2.map(function (pattern) {\n      var key = patternMap[pattern[0]];\n      var fieldValue = type === key ? value : dateField[key];\n      return fieldValue !== null;\n    });\n    return checkValueArray === null || checkValueArray === void 0 ? void 0 : checkValueArray.every(function (item) {\n      return item === false;\n    });\n  };\n  var toDate = function toDate(type, value) {\n    var year = dateField.year,\n      month = dateField.month,\n      day = dateField.day,\n      hour = dateField.hour,\n      minute = dateField.minute,\n      second = dateField.second;\n    var date = new Date(year || 0, typeof month === 'number' ? month - 1 : 0,\n    // The default day is 1 when the value is null, otherwise it becomes the last day of the month.\n    day || 1, hour || 0, minute || 0, second || 0);\n    if (typeof type === 'undefined' || typeof value === 'undefined') {\n      return date;\n    }\n    if (value === null || !validFieldValue(type, value)) {\n      if (isEmptyValue(type, value)) {\n        return null;\n      }\n\n      // Invalid Date\n      return new Date('');\n    } else if (type === 'day' && value === 0) {\n      // Invalid Date. If the type is day and the value is 0, it is considered an invalid date.\n      return new Date('');\n    }\n    if (type === 'meridian' && typeof hour === 'number') {\n      var newHour = hour > 12 ? hour - 12 : hour + 12;\n      type = 'hour';\n      value = newHour;\n    }\n    return (0, _utils.modifyDate)(date, type, value);\n  };\n  return {\n    dateField: dateField,\n    dispatch: dispatch,\n    toDate: toDate,\n    toDateString: toDateString,\n    isEmptyValue: isEmptyValue\n  };\n};\nexports.useDateField = useDateField;\n\n//# sourceURL=webpack://rsuite/./src/DateInput/DateField.ts?");
 
 /***/ }),
 
@@ -7231,7 +7253,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends6 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ./FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormControl = _interopRequireDefault(__webpack_require__(/*! ../FormControl */ \"./src/FormControl/index.tsx\"));\nvar _FormControlLabel = _interopRequireDefault(__webpack_require__(/*! ../FormControlLabel */ \"./src/FormControlLabel/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\"));\nvar _FormHelpText = _interopRequireDefault(__webpack_require__(/*! ../FormHelpText */ \"./src/FormHelpText/index.tsx\"));\nvar _useFormClassNames = __webpack_require__(/*! ./useFormClassNames */ \"./src/Form/useFormClassNames.ts\");\nvar _useSchemaModel2 = _interopRequireDefault(__webpack_require__(/*! ./useSchemaModel */ \"./src/Form/useSchemaModel.ts\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Form/Form.tsx\",\n  _this = void 0;\n/**\n * The `Form` component is a form interface for collecting and validating user input.\n * @see https://rsuitejs.com/components/form\n */\nvar Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$checkTrigger = props.checkTrigger,\n    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,\n    _props$errorFromConte = props.errorFromContext,\n    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,\n    _props$formDefaultVal = props.formDefaultValue,\n    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,\n    formValue = props.formValue,\n    formError = props.formError,\n    fluid = props.fluid,\n    _props$nestedField = props.nestedField,\n    nestedField = _props$nestedField === void 0 ? false : _props$nestedField,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? 'vertical' : _props$layout,\n    _props$model = props.model,\n    formModel = _props$model === void 0 ? (0, _schemaTyped.SchemaModel)({}) : _props$model,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    className = props.className,\n    children = props.children,\n    disabled = props.disabled,\n    onSubmit = props.onSubmit,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"checkTrigger\", \"classPrefix\", \"errorFromContext\", \"formDefaultValue\", \"formValue\", \"formError\", \"fluid\", \"nestedField\", \"layout\", \"model\", \"readOnly\", \"plaintext\", \"className\", \"children\", \"disabled\", \"onSubmit\", \"onCheck\", \"onError\", \"onChange\"]);\n  var _useSchemaModel = (0, _useSchemaModel2.default)(formModel),\n    getCombinedModel = _useSchemaModel.getCombinedModel,\n    pushFieldRule = _useSchemaModel.pushFieldRule,\n    removeFieldRule = _useSchemaModel.removeFieldRule;\n  var classes = (0, _useFormClassNames.useFormClassNames)({\n    classPrefix: classPrefix,\n    className: className,\n    fluid: fluid,\n    layout: layout,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled\n  });\n  var _useControlled = (0, _utils.useControlled)(formValue, formDefaultValue),\n    realFormValue = _useControlled[0],\n    setFormValue = _useControlled[1];\n  var _useControlled2 = (0, _utils.useControlled)(formError, {}),\n    realFormError = _useControlled2[0],\n    setFormError = _useControlled2[1];\n  var realFormValueRef = (0, _react.useRef)(realFormValue);\n  realFormValueRef.current = realFormValue;\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _utils.useEventCallback)(function (callback) {\n    var formValue = realFormValue || {};\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    Object.keys(model.spec).forEach(function (key) {\n      var checkResult = model.checkForField(key, formValue);\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  });\n\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _utils.useEventCallback)(function (fieldName, callback) {\n    var _extends2;\n    var formValue = realFormValue || {};\n    var model = getCombinedModel();\n    var checkResult = model.checkForField(fieldName, formValue);\n    var formError = (0, _extends6.default)({}, realFormError, (_extends2 = {}, _extends2[fieldName] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult, _extends2));\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(checkResult);\n    if (checkResult.hasError) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n    }\n    return !checkResult.hasError;\n  });\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _utils.useEventCallback)(function () {\n    var formValue = realFormValue || {};\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.spec).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  });\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _utils.useEventCallback)(function (fieldName) {\n    var formValue = realFormValue || {};\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, formValue).then(function (checkResult) {\n      var _extends3;\n      var formError = (0, _extends6.default)({}, realFormError, (_extends3 = {}, _extends3[fieldName] = checkResult.errorMessage, _extends3));\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (checkResult.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return checkResult;\n    });\n  });\n  var cleanErrors = (0, _utils.useEventCallback)(function () {\n    setFormError({});\n  });\n  var cleanErrorForField = (0, _utils.useEventCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(realFormError, [fieldName]));\n  });\n  var resetErrors = (0, _utils.useEventCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  });\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      check: check,\n      checkForField: checkForField,\n      checkAsync: checkAsync,\n      checkForFieldAsync: checkForFieldAsync,\n      cleanErrors: cleanErrors,\n      cleanErrorForField: cleanErrorForField,\n      resetErrors: resetErrors\n    };\n  });\n  var removeFieldError = (0, _utils.useEventCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount, it's an old render frame\n     * so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  });\n  var removeFieldValue = (0, _utils.useEventCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount, it's an old render frame\n     * so use Ref to get future value\n     */\n    var formValue = (0, _omit.default)(realFormValueRef.current, [name]);\n    realFormValueRef.current = formValue;\n    setFormValue(formValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);\n  });\n  var handleSubmit = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    var checkStatus = check();\n    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(checkStatus, event);\n  });\n  var handleFieldError = (0, _utils.useEventCallback)(function (name, errorMessage) {\n    var _extends4;\n    var formError = (0, _extends6.default)({}, realFormError, (_extends4 = {}, _extends4[name] = errorMessage, _extends4));\n    setFormError(formError);\n    onError === null || onError === void 0 ? void 0 : onError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  });\n  var handleFieldSuccess = (0, _utils.useEventCallback)(function (name) {\n    removeFieldError(name);\n  });\n  var setFieldValue = function setFieldValue(formValue, fieldName, fieldValue) {\n    var _extends5;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends6.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends6.default)({}, formValue, (_extends5 = {}, _extends5[fieldName] = fieldValue, _extends5));\n  };\n  var handleFieldChange = (0, _utils.useEventCallback)(function (name, value, event) {\n    var nextFormValue = setFieldValue(realFormValue, name, value);\n    setFormValue(nextFormValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);\n  });\n  var rootRef = (0, _react.useRef)(null);\n  var formContextValue = (0, _react.useMemo)(function () {\n    return {\n      getCombinedModel: getCombinedModel,\n      checkTrigger: checkTrigger,\n      errorFromContext: errorFromContext,\n      readOnly: readOnly,\n      plaintext: plaintext,\n      disabled: disabled,\n      formError: realFormError,\n      nestedField: nestedField,\n      removeFieldValue: removeFieldValue,\n      removeFieldError: removeFieldError,\n      pushFieldRule: pushFieldRule,\n      removeFieldRule: removeFieldRule,\n      onFieldChange: handleFieldChange,\n      onFieldError: handleFieldError,\n      onFieldSuccess: handleFieldSuccess\n    };\n  }, [getCombinedModel, checkTrigger, errorFromContext, readOnly, plaintext, disabled, realFormError, nestedField, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);\n  return /*#__PURE__*/_react.default.createElement(\"form\", (0, _extends6.default)({}, rest, {\n    ref: rootRef,\n    onSubmit: handleSubmit,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 420,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_FormContext.default.Provider, {\n    value: formContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 421,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueContext.Provider, {\n    value: realFormValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 422,\n      columnNumber: 9\n    }\n  }, children)));\n});\nForm.Control = _FormControl.default;\nForm.ControlLabel = _FormControlLabel.default;\nForm.ErrorMessage = _FormErrorMessage.default;\nForm.Group = _FormGroup.default;\nForm.HelpText = _FormHelpText.default;\nForm.Control = _FormControl.default;\nForm.displayName = 'Form';\nForm.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  errorFromContext: _propTypes.default.bool,\n  layout: (0, _propTypes2.oneOf)(['horizontal', 'vertical', 'inline']),\n  fluid: _propTypes.default.bool,\n  formValue: _propTypes.default.object,\n  formDefaultValue: _propTypes.default.object,\n  formError: _propTypes.default.object,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  onChange: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  onSubmit: _propTypes.default.func,\n  model: _propTypes.default.any,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  disabled: _propTypes.default.bool\n};\nvar _default = Form;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/Form.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends6 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ./FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormControl = _interopRequireDefault(__webpack_require__(/*! ../FormControl */ \"./src/FormControl/index.tsx\"));\nvar _FormControlLabel = _interopRequireDefault(__webpack_require__(/*! ../FormControlLabel */ \"./src/FormControlLabel/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _FormGroup = _interopRequireDefault(__webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\"));\nvar _FormHelpText = _interopRequireDefault(__webpack_require__(/*! ../FormHelpText */ \"./src/FormHelpText/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _useSchemaModel2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useSchemaModel */ \"./src/Form/hooks/useSchemaModel.ts\"));\nvar _useFormError2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormError */ \"./src/Form/hooks/useFormError.ts\"));\nvar _useFormValue2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormValue */ \"./src/Form/hooks/useFormValue.ts\"));\nvar _useFormClassNames = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormClassNames */ \"./src/Form/hooks/useFormClassNames.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Form/Form.tsx\",\n  _this = void 0;\n/**\n * The `Form` component is a form interface for collecting and validating user input.\n * @see https://rsuitejs.com/components/form\n */\nvar Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$checkTrigger = props.checkTrigger,\n    checkTrigger = _props$checkTrigger === void 0 ? 'change' : _props$checkTrigger,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form' : _props$classPrefix,\n    _props$errorFromConte = props.errorFromContext,\n    errorFromContext = _props$errorFromConte === void 0 ? true : _props$errorFromConte,\n    _props$formDefaultVal = props.formDefaultValue,\n    formDefaultValue = _props$formDefaultVal === void 0 ? {} : _props$formDefaultVal,\n    formValueProp = props.formValue,\n    formErrorProp = props.formError,\n    fluid = props.fluid,\n    _props$nestedField = props.nestedField,\n    nestedField = _props$nestedField === void 0 ? false : _props$nestedField,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? 'vertical' : _props$layout,\n    _props$model = props.model,\n    formModel = _props$model === void 0 ? (0, _schemaTyped.SchemaModel)({}) : _props$model,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    className = props.className,\n    children = props.children,\n    disabled = props.disabled,\n    onSubmit = props.onSubmit,\n    onCheck = props.onCheck,\n    onError = props.onError,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"checkTrigger\", \"classPrefix\", \"errorFromContext\", \"formDefaultValue\", \"formValue\", \"formError\", \"fluid\", \"nestedField\", \"layout\", \"model\", \"readOnly\", \"plaintext\", \"className\", \"children\", \"disabled\", \"onSubmit\", \"onCheck\", \"onError\", \"onChange\"]);\n  var _useSchemaModel = (0, _useSchemaModel2.default)(formModel),\n    getCombinedModel = _useSchemaModel.getCombinedModel,\n    pushFieldRule = _useSchemaModel.pushFieldRule,\n    removeFieldRule = _useSchemaModel.removeFieldRule;\n  var classes = (0, _useFormClassNames.default)({\n    classPrefix: classPrefix,\n    className: className,\n    fluid: fluid,\n    layout: layout,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled\n  });\n  var _useFormValue = (0, _useFormValue2.default)(formValueProp, formDefaultValue),\n    formValue = _useFormValue.formValue,\n    setFormValue = _useFormValue.setFormValue,\n    onRemoveValue = _useFormValue.onRemoveValue;\n  var _useFormError = (0, _useFormError2.default)(formErrorProp),\n    formError = _useFormError.formError,\n    setFormError = _useFormError.setFormError,\n    onRemoveError = _useFormError.onRemoveError;\n  /**\n   * Validate the form data and return a boolean.\n   * The error message after verification is returned in the callback.\n   * @param callback\n   */\n  var check = (0, _utils.useEventCallback)(function (callback) {\n    var formError = {};\n    var errorCount = 0;\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      var checkResult = model.checkForField(key, formValue || {});\n      if (checkResult.hasError === true) {\n        errorCount += 1;\n        formError[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;\n      }\n    });\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n    callback === null || callback === void 0 ? void 0 : callback(formError);\n    if (errorCount > 0) {\n      onError === null || onError === void 0 ? void 0 : onError(formError);\n      return false;\n    }\n    return true;\n  });\n\n  /**\n   * Check the data field\n   * @param fieldName\n   * @param callback\n   */\n  var checkForField = (0, _utils.useEventCallback)(function (fieldName, callback) {\n    var _extends2;\n    var model = getCombinedModel();\n    var checkResult = model.checkForField(fieldName, formValue || {});\n    var nextFormError = (0, _extends6.default)({}, formError, (_extends2 = {}, _extends2[fieldName] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult, _extends2));\n    setFormError(nextFormError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n    callback === null || callback === void 0 ? void 0 : callback(checkResult);\n    if (checkResult.hasError) {\n      onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n    }\n    return !checkResult.hasError;\n  });\n\n  /**\n   * Check form data asynchronously and return a Promise\n   */\n  var checkAsync = (0, _utils.useEventCallback)(function () {\n    var promises = [];\n    var keys = [];\n    var model = getCombinedModel();\n    Object.keys(model.getSchemaSpec()).forEach(function (key) {\n      keys.push(key);\n      promises.push(model.checkForFieldAsync(key, formValue || {}));\n    });\n    return Promise.all(promises).then(function (values) {\n      var formError = {};\n      var errorCount = 0;\n      for (var i = 0; i < values.length; i++) {\n        if (values[i].hasError) {\n          errorCount += 1;\n          formError[keys[i]] = values[i].errorMessage;\n        }\n      }\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n      setFormError(formError);\n      if (errorCount > 0) {\n        onError === null || onError === void 0 ? void 0 : onError(formError);\n      }\n      return {\n        hasError: errorCount > 0,\n        formError: formError\n      };\n    });\n  });\n\n  /**\n   * Asynchronously check form fields and return Promise\n   * @param fieldName\n   */\n  var checkForFieldAsync = (0, _utils.useEventCallback)(function (fieldName) {\n    var model = getCombinedModel();\n    return model.checkForFieldAsync(fieldName, formValue || {}).then(function (checkResult) {\n      var _extends3;\n      var nextFormError = (0, _extends6.default)({}, formError, (_extends3 = {}, _extends3[fieldName] = checkResult.errorMessage, _extends3));\n      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n      setFormError(nextFormError);\n      if (checkResult.hasError) {\n        onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n      }\n      return checkResult;\n    });\n  });\n  var cleanErrors = (0, _utils.useEventCallback)(function () {\n    setFormError({});\n  });\n  var cleanErrorForField = (0, _utils.useEventCallback)(function (fieldName) {\n    setFormError((0, _omit.default)(formError, [fieldName]));\n  });\n  var resetErrors = (0, _utils.useEventCallback)(function (formError) {\n    if (formError === void 0) {\n      formError = {};\n    }\n    setFormError(formError);\n  });\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      check: check,\n      checkForField: checkForField,\n      checkAsync: checkAsync,\n      checkForFieldAsync: checkForFieldAsync,\n      cleanErrors: cleanErrors,\n      cleanErrorForField: cleanErrorForField,\n      resetErrors: resetErrors\n    };\n  });\n  var removeFieldError = (0, _utils.useEventCallback)(function (name) {\n    var formError = onRemoveError(name);\n    setFormError(formError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);\n  });\n  var removeFieldValue = (0, _utils.useEventCallback)(function (name) {\n    var formValue = onRemoveValue(name);\n    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);\n  });\n  var handleSubmit = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || readOnly || plaintext) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    var checkStatus = check();\n    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(checkStatus, event);\n  });\n  var handleFieldError = (0, _utils.useEventCallback)(function (name, errorMessage) {\n    var _extends4;\n    var nextFormError = (0, _extends6.default)({}, formError, (_extends4 = {}, _extends4[name] = errorMessage, _extends4));\n    setFormError(nextFormError);\n    onError === null || onError === void 0 ? void 0 : onError(nextFormError);\n    onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);\n  });\n  var handleFieldSuccess = (0, _utils.useEventCallback)(function (name) {\n    removeFieldError(name);\n  });\n  var setFieldValue = function setFieldValue(formValue, fieldName, fieldValue) {\n    var _extends5;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends6.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends6.default)({}, formValue, (_extends5 = {}, _extends5[fieldName] = fieldValue, _extends5));\n  };\n  var handleFieldChange = (0, _utils.useEventCallback)(function (name, value, event) {\n    var nextFormValue = setFieldValue(formValue, name, value);\n    setFormValue(nextFormValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);\n  });\n  var rootRef = (0, _react.useRef)(null);\n  var formContextValue = (0, _react.useMemo)(function () {\n    return {\n      getCombinedModel: getCombinedModel,\n      checkTrigger: checkTrigger,\n      errorFromContext: errorFromContext,\n      readOnly: readOnly,\n      plaintext: plaintext,\n      disabled: disabled,\n      formError: formError,\n      nestedField: nestedField,\n      removeFieldValue: removeFieldValue,\n      removeFieldError: removeFieldError,\n      pushFieldRule: pushFieldRule,\n      removeFieldRule: removeFieldRule,\n      onFieldChange: handleFieldChange,\n      onFieldError: handleFieldError,\n      onFieldSuccess: handleFieldSuccess\n    };\n  }, [getCombinedModel, checkTrigger, errorFromContext, readOnly, plaintext, disabled, formError, nestedField, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);\n  return /*#__PURE__*/_react.default.createElement(\"form\", (0, _extends6.default)({}, rest, {\n    ref: rootRef,\n    onSubmit: handleSubmit,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 403,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_FormContext.default.Provider, {\n    value: formContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 404,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueContext.Provider, {\n    value: formValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 405,\n      columnNumber: 9\n    }\n  }, children)));\n});\nForm.Control = _FormControl.default;\nForm.ControlLabel = _FormControlLabel.default;\nForm.ErrorMessage = _FormErrorMessage.default;\nForm.Group = _FormGroup.default;\nForm.HelpText = _FormHelpText.default;\nForm.Control = _FormControl.default;\nForm.displayName = 'Form';\nForm.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  errorFromContext: _propTypes.default.bool,\n  layout: (0, _propTypes2.oneOf)(['horizontal', 'vertical', 'inline']),\n  fluid: _propTypes.default.bool,\n  formValue: _propTypes.default.object,\n  formDefaultValue: _propTypes.default.object,\n  formError: _propTypes.default.object,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  onChange: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onCheck: _propTypes.default.func,\n  onSubmit: _propTypes.default.func,\n  model: _propTypes.default.any,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  disabled: _propTypes.default.bool\n};\nvar _default = Form;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/Form.tsx?");
 
 /***/ }),
 
@@ -7246,36 +7268,58 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./src/Form/index.tsx":
-/*!****************************!*\
-  !*** ./src/Form/index.tsx ***!
-  \****************************/
+/***/ "./src/Form/hooks/useFormClassNames.ts":
+/*!*********************************************!*\
+  !*** ./src/Form/hooks/useFormClassNames.ts ***!
+  \*********************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nvar _exportNames = {};\nexports[\"default\"] = void 0;\nvar _Form = _interopRequireDefault(__webpack_require__(/*! ./Form */ \"./src/Form/Form.tsx\"));\nvar _useFormClassNames = __webpack_require__(/*! ./useFormClassNames */ \"./src/Form/useFormClassNames.ts\");\nObject.keys(_useFormClassNames).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _useFormClassNames[key]) return;\n  exports[key] = _useFormClassNames[key];\n});\nvar _default = _Form.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/index.tsx?");
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = useFormClassNames;\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\n/**\n * Take <Form> props and return className for <Form> styles\n */\nfunction useFormClassNames(_ref) {\n  var _ref$classPrefix = _ref.classPrefix,\n    classPrefix = _ref$classPrefix === void 0 ? 'form' : _ref$classPrefix,\n    className = _ref.className,\n    fluid = _ref.fluid,\n    _ref$layout = _ref.layout,\n    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,\n    readOnly = _ref.readOnly,\n    plaintext = _ref.plaintext,\n    disabled = _ref.disabled;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  return merge(className, withClassPrefix(layout, fluid && layout === 'vertical' ? 'fluid' : 'fixed-width', {\n    readonly: readOnly,\n    disabled: disabled,\n    plaintext: plaintext\n  }));\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormClassNames.ts?");
 
 /***/ }),
 
-/***/ "./src/Form/useFormClassNames.ts":
-/*!***************************************!*\
-  !*** ./src/Form/useFormClassNames.ts ***!
-  \***************************************/
+/***/ "./src/Form/hooks/useFormError.ts":
+/*!****************************************!*\
+  !*** ./src/Form/hooks/useFormError.ts ***!
+  \****************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.useFormClassNames = useFormClassNames;\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\n/**\n * Take <Form> props and return className for <Form> styles\n */\nfunction useFormClassNames(_ref) {\n  var _ref$classPrefix = _ref.classPrefix,\n    classPrefix = _ref$classPrefix === void 0 ? 'form' : _ref$classPrefix,\n    className = _ref.className,\n    fluid = _ref.fluid,\n    _ref$layout = _ref.layout,\n    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,\n    readOnly = _ref.readOnly,\n    plaintext = _ref.plaintext,\n    disabled = _ref.disabled;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  return merge(className, withClassPrefix(layout, fluid && layout === 'vertical' ? 'fluid' : 'fixed-width', {\n    readonly: readOnly,\n    disabled: disabled,\n    plaintext: plaintext\n  }));\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/useFormClassNames.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = useFormError;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nfunction useFormError(formError) {\n  var _useControlled = (0, _utils.useControlled)(formError, {}),\n    realFormError = _useControlled[0],\n    setFormError = _useControlled[1];\n  var realFormErrorRef = (0, _react.useRef)(realFormError);\n  realFormErrorRef.current = realFormError;\n  var onRemoveError = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount,\n     * it's an old render frame so use Ref to get future error\n     */\n    var formError = (0, _omit.default)(realFormErrorRef.current, [name]);\n    realFormErrorRef.current = formError;\n    setFormError(formError);\n    return formError;\n  }, [setFormError]);\n  return {\n    formError: realFormError,\n    setFormError: setFormError,\n    onRemoveError: onRemoveError\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormError.ts?");
 
 /***/ }),
 
-/***/ "./src/Form/useSchemaModel.ts":
-/*!************************************!*\
-  !*** ./src/Form/useSchemaModel.ts ***!
-  \************************************/
+/***/ "./src/Form/hooks/useFormValue.ts":
+/*!****************************************!*\
+  !*** ./src/Form/hooks/useFormValue.ts ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = useFormValue;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nfunction useFormValue(controlledValue, formDefaultValue) {\n  var _useControlled = (0, _utils.useControlled)(controlledValue, formDefaultValue),\n    formValue = _useControlled[0],\n    setFormValue = _useControlled[1];\n  var realFormValueRef = (0, _react.useRef)(formValue);\n  realFormValueRef.current = formValue;\n  var onRemoveValue = (0, _react.useCallback)(function (name) {\n    /**\n     * when this function is called when the children component is unmount,\n     * it's an old render frame so use Ref to get future value\n     */\n    var formValue = (0, _omit.default)(realFormValueRef.current, [name]);\n    realFormValueRef.current = formValue;\n    setFormValue(formValue);\n    return formValue;\n  }, [setFormValue]);\n  return {\n    formValue: formValue,\n    setFormValue: setFormValue,\n    onRemoveValue: onRemoveValue\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useFormValue.ts?");
+
+/***/ }),
+
+/***/ "./src/Form/hooks/useSchemaModel.ts":
+/*!******************************************!*\
+  !*** ./src/Form/hooks/useSchemaModel.ts ***!
+  \******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _react = __webpack_require__(/*! react */ \"react\");\nfunction useSchemaModel(formModel) {\n  var subRulesRef = (0, _react.useRef)([]);\n  var pushFieldRule = (0, _react.useCallback)(function (name, fieldRule) {\n    subRulesRef.current.push({\n      name: name,\n      fieldRule: fieldRule\n    });\n  }, []);\n  var removeFieldRule = (0, _react.useCallback)(function (name) {\n    var index = subRulesRef.current.findIndex(function (v) {\n      return v.name === name;\n    });\n    subRulesRef.current.splice(index, 1);\n  }, []);\n  var getCombinedModel = (0, _react.useCallback)(function () {\n    var realSubRules = subRulesRef.current.filter(function (v) {\n      return Boolean(v.fieldRule.current);\n    });\n    return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(realSubRules.map(function (_ref) {\n      var _ref2;\n      var name = _ref.name,\n        fieldRule = _ref.fieldRule;\n      return _ref2 = {}, _ref2[name] = fieldRule.current, _ref2;\n    }).reduce(function (a, b) {\n      return Object.assign(a, b);\n    }, {})));\n  }, [formModel]);\n  return {\n    getCombinedModel: getCombinedModel,\n    pushFieldRule: pushFieldRule,\n    removeFieldRule: removeFieldRule\n  };\n}\nvar _default = useSchemaModel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/hooks/useSchemaModel.ts?");
+
+/***/ }),
+
+/***/ "./src/Form/index.tsx":
+/*!****************************!*\
+  !*** ./src/Form/index.tsx ***!
+  \****************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schemaTyped = __webpack_require__(/*! schema-typed */ \"./node_modules/schema-typed/es/index.js\");\nvar _react = __webpack_require__(/*! react */ \"react\");\nfunction useSchemaModel(formModel) {\n  var subRulesRef = (0, _react.useRef)([]);\n  var pushFieldRule = (0, _react.useCallback)(function (name, fieldRule) {\n    subRulesRef.current.push({\n      name: name,\n      fieldRule: fieldRule\n    });\n  }, []);\n  var removeFieldRule = (0, _react.useCallback)(function (name) {\n    var index = subRulesRef.current.findIndex(function (v) {\n      return v.name === name;\n    });\n    subRulesRef.current.splice(index, 1);\n  }, []);\n  var getCombinedModel = (0, _react.useCallback)(function () {\n    var realSubRules = subRulesRef.current.filter(function (v) {\n      return Boolean(v.fieldRule.current);\n    });\n    return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(realSubRules.map(function (_ref) {\n      var _ref2;\n      var name = _ref.name,\n        fieldRule = _ref.fieldRule;\n      return _ref2 = {}, _ref2[name] = fieldRule.current, _ref2;\n    }).reduce(function (a, b) {\n      return Object.assign(a, b);\n    }, {})));\n  }, [formModel]);\n  return {\n    getCombinedModel: getCombinedModel,\n    pushFieldRule: pushFieldRule,\n    removeFieldRule: removeFieldRule\n  };\n}\nvar _default = useSchemaModel;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/useSchemaModel.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.useFormClassNames = void 0;\nvar _Form = _interopRequireDefault(__webpack_require__(/*! ./Form */ \"./src/Form/Form.tsx\"));\nvar _useFormClassNames = _interopRequireDefault(__webpack_require__(/*! ./hooks/useFormClassNames */ \"./src/Form/hooks/useFormClassNames.ts\"));\nexports.useFormClassNames = _useFormClassNames.default;\nvar _default = _Form.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Form/index.tsx?");
 
 /***/ }),
 
@@ -7286,7 +7330,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _schem
 /***/ (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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _useRegisterModel = _interopRequireDefault(__webpack_require__(/*! ./useRegisterModel */ \"./src/FormControl/useRegisterModel.ts\"));\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ../Toggle */ \"./src/Toggle/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormControl/FormControl.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * Props that FormControl passes to its accepter\n */\n\n/**\n * The `<Form.Control>` component is used to wrap the components that need to be validated.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _accepterProps;\n  var _useContext = (0, _react.useContext)(_FormContext.default),\n    readOnlyContext = _useContext.readOnly,\n    plaintextContext = _useContext.plaintext,\n    disabledContext = _useContext.disabled,\n    errorFromContext = _useContext.errorFromContext,\n    formError = _useContext.formError,\n    nestedField = _useContext.nestedField,\n    removeFieldValue = _useContext.removeFieldValue,\n    removeFieldError = _useContext.removeFieldError,\n    pushFieldRule = _useContext.pushFieldRule,\n    removeFieldRule = _useContext.removeFieldRule,\n    onFieldChange = _useContext.onFieldChange,\n    onFieldError = _useContext.onFieldError,\n    onFieldSuccess = _useContext.onFieldSuccess,\n    getCombinedModel = _useContext.getCombinedModel,\n    contextCheckTrigger = _useContext.checkTrigger;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$accepter = props.accepter,\n    AccepterComponent = _props$accepter === void 0 ? _Input.default : _props$accepter,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-control' : _props$classPrefix,\n    checkAsync = props.checkAsync,\n    checkTrigger = props.checkTrigger,\n    _props$errorPlacement = props.errorPlacement,\n    errorPlacement = _props$errorPlacement === void 0 ? 'bottomStart' : _props$errorPlacement,\n    errorMessage = props.errorMessage,\n    name = props.name,\n    value = props.value,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    onChange = props.onChange,\n    onBlur = props.onBlur,\n    defaultValue = props.defaultValue,\n    _props$shouldResetWit = props.shouldResetWithUnmount,\n    shouldResetWithUnmount = _props$shouldResetWit === void 0 ? false : _props$shouldResetWit,\n    rule = props.rule,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"accepter\", \"classPrefix\", \"checkAsync\", \"checkTrigger\", \"errorPlacement\", \"errorMessage\", \"name\", \"value\", \"readOnly\", \"plaintext\", \"disabled\", \"onChange\", \"onBlur\", \"defaultValue\", \"shouldResetWithUnmount\", \"rule\"]);\n  var _useContext2 = (0, _react.useContext)(_FormGroup.FormGroupContext),\n    controlId = _useContext2.controlId;\n  if (!onFieldChange) {\n    throw new Error(\"\\n      <FormControl> must be inside a component decorated with <Form>.\\n      And need to update React to 16.6.0 +.\\n    \");\n  }\n  (0, _useRegisterModel.default)(name, pushFieldRule, removeFieldRule, rule);\n  (0, _utils.useWillUnmount)(function () {\n    if (shouldResetWithUnmount) {\n      removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);\n      removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);\n    }\n  });\n  var trigger = checkTrigger || contextCheckTrigger;\n  var formValue = (0, _react.useContext)(_FormContext.FormValueContext);\n  var getFieldValue = function getFieldValue(fieldName) {\n    if (!(0, _isUndefined.default)(value)) {\n      return value;\n    }\n    return nestedField ? (0, _get.default)(formValue, fieldName) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  };\n  var setFieldValue = function setFieldValue(fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  };\n  var getFieldError = function getFieldError(fieldName) {\n    if (nestedField) {\n      var _name = fieldName.includes('.') ? fieldName.replace('.', '.object.') + '.errorMessage' : fieldName;\n      return (0, _get.default)(formError, _name);\n    }\n    return formError === null || formError === void 0 ? void 0 : formError[fieldName];\n  };\n  var fieldValue = getFieldValue(name);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = withClassPrefix('wrapper');\n  var handleFieldChange = (0, _utils.useEventCallback)(function (value, event) {\n    handleFieldCheck(value, trigger === 'change');\n    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  });\n  var handleFieldBlur = (0, _utils.useEventCallback)(function (event) {\n    handleFieldCheck(fieldValue, trigger === 'blur');\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  });\n  var handleFieldCheck = (0, _utils.useEventCallback)(function (value, isCheckTrigger) {\n    var checkFieldName = nestedField ? name.split('.')[0] : name;\n    var callbackEvents = function callbackEvents(checkResult) {\n      // The relevant event is triggered only when the inspection is allowed.\n      if (isCheckTrigger) {\n        if (checkResult.hasError) {\n          onFieldError === null || onFieldError === void 0 ? void 0 : onFieldError(checkFieldName, (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult);\n        } else {\n          onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(checkFieldName);\n        }\n      }\n      return checkResult;\n    };\n    var nextFormValue = setFieldValue(name, value);\n    var model = getCombinedModel();\n    if (checkAsync) {\n      return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(checkFieldName, nextFormValue).then(function (checkResult) {\n        return callbackEvents(checkResult);\n      });\n    }\n    return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(checkFieldName, nextFormValue)));\n  });\n  var messageNode = null;\n  if (!(0, _isUndefined.default)(errorMessage)) {\n    messageNode = errorMessage;\n  } else if (errorFromContext) {\n    var fieldError = getFieldError(name);\n    if (typeof fieldError === 'string' || !(fieldError !== null && fieldError !== void 0 && fieldError.array) && !(fieldError !== null && fieldError !== void 0 && fieldError.object) && fieldError !== null && fieldError !== void 0 && fieldError.hasError) {\n      messageNode = fieldError;\n    }\n  }\n  var ariaDescribedby = controlId ? controlId + \"-help-text\" : null;\n  var fieldHasError = Boolean(messageNode);\n  var ariaErrormessage = fieldHasError && controlId ? controlId + \"-error-message\" : undefined;\n  var valueKey = 'value';\n\n  // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.\n  if (AccepterComponent === _Toggle.default) {\n    valueKey = 'checked';\n  }\n  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = fieldValue === undefined ? defaultValue : fieldValue, _accepterProps);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    ref: ref,\n    \"data-testid\": \"form-control-wrapper\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(AccepterComponent, (0, _extends3.default)({\n    id: controlId,\n    \"aria-labelledby\": controlId ? controlId + \"-control-label\" : null,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-invalid\": fieldHasError || undefined,\n    \"aria-errormessage\": ariaErrormessage\n  }, accepterProps, rest, {\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled,\n    name: name,\n    onChange: handleFieldChange,\n    onBlur: handleFieldBlur,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 251,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {\n    id: controlId ? controlId + \"-error-message\" : undefined,\n    role: \"alert\",\n    \"aria-relevant\": \"all\",\n    show: !!messageNode,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"message-wrapper\"]))),\n    placement: errorPlacement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 267,\n      columnNumber: 7\n    }\n  }, messageNode));\n});\nFormControl.displayName = 'FormControl';\nFormControl.propTypes = {\n  name: _propTypes.default.string.isRequired,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  checkAsync: _propTypes.default.bool,\n  accepter: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  errorMessage: _propTypes.default.node,\n  errorPlacement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),\n  value: _propTypes.default.any\n};\nvar _default = FormControl;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/FormControl.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _set = _interopRequireDefault(__webpack_require__(/*! lodash/set */ \"./node_modules/lodash/set.js\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _FormErrorMessage = _interopRequireDefault(__webpack_require__(/*! ../FormErrorMessage */ \"./src/FormErrorMessage/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _FormContext = _interopRequireWildcard(__webpack_require__(/*! ../Form/FormContext */ \"./src/Form/FormContext.tsx\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _useRegisterModel = _interopRequireDefault(__webpack_require__(/*! ./useRegisterModel */ \"./src/FormControl/useRegisterModel.ts\"));\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ../Toggle */ \"./src/Toggle/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/FormControl/FormControl.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * Props that FormControl passes to its accepter\n */\n\n/**\n * The `<Form.Control>` component is used to wrap the components that need to be validated.\n * @see https://rsuitejs.com/components/form/\n */\nvar FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _accepterProps;\n  var _useContext = (0, _react.useContext)(_FormContext.default),\n    readOnlyContext = _useContext.readOnly,\n    plaintextContext = _useContext.plaintext,\n    disabledContext = _useContext.disabled,\n    errorFromContext = _useContext.errorFromContext,\n    formError = _useContext.formError,\n    nestedField = _useContext.nestedField,\n    removeFieldValue = _useContext.removeFieldValue,\n    removeFieldError = _useContext.removeFieldError,\n    pushFieldRule = _useContext.pushFieldRule,\n    removeFieldRule = _useContext.removeFieldRule,\n    onFieldChange = _useContext.onFieldChange,\n    onFieldError = _useContext.onFieldError,\n    onFieldSuccess = _useContext.onFieldSuccess,\n    getCombinedModel = _useContext.getCombinedModel,\n    contextCheckTrigger = _useContext.checkTrigger;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$accepter = props.accepter,\n    AccepterComponent = _props$accepter === void 0 ? _Input.default : _props$accepter,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'form-control' : _props$classPrefix,\n    checkAsync = props.checkAsync,\n    checkTrigger = props.checkTrigger,\n    _props$errorPlacement = props.errorPlacement,\n    errorPlacement = _props$errorPlacement === void 0 ? 'bottomStart' : _props$errorPlacement,\n    errorMessage = props.errorMessage,\n    name = props.name,\n    value = props.value,\n    _props$readOnly = props.readOnly,\n    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,\n    _props$plaintext = props.plaintext,\n    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,\n    _props$disabled = props.disabled,\n    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,\n    onChange = props.onChange,\n    onBlur = props.onBlur,\n    defaultValue = props.defaultValue,\n    _props$shouldResetWit = props.shouldResetWithUnmount,\n    shouldResetWithUnmount = _props$shouldResetWit === void 0 ? false : _props$shouldResetWit,\n    rule = props.rule,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"accepter\", \"classPrefix\", \"checkAsync\", \"checkTrigger\", \"errorPlacement\", \"errorMessage\", \"name\", \"value\", \"readOnly\", \"plaintext\", \"disabled\", \"onChange\", \"onBlur\", \"defaultValue\", \"shouldResetWithUnmount\", \"rule\"]);\n  var _useContext2 = (0, _react.useContext)(_FormGroup.FormGroupContext),\n    controlId = _useContext2.controlId;\n  if (!onFieldChange) {\n    throw new Error(\"\\n      <FormControl> must be inside a component decorated with <Form>.\\n      And need to update React to 16.6.0 +.\\n    \");\n  }\n  (0, _useRegisterModel.default)(name, pushFieldRule, removeFieldRule, rule);\n  (0, _utils.useWillUnmount)(function () {\n    if (shouldResetWithUnmount) {\n      removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);\n      removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);\n    }\n  });\n  var trigger = checkTrigger || contextCheckTrigger;\n  var formValue = (0, _react.useContext)(_FormContext.FormValueContext);\n  var getFieldValue = function getFieldValue(fieldName) {\n    if (!(0, _isUndefined.default)(value)) {\n      return value;\n    }\n    return nestedField ? (0, _get.default)(formValue, fieldName) : formValue === null || formValue === void 0 ? void 0 : formValue[name];\n  };\n  var setFieldValue = function setFieldValue(fieldName, fieldValue) {\n    var _extends2;\n    if (nestedField) {\n      return (0, _set.default)((0, _extends3.default)({}, formValue), fieldName, fieldValue);\n    }\n    return (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[fieldName] = fieldValue, _extends2));\n  };\n  var getFieldError = function getFieldError(fieldName) {\n    if (nestedField) {\n      var _name = fieldName.includes('.') ? fieldName.replace('.', '.object.') + '.errorMessage' : fieldName;\n      return (0, _get.default)(formError, _name);\n    }\n    return formError === null || formError === void 0 ? void 0 : formError[fieldName];\n  };\n  var fieldValue = getFieldValue(name);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var classes = withClassPrefix('wrapper');\n  var handleFieldChange = (0, _utils.useEventCallback)(function (value, event) {\n    handleFieldCheck(value, trigger === 'change');\n    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  });\n  var handleFieldBlur = (0, _utils.useEventCallback)(function (event) {\n    handleFieldCheck(fieldValue, trigger === 'blur');\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  });\n  var handleFieldCheck = (0, _utils.useEventCallback)(function (value, isCheckTrigger) {\n    var checkFieldName = nestedField ? name.split('.')[0] : name;\n    var callbackEvents = function callbackEvents(checkResult) {\n      // The relevant event is triggered only when the inspection is allowed.\n      if (isCheckTrigger) {\n        if (checkResult.hasError) {\n          onFieldError === null || onFieldError === void 0 ? void 0 : onFieldError(checkFieldName, (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult);\n        } else {\n          onFieldSuccess === null || onFieldSuccess === void 0 ? void 0 : onFieldSuccess(checkFieldName);\n        }\n      }\n      return checkResult;\n    };\n    var nextFormValue = setFieldValue(name, value);\n    var model = getCombinedModel();\n    if (checkAsync) {\n      return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(checkFieldName, nextFormValue).then(function (checkResult) {\n        return callbackEvents(checkResult);\n      });\n    }\n    return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(checkFieldName, nextFormValue)));\n  });\n  var messageNode = null;\n  if (!(0, _isUndefined.default)(errorMessage)) {\n    messageNode = errorMessage;\n  } else if (errorFromContext) {\n    var fieldError = getFieldError(name);\n    if (typeof fieldError === 'string' || !(fieldError !== null && fieldError !== void 0 && fieldError.array) && !(fieldError !== null && fieldError !== void 0 && fieldError.object) && fieldError !== null && fieldError !== void 0 && fieldError.hasError) {\n      messageNode = fieldError;\n    }\n  }\n  var ariaDescribedby = controlId ? controlId + \"-help-text\" : null;\n  var fieldHasError = Boolean(messageNode);\n  var ariaErrormessage = fieldHasError && controlId ? controlId + \"-error-message\" : undefined;\n  var valueKey = 'value';\n\n  // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.\n  if (AccepterComponent === _Toggle.default) {\n    valueKey = 'checked';\n  }\n  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = fieldValue === undefined ? defaultValue : fieldValue, _accepterProps);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    ref: ref,\n    \"data-testid\": \"form-control-wrapper\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 250,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(AccepterComponent, (0, _extends3.default)({\n    id: controlId,\n    \"aria-labelledby\": controlId ? controlId + \"-control-label\" : null,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-invalid\": fieldHasError || undefined,\n    \"aria-errormessage\": ariaErrormessage\n  }, accepterProps, rest, {\n    readOnly: readOnly,\n    plaintext: plaintext,\n    disabled: disabled,\n    name: name,\n    onChange: handleFieldChange,\n    onBlur: handleFieldBlur,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 251,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {\n    id: controlId ? controlId + \"-error-message\" : undefined,\n    role: \"alert\",\n    \"aria-relevant\": \"all\",\n    show: fieldHasError,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"message-wrapper\"]))),\n    placement: errorPlacement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 267,\n      columnNumber: 7\n    }\n  }, messageNode));\n});\nFormControl.displayName = 'FormControl';\nFormControl.propTypes = {\n  name: _propTypes.default.string.isRequired,\n  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),\n  checkAsync: _propTypes.default.bool,\n  accepter: _propTypes.default.any,\n  onChange: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  classPrefix: _propTypes.default.string,\n  errorMessage: _propTypes.default.node,\n  errorPlacement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),\n  value: _propTypes.default.any\n};\nvar _default = FormControl;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/FormControl/FormControl.tsx?");
 
 /***/ }),
 
@@ -7957,7 +8001,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\nvar _getAnimationEnd = _interopRequireDefault(__webpack_require__(/*! dom-lib/getAnimationEnd */ \"./node_modules/dom-lib/esm/getAnimationEnd.js\"));\nvar _Modal = _interopRequireWildcard(__webpack_require__(/*! ../internals/Overlay/Modal */ \"./src/internals/Overlay/Modal.tsx\"));\nvar _Bounce = _interopRequireDefault(__webpack_require__(/*! ../Animation/Bounce */ \"./src/Animation/Bounce.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _ModalDialog = _interopRequireWildcard(__webpack_require__(/*! ./ModalDialog */ \"./src/Modal/ModalDialog.tsx\"));\nvar _ModalContext = __webpack_require__(/*! ./ModalContext */ \"./src/Modal/ModalContext.ts\");\nvar _ModalBody = _interopRequireDefault(__webpack_require__(/*! ./ModalBody */ \"./src/Modal/ModalBody.tsx\"));\nvar _ModalHeader = _interopRequireDefault(__webpack_require__(/*! ./ModalHeader */ \"./src/Modal/ModalHeader.tsx\"));\nvar _ModalTitle = _interopRequireDefault(__webpack_require__(/*! ./ModalTitle */ \"./src/Modal/ModalTitle.tsx\"));\nvar _ModalFooter = _interopRequireDefault(__webpack_require__(/*! ./ModalFooter */ \"./src/Modal/ModalFooter.tsx\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Modal/utils.ts\");\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _DrawerContext = _interopRequireDefault(__webpack_require__(/*! ../Drawer/DrawerContext */ \"./src/Drawer/DrawerContext.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/Modal.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2;\nvar modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];\n/**\n * The `Modal` component is used to show content in a layer above the app.\n * @see https://rsuitejs.com/components/modal\n */\nvar Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _prefix;\n  var className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,\n    dialogClassName = props.dialogClassName,\n    backdropClassName = props.backdropClassName,\n    _props$backdrop = props.backdrop,\n    backdrop = _props$backdrop === void 0 ? true : _props$backdrop,\n    dialogStyle = props.dialogStyle,\n    _props$animation = props.animation,\n    animation = _props$animation === void 0 ? _Bounce.default : _props$animation,\n    open = props.open,\n    _props$size = props.size,\n    size = _props$size === void 0 ? 'sm' : _props$size,\n    full = props.full,\n    _props$dialogAs = props.dialogAs,\n    Dialog = _props$dialogAs === void 0 ? _ModalDialog.default : _props$dialogAs,\n    animationProps = props.animationProps,\n    _props$animationTimeo = props.animationTimeout,\n    animationTimeout = _props$animationTimeo === void 0 ? 300 : _props$animationTimeo,\n    _props$overflow = props.overflow,\n    overflow = _props$overflow === void 0 ? true : _props$overflow,\n    onClose = props.onClose,\n    onEntered = props.onEntered,\n    onEntering = props.onEntering,\n    onExited = props.onExited,\n    _props$role = props.role,\n    role = _props$role === void 0 ? 'dialog' : _props$role,\n    idProp = props.id,\n    ariaLabelledby = props['aria-labelledby'],\n    ariaDescribedby = props['aria-describedby'],\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"children\", \"classPrefix\", \"dialogClassName\", \"backdropClassName\", \"backdrop\", \"dialogStyle\", \"animation\", \"open\", \"size\", \"full\", \"dialogAs\", \"animationProps\", \"animationTimeout\", \"overflow\", \"onClose\", \"onEntered\", \"onEntering\", \"onExited\", \"role\", \"id\", \"aria-labelledby\", \"aria-describedby\"]);\n  var inClass = {\n    in: open && !animation\n  };\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useState = (0, _react.useState)(false),\n    shake = _useState[0],\n    setShake = _useState[1];\n  var classes = merge(className, prefix((_prefix = {\n    full: full\n  }, _prefix[size] = modalSizes.includes(size), _prefix)));\n  var dialogRef = (0, _react.useRef)(null);\n  var transitionEndListener = (0, _react.useRef)();\n\n  // Render Modal as Drawer\n  var _ref = (0, _react.useContext)(_DrawerContext.default) || {},\n    _ref$isDrawer = _ref.isDrawer,\n    isDrawer = _ref$isDrawer === void 0 ? false : _ref$isDrawer; // The style of the Modal body will be updated with the size of the window or container.\n  var _useBodyStyles = (0, _utils2.useBodyStyles)(dialogRef, {\n      overflow: overflow,\n      drawer: isDrawer,\n      prefix: prefix,\n      size: size\n    }),\n    bodyStyles = _useBodyStyles[0],\n    onChangeBodyStyles = _useBodyStyles[1],\n    onDestroyEvents = _useBodyStyles[2];\n  var dialogId = (0, _useUniqueId.default)('dialog-', idProp);\n  var modalContextValue = (0, _react.useMemo)(function () {\n    return {\n      dialogId: dialogId,\n      onModalClose: onClose,\n      getBodyStyles: function getBodyStyles() {\n        return bodyStyles;\n      }\n    };\n  }, [dialogId, onClose, bodyStyles]);\n  var handleExited = (0, _react.useCallback)(function (node) {\n    var _transitionEndListene;\n    onExited === null || onExited === void 0 ? void 0 : onExited(node);\n    onDestroyEvents();\n    (_transitionEndListene = transitionEndListener.current) === null || _transitionEndListene === void 0 ? void 0 : _transitionEndListene.off();\n    transitionEndListener.current = null;\n  }, [onDestroyEvents, onExited]);\n  var handleEntered = (0, _react.useCallback)(function (node) {\n    onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);\n    onChangeBodyStyles();\n  }, [onChangeBodyStyles, onEntered]);\n  var handleEntering = (0, _react.useCallback)(function (node) {\n    onEntering === null || onEntering === void 0 ? void 0 : onEntering(node);\n    onChangeBodyStyles(true);\n  }, [onChangeBodyStyles, onEntering]);\n  var backdropClick = _react.default.useRef();\n  var handleMouseDown = (0, _react.useCallback)(function (event) {\n    backdropClick.current = event.target === event.currentTarget;\n  }, []);\n  var handleBackdropClick = (0, _react.useCallback)(function (event) {\n    // Ignore click events from non-backdrop.\n    // fix: https://github.com/rsuite/rsuite/issues/3394\n    if (!backdropClick.current) {\n      return;\n    }\n\n    // Ignore click events from dialog.\n    if (event.target === dialogRef.current) {\n      return;\n    }\n\n    // Ignore click events from dialog children.\n    if (event.target !== event.currentTarget) {\n      return;\n    }\n\n    // When the value of `backdrop` is `static`, a jitter animation will be added to the dialog when clicked.\n    if (backdrop === 'static') {\n      setShake(true);\n      if (!transitionEndListener.current && dialogRef.current) {\n        //fix: https://github.com/rsuite/rsuite/blob/a93d13c14fb20cc58204babe3331d3c3da3fe1fd/src/Modal/styles/index.less#L59\n        transitionEndListener.current = (0, _on.default)(dialogRef.current, (0, _getAnimationEnd.default)(), function () {\n          setShake(false);\n        });\n      }\n      return;\n    }\n    onClose === null || onClose === void 0 ? void 0 : onClose(event);\n  }, [backdrop, onClose]);\n  (0, _utils.useWillUnmount)(function () {\n    var _transitionEndListene2;\n    (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 ? void 0 : _transitionEndListene2.off();\n  });\n  var sizeKey = 'width';\n  if (isDrawer) {\n    var _ref2 = animationProps || {},\n      placement = _ref2.placement; // The width or height of the drawer depends on the placement.\n    sizeKey = placement === 'top' || placement === 'bottom' ? 'height' : 'width';\n  }\n  return /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, {\n    value: modalContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 203,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    backdrop: backdrop,\n    open: open,\n    onClose: onClose,\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"wrapper\"]))),\n    onEntered: handleEntered,\n    onEntering: handleEntering,\n    onExited: handleExited,\n    backdropClassName: merge(prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"backdrop\"]))), backdropClassName, inClass),\n    containerClassName: prefix({\n      open: open,\n      'has-backdrop': backdrop\n    }),\n    transition: animation ? animation : undefined,\n    animationProps: animationProps,\n    dialogTransitionTimeout: animationTimeout,\n    backdropTransitionTimeout: 150,\n    onClick: backdrop ? handleBackdropClick : undefined,\n    onMouseDown: handleMouseDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 204,\n      columnNumber: 7\n    }\n  }), function (transitionProps, transitionRef) {\n    var _ref3;\n    var transitionClassName = transitionProps.className,\n      transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n    return /*#__PURE__*/_react.default.createElement(Dialog, (0, _extends2.default)({\n      role: role,\n      id: dialogId,\n      \"aria-labelledby\": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : dialogId + \"-title\",\n      \"aria-describedby\": ariaDescribedby,\n      style: (_ref3 = {}, _ref3[sizeKey] = modalSizes.includes(size) ? undefined : size, _ref3)\n    }, transitionRest, (0, _pick.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {\n      ref: (0, _utils.mergeRefs)(dialogRef, transitionRef),\n      classPrefix: classPrefix,\n      className: merge(classes, transitionClassName, prefix({\n        shake: shake\n      })),\n      dialogClassName: dialogClassName,\n      dialogStyle: dialogStyle,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 226,\n        columnNumber: 13\n      }\n    }), children);\n  }));\n});\nModal.Body = _ModalBody.default;\nModal.Header = _ModalHeader.default;\nModal.Title = _ModalTitle.default;\nModal.Footer = _ModalFooter.default;\nModal.Dialog = _ModalDialog.default;\nModal.displayName = 'Modal';\nModal.propTypes = (0, _extends2.default)({}, _Modal.modalPropTypes, {\n  animation: _propTypes.default.any,\n  animationTimeout: _propTypes.default.number,\n  classPrefix: _propTypes.default.string,\n  dialogClassName: _propTypes.default.string,\n  size: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(modalSizes), _propTypes.default.number, _propTypes.default.string]),\n  dialogStyle: _propTypes.default.object,\n  dialogAs: _propTypes.default.elementType,\n  full: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use size=\"full\" instead.'),\n  overflow: _propTypes.default.bool\n});\nvar _default = Modal;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/Modal.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\nvar _getAnimationEnd = _interopRequireDefault(__webpack_require__(/*! dom-lib/getAnimationEnd */ \"./node_modules/dom-lib/esm/getAnimationEnd.js\"));\nvar _Modal = _interopRequireWildcard(__webpack_require__(/*! ../internals/Overlay/Modal */ \"./src/internals/Overlay/Modal.tsx\"));\nvar _Bounce = _interopRequireDefault(__webpack_require__(/*! ../Animation/Bounce */ \"./src/Animation/Bounce.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _ModalDialog = _interopRequireWildcard(__webpack_require__(/*! ./ModalDialog */ \"./src/Modal/ModalDialog.tsx\"));\nvar _ModalContext = __webpack_require__(/*! ./ModalContext */ \"./src/Modal/ModalContext.ts\");\nvar _ModalBody = _interopRequireDefault(__webpack_require__(/*! ./ModalBody */ \"./src/Modal/ModalBody.tsx\"));\nvar _ModalHeader = _interopRequireDefault(__webpack_require__(/*! ./ModalHeader */ \"./src/Modal/ModalHeader.tsx\"));\nvar _ModalTitle = _interopRequireDefault(__webpack_require__(/*! ./ModalTitle */ \"./src/Modal/ModalTitle.tsx\"));\nvar _ModalFooter = _interopRequireDefault(__webpack_require__(/*! ./ModalFooter */ \"./src/Modal/ModalFooter.tsx\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Modal/utils.ts\");\nvar _useUniqueId = _interopRequireDefault(__webpack_require__(/*! ../utils/useUniqueId */ \"./src/utils/useUniqueId.ts\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _DrawerContext = _interopRequireDefault(__webpack_require__(/*! ../Drawer/DrawerContext */ \"./src/Drawer/DrawerContext.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Modal/Modal.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3;\nvar modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];\n/**\n * The `Modal` component is used to show content in a layer above the app.\n * @see https://rsuitejs.com/components/modal\n */\nvar Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _prefix, _merge;\n  var _props$animation = props.animation,\n    animation = _props$animation === void 0 ? _Bounce.default : _props$animation,\n    animationProps = props.animationProps,\n    _props$animationTimeo = props.animationTimeout,\n    animationTimeout = _props$animationTimeo === void 0 ? 300 : _props$animationTimeo,\n    ariaLabelledby = props['aria-labelledby'],\n    ariaDescribedby = props['aria-describedby'],\n    backdropClassName = props.backdropClassName,\n    _props$backdrop = props.backdrop,\n    backdrop = _props$backdrop === void 0 ? true : _props$backdrop,\n    className = props.className,\n    children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,\n    dialogClassName = props.dialogClassName,\n    dialogStyle = props.dialogStyle,\n    _props$dialogAs = props.dialogAs,\n    Dialog = _props$dialogAs === void 0 ? _ModalDialog.default : _props$dialogAs,\n    enforceFocusProp = props.enforceFocus,\n    full = props.full,\n    _props$overflow = props.overflow,\n    overflow = _props$overflow === void 0 ? true : _props$overflow,\n    open = props.open,\n    onClose = props.onClose,\n    onEntered = props.onEntered,\n    onEntering = props.onEntering,\n    onExited = props.onExited,\n    _props$role = props.role,\n    role = _props$role === void 0 ? 'dialog' : _props$role,\n    _props$size = props.size,\n    size = _props$size === void 0 ? 'sm' : _props$size,\n    idProp = props.id,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"animation\", \"animationProps\", \"animationTimeout\", \"aria-labelledby\", \"aria-describedby\", \"backdropClassName\", \"backdrop\", \"className\", \"children\", \"classPrefix\", \"dialogClassName\", \"dialogStyle\", \"dialogAs\", \"enforceFocus\", \"full\", \"overflow\", \"open\", \"onClose\", \"onEntered\", \"onEntering\", \"onExited\", \"role\", \"size\", \"id\"]);\n  var inClass = {\n    in: open && !animation\n  };\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useState = (0, _react.useState)(false),\n    shake = _useState[0],\n    setShake = _useState[1];\n  var classes = merge(className, prefix((_prefix = {\n    full: full\n  }, _prefix[size] = modalSizes.includes(size), _prefix)));\n  var dialogRef = (0, _react.useRef)(null);\n  var transitionEndListener = (0, _react.useRef)();\n\n  // Render Modal as Drawer\n  var _ref = (0, _react.useContext)(_DrawerContext.default) || {},\n    _ref$isDrawer = _ref.isDrawer,\n    isDrawer = _ref$isDrawer === void 0 ? false : _ref$isDrawer; // The style of the Modal body will be updated with the size of the window or container.\n  var _useBodyStyles = (0, _utils2.useBodyStyles)(dialogRef, {\n      overflow: overflow,\n      drawer: isDrawer,\n      prefix: prefix,\n      size: size\n    }),\n    bodyStyles = _useBodyStyles[0],\n    onChangeBodyStyles = _useBodyStyles[1],\n    onDestroyEvents = _useBodyStyles[2];\n  var dialogId = (0, _useUniqueId.default)('dialog-', idProp);\n  var modalContextValue = (0, _react.useMemo)(function () {\n    return {\n      dialogId: dialogId,\n      onModalClose: onClose,\n      getBodyStyles: function getBodyStyles() {\n        return bodyStyles;\n      }\n    };\n  }, [dialogId, onClose, bodyStyles]);\n  var handleExited = (0, _react.useCallback)(function (node) {\n    var _transitionEndListene;\n    onExited === null || onExited === void 0 ? void 0 : onExited(node);\n    onDestroyEvents();\n    (_transitionEndListene = transitionEndListener.current) === null || _transitionEndListene === void 0 ? void 0 : _transitionEndListene.off();\n    transitionEndListener.current = null;\n  }, [onDestroyEvents, onExited]);\n  var handleEntered = (0, _react.useCallback)(function (node) {\n    onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);\n    onChangeBodyStyles();\n  }, [onChangeBodyStyles, onEntered]);\n  var handleEntering = (0, _react.useCallback)(function (node) {\n    onEntering === null || onEntering === void 0 ? void 0 : onEntering(node);\n    onChangeBodyStyles(true);\n  }, [onChangeBodyStyles, onEntering]);\n  var backdropClick = _react.default.useRef();\n  var handleMouseDown = (0, _react.useCallback)(function (event) {\n    backdropClick.current = event.target === event.currentTarget;\n  }, []);\n  var handleBackdropClick = (0, _react.useCallback)(function (event) {\n    // Ignore click events from non-backdrop.\n    // fix: https://github.com/rsuite/rsuite/issues/3394\n    if (!backdropClick.current) {\n      return;\n    }\n\n    // Ignore click events from dialog.\n    if (event.target === dialogRef.current) {\n      return;\n    }\n\n    // Ignore click events from dialog children.\n    if (event.target !== event.currentTarget) {\n      return;\n    }\n\n    // When the value of `backdrop` is `static`, a jitter animation will be added to the dialog when clicked.\n    if (backdrop === 'static') {\n      setShake(true);\n      if (!transitionEndListener.current && dialogRef.current) {\n        //fix: https://github.com/rsuite/rsuite/blob/a93d13c14fb20cc58204babe3331d3c3da3fe1fd/src/Modal/styles/index.less#L59\n        transitionEndListener.current = (0, _on.default)(dialogRef.current, (0, _getAnimationEnd.default)(), function () {\n          setShake(false);\n        });\n      }\n      return;\n    }\n    onClose === null || onClose === void 0 ? void 0 : onClose(event);\n  }, [backdrop, onClose]);\n  (0, _utils.useWillUnmount)(function () {\n    var _transitionEndListene2;\n    (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 ? void 0 : _transitionEndListene2.off();\n  });\n  var sizeKey = 'width';\n  if (isDrawer) {\n    var _ref2 = animationProps || {},\n      placement = _ref2.placement; // The width or height of the drawer depends on the placement.\n    sizeKey = placement === 'top' || placement === 'bottom' ? 'height' : 'width';\n  }\n  var enforceFocus = (0, _react.useMemo)(function () {\n    if (typeof enforceFocusProp === 'boolean') {\n      return enforceFocusProp;\n    }\n\n    // When the Drawer is displayed and the backdrop is not displayed, the focus is not restricted.\n    if (isDrawer && backdrop === false) {\n      return false;\n    }\n  }, [backdrop, enforceFocusProp, isDrawer]);\n  var wrapperClassName = merge(prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"wrapper\"]))), (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"no-backdrop\"])))] = backdrop === false, _merge));\n  return /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, {\n    value: modalContextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 219,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({\n    \"data-testid\": isDrawer ? 'drawer-wrapper' : 'modal-wrapper'\n  }, rest, {\n    ref: ref,\n    backdrop: backdrop,\n    enforceFocus: enforceFocus,\n    open: open,\n    onClose: onClose,\n    className: wrapperClassName,\n    onEntered: handleEntered,\n    onEntering: handleEntering,\n    onExited: handleExited,\n    backdropClassName: merge(prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"backdrop\"]))), backdropClassName, inClass),\n    containerClassName: prefix({\n      open: open,\n      'has-backdrop': backdrop\n    }),\n    transition: animation ? animation : undefined,\n    animationProps: animationProps,\n    dialogTransitionTimeout: animationTimeout,\n    backdropTransitionTimeout: 150,\n    onClick: backdrop ? handleBackdropClick : undefined,\n    onMouseDown: handleMouseDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 220,\n      columnNumber: 7\n    }\n  }), function (transitionProps, transitionRef) {\n    var _ref3;\n    var transitionClassName = transitionProps.className,\n      transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, [\"className\"]);\n    return /*#__PURE__*/_react.default.createElement(Dialog, (0, _extends2.default)({\n      role: role,\n      id: dialogId,\n      \"aria-labelledby\": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : dialogId + \"-title\",\n      \"aria-describedby\": ariaDescribedby,\n      style: (_ref3 = {}, _ref3[sizeKey] = modalSizes.includes(size) ? undefined : size, _ref3)\n    }, transitionRest, (0, _pick.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {\n      ref: (0, _utils.mergeRefs)(dialogRef, transitionRef),\n      classPrefix: classPrefix,\n      className: merge(classes, transitionClassName, prefix({\n        shake: shake\n      })),\n      dialogClassName: dialogClassName,\n      dialogStyle: dialogStyle,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 244,\n        columnNumber: 13\n      }\n    }), children);\n  }));\n});\nModal.Body = _ModalBody.default;\nModal.Header = _ModalHeader.default;\nModal.Title = _ModalTitle.default;\nModal.Footer = _ModalFooter.default;\nModal.Dialog = _ModalDialog.default;\nModal.displayName = 'Modal';\nModal.propTypes = (0, _extends2.default)({}, _Modal.modalPropTypes, {\n  animation: _propTypes.default.any,\n  animationTimeout: _propTypes.default.number,\n  classPrefix: _propTypes.default.string,\n  dialogClassName: _propTypes.default.string,\n  size: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(modalSizes), _propTypes.default.number, _propTypes.default.string]),\n  dialogStyle: _propTypes.default.object,\n  dialogAs: _propTypes.default.elementType,\n  full: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use size=\"full\" instead.'),\n  overflow: _propTypes.default.bool\n});\nvar _default = Modal;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Modal/Modal.tsx?");
 
 /***/ }),
 
@@ -8551,7 +8595,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderGraph.tsx\",\n  _this = void 0;\n/**\n * The `Placeholder.Graph` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderGraph = /*#__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    width = props.width,\n    _props$height = props.height,\n    height = _props$height === void 0 ? 200 : _props$height,\n    style = props.style,\n    active = props.active,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"width\", \"height\", \"style\", \"active\", \"classPrefix\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix('graph', {\n    active: active\n  }));\n  var styles = (0, _extends2.default)({\n    width: width || '100%',\n    height: height\n  }, style);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 12\n    }\n  }));\n});\nPlaceholderGraph.displayName = 'PlaceholderGraph';\nPlaceholderGraph.propTypes = {\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  classPrefix: _propTypes.default.string,\n  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderGraph;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderGraph.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderGraph.tsx\",\n  _this = void 0;\n/**\n * The `Placeholder.Graph` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderGraph = /*#__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    width = props.width,\n    _props$height = props.height,\n    height = _props$height === void 0 ? 200 : _props$height,\n    style = props.style,\n    active = props.active,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"width\", \"height\", \"style\", \"active\", \"classPrefix\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix('graph', {\n    active: active\n  }));\n  var styles = (0, _extends2.default)({\n    width: width || '100%',\n    height: height\n  }, style);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 12\n    }\n  }));\n});\nPlaceholderGraph.displayName = 'PlaceholderGraph';\nPlaceholderGraph.propTypes = {\n  className: _propTypes.default.string,\n  style: _propTypes.default.object,\n  classPrefix: _propTypes.default.string,\n  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderGraph;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderGraph.tsx?");
 
 /***/ }),
 
@@ -8562,7 +8606,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderGrid.tsx\",\n  _this = void 0;\n/**\n * The `Placeholder.Grid` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderGrid = /*#__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 ? 'placeholder' : _props$classPrefix,\n    _props$rows = props.rows,\n    rows = _props$rows === void 0 ? 5 : _props$rows,\n    _props$columns = props.columns,\n    columns = _props$columns === void 0 ? 5 : _props$columns,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,\n    _props$rowMargin = props.rowMargin,\n    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,\n    active = props.active,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"rows\", \"columns\", \"rowHeight\", \"rowMargin\", \"active\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix('grid', {\n    active: active\n  }));\n  var colItems = [];\n  var firstRowItemWidth = Math.random() * 30 + 30;\n  var itemWidth = firstRowItemWidth / 2;\n  for (var i = 0; i < columns; i++) {\n    var rowItems = [];\n    for (var j = 0; j < rows; j++) {\n      var widthPercent = Math.random() * 50 + 10; // when first column\n      if (i > 0) {\n        // when other columns\n        widthPercent = j > 0 ? itemWidth : firstRowItemWidth;\n      }\n      rowItems.push( /*#__PURE__*/_react.default.createElement(\"p\", {\n        key: j,\n        style: {\n          width: widthPercent + \"%\",\n          height: rowHeight,\n          marginTop: j > 0 ? rowMargin : undefined\n        },\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 56,\n          columnNumber: 11\n        }\n      }));\n    }\n    colItems.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: i,\n      className: (0, _classnames.default)(prefix('grid-col')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 9\n      }\n    }, rowItems));\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: 73,\n      columnNumber: 7\n    }\n  }), colItems);\n});\nPlaceholderGrid.displayName = 'PlaceholderGrid';\nPlaceholderGrid.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  rows: _propTypes.default.number,\n  columns: _propTypes.default.number,\n  rowHeight: _propTypes.default.number,\n  rowMargin: _propTypes.default.number,\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderGrid;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderGrid.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderGrid.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * The `Placeholder.Grid` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderGrid = /*#__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 ? 'placeholder' : _props$classPrefix,\n    _props$rows = props.rows,\n    rows = _props$rows === void 0 ? 5 : _props$rows,\n    _props$columns = props.columns,\n    columns = _props$columns === void 0 ? 5 : _props$columns,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,\n    _props$rowMargin = props.rowMargin,\n    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,\n    _props$rowSpacing = props.rowSpacing,\n    rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,\n    active = props.active,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"rows\", \"columns\", \"rowHeight\", \"rowMargin\", \"rowSpacing\", \"active\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix('grid', {\n    active: active\n  }));\n  var colItems = [];\n  for (var i = 0; i < columns; i++) {\n    var rowItems = [];\n    for (var j = 0; j < rows; j++) {\n      rowItems.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n        key: j,\n        style: {\n          height: rowHeight,\n          marginTop: j > 0 ? rowSpacing : undefined\n        },\n        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"row\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 74,\n          columnNumber: 11\n        }\n      }));\n    }\n    colItems.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n      key: i,\n      className: (0, _classnames.default)(prefix('grid-col')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 9\n      }\n    }, rowItems));\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: 88,\n      columnNumber: 7\n    }\n  }), colItems);\n});\nPlaceholderGrid.displayName = 'PlaceholderGrid';\nPlaceholderGrid.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  rows: _propTypes.default.number,\n  columns: _propTypes.default.number,\n  rowHeight: _propTypes.default.number,\n  rowSpacing: _propTypes.default.number,\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderGrid;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderGrid.tsx?");
 
 /***/ }),
 
@@ -8573,7 +8617,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderParagraph.tsx\",\n  _this = void 0;\n/**\n * The `Placeholder.Paragraph` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderParagraph = /*#__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$rows = props.rows,\n    rows = _props$rows === void 0 ? 2 : _props$rows,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,\n    _props$rowMargin = props.rowMargin,\n    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,\n    graph = props.graph,\n    active = props.active,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"rows\", \"rowHeight\", \"rowMargin\", \"graph\", \"active\", \"classPrefix\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var graphShape = graph === true ? 'square' : graph;\n  var rowElements = (0, _react.useMemo)(function () {\n    var rowArr = [];\n    for (var i = 0; i < rows; i++) {\n      var styles = {\n        width: Math.random() * 75 + 25 + \"%\",\n        height: rowHeight,\n        marginTop: i > 0 ? rowMargin : Number(rowMargin) / 2\n      };\n      rowArr.push( /*#__PURE__*/_react.default.createElement(\"p\", {\n        key: i,\n        style: styles,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 53,\n          columnNumber: 21\n        }\n      }));\n    }\n    return rowArr;\n  }, [rowHeight, rowMargin, rows]);\n  var classes = merge(className, withClassPrefix('paragraph', {\n    active: active\n  }));\n  var graphClasses = prefix('paragraph-graph', \"paragraph-graph-\" + graphShape);\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: 62,\n      columnNumber: 7\n    }\n  }), graphShape && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: graphClasses,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('paragraph-graph-inner'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('paragraph-rows'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 9\n    }\n  }, rowElements));\n});\nPlaceholderParagraph.displayName = 'PlaceholderParagraph';\nPlaceholderParagraph.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  rows: _propTypes.default.number,\n  rowHeight: _propTypes.default.number,\n  rowMargin: _propTypes.default.number,\n  graph: _propTypes.default.oneOfType([_propTypes.default.bool, (0, _propTypes2.oneOf)(['circle', 'square', 'image'])]),\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderParagraph;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderParagraph.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Placeholder/PlaceholderParagraph.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * The `Placeholder.Paragraph` component is used to display the loading state of the block.\n * @see https://rsuitejs.com/components/placeholder\n */\nvar PlaceholderParagraph = /*#__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$rows = props.rows,\n    rows = _props$rows === void 0 ? 2 : _props$rows,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,\n    _props$rowMargin = props.rowMargin,\n    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,\n    _props$rowSpacing = props.rowSpacing,\n    rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,\n    graph = props.graph,\n    active = props.active,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"rows\", \"rowHeight\", \"rowMargin\", \"rowSpacing\", \"graph\", \"active\", \"classPrefix\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var graphShape = graph === true ? 'square' : graph;\n  var rowElements = (0, _react.useMemo)(function () {\n    var rowArr = [];\n    for (var i = 0; i < rows; i++) {\n      var styles = {\n        height: rowHeight,\n        marginTop: i > 0 ? rowSpacing : Number(rowSpacing) / 2\n      };\n      rowArr.push( /*#__PURE__*/_react.default.createElement(\"div\", {\n        key: i,\n        style: styles,\n        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"row\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 73,\n          columnNumber: 21\n        }\n      }));\n    }\n    return rowArr;\n  }, [prefix, rowHeight, rowSpacing, rows]);\n  var classes = merge(className, withClassPrefix('paragraph', {\n    active: active\n  }));\n  var graphClasses = prefix('paragraph-graph', \"paragraph-graph-\" + graphShape);\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: 82,\n      columnNumber: 7\n    }\n  }), graphShape && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: graphClasses,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('paragraph-graph-inner'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('paragraph-group'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 88,\n      columnNumber: 9\n    }\n  }, rowElements));\n});\nPlaceholderParagraph.displayName = 'PlaceholderParagraph';\nPlaceholderParagraph.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  rows: _propTypes.default.number,\n  rowHeight: _propTypes.default.number,\n  rowSpacing: _propTypes.default.number,\n  graph: _propTypes.default.oneOfType([_propTypes.default.bool, (0, _propTypes2.oneOf)(['circle', 'square', 'image'])]),\n  active: _propTypes.default.bool\n};\nvar _default = PlaceholderParagraph;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Placeholder/PlaceholderParagraph.tsx?");
 
 /***/ }),
 
@@ -9783,7 +9827,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\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.modalPropTypes = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _contains = _interopRequireDefault(__webpack_require__(/*! dom-lib/contains */ \"./node_modules/dom-lib/esm/contains.js\"));\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/internals/Overlay/ModalManager.ts\"));\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\nvar _utils = __webpack_require__(/*! ../../Animation/utils */ \"./src/Animation/utils.ts\");\nvar _utils2 = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/internals/Overlay/OverlayContext.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/internals/Overlay/Modal.tsx\",\n  _this = void 0;\nvar manager;\nfunction getManager() {\n  if (!manager) manager = new _ModalManager.default();\n  return manager;\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      return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;\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};\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  var _useState = (0, _react.useState)(!open),\n    exited = _useState[0],\n    setExited = _useState[1];\n  var _usePortal = (0, _utils2.usePortal)({\n      container: container\n    }),\n    Portal = _usePortal.Portal,\n    containerElement = _usePortal.target;\n  var modal = useModalManager();\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\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      (_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  /**\n   * Determines if the currently focused element is inside the dialog,\n   * and if not, returns the focus to the dialog.\n   *\n   */\n  var handleFocusDialog = (0, _utils2.useEventCallback)(function (onBeforeFocusCallback) {\n    var currentActiveElement = document.activeElement;\n    var dialog = modal.dialog;\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    handleFocusDialog();\n  });\n  var documentKeyDownListener = (0, _react.useRef)();\n  var documentFocusListener = (0, _react.useRef)();\n  var handleOpen = (0, _utils2.useEventCallback)(function () {\n    if (containerElement) {\n      modal.add(containerElement, containerClassName);\n    }\n    if (!documentKeyDownListener.current) {\n      documentKeyDownListener.current = (0, _on.default)(document, 'keydown', handleDocumentKeyDown);\n    }\n    if (!documentFocusListener.current) {\n      documentFocusListener.current = (0, _on.default)(document, 'focus', handleEnforceFocus, true);\n    }\n    if (autoFocus) {\n      handleFocusDialog(function () {\n        lastFocus.current = document.activeElement;\n      });\n    }\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  });\n  var handleClose = (0, _utils2.useEventCallback)(function () {\n    var _documentKeyDownListe, _documentFocusListene;\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    handleOpen();\n  }, [open, handleOpen]);\n  (0, _react.useEffect)(function () {\n    if (!exited) {\n      return;\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  if (!mountModal) {\n    return null;\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: 263,\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: 267,\n            columnNumber: 15\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: 280,\n        columnNumber: 12\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: 284,\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: 304,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 305,\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: 307,\n      columnNumber: 9\n    }\n  }), dialogElement)));\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/internals/Overlay/Modal.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.modalPropTypes = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _contains = _interopRequireDefault(__webpack_require__(/*! dom-lib/contains */ \"./node_modules/dom-lib/esm/contains.js\"));\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\nvar _ModalManager = _interopRequireDefault(__webpack_require__(/*! ./ModalManager */ \"./src/internals/Overlay/ModalManager.ts\"));\nvar _Fade = _interopRequireDefault(__webpack_require__(/*! ../../Animation/Fade */ \"./src/Animation/Fade.tsx\"));\nvar _utils = __webpack_require__(/*! ../../Animation/utils */ \"./src/Animation/utils.ts\");\nvar _utils2 = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _OverlayContext = _interopRequireDefault(__webpack_require__(/*! ./OverlayContext */ \"./src/internals/Overlay/OverlayContext.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/internals/Overlay/Modal.tsx\",\n  _this = void 0;\nvar manager;\nfunction getManager() {\n  if (!manager) manager = new _ModalManager.default();\n  return manager;\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      return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;\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};\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  var _useState = (0, _react.useState)(!open),\n    exited = _useState[0],\n    setExited = _useState[1];\n  var _usePortal = (0, _utils2.usePortal)({\n      container: container\n    }),\n    Portal = _usePortal.Portal,\n    containerElement = _usePortal.target;\n  var modal = useModalManager();\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\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      (_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  /**\n   * Determines if the currently focused element is inside the dialog,\n   * and if not, returns the focus to the dialog.\n   *\n   */\n  var handleFocusDialog = (0, _utils2.useEventCallback)(function (onBeforeFocusCallback) {\n    var currentActiveElement = document.activeElement;\n    var dialog = modal.dialog;\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    handleFocusDialog();\n  });\n  var documentKeyDownListener = (0, _react.useRef)();\n  var documentFocusListener = (0, _react.useRef)();\n  var handleOpen = (0, _utils2.useEventCallback)(function () {\n    if (containerElement) {\n      modal.add(containerElement, containerClassName);\n    }\n    if (!documentKeyDownListener.current) {\n      documentKeyDownListener.current = (0, _on.default)(document, 'keydown', handleDocumentKeyDown);\n    }\n    if (!documentFocusListener.current) {\n      documentFocusListener.current = (0, _on.default)(document, 'focus', handleEnforceFocus, true);\n    }\n    if (autoFocus) {\n      handleFocusDialog(function () {\n        lastFocus.current = document.activeElement;\n      });\n    }\n    onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n  });\n  var handleClose = (0, _utils2.useEventCallback)(function () {\n    var _documentKeyDownListe, _documentFocusListene;\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    handleOpen();\n  }, [open, handleOpen]);\n  (0, _react.useEffect)(function () {\n    if (!exited) {\n      return;\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  if (!mountModal) {\n    return null;\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: 263,\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          \"data-testid\": \"backdrop\"\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: 267,\n            columnNumber: 15\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: 281,\n        columnNumber: 12\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: 285,\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: 305,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 306,\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: 308,\n      columnNumber: 9\n    }\n  }), dialogElement)));\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/internals/Overlay/Modal.tsx?");
 
 /***/ }),
 
@@ -12876,6 +12920,26 @@ eval("var containers = []; // will store container HTMLElement references\nvar s
 
 /***/ }),
 
+/***/ "./node_modules/lodash.get/index.js":
+/*!******************************************!*\
+  !*** ./node_modules/lodash.get/index.js ***!
+  \******************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/** `Object#toString` result references. */\nvar funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    symbolTag = '[object Symbol]';\n\n/** Used to match property names within property paths. */\nvar reIsDeepProp = /\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,\n    reIsPlainProp = /^\\w*$/,\n    reLeadingDot = /^\\./,\n    rePropName = /[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g;\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to match backslashes in property paths. */\nvar reEscapeChar = /\\\\(\\\\)?/g;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof __webpack_require__.g == 'object' && __webpack_require__.g && __webpack_require__.g.Object === Object && __webpack_require__.g;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\n/**\n * Checks if `value` is a host object in IE < 9.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a host object, else `false`.\n */\nfunction isHostObject(value) {\n  // Many host objects are `Object` objects that can coerce to strings\n  // despite having improperly defined `toString` methods.\n  var result = false;\n  if (value != null && typeof value.toString != 'function') {\n    try {\n      result = !!(value + '');\n    } catch (e) {}\n  }\n  return result;\n}\n\n/** Used for built-in method references. */\nvar arrayProto = Array.prototype,\n    funcProto = Function.prototype,\n    objectProto = Object.prototype;\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n  return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n  funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n  .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/** Built-in value references. */\nvar Symbol = root.Symbol,\n    splice = arrayProto.splice;\n\n/* Built-in method references that are verified to be native. */\nvar Map = getNative(root, 'Map'),\n    nativeCreate = getNative(Object, 'create');\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n    symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n/**\n * Creates a hash object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Hash(entries) {\n  var index = -1,\n      length = entries ? entries.length : 0;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n/**\n * Removes all key-value entries from the hash.\n *\n * @private\n * @name clear\n * @memberOf Hash\n */\nfunction hashClear() {\n  this.__data__ = nativeCreate ? nativeCreate(null) : {};\n}\n\n/**\n * Removes `key` and its value from the hash.\n *\n * @private\n * @name delete\n * @memberOf Hash\n * @param {Object} hash The hash to modify.\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction hashDelete(key) {\n  return this.has(key) && delete this.__data__[key];\n}\n\n/**\n * Gets the hash value for `key`.\n *\n * @private\n * @name get\n * @memberOf Hash\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction hashGet(key) {\n  var data = this.__data__;\n  if (nativeCreate) {\n    var result = data[key];\n    return result === HASH_UNDEFINED ? undefined : result;\n  }\n  return hasOwnProperty.call(data, key) ? data[key] : undefined;\n}\n\n/**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction hashHas(key) {\n  var data = this.__data__;\n  return nativeCreate ? data[key] !== undefined : hasOwnProperty.call(data, key);\n}\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n  var data = this.__data__;\n  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n  return this;\n}\n\n// Add methods to `Hash`.\nHash.prototype.clear = hashClear;\nHash.prototype['delete'] = hashDelete;\nHash.prototype.get = hashGet;\nHash.prototype.has = hashHas;\nHash.prototype.set = hashSet;\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(entries) {\n  var index = -1,\n      length = entries ? entries.length : 0;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n/**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\nfunction listCacheClear() {\n  this.__data__ = [];\n}\n\n/**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction listCacheDelete(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    return false;\n  }\n  var lastIndex = data.length - 1;\n  if (index == lastIndex) {\n    data.pop();\n  } else {\n    splice.call(data, index, 1);\n  }\n  return true;\n}\n\n/**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction listCacheGet(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  return index < 0 ? undefined : data[index][1];\n}\n\n/**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction listCacheHas(key) {\n  return assocIndexOf(this.__data__, key) > -1;\n}\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    data.push([key, value]);\n  } else {\n    data[index][1] = value;\n  }\n  return this;\n}\n\n// Add methods to `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\n/**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction MapCache(entries) {\n  var index = -1,\n      length = entries ? entries.length : 0;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n/**\n * Removes all key-value entries from the map.\n *\n * @private\n * @name clear\n * @memberOf MapCache\n */\nfunction mapCacheClear() {\n  this.__data__ = {\n    'hash': new Hash,\n    'map': new (Map || ListCache),\n    'string': new Hash\n  };\n}\n\n/**\n * Removes `key` and its value from the map.\n *\n * @private\n * @name delete\n * @memberOf MapCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction mapCacheDelete(key) {\n  return getMapData(this, key)['delete'](key);\n}\n\n/**\n * Gets the map value for `key`.\n *\n * @private\n * @name get\n * @memberOf MapCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction mapCacheGet(key) {\n  return getMapData(this, key).get(key);\n}\n\n/**\n * Checks if a map value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf MapCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction mapCacheHas(key) {\n  return getMapData(this, key).has(key);\n}\n\n/**\n * Sets the map `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf MapCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the map cache instance.\n */\nfunction mapCacheSet(key, value) {\n  getMapData(this, key).set(key, value);\n  return this;\n}\n\n// Add methods to `MapCache`.\nMapCache.prototype.clear = mapCacheClear;\nMapCache.prototype['delete'] = mapCacheDelete;\nMapCache.prototype.get = mapCacheGet;\nMapCache.prototype.has = mapCacheHas;\nMapCache.prototype.set = mapCacheSet;\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\n/**\n * The base implementation of `_.get` without support for default values.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @returns {*} Returns the resolved value.\n */\nfunction baseGet(object, path) {\n  path = isKey(path, object) ? [path] : castPath(path);\n\n  var index = 0,\n      length = path.length;\n\n  while (object != null && index < length) {\n    object = object[toKey(path[index++])];\n  }\n  return (index && index == length) ? object : undefined;\n}\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n *  else `false`.\n */\nfunction baseIsNative(value) {\n  if (!isObject(value) || isMasked(value)) {\n    return false;\n  }\n  var pattern = (isFunction(value) || isHostObject(value)) ? reIsNative : reIsHostCtor;\n  return pattern.test(toSource(value));\n}\n\n/**\n * The base implementation of `_.toString` which doesn't convert nullish\n * values to empty strings.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n */\nfunction baseToString(value) {\n  // Exit early for strings to avoid a performance hit in some environments.\n  if (typeof value == 'string') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return symbolToString ? symbolToString.call(value) : '';\n  }\n  var result = (value + '');\n  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\n/**\n * Casts `value` to a path array if it's not one.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {Array} Returns the cast property path array.\n */\nfunction castPath(value) {\n  return isArray(value) ? value : stringToPath(value);\n}\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n  var data = map.__data__;\n  return isKeyable(key)\n    ? data[typeof key == 'string' ? 'string' : 'hash']\n    : data.map;\n}\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\n/**\n * Checks if `value` is a property name and not a property path.\n *\n * @private\n * @param {*} value The value to check.\n * @param {Object} [object] The object to query keys on.\n * @returns {boolean} Returns `true` if `value` is a property name, else `false`.\n */\nfunction isKey(value, object) {\n  if (isArray(value)) {\n    return false;\n  }\n  var type = typeof value;\n  if (type == 'number' || type == 'symbol' || type == 'boolean' ||\n      value == null || isSymbol(value)) {\n    return true;\n  }\n  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||\n    (object != null && value in Object(object));\n}\n\n/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n  return !!maskSrcKey && (maskSrcKey in func);\n}\n\n/**\n * Converts `string` to a property path array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the property path array.\n */\nvar stringToPath = memoize(function(string) {\n  string = toString(string);\n\n  var result = [];\n  if (reLeadingDot.test(string)) {\n    result.push('');\n  }\n  string.replace(rePropName, function(match, number, quote, string) {\n    result.push(quote ? string.replace(reEscapeChar, '$1') : (number || match));\n  });\n  return result;\n});\n\n/**\n * Converts `value` to a string key if it's not a string or symbol.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {string|symbol} Returns the key.\n */\nfunction toKey(value) {\n  if (typeof value == 'string' || isSymbol(value)) {\n    return value;\n  }\n  var result = (value + '');\n  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to process.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n  if (func != null) {\n    try {\n      return funcToString.call(func);\n    } catch (e) {}\n    try {\n      return (func + '');\n    } catch (e) {}\n  }\n  return '';\n}\n\n/**\n * Creates a function that memoizes the result of `func`. If `resolver` is\n * provided, it determines the cache key for storing the result based on the\n * arguments provided to the memoized function. By default, the first argument\n * provided to the memoized function is used as the map cache key. The `func`\n * is invoked with the `this` binding of the memoized function.\n *\n * **Note:** The cache is exposed as the `cache` property on the memoized\n * function. Its creation may be customized by replacing the `_.memoize.Cache`\n * constructor with one whose instances implement the\n * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)\n * method interface of `delete`, `get`, `has`, and `set`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to have its output memoized.\n * @param {Function} [resolver] The function to resolve the cache key.\n * @returns {Function} Returns the new memoized function.\n * @example\n *\n * var object = { 'a': 1, 'b': 2 };\n * var other = { 'c': 3, 'd': 4 };\n *\n * var values = _.memoize(_.values);\n * values(object);\n * // => [1, 2]\n *\n * values(other);\n * // => [3, 4]\n *\n * object.a = 2;\n * values(object);\n * // => [1, 2]\n *\n * // Modify the result cache.\n * values.cache.set(object, ['a', 'b']);\n * values(object);\n * // => ['a', 'b']\n *\n * // Replace `_.memoize.Cache`.\n * _.memoize.Cache = WeakMap;\n */\nfunction memoize(func, resolver) {\n  if (typeof func != 'function' || (resolver && typeof resolver != 'function')) {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  var memoized = function() {\n    var args = arguments,\n        key = resolver ? resolver.apply(this, args) : args[0],\n        cache = memoized.cache;\n\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    var result = func.apply(this, args);\n    memoized.cache = cache.set(key, result);\n    return result;\n  };\n  memoized.cache = new (memoize.Cache || MapCache);\n  return memoized;\n}\n\n// Assign cache to `_.memoize`.\nmemoize.Cache = MapCache;\n\n/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n  return value === other || (value !== value && other !== other);\n}\n\n/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 8-9 which returns 'object' for typed array and other constructors.\n  var tag = isObject(value) ? objectToString.call(value) : '';\n  return tag == funcTag || tag == genTag;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n  return value == null ? '' : baseToString(value);\n}\n\n/**\n * Gets the value at `path` of `object`. If the resolved value is\n * `undefined`, the `defaultValue` is returned in its place.\n *\n * @static\n * @memberOf _\n * @since 3.7.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n * @returns {*} Returns the resolved value.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.get(object, 'a[0].b.c');\n * // => 3\n *\n * _.get(object, ['a', '0', 'b', 'c']);\n * // => 3\n *\n * _.get(object, 'a.b.c', 'default');\n * // => 'default'\n */\nfunction get(object, path, defaultValue) {\n  var result = object == null ? undefined : baseGet(object, path);\n  return result === undefined ? defaultValue : result;\n}\n\nmodule.exports = get;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/lodash.get/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/lodash.set/index.js":
+/*!******************************************!*\
+  !*** ./node_modules/lodash.set/index.js ***!
+  \******************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_SAFE_INTEGER = 9007199254740991;\n\n/** `Object#toString` result references. */\nvar funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    symbolTag = '[object Symbol]';\n\n/** Used to match property names within property paths. */\nvar reIsDeepProp = /\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,\n    reIsPlainProp = /^\\w*$/,\n    reLeadingDot = /^\\./,\n    rePropName = /[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g;\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to match backslashes in property paths. */\nvar reEscapeChar = /\\\\(\\\\)?/g;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof __webpack_require__.g == 'object' && __webpack_require__.g && __webpack_require__.g.Object === Object && __webpack_require__.g;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\n/**\n * Checks if `value` is a host object in IE < 9.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a host object, else `false`.\n */\nfunction isHostObject(value) {\n  // Many host objects are `Object` objects that can coerce to strings\n  // despite having improperly defined `toString` methods.\n  var result = false;\n  if (value != null && typeof value.toString != 'function') {\n    try {\n      result = !!(value + '');\n    } catch (e) {}\n  }\n  return result;\n}\n\n/** Used for built-in method references. */\nvar arrayProto = Array.prototype,\n    funcProto = Function.prototype,\n    objectProto = Object.prototype;\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n  return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n  funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n  .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/** Built-in value references. */\nvar Symbol = root.Symbol,\n    splice = arrayProto.splice;\n\n/* Built-in method references that are verified to be native. */\nvar Map = getNative(root, 'Map'),\n    nativeCreate = getNative(Object, 'create');\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n    symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n/**\n * Creates a hash object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Hash(entries) {\n  var index = -1,\n      length = entries ? entries.length : 0;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n/**\n * Removes all key-value entries from the hash.\n *\n * @private\n * @name clear\n * @memberOf Hash\n */\nfunction hashClear() {\n  this.__data__ = nativeCreate ? nativeCreate(null) : {};\n}\n\n/**\n * Removes `key` and its value from the hash.\n *\n * @private\n * @name delete\n * @memberOf Hash\n * @param {Object} hash The hash to modify.\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction hashDelete(key) {\n  return this.has(key) && delete this.__data__[key];\n}\n\n/**\n * Gets the hash value for `key`.\n *\n * @private\n * @name get\n * @memberOf Hash\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction hashGet(key) {\n  var data = this.__data__;\n  if (nativeCreate) {\n    var result = data[key];\n    return result === HASH_UNDEFINED ? undefined : result;\n  }\n  return hasOwnProperty.call(data, key) ? data[key] : undefined;\n}\n\n/**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction hashHas(key) {\n  var data = this.__data__;\n  return nativeCreate ? data[key] !== undefined : hasOwnProperty.call(data, key);\n}\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n  var data = this.__data__;\n  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n  return this;\n}\n\n// Add methods to `Hash`.\nHash.prototype.clear = hashClear;\nHash.prototype['delete'] = hashDelete;\nHash.prototype.get = hashGet;\nHash.prototype.has = hashHas;\nHash.prototype.set = hashSet;\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(entries) {\n  var index = -1,\n      length = entries ? entries.length : 0;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n/**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\nfunction listCacheClear() {\n  this.__data__ = [];\n}\n\n/**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction listCacheDelete(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    return false;\n  }\n  var lastIndex = data.length - 1;\n  if (index == lastIndex) {\n    data.pop();\n  } else {\n    splice.call(data, index, 1);\n  }\n  return true;\n}\n\n/**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction listCacheGet(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  return index < 0 ? undefined : data[index][1];\n}\n\n/**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction listCacheHas(key) {\n  return assocIndexOf(this.__data__, key) > -1;\n}\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    data.push([key, value]);\n  } else {\n    data[index][1] = value;\n  }\n  return this;\n}\n\n// Add methods to `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\n/**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction MapCache(entries) {\n  var index = -1,\n      length = entries ? entries.length : 0;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n/**\n * Removes all key-value entries from the map.\n *\n * @private\n * @name clear\n * @memberOf MapCache\n */\nfunction mapCacheClear() {\n  this.__data__ = {\n    'hash': new Hash,\n    'map': new (Map || ListCache),\n    'string': new Hash\n  };\n}\n\n/**\n * Removes `key` and its value from the map.\n *\n * @private\n * @name delete\n * @memberOf MapCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction mapCacheDelete(key) {\n  return getMapData(this, key)['delete'](key);\n}\n\n/**\n * Gets the map value for `key`.\n *\n * @private\n * @name get\n * @memberOf MapCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction mapCacheGet(key) {\n  return getMapData(this, key).get(key);\n}\n\n/**\n * Checks if a map value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf MapCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction mapCacheHas(key) {\n  return getMapData(this, key).has(key);\n}\n\n/**\n * Sets the map `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf MapCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the map cache instance.\n */\nfunction mapCacheSet(key, value) {\n  getMapData(this, key).set(key, value);\n  return this;\n}\n\n// Add methods to `MapCache`.\nMapCache.prototype.clear = mapCacheClear;\nMapCache.prototype['delete'] = mapCacheDelete;\nMapCache.prototype.get = mapCacheGet;\nMapCache.prototype.has = mapCacheHas;\nMapCache.prototype.set = mapCacheSet;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n  var objValue = object[key];\n  if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n      (value === undefined && !(key in object))) {\n    object[key] = value;\n  }\n}\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n *  else `false`.\n */\nfunction baseIsNative(value) {\n  if (!isObject(value) || isMasked(value)) {\n    return false;\n  }\n  var pattern = (isFunction(value) || isHostObject(value)) ? reIsNative : reIsHostCtor;\n  return pattern.test(toSource(value));\n}\n\n/**\n * The base implementation of `_.set`.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @param {Function} [customizer] The function to customize path creation.\n * @returns {Object} Returns `object`.\n */\nfunction baseSet(object, path, value, customizer) {\n  if (!isObject(object)) {\n    return object;\n  }\n  path = isKey(path, object) ? [path] : castPath(path);\n\n  var index = -1,\n      length = path.length,\n      lastIndex = length - 1,\n      nested = object;\n\n  while (nested != null && ++index < length) {\n    var key = toKey(path[index]),\n        newValue = value;\n\n    if (index != lastIndex) {\n      var objValue = nested[key];\n      newValue = customizer ? customizer(objValue, key, nested) : undefined;\n      if (newValue === undefined) {\n        newValue = isObject(objValue)\n          ? objValue\n          : (isIndex(path[index + 1]) ? [] : {});\n      }\n    }\n    assignValue(nested, key, newValue);\n    nested = nested[key];\n  }\n  return object;\n}\n\n/**\n * The base implementation of `_.toString` which doesn't convert nullish\n * values to empty strings.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n */\nfunction baseToString(value) {\n  // Exit early for strings to avoid a performance hit in some environments.\n  if (typeof value == 'string') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return symbolToString ? symbolToString.call(value) : '';\n  }\n  var result = (value + '');\n  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\n/**\n * Casts `value` to a path array if it's not one.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {Array} Returns the cast property path array.\n */\nfunction castPath(value) {\n  return isArray(value) ? value : stringToPath(value);\n}\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n  var data = map.__data__;\n  return isKeyable(key)\n    ? data[typeof key == 'string' ? 'string' : 'hash']\n    : data.map;\n}\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  length = length == null ? MAX_SAFE_INTEGER : length;\n  return !!length &&\n    (typeof value == 'number' || reIsUint.test(value)) &&\n    (value > -1 && value % 1 == 0 && value < length);\n}\n\n/**\n * Checks if `value` is a property name and not a property path.\n *\n * @private\n * @param {*} value The value to check.\n * @param {Object} [object] The object to query keys on.\n * @returns {boolean} Returns `true` if `value` is a property name, else `false`.\n */\nfunction isKey(value, object) {\n  if (isArray(value)) {\n    return false;\n  }\n  var type = typeof value;\n  if (type == 'number' || type == 'symbol' || type == 'boolean' ||\n      value == null || isSymbol(value)) {\n    return true;\n  }\n  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||\n    (object != null && value in Object(object));\n}\n\n/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n  return !!maskSrcKey && (maskSrcKey in func);\n}\n\n/**\n * Converts `string` to a property path array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the property path array.\n */\nvar stringToPath = memoize(function(string) {\n  string = toString(string);\n\n  var result = [];\n  if (reLeadingDot.test(string)) {\n    result.push('');\n  }\n  string.replace(rePropName, function(match, number, quote, string) {\n    result.push(quote ? string.replace(reEscapeChar, '$1') : (number || match));\n  });\n  return result;\n});\n\n/**\n * Converts `value` to a string key if it's not a string or symbol.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {string|symbol} Returns the key.\n */\nfunction toKey(value) {\n  if (typeof value == 'string' || isSymbol(value)) {\n    return value;\n  }\n  var result = (value + '');\n  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to process.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n  if (func != null) {\n    try {\n      return funcToString.call(func);\n    } catch (e) {}\n    try {\n      return (func + '');\n    } catch (e) {}\n  }\n  return '';\n}\n\n/**\n * Creates a function that memoizes the result of `func`. If `resolver` is\n * provided, it determines the cache key for storing the result based on the\n * arguments provided to the memoized function. By default, the first argument\n * provided to the memoized function is used as the map cache key. The `func`\n * is invoked with the `this` binding of the memoized function.\n *\n * **Note:** The cache is exposed as the `cache` property on the memoized\n * function. Its creation may be customized by replacing the `_.memoize.Cache`\n * constructor with one whose instances implement the\n * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)\n * method interface of `delete`, `get`, `has`, and `set`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to have its output memoized.\n * @param {Function} [resolver] The function to resolve the cache key.\n * @returns {Function} Returns the new memoized function.\n * @example\n *\n * var object = { 'a': 1, 'b': 2 };\n * var other = { 'c': 3, 'd': 4 };\n *\n * var values = _.memoize(_.values);\n * values(object);\n * // => [1, 2]\n *\n * values(other);\n * // => [3, 4]\n *\n * object.a = 2;\n * values(object);\n * // => [1, 2]\n *\n * // Modify the result cache.\n * values.cache.set(object, ['a', 'b']);\n * values(object);\n * // => ['a', 'b']\n *\n * // Replace `_.memoize.Cache`.\n * _.memoize.Cache = WeakMap;\n */\nfunction memoize(func, resolver) {\n  if (typeof func != 'function' || (resolver && typeof resolver != 'function')) {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  var memoized = function() {\n    var args = arguments,\n        key = resolver ? resolver.apply(this, args) : args[0],\n        cache = memoized.cache;\n\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    var result = func.apply(this, args);\n    memoized.cache = cache.set(key, result);\n    return result;\n  };\n  memoized.cache = new (memoize.Cache || MapCache);\n  return memoized;\n}\n\n// Assign cache to `_.memoize`.\nmemoize.Cache = MapCache;\n\n/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n  return value === other || (value !== value && other !== other);\n}\n\n/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 8-9 which returns 'object' for typed array and other constructors.\n  var tag = isObject(value) ? objectToString.call(value) : '';\n  return tag == funcTag || tag == genTag;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n  return value == null ? '' : baseToString(value);\n}\n\n/**\n * Sets the value at `path` of `object`. If a portion of `path` doesn't exist,\n * it's created. Arrays are created for missing index properties while objects\n * are created for all other missing properties. Use `_.setWith` to customize\n * `path` creation.\n *\n * **Note:** This method mutates `object`.\n *\n * @static\n * @memberOf _\n * @since 3.7.0\n * @category Object\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns `object`.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.set(object, 'a[0].b.c', 4);\n * console.log(object.a[0].b.c);\n * // => 4\n *\n * _.set(object, ['x', '0', 'y', 'z'], 5);\n * console.log(object.x[0].y.z);\n * // => 5\n */\nfunction set(object, path, value) {\n  return object == null ? object : baseSet(object, path, value);\n}\n\nmodule.exports = set;\n\n\n//# sourceURL=webpack://rsuite/./node_modules/lodash.set/index.js?");
+
+/***/ }),
+
 /***/ "./node_modules/lodash/_SetCache.js":
 /*!******************************************!*\
   !*** ./node_modules/lodash/_SetCache.js ***!
@@ -15614,7 +15678,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 _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\nclass ArrayType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('array');\n        super.pushRule({\n            onValid: v => Array.isArray(v),\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    rangeLength(minLength, maxLength, errorMessage = this.locale.rangeLength) {\n        super.pushRule({\n            onValid: (value) => value.length >= minLength && value.length <= maxLength,\n            errorMessage,\n            params: { minLength, maxLength }\n        });\n        return this;\n    }\n    minLength(minLength, errorMessage = this.locale.minLength) {\n        super.pushRule({\n            onValid: value => value.length >= minLength,\n            errorMessage,\n            params: { minLength }\n        });\n        return this;\n    }\n    maxLength(maxLength, errorMessage = this.locale.maxLength) {\n        super.pushRule({\n            onValid: value => value.length <= maxLength,\n            errorMessage,\n            params: { maxLength }\n        });\n        return this;\n    }\n    unrepeatable(errorMessage = this.locale.unrepeatable) {\n        super.pushRule({\n            onValid: items => {\n                const hash = {};\n                for (const i in items) {\n                    if (hash[items[i]]) {\n                        return false;\n                    }\n                    hash[items[i]] = true;\n                }\n                return true;\n            },\n            errorMessage\n        });\n        return this;\n    }\n    of(type) {\n        super.pushRule({\n            onValid: (items, data, filedName) => {\n                const checkResults = items.map((value, index) => {\n                    const name = Array.isArray(filedName)\n                        ? [...filedName, `[${index}]`]\n                        : [filedName, `[${index}]`];\n                    return type.check(value, data, name);\n                });\n                const hasError = !!checkResults.find(item => item === null || item === void 0 ? void 0 : item.hasError);\n                return {\n                    hasError,\n                    array: checkResults\n                };\n            }\n        });\n        return this;\n    }\n}\nfunction getArrayType(errorMessage) {\n    return new ArrayType(errorMessage);\n}\n//# sourceMappingURL=ArrayType.js.map\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 _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\nclass ArrayType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('array');\n        super.pushRule({\n            onValid: v => Array.isArray(v),\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    rangeLength(minLength, maxLength, errorMessage = this.locale.rangeLength) {\n        super.pushRule({\n            onValid: (value) => value.length >= minLength && value.length <= maxLength,\n            errorMessage,\n            params: { minLength, maxLength }\n        });\n        return this;\n    }\n    minLength(minLength, errorMessage = this.locale.minLength) {\n        super.pushRule({\n            onValid: value => value.length >= minLength,\n            errorMessage,\n            params: { minLength }\n        });\n        return this;\n    }\n    maxLength(maxLength, errorMessage = this.locale.maxLength) {\n        super.pushRule({\n            onValid: value => value.length <= maxLength,\n            errorMessage,\n            params: { maxLength }\n        });\n        return this;\n    }\n    unrepeatable(errorMessage = this.locale.unrepeatable) {\n        super.pushRule({\n            onValid: items => {\n                const hash = {};\n                for (const i in items) {\n                    if (hash[items[i]]) {\n                        return false;\n                    }\n                    hash[items[i]] = true;\n                }\n                return true;\n            },\n            errorMessage\n        });\n        return this;\n    }\n    of(type) {\n        super.pushRule({\n            onValid: (items, data, fieldName) => {\n                const checkResults = items.map((value, index) => {\n                    const name = Array.isArray(fieldName)\n                        ? [...fieldName, `[${index}]`]\n                        : [fieldName, `[${index}]`];\n                    return type.check(value, data, name);\n                });\n                const hasError = !!checkResults.find(item => item === null || item === void 0 ? void 0 : item.hasError);\n                return {\n                    hasError,\n                    array: checkResults\n                };\n            }\n        });\n        return this;\n    }\n}\nfunction getArrayType(errorMessage) {\n    return new ArrayType(errorMessage);\n}\n//# sourceMappingURL=ArrayType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ArrayType.js?");
 
 /***/ }),
 
@@ -15647,7 +15711,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 */   \"MixedType\": function() { return /* binding */ MixedType; },\n/* harmony export */   \"default\": function() { return /* binding */ getMixedType; }\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n/* harmony import */ var _locales__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./locales */ \"./node_modules/schema-typed/es/locales/index.js\");\n\n\nclass MixedType {\n    constructor(name) {\n        this.required = false;\n        this.requiredMessage = '';\n        this.trim = false;\n        this.emptyAllowed = false;\n        this.rules = [];\n        this.priorityRules = [];\n        this.typeName = name;\n        this.locale = Object.assign(name ? _locales__WEBPACK_IMPORTED_MODULE_1__[\"default\"][name] : {}, _locales__WEBPACK_IMPORTED_MODULE_1__[\"default\"].mixed);\n    }\n    setSchemaOptions(schemaSpec, value) {\n        this.schemaSpec = schemaSpec;\n        this.value = value;\n    }\n    check(value = this.value, data, fieldName) {\n        if (this.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_0__.checkRequired)(value, this.trim, this.emptyAllowed)) {\n            return {\n                hasError: true,\n                errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(this.requiredMessage, { name: fieldName })\n            };\n        }\n        const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createValidator)(data, fieldName);\n        const checkStatus = validator(value, this.priorityRules);\n        if (checkStatus) {\n            return checkStatus;\n        }\n        if (!this.required && (0,_utils__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(value)) {\n            return { hasError: false };\n        }\n        return validator(value, this.rules) || { hasError: false };\n    }\n    checkAsync(value = this.value, data, fieldName) {\n        if (this.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_0__.checkRequired)(value, this.trim, this.emptyAllowed)) {\n            return Promise.resolve({\n                hasError: true,\n                errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(this.requiredMessage, { name: fieldName })\n            });\n        }\n        const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createValidatorAsync)(data, fieldName);\n        return new Promise(resolve => validator(value, this.priorityRules)\n            .then((checkStatus) => {\n            if (checkStatus) {\n                resolve(checkStatus);\n            }\n        })\n            .then(() => {\n            if (!this.required && (0,_utils__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(value)) {\n                resolve({ hasError: false });\n            }\n        })\n            .then(() => validator(value, this.rules))\n            .then((checkStatus) => {\n            if (checkStatus) {\n                resolve(checkStatus);\n            }\n            resolve({ hasError: false });\n        }));\n    }\n    pushRule(rule) {\n        var _a, _b;\n        const { onValid, errorMessage, priority, params } = rule;\n        const nextRule = {\n            onValid,\n            params,\n            isAsync: rule.isAsync,\n            errorMessage: errorMessage || ((_b = (_a = this.rules) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.errorMessage)\n        };\n        if (priority) {\n            this.priorityRules.push(nextRule);\n        }\n        else {\n            this.rules.push(nextRule);\n        }\n    }\n    addRule(onValid, errorMessage, priority) {\n        this.pushRule({ onValid, errorMessage, priority });\n        return this;\n    }\n    addAsyncRule(onValid, errorMessage, priority) {\n        this.pushRule({ onValid, isAsync: true, errorMessage, priority });\n        return this;\n    }\n    isRequired(errorMessage = this.locale.isRequired, trim = true) {\n        this.required = true;\n        this.trim = trim;\n        this.requiredMessage = errorMessage;\n        return this;\n    }\n    isRequiredOrEmpty(errorMessage = this.locale.isRequiredOrEmpty, trim = true) {\n        this.required = true;\n        this.trim = trim;\n        this.emptyAllowed = true;\n        this.requiredMessage = errorMessage;\n        return this;\n    }\n    /**\n     * Define data verification rules based on conditions.\n     * @param validator\n     * @example\n     * MixedType().when(schema => {\n     *   return schema.filed1.check() ? NumberType().min(5) : NumberType().min(0);\n     * });\n     */\n    when(condition) {\n        this.addRule((value, data, filedName) => {\n            return condition(this.schemaSpec).check(value, data, filedName);\n        }, undefined, true);\n        return this;\n    }\n}\nfunction getMixedType() {\n    return new MixedType();\n}\n//# sourceMappingURL=MixedType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/MixedType.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MixedType\": function() { return /* binding */ MixedType; },\n/* harmony export */   \"default\": function() { return /* binding */ getMixedType; },\n/* harmony export */   \"getFieldType\": function() { return /* binding */ getFieldType; },\n/* harmony export */   \"getFieldValue\": function() { return /* binding */ getFieldValue; },\n/* harmony export */   \"schemaSpecKey\": function() { return /* binding */ schemaSpecKey; }\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n/* harmony import */ var _utils_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n/* harmony import */ var _locales__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./locales */ \"./node_modules/schema-typed/es/locales/index.js\");\n\n\n\nconst schemaSpecKey = 'objectTypeSchemaSpec';\n/**\n * Get the field type from the schema object\n */\nfunction getFieldType(schemaSpec, fieldName, nestedObject) {\n    if (nestedObject) {\n        const namePath = fieldName.split('.').join(`.${schemaSpecKey}.`);\n        return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.get)(schemaSpec, namePath);\n    }\n    return schemaSpec === null || schemaSpec === void 0 ? void 0 : schemaSpec[fieldName];\n}\n/**\n * Get the field value from the data object\n */\nfunction getFieldValue(data, fieldName, nestedObject) {\n    return nestedObject ? (0,_utils__WEBPACK_IMPORTED_MODULE_0__.get)(data, fieldName) : data === null || data === void 0 ? void 0 : data[fieldName];\n}\nclass MixedType {\n    constructor(name) {\n        this.required = false;\n        this.requiredMessage = '';\n        this.trim = false;\n        this.emptyAllowed = false;\n        this.rules = [];\n        this.priorityRules = [];\n        // The field name that depends on the verification of other fields\n        this.otherFields = [];\n        this.proxyOptions = {};\n        this.$typeName = name;\n        this.locale = Object.assign(name ? _locales__WEBPACK_IMPORTED_MODULE_2__[\"default\"][name] : {}, _locales__WEBPACK_IMPORTED_MODULE_2__[\"default\"].mixed);\n    }\n    setSchemaOptions(schemaSpec, value) {\n        this.$schemaSpec = schemaSpec;\n        this.value = value;\n    }\n    check(value = this.value, data, fieldName) {\n        if (this.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_0__.checkRequired)(value, this.trim, this.emptyAllowed)) {\n            return {\n                hasError: true,\n                errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(this.requiredMessage, {\n                    name: this.fieldLabel || (0,_utils_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__.joinName)(fieldName)\n                })\n            };\n        }\n        const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createValidator)(data, fieldName, this.fieldLabel);\n        const checkResult = validator(value, this.priorityRules);\n        // If the priority rule fails, return the result directly\n        if (checkResult) {\n            return checkResult;\n        }\n        if (!this.required && (0,_utils__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(value)) {\n            return { hasError: false };\n        }\n        return validator(value, this.rules) || { hasError: false };\n    }\n    checkAsync(value = this.value, data, fieldName) {\n        if (this.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_0__.checkRequired)(value, this.trim, this.emptyAllowed)) {\n            return Promise.resolve({\n                hasError: true,\n                errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(this.requiredMessage, {\n                    name: this.fieldLabel || (0,_utils_formatErrorMessage__WEBPACK_IMPORTED_MODULE_1__.joinName)(fieldName)\n                })\n            });\n        }\n        const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.createValidatorAsync)(data, fieldName, this.fieldLabel);\n        return new Promise(resolve => validator(value, this.priorityRules)\n            .then((checkResult) => {\n            // If the priority rule fails, return the result directly\n            if (checkResult) {\n                resolve(checkResult);\n            }\n        })\n            .then(() => {\n            if (!this.required && (0,_utils__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(value)) {\n                resolve({ hasError: false });\n            }\n        })\n            .then(() => validator(value, this.rules))\n            .then((checkResult) => {\n            if (checkResult) {\n                resolve(checkResult);\n            }\n            resolve({ hasError: false });\n        }));\n    }\n    pushRule(rule) {\n        var _a, _b;\n        const { onValid, errorMessage, priority, params } = rule;\n        const nextRule = {\n            onValid,\n            params,\n            isAsync: rule.isAsync,\n            errorMessage: errorMessage || ((_b = (_a = this.rules) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.errorMessage)\n        };\n        if (priority) {\n            this.priorityRules.push(nextRule);\n        }\n        else {\n            this.rules.push(nextRule);\n        }\n    }\n    addRule(onValid, errorMessage, priority) {\n        this.pushRule({ onValid, errorMessage, priority });\n        return this;\n    }\n    addAsyncRule(onValid, errorMessage, priority) {\n        this.pushRule({ onValid, isAsync: true, errorMessage, priority });\n        return this;\n    }\n    isRequired(errorMessage = this.locale.isRequired, trim = true) {\n        this.required = true;\n        this.trim = trim;\n        this.requiredMessage = errorMessage;\n        return this;\n    }\n    isRequiredOrEmpty(errorMessage = this.locale.isRequiredOrEmpty, trim = true) {\n        this.required = true;\n        this.trim = trim;\n        this.emptyAllowed = true;\n        this.requiredMessage = errorMessage;\n        return this;\n    }\n    /**\n     * Define data verification rules based on conditions.\n     * @param condition\n     * @example\n     *\n     * ```js\n     * SchemaModel({\n     *   option: StringType().isOneOf(['a', 'b', 'other']),\n     *   other: StringType().when(schema => {\n     *     const { value } = schema.option;\n     *     return value === 'other' ? StringType().isRequired('Other required') : StringType();\n     *   })\n     * });\n     * ```\n     */\n    when(condition) {\n        this.addRule((value, data, fieldName) => {\n            return condition(this.$schemaSpec).check(value, data, fieldName);\n        }, undefined, true);\n        return this;\n    }\n    /**\n     * Check if the value is equal to the value of another field.\n     * @example\n     *\n     * ```js\n     * SchemaModel({\n     *   password: StringType().isRequired(),\n     *   confirmPassword: StringType().equalTo('password').isRequired()\n     * });\n     * ```\n     */\n    equalTo(fieldName, errorMessage = this.locale.equalTo) {\n        const errorMessageFunc = () => {\n            const type = getFieldType(this.$schemaSpec, fieldName, true);\n            return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatErrorMessage)(errorMessage, { toFieldName: (type === null || type === void 0 ? void 0 : type.fieldLabel) || fieldName });\n        };\n        this.addRule((value, data) => {\n            return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.shallowEqual)(value, (0,_utils__WEBPACK_IMPORTED_MODULE_0__.get)(data, fieldName));\n        }, errorMessageFunc);\n        return this;\n    }\n    /**\n     * After the field verification passes, proxy verification of other fields.\n     * @param options.checkIfValueExists When the value of other fields exists, the verification is performed (default: false)\n     * @example\n     *\n     * ```js\n     * SchemaModel({\n     *   password: StringType().isRequired().proxy(['confirmPassword']),\n     *   confirmPassword: StringType().equalTo('password').isRequired()\n     * });\n     * ```\n     */\n    proxy(fieldNames, options) {\n        this.otherFields = fieldNames;\n        this.proxyOptions = options || {};\n        return this;\n    }\n    /**\n     * Overrides the key name in error messages.\n     *\n     * @example\n     * ```js\n     * SchemaModel({\n     *  first_name: StringType().label('First name'),\n     *  age: NumberType().label('Age')\n     * });\n     * ```\n     */\n    label(label) {\n        this.fieldLabel = label;\n        return this;\n    }\n}\nfunction getMixedType() {\n    return new MixedType();\n}\n//# sourceMappingURL=MixedType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/MixedType.js?");
 
 /***/ }),
 
@@ -15669,7 +15733,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 _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n\n\nclass ObjectType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('object');\n        super.pushRule({\n            onValid: v => typeof v === 'object',\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    check(value = this.value, data, fieldName) {\n        const check = (value, data, type) => {\n            if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_1__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n                return { hasError: true, errorMessage: type.requiredMessage };\n            }\n            if (type.objectTypeSchemaSpec && typeof value === 'object') {\n                const checkResultObject = {};\n                let hasError = false;\n                Object.entries(type.objectTypeSchemaSpec).forEach(([k, v]) => {\n                    const checkResult = check(value[k], value, v);\n                    if (checkResult === null || checkResult === void 0 ? void 0 : checkResult.hasError) {\n                        hasError = true;\n                    }\n                    checkResultObject[k] = checkResult;\n                });\n                return { hasError, object: checkResultObject };\n            }\n            const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createValidator)(data, fieldName);\n            const checkStatus = validator(value, type.priorityRules);\n            if (checkStatus) {\n                return checkStatus;\n            }\n            if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(value)) {\n                return { hasError: false };\n            }\n            return validator(value, type.rules) || { hasError: false };\n        };\n        return check(value, data, this);\n    }\n    checkAsync(value = this.value, data, fieldName) {\n        const check = (value, data, type) => {\n            if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_1__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n                return Promise.resolve({ hasError: true, errorMessage: this.requiredMessage });\n            }\n            const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createValidatorAsync)(data, fieldName);\n            return new Promise(resolve => {\n                if (type.objectTypeSchemaSpec && typeof value === 'object') {\n                    const checkResult = {};\n                    const checkAll = [];\n                    const keys = [];\n                    Object.entries(type.objectTypeSchemaSpec).forEach(([k, v]) => {\n                        checkAll.push(check(value[k], value, v));\n                        keys.push(k);\n                    });\n                    return Promise.all(checkAll).then(values => {\n                        values.forEach((v, index) => {\n                            checkResult[keys[index]] = v;\n                        });\n                        resolve({ object: checkResult });\n                    });\n                }\n                return validator(value, type.priorityRules)\n                    .then((checkStatus) => {\n                    if (checkStatus) {\n                        resolve(checkStatus);\n                    }\n                })\n                    .then(() => {\n                    if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(value)) {\n                        resolve({ hasError: false });\n                    }\n                })\n                    .then(() => validator(value, type.rules))\n                    .then((checkStatus) => {\n                    if (checkStatus) {\n                        resolve(checkStatus);\n                    }\n                    resolve({ hasError: false });\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    shape(fields) {\n        this.objectTypeSchemaSpec = fields;\n        return this;\n    }\n}\nfunction getObjectType(errorMessage) {\n    return new ObjectType(errorMessage);\n}\n//# sourceMappingURL=ObjectType.js.map\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 _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n\n\nclass ObjectType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('object');\n        super.pushRule({\n            onValid: v => typeof v === 'object',\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    check(value = this.value, data, fieldName) {\n        const check = (value, data, type, childFieldKey) => {\n            var _a;\n            if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_1__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n                return {\n                    hasError: true,\n                    errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.formatErrorMessage)(type.requiredMessage || ((_a = type.locale) === null || _a === void 0 ? void 0 : _a.isRequired), {\n                        name: type.fieldLabel || childFieldKey || fieldName\n                    })\n                };\n            }\n            if (type[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey] && typeof value === 'object') {\n                const checkResultObject = {};\n                let hasError = false;\n                Object.entries(type[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey]).forEach(([k, v]) => {\n                    const checkResult = check(value[k], value, v, k);\n                    if (checkResult === null || checkResult === void 0 ? void 0 : checkResult.hasError) {\n                        hasError = true;\n                    }\n                    checkResultObject[k] = checkResult;\n                });\n                return { hasError, object: checkResultObject };\n            }\n            const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createValidator)(data, childFieldKey || fieldName, type.fieldLabel);\n            const checkStatus = validator(value, type.priorityRules);\n            if (checkStatus) {\n                return checkStatus;\n            }\n            if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(value)) {\n                return { hasError: false };\n            }\n            return validator(value, type.rules) || { hasError: false };\n        };\n        return check(value, data, this);\n    }\n    checkAsync(value = this.value, data, fieldName) {\n        const check = (value, data, type, childFieldKey) => {\n            var _a;\n            if (type.required && !(0,_utils__WEBPACK_IMPORTED_MODULE_1__.checkRequired)(value, type.trim, type.emptyAllowed)) {\n                return Promise.resolve({\n                    hasError: true,\n                    errorMessage: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.formatErrorMessage)(type.requiredMessage || ((_a = type.locale) === null || _a === void 0 ? void 0 : _a.isRequired), {\n                        name: type.fieldLabel || childFieldKey || fieldName\n                    })\n                });\n            }\n            const validator = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createValidatorAsync)(data, childFieldKey || fieldName, type.fieldLabel);\n            return new Promise(resolve => {\n                if (type[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey] && typeof value === 'object') {\n                    const checkResult = {};\n                    const checkAll = [];\n                    const keys = [];\n                    Object.entries(type[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey]).forEach(([k, v]) => {\n                        checkAll.push(check(value[k], value, v, k));\n                        keys.push(k);\n                    });\n                    return Promise.all(checkAll).then(values => {\n                        let hasError = false;\n                        values.forEach((v, index) => {\n                            if (v === null || v === void 0 ? void 0 : v.hasError) {\n                                hasError = true;\n                            }\n                            checkResult[keys[index]] = v;\n                        });\n                        resolve({ hasError, object: checkResult });\n                    });\n                }\n                return validator(value, type.priorityRules)\n                    .then((checkStatus) => {\n                    if (checkStatus) {\n                        resolve(checkStatus);\n                    }\n                })\n                    .then(() => {\n                    if (!type.required && (0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(value)) {\n                        resolve({ hasError: false });\n                    }\n                })\n                    .then(() => validator(value, type.rules))\n                    .then((checkStatus) => {\n                    if (checkStatus) {\n                        resolve(checkStatus);\n                    }\n                    resolve({ hasError: false });\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    shape(fields) {\n        this[_MixedType__WEBPACK_IMPORTED_MODULE_0__.schemaSpecKey] = fields;\n        return this;\n    }\n}\nfunction getObjectType(errorMessage) {\n    return new ObjectType(errorMessage);\n}\n//# sourceMappingURL=ObjectType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/ObjectType.js?");
 
 /***/ }),
 
@@ -15680,7 +15744,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 */   \"Schema\": function() { return /* binding */ Schema; },\n/* harmony export */   \"SchemaModel\": function() { return /* binding */ SchemaModel; }\n/* harmony export */ });\nclass Schema {\n    constructor(schema) {\n        this.spec = schema;\n    }\n    getFieldType(fieldName) {\n        var _a;\n        return (_a = this.spec) === null || _a === void 0 ? void 0 : _a[fieldName];\n    }\n    getKeys() {\n        return Object.keys(this.spec);\n    }\n    setSchemaOptionsForAllType(data) {\n        if (data === this.data) {\n            return;\n        }\n        Object.entries(this.spec).forEach(([key, type]) => {\n            type.setSchemaOptions(this.spec, data === null || data === void 0 ? void 0 : data[key]);\n        });\n        this.data = data;\n    }\n    checkForField(fieldName, data) {\n        this.setSchemaOptionsForAllType(data);\n        const fieldChecker = this.spec[fieldName];\n        if (!fieldChecker) {\n            // fieldValue can be anything if no schema defined\n            return { hasError: false };\n        }\n        return fieldChecker.check(data[fieldName], data, fieldName);\n    }\n    checkForFieldAsync(fieldName, data) {\n        this.setSchemaOptionsForAllType(data);\n        const fieldChecker = this.spec[fieldName];\n        if (!fieldChecker) {\n            // fieldValue can be anything if no schema defined\n            return Promise.resolve({ hasError: false });\n        }\n        return fieldChecker.checkAsync(data[fieldName], data, fieldName);\n    }\n    check(data) {\n        const checkResult = {};\n        Object.keys(this.spec).forEach(key => {\n            if (typeof data === 'object') {\n                checkResult[key] = this.checkForField(key, data);\n            }\n        });\n        return checkResult;\n    }\n    checkAsync(data) {\n        const checkResult = {};\n        const promises = [];\n        const keys = [];\n        Object.keys(this.spec).forEach((key) => {\n            keys.push(key);\n            promises.push(this.checkForFieldAsync(key, data));\n        });\n        return Promise.all(promises).then(values => {\n            for (let i = 0; i < values.length; i += 1) {\n                checkResult[keys[i]] = values[i];\n            }\n            return checkResult;\n        });\n    }\n}\nfunction SchemaModel(o) {\n    return new Schema(o);\n}\nSchemaModel.combine = function combine(...specs) {\n    return new Schema(specs\n        .map(model => model.spec)\n        .reduce((accumulator, currentValue) => Object.assign(accumulator, currentValue), {}));\n};\n//# sourceMappingURL=Schema.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/Schema.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Schema\": function() { return /* binding */ Schema; },\n/* harmony export */   \"SchemaModel\": function() { return /* binding */ SchemaModel; }\n/* harmony export */ });\n/* harmony import */ var _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./node_modules/schema-typed/es/utils/index.js\");\n\n\nclass Schema {\n    constructor(schema) {\n        this.checkResult = {};\n        this.$spec = schema;\n    }\n    getFieldType(fieldName, nestedObject) {\n        return (0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldType)(this.$spec, fieldName, nestedObject);\n    }\n    setFieldCheckResult(fieldName, checkResult, nestedObject) {\n        if (nestedObject) {\n            const namePath = fieldName.split('.').join('.object.');\n            (0,_utils__WEBPACK_IMPORTED_MODULE_1__.set)(this.checkResult, namePath, checkResult);\n            return;\n        }\n        this.checkResult[fieldName] = checkResult;\n    }\n    setSchemaOptionsForAllType(data) {\n        if (data === this.data) {\n            return;\n        }\n        Object.entries(this.$spec).forEach(([key, type]) => {\n            type.setSchemaOptions(this.$spec, data === null || data === void 0 ? void 0 : data[key]);\n        });\n        this.data = data;\n    }\n    /**\n     * Get the check result of the schema\n     * @returns CheckResult<ErrorMsgType | string>\n     */\n    getCheckResult(path, result = this.checkResult) {\n        if (path) {\n            return (result === null || result === void 0 ? void 0 : result[path]) || (0,_utils__WEBPACK_IMPORTED_MODULE_1__.get)(result, (0,_utils__WEBPACK_IMPORTED_MODULE_1__.pathTransform)(path)) || { hasError: false };\n        }\n        return result;\n    }\n    /**\n     * Get the error messages of the schema\n     */\n    getErrorMessages(path, result = this.checkResult) {\n        let messages = [];\n        if (path) {\n            const { errorMessage, object, array } = (result === null || result === void 0 ? void 0 : result[path]) || (0,_utils__WEBPACK_IMPORTED_MODULE_1__.get)(result, (0,_utils__WEBPACK_IMPORTED_MODULE_1__.pathTransform)(path)) || {};\n            if (errorMessage) {\n                messages = [errorMessage];\n            }\n            else if (object) {\n                messages = Object.keys(object).map(key => { var _a; return (_a = object[key]) === null || _a === void 0 ? void 0 : _a.errorMessage; });\n            }\n            else if (array) {\n                messages = array.map(item => item === null || item === void 0 ? void 0 : item.errorMessage);\n            }\n        }\n        else {\n            messages = Object.keys(result).map(key => { var _a; return (_a = result[key]) === null || _a === void 0 ? void 0 : _a.errorMessage; });\n        }\n        return messages.filter(Boolean);\n    }\n    /**\n     * Get all the keys of the schema\n     */\n    getKeys() {\n        return Object.keys(this.$spec);\n    }\n    /**\n     * Get the schema specification\n     */\n    getSchemaSpec() {\n        return this.$spec;\n    }\n    checkForField(fieldName, data, options = {}) {\n        var _a;\n        this.setSchemaOptionsForAllType(data);\n        const { nestedObject } = options;\n        const fieldChecker = this.getFieldType(fieldName, nestedObject);\n        if (!fieldChecker) {\n            // fieldValue can be anything if no schema defined\n            return { hasError: false };\n        }\n        const fieldValue = (0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldValue)(data, fieldName, nestedObject);\n        const checkResult = fieldChecker.check(fieldValue, data, fieldName);\n        this.setFieldCheckResult(fieldName, checkResult, nestedObject);\n        if (!checkResult.hasError) {\n            const { checkIfValueExists } = fieldChecker.proxyOptions;\n            // Check other fields if the field depends on them for validation\n            (_a = fieldChecker.otherFields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {\n                if (checkIfValueExists) {\n                    if (!(0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)((0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldValue)(data, field, nestedObject))) {\n                        this.checkForField(field, data, options);\n                    }\n                    return;\n                }\n                this.checkForField(field, data, options);\n            });\n        }\n        return checkResult;\n    }\n    checkForFieldAsync(fieldName, data, options = {}) {\n        this.setSchemaOptionsForAllType(data);\n        const { nestedObject } = options;\n        const fieldChecker = this.getFieldType(fieldName, nestedObject);\n        if (!fieldChecker) {\n            // fieldValue can be anything if no schema defined\n            return Promise.resolve({ hasError: false });\n        }\n        const fieldValue = (0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldValue)(data, fieldName, nestedObject);\n        const checkResult = fieldChecker.checkAsync(fieldValue, data, fieldName);\n        return checkResult.then(async (result) => {\n            var _a;\n            this.setFieldCheckResult(fieldName, result, nestedObject);\n            if (!result.hasError) {\n                const { checkIfValueExists } = fieldChecker.proxyOptions;\n                const checkAll = [];\n                // Check other fields if the field depends on them for validation\n                (_a = fieldChecker.otherFields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {\n                    if (checkIfValueExists) {\n                        if (!(0,_utils__WEBPACK_IMPORTED_MODULE_1__.isEmpty)((0,_MixedType__WEBPACK_IMPORTED_MODULE_0__.getFieldValue)(data, field, nestedObject))) {\n                            checkAll.push(this.checkForFieldAsync(field, data, options));\n                        }\n                        return;\n                    }\n                    checkAll.push(this.checkForFieldAsync(field, data, options));\n                });\n                await Promise.all(checkAll);\n            }\n            return result;\n        });\n    }\n    check(data) {\n        const checkResult = {};\n        Object.keys(this.$spec).forEach(key => {\n            if (typeof data === 'object') {\n                checkResult[key] = this.checkForField(key, data);\n            }\n        });\n        return checkResult;\n    }\n    checkAsync(data) {\n        const checkResult = {};\n        const promises = [];\n        const keys = [];\n        Object.keys(this.$spec).forEach((key) => {\n            keys.push(key);\n            promises.push(this.checkForFieldAsync(key, data));\n        });\n        return Promise.all(promises).then(values => {\n            for (let i = 0; i < values.length; i += 1) {\n                checkResult[keys[i]] = values[i];\n            }\n            return checkResult;\n        });\n    }\n}\nfunction SchemaModel(o) {\n    return new Schema(o);\n}\nSchemaModel.combine = function combine(...specs) {\n    return new Schema(specs\n        .map(model => model.$spec)\n        .reduce((accumulator, currentValue) => Object.assign(accumulator, currentValue), {}));\n};\n//# sourceMappingURL=Schema.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/Schema.js?");
 
 /***/ }),
 
@@ -15691,7 +15755,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 _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\nclass StringType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('string');\n        super.pushRule({\n            onValid: v => typeof v === 'string',\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    containsLetter(errorMessage = this.locale.containsLetter) {\n        super.pushRule({\n            onValid: v => /[a-zA-Z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsUppercaseLetter(errorMessage = this.locale.containsUppercaseLetter) {\n        super.pushRule({\n            onValid: v => /[A-Z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsLowercaseLetter(errorMessage = this.locale.containsLowercaseLetter) {\n        super.pushRule({\n            onValid: v => /[a-z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsLetterOnly(errorMessage = this.locale.containsLetterOnly) {\n        super.pushRule({\n            onValid: v => /^[a-zA-Z]+$/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsNumber(errorMessage = this.locale.containsNumber) {\n        super.pushRule({\n            onValid: v => /[0-9]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isOneOf(values, errorMessage = this.locale.isOneOf) {\n        super.pushRule({\n            onValid: v => !!~values.indexOf(v),\n            errorMessage,\n            params: { values }\n        });\n        return this;\n    }\n    isEmail(errorMessage = this.locale.isEmail) {\n        // http://emailregex.com/\n        const 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        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isURL(errorMessage = this.locale.isURL) {\n        const 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        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isHex(errorMessage = this.locale.isHex) {\n        const regexp = /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i;\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    pattern(regexp, errorMessage = this.locale.pattern) {\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage,\n            params: { regexp }\n        });\n        return this;\n    }\n    rangeLength(minLength, maxLength, errorMessage = this.locale.rangeLength) {\n        super.pushRule({\n            onValid: value => value.length >= minLength && value.length <= maxLength,\n            errorMessage,\n            params: { minLength, maxLength }\n        });\n        return this;\n    }\n    minLength(minLength, errorMessage = this.locale.minLength) {\n        super.pushRule({\n            onValid: value => Array.from(value).length >= minLength,\n            errorMessage,\n            params: { minLength }\n        });\n        return this;\n    }\n    maxLength(maxLength, errorMessage = this.locale.maxLength) {\n        super.pushRule({\n            onValid: value => Array.from(value).length <= maxLength,\n            errorMessage,\n            params: { maxLength }\n        });\n        return this;\n    }\n}\nfunction getStringType(errorMessage) {\n    return new StringType(errorMessage);\n}\n//# sourceMappingURL=StringType.js.map\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 _MixedType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MixedType */ \"./node_modules/schema-typed/es/MixedType.js\");\n\nclass StringType extends _MixedType__WEBPACK_IMPORTED_MODULE_0__.MixedType {\n    constructor(errorMessage) {\n        super('string');\n        super.pushRule({\n            onValid: v => typeof v === 'string',\n            errorMessage: errorMessage || this.locale.type\n        });\n    }\n    containsLetter(errorMessage = this.locale.containsLetter) {\n        super.pushRule({\n            onValid: v => /[a-zA-Z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsUppercaseLetter(errorMessage = this.locale.containsUppercaseLetter) {\n        super.pushRule({\n            onValid: v => /[A-Z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsLowercaseLetter(errorMessage = this.locale.containsLowercaseLetter) {\n        super.pushRule({\n            onValid: v => /[a-z]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsLetterOnly(errorMessage = this.locale.containsLetterOnly) {\n        super.pushRule({\n            onValid: v => /^[a-zA-Z]+$/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    containsNumber(errorMessage = this.locale.containsNumber) {\n        super.pushRule({\n            onValid: v => /[0-9]/.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isOneOf(values, errorMessage = this.locale.isOneOf) {\n        super.pushRule({\n            onValid: v => !!~values.indexOf(v),\n            errorMessage,\n            params: { values }\n        });\n        return this;\n    }\n    isEmail(errorMessage = this.locale.isEmail) {\n        // http://emailregex.com/\n        const 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        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isURL(errorMessage = this.locale.isURL, options) {\n        var _a;\n        const regexp = new RegExp(((_a = options === null || options === void 0 ? void 0 : options.allowMailto) !== null && _a !== void 0 ? _a : false)\n            ? '^(?: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]*)?$'\n            : '^(?!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        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    isHex(errorMessage = this.locale.isHex) {\n        const regexp = /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i;\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage\n        });\n        return this;\n    }\n    pattern(regexp, errorMessage = this.locale.pattern) {\n        super.pushRule({\n            onValid: v => regexp.test(v),\n            errorMessage,\n            params: { regexp }\n        });\n        return this;\n    }\n    rangeLength(minLength, maxLength, errorMessage = this.locale.rangeLength) {\n        super.pushRule({\n            onValid: value => value.length >= minLength && value.length <= maxLength,\n            errorMessage,\n            params: { minLength, maxLength }\n        });\n        return this;\n    }\n    minLength(minLength, errorMessage = this.locale.minLength) {\n        super.pushRule({\n            onValid: value => Array.from(value).length >= minLength,\n            errorMessage,\n            params: { minLength }\n        });\n        return this;\n    }\n    maxLength(maxLength, errorMessage = this.locale.maxLength) {\n        super.pushRule({\n            onValid: value => Array.from(value).length <= maxLength,\n            errorMessage,\n            params: { maxLength }\n        });\n        return this;\n    }\n}\nfunction getStringType(errorMessage) {\n    return new StringType(errorMessage);\n}\n//# sourceMappingURL=StringType.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/StringType.js?");
 
 /***/ }),
 
@@ -15713,7 +15777,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 default export */ __webpack_exports__[\"default\"] = ({\n    mixed: {\n        isRequired: '${name} is a required field',\n        isRequiredOrEmpty: '${name} is a required field'\n    },\n    array: {\n        type: '${name} must be an array',\n        rangeLength: '${name} must contain ${minLength} to ${maxLength} items',\n        minLength: '${name} field must have at least ${minLength} items',\n        maxLength: '${name} field must have less than or equal to ${maxLength} items',\n        unrepeatable: '${name} must have non-repeatable items'\n    },\n    boolean: {\n        type: '${name} must be a boolean'\n    },\n    date: {\n        type: '${name} must be a date',\n        min: '${name} field must be later than ${min}',\n        max: '${name} field must be at earlier than ${max}',\n        range: '${name} field must be between ${min} and ${max}'\n    },\n    number: {\n        type: '${name} must be a number',\n        isInteger: '${name} must be an integer',\n        pattern: '${name} is invalid',\n        isOneOf: '${name} must be one of the following values: ${values}',\n        range: '${name} field must be between ${min} and ${max}',\n        min: '${name} must be greater than or equal to ${min}',\n        max: '${name} must be less than or equal to ${max}'\n    },\n    string: {\n        type: '${name} must be a string',\n        containsLetter: '${name} field must contain letters',\n        containsUppercaseLetter: '${name} must be a upper case string',\n        containsLowercaseLetter: '${name} must be a lowercase string',\n        containsLetterOnly: '${name} must all be letters',\n        containsNumber: '${name} field must contain numbers',\n        isOneOf: '${name} must be one of the following values: ${values}',\n        isEmail: '${name} must be a valid email',\n        isURL: '${name} must be a valid URL',\n        isHex: '${name} must be a valid hexadecimal',\n        pattern: '${name} is invalid',\n        rangeLength: '${name} must contain ${minLength} to ${maxLength} characters',\n        minLength: '${name} must be at least ${minLength} characters',\n        maxLength: '${name} must be at most ${maxLength} characters'\n    },\n    object: {\n        type: '${name} must be an object'\n    }\n});\n//# sourceMappingURL=default.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/locales/default.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    mixed: {\n        isRequired: '${name} is a required field',\n        isRequiredOrEmpty: '${name} is a required field',\n        equalTo: '${name} must be the same as ${toFieldName}'\n    },\n    array: {\n        type: '${name} must be an array',\n        rangeLength: '${name} must contain ${minLength} to ${maxLength} items',\n        minLength: '${name} field must have at least ${minLength} items',\n        maxLength: '${name} field must have less than or equal to ${maxLength} items',\n        unrepeatable: '${name} must have non-repeatable items'\n    },\n    boolean: {\n        type: '${name} must be a boolean'\n    },\n    date: {\n        type: '${name} must be a date',\n        min: '${name} field must be later than ${min}',\n        max: '${name} field must be at earlier than ${max}',\n        range: '${name} field must be between ${min} and ${max}'\n    },\n    number: {\n        type: '${name} must be a number',\n        isInteger: '${name} must be an integer',\n        pattern: '${name} is invalid',\n        isOneOf: '${name} must be one of the following values: ${values}',\n        range: '${name} field must be between ${min} and ${max}',\n        min: '${name} must be greater than or equal to ${min}',\n        max: '${name} must be less than or equal to ${max}'\n    },\n    string: {\n        type: '${name} must be a string',\n        containsLetter: '${name} field must contain letters',\n        containsUppercaseLetter: '${name} must be a upper case string',\n        containsLowercaseLetter: '${name} must be a lowercase string',\n        containsLetterOnly: '${name} must all be letters',\n        containsNumber: '${name} field must contain numbers',\n        isOneOf: '${name} must be one of the following values: ${values}',\n        isEmail: '${name} must be a valid email',\n        isURL: '${name} must be a valid URL',\n        isHex: '${name} must be a valid hexadecimal',\n        pattern: '${name} is invalid',\n        rangeLength: '${name} must contain ${minLength} to ${maxLength} characters',\n        minLength: '${name} must be at least ${minLength} characters',\n        maxLength: '${name} must be at most ${maxLength} characters'\n    },\n    object: {\n        type: '${name} must be an object'\n    }\n});\n//# sourceMappingURL=default.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/locales/default.js?");
 
 /***/ }),
 
@@ -15757,7 +15821,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 _formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\nfunction isObj(o) {\n    return o != null && (typeof o === 'object' || typeof o == 'function');\n}\nfunction isPromiseLike(v) {\n    return v instanceof Promise || (isObj(v) && typeof v.then === 'function');\n}\n/**\n * Create a data validator\n * @param data\n */\nfunction createValidator(data, name) {\n    return (value, rules) => {\n        for (let i = 0; i < rules.length; i += 1) {\n            const { onValid, errorMessage, params, isAsync } = rules[i];\n            if (isAsync)\n                continue;\n            const checkResult = onValid(value, data, name);\n            if (checkResult === false) {\n                return {\n                    hasError: true,\n                    errorMessage: (0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(errorMessage, {\n                        ...params,\n                        name: Array.isArray(name) ? name.join('.') : name\n                    })\n                };\n            }\n            else if (isPromiseLike(checkResult)) {\n                throw new Error('synchronous validator had an async result, you should probably call \"checkAsync()\"');\n            }\n            else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n                return checkResult;\n            }\n        }\n        return null;\n    };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidator);\n//# sourceMappingURL=createValidator.js.map\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 _formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\nfunction isObj(o) {\n    return o != null && (typeof o === 'object' || typeof o == 'function');\n}\nfunction isPromiseLike(v) {\n    return v instanceof Promise || (isObj(v) && typeof v.then === 'function');\n}\n/**\n * Create a data validator\n * @param data\n */\nfunction createValidator(data, name, label) {\n    return (value, rules) => {\n        for (let i = 0; i < rules.length; i += 1) {\n            const { onValid, errorMessage, params, isAsync } = rules[i];\n            if (isAsync)\n                continue;\n            const checkResult = onValid(value, data, name);\n            const errorMsg = typeof errorMessage === 'function' ? errorMessage() : errorMessage;\n            if (checkResult === false) {\n                return {\n                    hasError: true,\n                    errorMessage: (0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(errorMsg, {\n                        ...params,\n                        name: label || (Array.isArray(name) ? name.join('.') : name)\n                    })\n                };\n            }\n            else if (isPromiseLike(checkResult)) {\n                throw new Error('synchronous validator had an async result, you should probably call \"checkAsync()\"');\n            }\n            else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n                return checkResult;\n            }\n        }\n        return null;\n    };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidator);\n//# sourceMappingURL=createValidator.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidator.js?");
 
 /***/ }),
 
@@ -15768,7 +15832,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 _formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n/**\n * Create a data asynchronous validator\n * @param data\n */\nfunction createValidatorAsync(data, name) {\n    function check(errorMessage) {\n        return (checkResult) => {\n            if (checkResult === false) {\n                return { hasError: true, errorMessage };\n            }\n            else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n                return checkResult;\n            }\n            return null;\n        };\n    }\n    return (value, rules) => {\n        const promises = rules.map(rule => {\n            const { onValid, errorMessage, params } = rule;\n            return Promise.resolve(onValid(value, data, name)).then(check((0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(errorMessage, {\n                ...params,\n                name: Array.isArray(name) ? name.join('.') : name\n            })));\n        });\n        return Promise.all(promises).then(results => results.find((item) => item && (item === null || item === void 0 ? void 0 : item.hasError)));\n    };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidatorAsync);\n//# sourceMappingURL=createValidatorAsync.js.map\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 _formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n/**\n * Create a data asynchronous validator\n * @param data\n */\nfunction createValidatorAsync(data, name, label) {\n    function check(errorMessage) {\n        return (checkResult) => {\n            if (checkResult === false) {\n                return { hasError: true, errorMessage };\n            }\n            else if (typeof checkResult === 'object' && (checkResult.hasError || checkResult.array)) {\n                return checkResult;\n            }\n            return null;\n        };\n    }\n    return (value, rules) => {\n        const promises = rules.map(rule => {\n            const { onValid, errorMessage, params } = rule;\n            const errorMsg = typeof errorMessage === 'function' ? errorMessage() : errorMessage;\n            return Promise.resolve(onValid(value, data, name)).then(check((0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(errorMsg, {\n                ...params,\n                name: label || (0,_formatErrorMessage__WEBPACK_IMPORTED_MODULE_0__.joinName)(name)\n            })));\n        });\n        return Promise.all(promises).then(results => results.find((item) => item && (item === null || item === void 0 ? void 0 : item.hasError)));\n    };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (createValidatorAsync);\n//# sourceMappingURL=createValidatorAsync.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/createValidatorAsync.js?");
 
 /***/ }),
 
@@ -15779,7 +15843,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 */   \"default\": function() { return /* binding */ formatErrorMessage; }\n/* harmony export */ });\n/* harmony import */ var _isEmpty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isEmpty */ \"./node_modules/schema-typed/es/utils/isEmpty.js\");\n\n/**\n * formatErrorMessage('${name} is a required field', {name: 'email'});\n * output: 'email is a required field'\n */\nfunction formatErrorMessage(errorMessage, params) {\n    if (typeof errorMessage === 'string') {\n        return errorMessage.replace(/\\$\\{\\s*(\\w+)\\s*\\}/g, (_, key) => {\n            return (0,_isEmpty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(params === null || params === void 0 ? void 0 : params[key]) ? `[${key}]` : params === null || params === void 0 ? void 0 : params[key];\n        });\n    }\n    return errorMessage;\n}\n//# sourceMappingURL=formatErrorMessage.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/formatErrorMessage.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ formatErrorMessage; },\n/* harmony export */   \"joinName\": function() { return /* binding */ joinName; }\n/* harmony export */ });\n/* harmony import */ var _isEmpty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isEmpty */ \"./node_modules/schema-typed/es/utils/isEmpty.js\");\n\nfunction joinName(name) {\n    return Array.isArray(name) ? name.join('.') : name;\n}\n/**\n * formatErrorMessage('${name} is a required field', {name: 'email'});\n * output: 'email is a required field'\n */\nfunction formatErrorMessage(errorMessage, params) {\n    if (typeof errorMessage === 'string') {\n        return errorMessage.replace(/\\$\\{\\s*(\\w+)\\s*\\}/g, (_, key) => {\n            return (0,_isEmpty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(params === null || params === void 0 ? void 0 : params[key]) ? `$\\{${key}\\}` : params === null || params === void 0 ? void 0 : params[key];\n        });\n    }\n    return errorMessage;\n}\n//# sourceMappingURL=formatErrorMessage.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/formatErrorMessage.js?");
 
 /***/ }),
 
@@ -15790,7 +15854,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 */   \"basicEmptyCheck\": function() { return /* reexport safe */ _basicEmptyCheck__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   \"checkRequired\": function() { return /* reexport safe */ _checkRequired__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"createValidator\": function() { return /* reexport safe */ _createValidator__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"createValidatorAsync\": function() { return /* reexport safe */ _createValidatorAsync__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"formatErrorMessage\": function() { return /* reexport safe */ _formatErrorMessage__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"isEmpty\": function() { return /* reexport safe */ _isEmpty__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _basicEmptyCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./basicEmptyCheck */ \"./node_modules/schema-typed/es/utils/basicEmptyCheck.js\");\n/* harmony import */ var _checkRequired__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkRequired */ \"./node_modules/schema-typed/es/utils/checkRequired.js\");\n/* harmony import */ var _createValidator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./createValidator */ \"./node_modules/schema-typed/es/utils/createValidator.js\");\n/* harmony import */ var _createValidatorAsync__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./createValidatorAsync */ \"./node_modules/schema-typed/es/utils/createValidatorAsync.js\");\n/* harmony import */ var _isEmpty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isEmpty */ \"./node_modules/schema-typed/es/utils/isEmpty.js\");\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n\n\n\n\n\n\n//# sourceMappingURL=index.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"basicEmptyCheck\": function() { return /* reexport safe */ _basicEmptyCheck__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"checkRequired\": function() { return /* reexport safe */ _checkRequired__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"createValidator\": function() { return /* reexport safe */ _createValidator__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"createValidatorAsync\": function() { return /* reexport safe */ _createValidatorAsync__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"formatErrorMessage\": function() { return /* reexport safe */ _formatErrorMessage__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"get\": function() { return /* reexport default from dynamic */ lodash_get__WEBPACK_IMPORTED_MODULE_0___default.a; },\n/* harmony export */   \"isEmpty\": function() { return /* reexport safe */ _isEmpty__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"pathTransform\": function() { return /* reexport safe */ _pathTransform__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"set\": function() { return /* reexport default from dynamic */ lodash_set__WEBPACK_IMPORTED_MODULE_1___default.a; },\n/* harmony export */   \"shallowEqual\": function() { return /* reexport safe */ _shallowEqual__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash.get */ \"./node_modules/lodash.get/index.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var lodash_set__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.set */ \"./node_modules/lodash.set/index.js\");\n/* harmony import */ var lodash_set__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_set__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _basicEmptyCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./basicEmptyCheck */ \"./node_modules/schema-typed/es/utils/basicEmptyCheck.js\");\n/* harmony import */ var _checkRequired__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./checkRequired */ \"./node_modules/schema-typed/es/utils/checkRequired.js\");\n/* harmony import */ var _createValidator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./createValidator */ \"./node_modules/schema-typed/es/utils/createValidator.js\");\n/* harmony import */ var _createValidatorAsync__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./createValidatorAsync */ \"./node_modules/schema-typed/es/utils/createValidatorAsync.js\");\n/* harmony import */ var _isEmpty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./isEmpty */ \"./node_modules/schema-typed/es/utils/isEmpty.js\");\n/* harmony import */ var _formatErrorMessage__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formatErrorMessage */ \"./node_modules/schema-typed/es/utils/formatErrorMessage.js\");\n/* harmony import */ var _shallowEqual__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./shallowEqual */ \"./node_modules/schema-typed/es/utils/shallowEqual.js\");\n/* harmony import */ var _pathTransform__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pathTransform */ \"./node_modules/schema-typed/es/utils/pathTransform.js\");\n\n\n\n\n\n\n\n\n\n\n//# sourceMappingURL=index.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/index.js?");
 
 /***/ }),
 
@@ -15805,6 +15869,28 @@ eval("__webpack_require__.r(__webpack_exports__);\nfunction isEmpty(value) {\n
 
 /***/ }),
 
+/***/ "./node_modules/schema-typed/es/utils/pathTransform.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/schema-typed/es/utils/pathTransform.js ***!
+  \*************************************************************/
+/***/ (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 */   \"default\": function() { return /* binding */ pathTransform; }\n/* harmony export */ });\nfunction pathTransform(path) {\n    const arr = path.split('.');\n    if (arr.length === 1) {\n        return path;\n    }\n    return path\n        .split('.')\n        .map((item, index) => {\n        if (index === 0) {\n            return item;\n        }\n        // Check if the item is a number, e.g. `list.0`\n        return /^\\d+$/.test(item) ? `array.${item}` : `object.${item}`;\n    })\n        .join('.');\n}\n//# sourceMappingURL=pathTransform.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/pathTransform.js?");
+
+/***/ }),
+
+/***/ "./node_modules/schema-typed/es/utils/shallowEqual.js":
+/*!************************************************************!*\
+  !*** ./node_modules/schema-typed/es/utils/shallowEqual.js ***!
+  \************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/**\n * From: https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/shallowEqual.js\n * @providesModule shallowEqual\n * @typechecks\n * @flow\n */\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\nfunction is(x, y) {\n    // SameValue algorithm\n    if (x === y) {\n        // Steps 1-5, 7-10\n        // Steps 6.b-6.e: +0 != -0\n        // Added the nonzero y check to make Flow happy, but it is redundant\n        return x !== 0 || y !== 0 || 1 / x === 1 / y;\n    }\n    // Step 6.a: NaN == NaN\n    return x !== x && y !== y;\n}\n/**\n * Performs equality by iterating through keys on an object and returning false\n * when any key has values which are not strictly equal between the arguments.\n * Returns true when the values of all keys are strictly equal.\n */\nfunction shallowEqual(objA, objB) {\n    if (is(objA, objB)) {\n        return true;\n    }\n    if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {\n        return false;\n    }\n    const keysA = Object.keys(objA);\n    const keysB = Object.keys(objB);\n    if (keysA.length !== keysB.length) {\n        return false;\n    }\n    // Test for A's keys different from B.\n    for (let i = 0; i < keysA.length; i += 1) {\n        if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {\n            return false;\n        }\n    }\n    return true;\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (shallowEqual);\n//# sourceMappingURL=shallowEqual.js.map\n\n//# sourceURL=webpack://rsuite/./node_modules/schema-typed/es/utils/shallowEqual.js?");
+
+/***/ }),
+
 /***/ "react":
 /*!**************************************************************************************!*\
   !*** external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} ***!