rsuite 6.0.0-canary-20250624 → 6.0.0-canary-20250702

package/dist/rsuite.js

@@ -1368,7 +1368,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Badge/Badge.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The Badge component is usually used to mark or highlight the status or quantity of an object.\n * @see https://rsuitejs.com/components/badge\n */\nconst Badge = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Badge', props);\n  const {\n    as,\n    content,\n    color,\n    className,\n    classPrefix = 'badge',\n    children,\n    compact,\n    maxCount = 99,\n    offset,\n    outline = true,\n    placement = 'topEnd',\n    shape,\n    style,\n    invisible,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    prefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const text = typeof content === 'number' && content > maxCount ? `${maxCount}+` : content;\n  const isOneChar = (0, _react.useMemo)(() => {\n    var _String;\n    return ((_String = String(content)) === null || _String === void 0 ? void 0 : _String.length) === 1;\n  }, [content]);\n  const classes = merge(className, withPrefix((0, _utils.isPresetColor)(color) && color, shape, {\n    compact,\n    outline,\n    'one-char': isOneChar,\n    hidden: invisible,\n    wrapper: children,\n    independent: !children,\n    [(0, _kebabCase.default)(placement)]: children\n  }));\n  const styles = (0, _react.useMemo)(() => (0, _utils.mergeStyles)(style, (0, _utils.createOffsetStyles)(offset, '--rs-badge-offset'), (0, _utils.createColorVariables)(color, '--rs-badge-bg')), [style, offset, color]);\n  if (!children) {\n    return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: ref,\n      className: classes,\n      style: styles\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 119,\n        columnNumber: 7\n      }\n    }), text);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    style: styles\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 125,\n      columnNumber: 5\n    }\n  }), children, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 127,\n      columnNumber: 7\n    }\n  }, text));\n});\nBadge.displayName = 'Badge';\nvar _default = exports[\"default\"] = Badge;\n\n//# sourceURL=webpack://rsuite/./src/Badge/Badge.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Badge/Badge.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The Badge component is usually used to mark or highlight the status or quantity of an object.\n * @see https://rsuitejs.com/components/badge\n */\nconst Badge = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Badge', props);\n  const {\n    as,\n    content,\n    color,\n    className,\n    classPrefix = 'badge',\n    children,\n    compact,\n    maxCount = 99,\n    offset,\n    outline = true,\n    placement = 'topEnd',\n    shape,\n    style,\n    invisible,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    prefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const text = typeof content === 'number' && content > maxCount ? `${maxCount}+` : content;\n  const isOneChar = (0, _react.useMemo)(() => {\n    var _String;\n    return ((_String = String(content)) === null || _String === void 0 ? void 0 : _String.length) === 1;\n  }, [content]);\n  const classes = merge(className, withPrefix({\n    wrapper: children\n  }));\n  const styles = (0, _react.useMemo)(() => (0, _utils.mergeStyles)(style, (0, _utils.createOffsetStyles)(offset, '--rs-badge-offset'), (0, _utils.createColorVariables)(color, '--rs-badge-bg')), [style, offset, color]);\n  const dataAttributes = (0, _react.useMemo)(() => {\n    return {\n      ['data-color']: (0, _utils.isPresetColor)(color) ? color : undefined,\n      ['data-shape']: shape,\n      ['data-compact']: compact,\n      ['data-one-char']: isOneChar,\n      ['data-outline']: outline,\n      ['data-hidden']: invisible,\n      ['data-independent']: !children,\n      ['data-placement']: children ? placement : undefined\n    };\n  }, [color, shape, compact, isOneChar, outline, invisible, children, placement]);\n  if (!children) {\n    return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: ref,\n      className: classes,\n      style: styles\n    }, dataAttributes, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 7\n      }\n    }), text);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    style: styles\n  }, dataAttributes, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126,\n      columnNumber: 5\n    }\n  }), children, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 128,\n      columnNumber: 7\n    }\n  }, text));\n});\nBadge.displayName = 'Badge';\nvar _default = exports[\"default\"] = Badge;\n\n//# sourceURL=webpack://rsuite/./src/Badge/Badge.tsx?");
 
 /***/ }),
 
@@ -1401,7 +1401,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _BreadcrumbItem = _interopRequireDefault(__webpack_require__(/*! ./BreadcrumbItem */ \"./src/Breadcrumb/BreadcrumbItem.tsx\"));\nvar _StyledBox = _interopRequireDefault(__webpack_require__(/*! ../internals/StyledBox */ \"./src/internals/StyledBox/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Breadcrumb/Breadcrumb.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _BreadcrumbItem.default\n};\nconst Separator = (0, _utils.createComponent)({\n  name: 'BreadcrumbSeparator',\n  componentAs: 'span',\n  'aria-hidden': true\n});\n\n/**\n * The Breadcrumb component is used to indicate the current page location and navigate.\n * @see https://rsuitejs.com/components/breadcrumb\n */\nconst Breadcrumb = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Breadcrumb', props);\n  const {\n    as = 'nav',\n    className,\n    classPrefix = 'breadcrumb',\n    children,\n    ellipsis = '...',\n    maxItems = 5,\n    separator = '/',\n    size = 'md',\n    locale,\n    onExpand,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const [showEllipsis, setShowEllipsis] = (0, _react.useState)(true);\n  const handleClickEllipsis = (0, _hooks.useEventCallback)(event => {\n    setShowEllipsis(false);\n    onExpand === null || onExpand === void 0 || onExpand(event);\n  });\n  const content = (0, _react.useMemo)(() => {\n    const count = _utils.rch.count(children);\n    const items = _utils.rch.mapCloneElement(children, (item, index) => {\n      const isLast = index === count - 1;\n      return {\n        ...item.props,\n        separator: isLast ? null : /*#__PURE__*/_react.default.createElement(Separator, {\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 88,\n            columnNumber: 38\n          }\n        }, separator)\n      };\n    });\n    if (count > maxItems && count > 2 && showEllipsis) {\n      return [...items.slice(0, 1), [/*#__PURE__*/_react.default.createElement(_BreadcrumbItem.default, {\n        role: \"button\",\n        key: \"ellipsis\",\n        title: locale === null || locale === void 0 ? void 0 : locale.expandText,\n        \"aria-label\": locale === null || locale === void 0 ? void 0 : locale.expandText,\n        separator: /*#__PURE__*/_react.default.createElement(Separator, {\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 101,\n            columnNumber: 26\n          }\n        }, separator),\n        onClick: handleClickEllipsis,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 96,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        \"aria-hidden\": true,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 104,\n          columnNumber: 15\n        }\n      }, ellipsis))], ...items.slice(items.length - 1, items.length)];\n    }\n    return items;\n  }, [children, ellipsis, handleClickEllipsis, locale === null || locale === void 0 ? void 0 : locale.expandText, maxItems, separator, showEllipsis]);\n  const classes = merge(className, withPrefix());\n  return /*#__PURE__*/_react.default.createElement(_StyledBox.default, (0, _extends2.default)({\n    name: \"breadcrumb\",\n    as: as,\n    size: size\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"ol\", {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 125,\n      columnNumber: 9\n    }\n  }, content));\n}, Subcomponents);\nBreadcrumb.displayName = 'Breadcrumb';\nvar _default = exports[\"default\"] = Breadcrumb;\n\n//# sourceURL=webpack://rsuite/./src/Breadcrumb/Breadcrumb.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _BreadcrumbItem = _interopRequireDefault(__webpack_require__(/*! ./BreadcrumbItem */ \"./src/Breadcrumb/BreadcrumbItem.tsx\"));\nvar _StyledBox = _interopRequireDefault(__webpack_require__(/*! ../internals/StyledBox */ \"./src/internals/StyledBox/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Breadcrumb/Breadcrumb.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _BreadcrumbItem.default\n};\nconst Separator = (0, _utils.createComponent)({\n  name: 'BreadcrumbSeparator',\n  componentAs: 'span',\n  'aria-hidden': true\n});\n\n/**\n * The Breadcrumb component is used to indicate the current page location and navigate.\n * @see https://rsuitejs.com/components/breadcrumb\n */\nconst Breadcrumb = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Breadcrumb', props);\n  const {\n    as = 'nav',\n    className,\n    classPrefix = 'breadcrumb',\n    children,\n    ellipsis = '...',\n    maxItems = 5,\n    separator = '/',\n    size = 'md',\n    locale,\n    onExpand,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const [showEllipsis, setShowEllipsis] = (0, _react.useState)(true);\n  const handleClickEllipsis = (0, _hooks.useEventCallback)(event => {\n    setShowEllipsis(false);\n    onExpand === null || onExpand === void 0 || onExpand(event);\n  });\n  const content = (0, _react.useMemo)(() => {\n    const count = _utils.rch.count(children);\n    const items = _utils.rch.mapCloneElement(children, (item, index) => {\n      const isLast = index === count - 1;\n      return {\n        ...item.props,\n        separator: isLast ? null : /*#__PURE__*/_react.default.createElement(Separator, {\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 87,\n            columnNumber: 38\n          }\n        }, separator)\n      };\n    });\n    if (count > maxItems && count > 2 && showEllipsis) {\n      return [...items.slice(0, 1), [/*#__PURE__*/_react.default.createElement(_BreadcrumbItem.default, {\n        role: \"button\",\n        key: \"ellipsis\",\n        title: locale === null || locale === void 0 ? void 0 : locale.expandText,\n        \"aria-label\": locale === null || locale === void 0 ? void 0 : locale.expandText,\n        separator: /*#__PURE__*/_react.default.createElement(Separator, {\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 100,\n            columnNumber: 26\n          }\n        }, separator),\n        onClick: handleClickEllipsis,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 95,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/_react.default.createElement(\"span\", {\n        \"aria-hidden\": true,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 103,\n          columnNumber: 15\n        }\n      }, ellipsis))], ...items.slice(items.length - 1, items.length)];\n    }\n    return items;\n  }, [children, ellipsis, handleClickEllipsis, locale === null || locale === void 0 ? void 0 : locale.expandText, maxItems, separator, showEllipsis]);\n  const classes = merge(className, withPrefix());\n  return /*#__PURE__*/_react.default.createElement(_StyledBox.default, (0, _extends2.default)({\n    name: \"breadcrumb\",\n    as: as,\n    size: size\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"ol\", {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 9\n    }\n  }, content));\n}, Subcomponents);\nBreadcrumb.displayName = 'Breadcrumb';\nvar _default = exports[\"default\"] = Breadcrumb;\n\n//# sourceURL=webpack://rsuite/./src/Breadcrumb/Breadcrumb.tsx?");
 
 /***/ }),
 
@@ -1434,7 +1434,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../internals/Ripple */ \"./src/internals/Ripple/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../internals/SafeAnchor */ \"./src/internals/SafeAnchor/index.tsx\"));\nvar _ButtonGroup = __webpack_require__(/*! ../ButtonGroup */ \"./src/ButtonGroup/index.tsx\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Button/Button.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The Button component is used to trigger a custom action.\n * @see https://rsuitejs.com/components/button\n */\nconst Button = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Button', props);\n  const buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);\n  const {\n    as,\n    active: activeProp,\n    appearance = 'default',\n    block,\n    className,\n    children,\n    classPrefix = 'btn',\n    color,\n    disabled = buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.disabled,\n    loading,\n    role,\n    ripple = true,\n    size = (buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size) || 'md',\n    startIcon,\n    endIcon,\n    type: typeProp,\n    toggleable,\n    onToggle,\n    onClick,\n    ...rest\n  } = propsWithDefaults;\n  const [active, setActive] = (0, _hooks.useControlled)(activeProp, false);\n  const {\n    withPrefix,\n    prefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(appearance, color, size, {\n    active,\n    disabled,\n    loading,\n    block\n  }));\n  const buttonContent = (0, _react.useMemo)(() => {\n    const spin = /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix`spin`,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 96,\n        columnNumber: 18\n      }\n    });\n    const rippleElement = ripple && !(0, _utils.isOneOf)(appearance, ['link', 'ghost']) ? /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 79\n      }\n    }) : null;\n    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && spin, startIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix`start-icon`,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 102,\n        columnNumber: 22\n      }\n    }, startIcon) : null, children, endIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix`end-icon`,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 20\n      }\n    }, endIcon) : null, rippleElement);\n  }, [appearance, children, endIcon, loading, prefix, ripple, startIcon]);\n  const handleClick = (0, _hooks.useEventCallback)(event => {\n    if (toggleable) {\n      const nextActive = !active;\n      setActive(nextActive);\n      onToggle === null || onToggle === void 0 || onToggle(nextActive, event);\n    }\n    onClick === null || onClick === void 0 || onClick(event);\n  });\n  const buttonAs = as || (rest.href ? _SafeAnchor.default : 'button');\n  const isCustomElement = buttonAs !== 'button' && buttonAs !== _SafeAnchor.default;\n  const uncertainProps = {\n    [(0, _utils.isDisableableElement)(buttonAs) || buttonAs === _SafeAnchor.default ? 'disabled' : 'aria-disabled']: disabled,\n    type: typeProp !== null && typeProp !== void 0 ? typeProp : buttonAs === 'button' ? 'button' : undefined,\n    role: role !== null && role !== void 0 ? role : isCustomElement ? 'button' : undefined\n  };\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: buttonAs,\n    ref: ref,\n    className: classes,\n    onClick: handleClick\n  }, uncertainProps, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 131,\n      columnNumber: 5\n    }\n  }), buttonContent);\n});\nButton.displayName = 'Button';\nvar _default = exports[\"default\"] = Button;\n\n//# sourceURL=webpack://rsuite/./src/Button/Button.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../internals/Ripple */ \"./src/internals/Ripple/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../internals/SafeAnchor */ \"./src/internals/SafeAnchor/index.tsx\"));\nvar _ButtonGroup = __webpack_require__(/*! ../ButtonGroup */ \"./src/ButtonGroup/index.tsx\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Button/Button.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The Button component is used to trigger a custom action.\n * @see https://rsuitejs.com/components/button\n */\nconst Button = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Button', props);\n  const buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);\n  const {\n    as,\n    active: activeProp,\n    appearance = 'default',\n    block,\n    className,\n    children,\n    classPrefix = 'btn',\n    color,\n    disabled = buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.disabled,\n    loading,\n    role,\n    ripple = true,\n    size = (buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size) || 'md',\n    startIcon,\n    endIcon,\n    type: typeProp,\n    toggleable,\n    onToggle,\n    onClick,\n    ...rest\n  } = propsWithDefaults;\n  const [active, setActive] = (0, _hooks.useControlled)(activeProp, false);\n  const {\n    withPrefix,\n    prefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const buttonContent = (0, _react.useMemo)(() => {\n    const spin = /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix`spin`,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 18\n      }\n    });\n    const rippleElement = ripple && !(0, _utils.isOneOf)(appearance, ['link', 'ghost']) ? /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 79\n      }\n    }) : null;\n    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && spin, startIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix`start-icon`,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 99,\n        columnNumber: 22\n      }\n    }, startIcon) : null, children, endIcon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix`end-icon`,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 20\n      }\n    }, endIcon) : null, rippleElement);\n  }, [appearance, children, endIcon, loading, prefix, ripple, startIcon]);\n  const handleClick = (0, _hooks.useEventCallback)(event => {\n    if (toggleable) {\n      const nextActive = !active;\n      setActive(nextActive);\n      onToggle === null || onToggle === void 0 || onToggle(nextActive, event);\n    }\n    onClick === null || onClick === void 0 || onClick(event);\n  });\n  const buttonAs = as || (rest.href ? _SafeAnchor.default : 'button');\n  const isCustomElement = buttonAs !== 'button' && buttonAs !== _SafeAnchor.default;\n  const uncertainProps = {\n    [(0, _utils.isDisableableElement)(buttonAs) || buttonAs === _SafeAnchor.default ? 'disabled' : 'aria-disabled']: disabled,\n    type: typeProp !== null && typeProp !== void 0 ? typeProp : buttonAs === 'button' ? 'button' : undefined,\n    role: role !== null && role !== void 0 ? role : isCustomElement ? 'button' : undefined\n  };\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: buttonAs,\n    ref: ref,\n    className: classes,\n    onClick: handleClick,\n    \"data-appearance\": appearance,\n    \"data-color\": color,\n    \"data-size\": size,\n    \"data-block\": block,\n    \"data-active\": active || undefined,\n    \"data-disabled\": disabled,\n    \"data-loading\": loading\n  }, uncertainProps, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 128,\n      columnNumber: 5\n    }\n  }), buttonContent);\n});\nButton.displayName = 'Button';\nvar _default = exports[\"default\"] = Button;\n\n//# sourceURL=webpack://rsuite/./src/Button/Button.tsx?");
 
 /***/ }),
 
@@ -1456,7 +1456,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _ButtonGroupContext = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroupContext */ \"./src/ButtonGroup/ButtonGroupContext.ts\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/ButtonGroup/ButtonGroup.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The ButtonGroup component is used to group a series of buttons together in a single line or column.\n * @see https://rsuitejs.com/components/button/#button-group\n */\nconst ButtonGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('ButtonGroup', props);\n  const {\n    as,\n    classPrefix = 'btn-group',\n    role = 'group',\n    className,\n    children,\n    disabled,\n    divided,\n    block,\n    vertical,\n    justified,\n    size,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(size, {\n    block,\n    divided,\n    vertical,\n    justified\n  }));\n  const contextValue = (0, _react.useMemo)(() => ({\n    size,\n    disabled\n  }), [disabled, size]);\n  return /*#__PURE__*/_react.default.createElement(_ButtonGroupContext.default.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    role: role,\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }\n  }), children));\n});\nButtonGroup.displayName = 'ButtonGroup';\nvar _default = exports[\"default\"] = ButtonGroup;\n\n//# sourceURL=webpack://rsuite/./src/ButtonGroup/ButtonGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _ButtonGroupContext = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroupContext */ \"./src/ButtonGroup/ButtonGroupContext.ts\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/ButtonGroup/ButtonGroup.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The ButtonGroup component is used to group a series of buttons together in a single line or column.\n * @see https://rsuitejs.com/components/button/#button-group\n */\nconst ButtonGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('ButtonGroup', props);\n  const {\n    as,\n    classPrefix = 'btn-group',\n    role = 'group',\n    className,\n    children,\n    disabled,\n    divided,\n    block,\n    vertical,\n    justified,\n    size,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const contextValue = (0, _react.useMemo)(() => ({\n    size,\n    disabled\n  }), [disabled, size]);\n  return /*#__PURE__*/_react.default.createElement(_ButtonGroupContext.default.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    role: role,\n    ref: ref,\n    className: classes,\n    \"data-size\": size,\n    \"data-block\": block,\n    \"data-vertical\": vertical,\n    \"data-justified\": justified,\n    \"data-divided\": divided,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }\n  }), children));\n});\nButtonGroup.displayName = 'ButtonGroup';\nvar _default = exports[\"default\"] = ButtonGroup;\n\n//# sourceURL=webpack://rsuite/./src/ButtonGroup/ButtonGroup.tsx?");
 
 /***/ }),
 
@@ -1830,7 +1830,7 @@ eval("\n\nexports.__esModule = true;\nexports.isEveryDateInMonth = isEveryDateIn
 /***/ (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 _CardHeader = _interopRequireDefault(__webpack_require__(/*! ./CardHeader */ \"./src/Card/CardHeader.tsx\"));\nvar _CardBody = _interopRequireDefault(__webpack_require__(/*! ./CardBody */ \"./src/Card/CardBody.tsx\"));\nvar _CardFooter = _interopRequireDefault(__webpack_require__(/*! ./CardFooter */ \"./src/Card/CardFooter.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Card/Card.tsx\";\nconst Subcomponents = {\n  Header: _CardHeader.default,\n  Body: _CardBody.default,\n  Footer: _CardFooter.default\n};\nconst Card = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Card', props);\n  const {\n    as,\n    bordered = true,\n    classPrefix = 'card',\n    className,\n    children,\n    direction,\n    shaded,\n    style,\n    size,\n    width,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix,\n    cssVar\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(direction, size, {\n    bordered,\n    shaded: shaded === true,\n    ['shaded-hover']: shaded === 'hover'\n  }));\n  const styles = (0, _utils.mergeStyles)(style, cssVar('width', width, _utils.getCssValue));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    style: styles\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 5\n    }\n  }), children);\n}, Subcomponents);\nCard.displayName = 'Card';\nvar _default = exports[\"default\"] = Card;\n\n//# sourceURL=webpack://rsuite/./src/Card/Card.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _CardHeader = _interopRequireDefault(__webpack_require__(/*! ./CardHeader */ \"./src/Card/CardHeader.tsx\"));\nvar _CardBody = _interopRequireDefault(__webpack_require__(/*! ./CardBody */ \"./src/Card/CardBody.tsx\"));\nvar _CardFooter = _interopRequireDefault(__webpack_require__(/*! ./CardFooter */ \"./src/Card/CardFooter.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Card/Card.tsx\";\nconst Subcomponents = {\n  Header: _CardHeader.default,\n  Body: _CardBody.default,\n  Footer: _CardFooter.default\n};\nconst Card = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Card', props);\n  const {\n    as,\n    bordered = true,\n    classPrefix = 'card',\n    className,\n    children,\n    direction,\n    shaded,\n    style,\n    size,\n    width,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix,\n    cssVar\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const styles = (0, _utils.mergeStyles)(style, cssVar('width', width, _utils.getCssValue));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    style: styles,\n    \"data-size\": size,\n    \"data-direction\": direction,\n    \"data-bordered\": bordered,\n    \"data-shaded\": shaded\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63,\n      columnNumber: 5\n    }\n  }), children);\n}, Subcomponents);\nCard.displayName = 'Card';\nvar _default = exports[\"default\"] = Card;\n\n//# sourceURL=webpack://rsuite/./src/Card/Card.tsx?");
 
 /***/ }),
 
@@ -2226,7 +2226,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _CheckboxGroup = __webpack_require__(/*! ../CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Checkbox/Checkbox.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The Checkbox component is used for selecting multiple options from a set.\n * @see https://rsuitejs.com/components/checkbox\n */\nconst Checkbox = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Checkbox', props);\n  const checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);\n  const {\n    inline: inlineContext,\n    name: nameContext,\n    disabled: disabledContext,\n    readOnly: readOnlyContext,\n    plaintext: plaintextContext,\n    onChange: onGroupChange\n  } = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {};\n  const {\n    as,\n    checked: controlledChecked,\n    className,\n    children,\n    classPrefix = 'checkbox',\n    checkable = true,\n    color,\n    defaultChecked = false,\n    title,\n    inputRef,\n    inputProps,\n    indeterminate,\n    labelClickable = true,\n    tabIndex = 0,\n    disabled = disabledContext,\n    readOnly = readOnlyContext,\n    plaintext = plaintextContext,\n    inline = inlineContext,\n    name = nameContext,\n    value,\n    onClick,\n    onCheckboxClick,\n    onChange,\n    ...rest\n  } = propsWithDefaults;\n  const [selfChecked, setSelfChecked, selfControlled] = (0, _hooks.useControlled)(controlledChecked, defaultChecked);\n\n  // Either <Checkbox> is checked itself or by parent <CheckboxGroup>\n  const checked = (0, _react.useMemo)(() => {\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(checkedValue => checkedValue === value)) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;\n  }, [checkboxGroupContext, selfChecked, value]);\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(color, {\n    inline,\n    indeterminate,\n    disabled,\n    checked\n  }));\n  const [htmlInputProps, restProps] = (0, _utils.partitionHTMLProps)(rest);\n\n  // 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  const 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  const checkboxRef = (0, _react.useRef)(null);\n  const handleChange = (0, _hooks.useEventCallback)(event => {\n    const nextChecked = event.target.checked;\n    if (disabled || readOnly) {\n      return;\n    }\n    setSelfChecked(nextChecked);\n    onChange === null || onChange === void 0 || onChange(value, nextChecked, event);\n    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, nextChecked, event);\n  });\n  const handleLabelClick = (0, _hooks.useEventCallback)(event => {\n    // Prevent check when label is not clickable\n    if (!labelClickable && event.target !== checkboxRef.current) {\n      event.preventDefault();\n    }\n  });\n  const labelId = (0, _hooks.useUniqueId)('label-');\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as\n    }, restProps, {\n      ref: ref,\n      className: classes,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 7\n      }\n    }), children) : null;\n  }\n  const control = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`control`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 221,\n      columnNumber: 5\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: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 222,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`inner`,\n    \"aria-hidden\": true,\n    \"data-testid\": \"checkbox-control-inner\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 238,\n      columnNumber: 7\n    }\n  }));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, restProps, {\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 243,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix`checker`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 244,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    onClick: handleLabelClick,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 245,\n      columnNumber: 9\n    }\n  }, checkable ? control : null, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`label`,\n    id: labelId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 247,\n      columnNumber: 11\n    }\n  }, children))));\n});\nCheckbox.displayName = 'Checkbox';\nvar _default = exports[\"default\"] = Checkbox;\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\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _CheckboxGroup = __webpack_require__(/*! ../CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Checkbox/Checkbox.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The Checkbox component is used for selecting multiple options from a set.\n * @see https://rsuitejs.com/components/checkbox\n */\nconst Checkbox = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Checkbox', props);\n  const checkboxGroupContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext);\n  const {\n    inline: inlineContext,\n    name: nameContext,\n    disabled: disabledContext,\n    readOnly: readOnlyContext,\n    plaintext: plaintextContext,\n    onChange: onGroupChange\n  } = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {};\n  const {\n    as,\n    checked: controlledChecked,\n    className,\n    children,\n    classPrefix = 'checkbox',\n    checkable = true,\n    color,\n    defaultChecked = false,\n    title,\n    inputRef,\n    inputProps,\n    indeterminate,\n    labelClickable = true,\n    tabIndex = 0,\n    disabled = disabledContext,\n    readOnly = readOnlyContext,\n    plaintext = plaintextContext,\n    inline = inlineContext,\n    name = nameContext,\n    value,\n    onClick,\n    onCheckboxClick,\n    onChange,\n    ...rest\n  } = propsWithDefaults;\n  const [selfChecked, setSelfChecked, selfControlled] = (0, _hooks.useControlled)(controlledChecked, defaultChecked);\n\n  // Either <Checkbox> is checked itself or by parent <CheckboxGroup>\n  const checked = (0, _react.useMemo)(() => {\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(checkedValue => checkedValue === value)) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;\n  }, [checkboxGroupContext, selfChecked, value]);\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const [htmlInputProps, restProps] = (0, _utils.partitionHTMLProps)(rest);\n\n  // 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  const 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  const checkboxRef = (0, _react.useRef)(null);\n  const handleChange = (0, _hooks.useEventCallback)(event => {\n    const nextChecked = event.target.checked;\n    if (disabled || readOnly) {\n      return;\n    }\n    setSelfChecked(nextChecked);\n    onChange === null || onChange === void 0 || onChange(value, nextChecked, event);\n    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, nextChecked, event);\n  });\n  const handleLabelClick = (0, _hooks.useEventCallback)(event => {\n    // Prevent check when label is not clickable\n    if (!labelClickable && event.target !== checkboxRef.current) {\n      event.preventDefault();\n    }\n  });\n  const labelId = (0, _hooks.useUniqueId)('label-');\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as\n    }, restProps, {\n      ref: ref,\n      className: classes,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 7\n      }\n    }), children) : null;\n  }\n  const control = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`control`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 221,\n      columnNumber: 5\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: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 222,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`inner`,\n    \"aria-hidden\": true,\n    \"data-testid\": \"checkbox-control-inner\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 238,\n      columnNumber: 7\n    }\n  }));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, restProps, {\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    \"data-color\": color,\n    \"data-checked\": indeterminate ? 'mixed' : checked,\n    \"data-disabled\": disabled,\n    \"data-inline\": inline,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 243,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix`checker`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 254,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    onClick: handleLabelClick,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 255,\n      columnNumber: 9\n    }\n  }, checkable ? control : null, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`label`,\n    id: labelId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 257,\n      columnNumber: 11\n    }\n  }, children))));\n});\nCheckbox.displayName = 'Checkbox';\nvar _default = exports[\"default\"] = Checkbox;\n\n//# sourceURL=webpack://rsuite/./src/Checkbox/Checkbox.tsx?");
 
 /***/ }),
 
@@ -2248,7 +2248,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _cloneDeep = _interopRequireDefault(__webpack_require__(/*! lodash/cloneDeep */ \"./node_modules/lodash/cloneDeep.js\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CheckboxGroupContext = __webpack_require__(/*! ./CheckboxGroupContext */ \"./src/CheckboxGroup/CheckboxGroupContext.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/CheckboxGroup/CheckboxGroup.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.\n * @see https://rsuitejs.com/components/checkbox/#checkbox-group\n */\nconst CheckboxGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('CheckboxGroup', props);\n  const {\n    as,\n    className,\n    inline,\n    children,\n    name,\n    value: valueProp,\n    defaultValue,\n    classPrefix = 'checkbox-group',\n    disabled,\n    readOnly,\n    plaintext,\n    onChange,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    inline\n  }));\n  const [value, setValue, isControlled] = (0, _hooks.useControlled)(valueProp, defaultValue);\n  const handleChange = (0, _react.useCallback)((itemValue, itemChecked, event) => {\n    const nextValue = (0, _cloneDeep.default)(value) || [];\n    if (itemChecked) {\n      nextValue.push(itemValue);\n    } else {\n      (0, _remove.default)(nextValue, i => (0, _utils.shallowEqual)(i, itemValue));\n    }\n    setValue(nextValue);\n    onChange === null || onChange === void 0 || onChange(nextValue, event);\n  }, [onChange, setValue, value]);\n  const contextValue = (0, _react.useMemo)(() => ({\n    inline,\n    name,\n    value,\n    readOnly,\n    disabled,\n    plaintext,\n    controlled: isControlled,\n    onChange: handleChange\n  }), [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);\n  return /*#__PURE__*/_react.default.createElement(_CheckboxGroupContext.CheckboxGroupContext.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 5\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n    ref: ref,\n    localeKey: \"notSelected\"\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83,\n      columnNumber: 9\n    }\n  }), value !== null && value !== void 0 && value.length ? children : null) : /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    ref: ref,\n    role: \"group\",\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87,\n      columnNumber: 9\n    }\n  }), children));\n});\nCheckboxGroup.displayName = 'CheckboxGroup';\nvar _default = exports[\"default\"] = CheckboxGroup;\n\n//# sourceURL=webpack://rsuite/./src/CheckboxGroup/CheckboxGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _cloneDeep = _interopRequireDefault(__webpack_require__(/*! lodash/cloneDeep */ \"./node_modules/lodash/cloneDeep.js\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _CheckboxGroupContext = __webpack_require__(/*! ./CheckboxGroupContext */ \"./src/CheckboxGroup/CheckboxGroupContext.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/CheckboxGroup/CheckboxGroup.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.\n * @see https://rsuitejs.com/components/checkbox/#checkbox-group\n */\nconst CheckboxGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('CheckboxGroup', props);\n  const {\n    as,\n    className,\n    inline,\n    children,\n    name,\n    value: valueProp,\n    defaultValue,\n    classPrefix = 'checkbox-group',\n    disabled,\n    readOnly,\n    plaintext,\n    onChange,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const [value, setValue, isControlled] = (0, _hooks.useControlled)(valueProp, defaultValue);\n  const handleChange = (0, _react.useCallback)((itemValue, itemChecked, event) => {\n    const nextValue = (0, _cloneDeep.default)(value) || [];\n    if (itemChecked) {\n      nextValue.push(itemValue);\n    } else {\n      (0, _remove.default)(nextValue, i => (0, _utils.shallowEqual)(i, itemValue));\n    }\n    setValue(nextValue);\n    onChange === null || onChange === void 0 || onChange(nextValue, event);\n  }, [onChange, setValue, value]);\n  const contextValue = (0, _react.useMemo)(() => ({\n    inline,\n    name,\n    value,\n    readOnly,\n    disabled,\n    plaintext,\n    controlled: isControlled,\n    onChange: handleChange\n  }), [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);\n  return /*#__PURE__*/_react.default.createElement(_CheckboxGroupContext.CheckboxGroupContext.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 5\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n    ref: ref,\n    localeKey: \"notSelected\"\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83,\n      columnNumber: 9\n    }\n  }), value !== null && value !== void 0 && value.length ? children : null) : /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    ref: ref,\n    role: \"group\",\n    className: classes,\n    \"data-inline\": inline,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87,\n      columnNumber: 9\n    }\n  }), children));\n});\nCheckboxGroup.displayName = 'CheckboxGroup';\nvar _default = exports[\"default\"] = CheckboxGroup;\n\n//# sourceURL=webpack://rsuite/./src/CheckboxGroup/CheckboxGroup.tsx?");
 
 /***/ }),
 
@@ -2809,7 +2809,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\nvar _DropdownItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownItem */ \"./src/Dropdown/DropdownItem.tsx\"));\nvar _DropdownSeparator = _interopRequireDefault(__webpack_require__(/*! ./DropdownSeparator */ \"./src/Dropdown/DropdownSeparator.tsx\"));\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Dropdown/Dropdown.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _DropdownItem.default,\n  Menu: _DropdownMenu.default,\n  Separator: _DropdownSeparator.default\n};\n/**\n * The `Dropdown` component is used to select an option from a set of options.\n * @see https://rsuitejs.com/components/dropdown\n *\n * The `<Dropdown>` API\n * - When used inside `<Sidenav>`, renders a `<TreeviewRootItem>`;\n * - Otherwise renders a `<MenuRoot>`\n */\nconst Dropdown = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Dropdown', props);\n  const {\n    as: Component = 'div',\n    activeKey,\n    title,\n    trigger = 'click',\n    placement = 'bottomStart',\n    toggleAs,\n    toggleClassName,\n    open,\n    defaultOpen,\n    classPrefix = 'dropdown',\n    className,\n    disabled,\n    children,\n    menuStyle,\n    style,\n    onClose,\n    onOpen,\n    onToggle,\n    onSelect,\n    ...toggleProps\n  } = propsWithDefaults;\n  const nav = (0, _react.useContext)(_NavContext.default);\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const menuButtonTriggers = (0, _react.useMemo)(() => {\n    if (!trigger) {\n      return undefined;\n    }\n    const triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n    return trigger.map(t => triggerMap[t]);\n  }, [trigger]);\n  const [{\n    items\n  }, dispatch] = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState);\n  const hasSelectedItem = (0, _react.useMemo)(() => {\n    return items.some(item => item.props.selected);\n  }, [items]);\n  const dropdownContextValue = (0, _react.useMemo)(() => {\n    return {\n      activeKey,\n      onSelect,\n      hasSelectedItem,\n      dispatch\n    };\n  }, [activeKey, onSelect, hasSelectedItem, dispatch]);\n\n  // Deprecate <Dropdown> within <Nav> usage\n  // in favor of <Nav.Menu> API\n  if (nav) {\n    (0, _utils.warnOnce)('Usage of <Dropdown> within <Nav> is deprecated. Replace with <Nav.Menu>');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 187,\n        columnNumber: 14\n      }\n    }));\n  }\n  const renderMenuButton = (menuButtonProps, menuButtonRef) => /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n    ref: menuButtonRef,\n    as: toggleAs,\n    className: toggleClassName,\n    placement: placement,\n    disabled: disabled\n  }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid']), {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 191,\n      columnNumber: 7\n    }\n  }), title);\n  return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n    value: dropdownContextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 205,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    open: open,\n    defaultOpen: defaultOpen,\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    disabled: disabled,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 217,\n          columnNumber: 15\n        }\n      }), children);\n    },\n    onToggleMenu: open => {\n      onToggle === null || onToggle === void 0 || onToggle(open);\n      if (open) {\n        onOpen === null || onOpen === void 0 || onOpen();\n      } else {\n        onClose === null || onClose === void 0 || onClose();\n      }\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 206,\n      columnNumber: 9\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = merge(className, withPrefix({\n      disabled,\n      open\n    }));\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes,\n      style: style,\n      \"data-placement\": (0, _utils.kebabPlace)(placement),\n      \"data-active-descendant\": hasSelectedItem\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 240,\n        columnNumber: 15\n      }\n    }));\n  }));\n}, Subcomponents);\nDropdown.displayName = 'Dropdown';\nvar _default = exports[\"default\"] = Dropdown;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _DropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./DropdownMenu */ \"./src/Dropdown/DropdownMenu.tsx\"));\nvar _DropdownItem = _interopRequireDefault(__webpack_require__(/*! ./DropdownItem */ \"./src/Dropdown/DropdownItem.tsx\"));\nvar _DropdownSeparator = _interopRequireDefault(__webpack_require__(/*! ./DropdownSeparator */ \"./src/Dropdown/DropdownSeparator.tsx\"));\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _DropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./DropdownToggle */ \"./src/Dropdown/DropdownToggle.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Dropdown/Dropdown.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _DropdownItem.default,\n  Menu: _DropdownMenu.default,\n  Separator: _DropdownSeparator.default\n};\n/**\n * The `Dropdown` component is used to select an option from a set of options.\n * @see https://rsuitejs.com/components/dropdown\n *\n * The `<Dropdown>` API\n * - When used inside `<Sidenav>`, renders a `<TreeviewRootItem>`;\n * - Otherwise renders a `<MenuRoot>`\n */\nconst Dropdown = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Dropdown', props);\n  const {\n    as: Component = 'div',\n    activeKey,\n    title,\n    trigger = 'click',\n    placement = 'bottomStart',\n    toggleAs,\n    toggleClassName,\n    open,\n    defaultOpen,\n    classPrefix = 'dropdown',\n    className,\n    disabled,\n    children,\n    menuStyle,\n    style,\n    onClose,\n    onOpen,\n    onToggle,\n    onSelect,\n    ...toggleProps\n  } = propsWithDefaults;\n  const nav = (0, _react.useContext)(_NavContext.default);\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const menuButtonTriggers = (0, _react.useMemo)(() => {\n    if (!trigger) {\n      return undefined;\n    }\n    const triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n    return trigger.map(t => triggerMap[t]);\n  }, [trigger]);\n  const [{\n    items\n  }, dispatch] = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState);\n  const hasSelectedItem = (0, _react.useMemo)(() => {\n    return items.some(item => item.props.selected);\n  }, [items]);\n  const dropdownContextValue = (0, _react.useMemo)(() => {\n    return {\n      activeKey,\n      onSelect,\n      hasSelectedItem,\n      dispatch\n    };\n  }, [activeKey, onSelect, hasSelectedItem, dispatch]);\n\n  // Deprecate <Dropdown> within <Nav> usage\n  // in favor of <Nav.Menu> API\n  if (nav) {\n    (0, _utils.warnOnce)('Usage of <Dropdown> within <Nav> is deprecated. Replace with <Nav.Menu>');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 187,\n        columnNumber: 14\n      }\n    }));\n  }\n  const renderMenuButton = (menuButtonProps, menuButtonRef) => /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({\n    ref: menuButtonRef,\n    as: toggleAs,\n    className: toggleClassName,\n    placement: placement,\n    disabled: disabled\n  }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid']), {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 191,\n      columnNumber: 7\n    }\n  }), title);\n  return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n    value: dropdownContextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 205,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    open: open,\n    defaultOpen: defaultOpen,\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    disabled: disabled,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 217,\n          columnNumber: 15\n        }\n      }), children);\n    },\n    onToggleMenu: open => {\n      onToggle === null || onToggle === void 0 || onToggle(open);\n      if (open) {\n        onOpen === null || onOpen === void 0 || onOpen();\n      } else {\n        onClose === null || onClose === void 0 || onClose();\n      }\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 206,\n      columnNumber: 9\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = merge(className, withPrefix());\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes,\n      style: style,\n      \"data-placement\": (0, _utils.kebabPlace)(placement),\n      \"data-disabled\": disabled,\n      \"data-open\": open,\n      \"data-active-descendant\": hasSelectedItem\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 240,\n        columnNumber: 15\n      }\n    }));\n  }));\n}, Subcomponents);\nDropdown.displayName = 'Dropdown';\nvar _default = exports[\"default\"] = Dropdown;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/Dropdown.tsx?");
 
 /***/ }),
 
@@ -2831,7 +2831,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ \"./src/Text/index.tsx\"));\nvar _DropdownSeparator = _interopRequireDefault(__webpack_require__(/*! ./DropdownSeparator */ \"./src/Dropdown/DropdownSeparator.tsx\"));\nvar _useRenderMenuItem = __webpack_require__(/*! ../internals/Menu/useRenderMenuItem */ \"./src/internals/Menu/useRenderMenuItem.tsx\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Dropdown/DropdownItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `<Dropdown.Item>` API\n * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`\n * - Otherwise renders a `<MenuItem>`\n */\nconst DropdownItem = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as = 'li',\n    active: activeProp,\n    classPrefix = 'dropdown-item',\n    className,\n    children,\n    shortcut,\n    disabled,\n    description,\n    divider,\n    eventKey,\n    icon,\n    panel,\n    onSelect,\n    ...restProps\n  } = props;\n  const internalId = (0, _hooks.useInternalId)('DropdownItem');\n  const nav = (0, _react.useContext)(_NavContext.default);\n  const dropdown = (0, _react.useContext)(_DropdownContext.default);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const handleSelectItem = (0, _react.useCallback)(event => {\n    var _dropdown$onSelect;\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    dropdown === null || dropdown === void 0 || (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 || _dropdown$onSelect.call(dropdown, eventKey, event);\n  }, [onSelect, eventKey, dropdown]);\n  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey);\n  const dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;\n  (0, _react.useEffect)(() => {\n    if (dispatch) {\n      dispatch({\n        type: _DropdownState.DropdownActionType.RegisterItem,\n        payload: {\n          id: internalId,\n          props: {\n            selected\n          }\n        }\n      });\n      return () => {\n        dispatch({\n          type: _DropdownState.DropdownActionType.UnregisterItem,\n          payload: {\n            id: internalId\n          }\n        });\n      };\n    }\n  }, [internalId, selected, dispatch]);\n  const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);\n\n  // If using <Dropdown.Item> within <Nav>\n  // Suggest <Nav.Item>\n  if (nav) {\n    (0, _utils.warnOnce)('Usage of <Dropdown.Item> within <Nav> is deprecated. Replace with <Nav.Item> within <Nav.Menu>.');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Item, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 141,\n        columnNumber: 14\n      }\n    }));\n  }\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownSeparator.default, (0, _extends2.default)({\n      as: \"li\"\n    }, (0, _pick.default)(props, ['data-testid']), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 9\n      }\n    }));\n  }\n  if (panel) {\n    return renderDropdownItem({\n      ref,\n      className: merge(prefix('panel'), className),\n      children,\n      ...restProps\n    });\n  }\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 160,\n      columnNumber: 7\n    }\n  }, ({\n    selected,\n    active,\n    ...menuitem\n  }, menuitemRef) => {\n    const classes = merge(className, withPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled,\n      focus: active,\n      divider,\n      panel\n    }));\n    const dataAttributes = {\n      'data-event-key': eventKey\n    };\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n    return renderDropdownItem({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes,\n      ...menuitem,\n      ...dataAttributes,\n      ...restProps,\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)\n      }), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('content'),\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 194,\n          columnNumber: 17\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Text.default, {\n        as: \"span\",\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 195,\n          columnNumber: 19\n        }\n      }, children), /*#__PURE__*/_react.default.createElement(_Text.default, {\n        as: \"span\",\n        muted: true,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 196,\n          columnNumber: 19\n        }\n      }, description)), shortcut && /*#__PURE__*/_react.default.createElement(_Text.default, {\n        as: \"kbd\",\n        className: prefix('shortcut'),\n        muted: true,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 202,\n          columnNumber: 19\n        }\n      }, shortcut))\n    });\n  });\n});\nDropdownItem.displayName = 'Dropdown.Item';\nvar _default = exports[\"default\"] = DropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ \"./src/Text/index.tsx\"));\nvar _DropdownSeparator = _interopRequireDefault(__webpack_require__(/*! ./DropdownSeparator */ \"./src/Dropdown/DropdownSeparator.tsx\"));\nvar _useRenderMenuItem = __webpack_require__(/*! ../internals/Menu/useRenderMenuItem */ \"./src/internals/Menu/useRenderMenuItem.tsx\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DropdownState = __webpack_require__(/*! ./DropdownState */ \"./src/Dropdown/DropdownState.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Dropdown/DropdownItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `<Dropdown.Item>` API\n * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`\n * - Otherwise renders a `<MenuItem>`\n */\nconst DropdownItem = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as = 'li',\n    active: activeProp,\n    classPrefix = 'dropdown-item',\n    className,\n    children,\n    shortcut,\n    disabled,\n    description,\n    divider,\n    eventKey,\n    icon,\n    panel,\n    onSelect,\n    ...restProps\n  } = props;\n  const internalId = (0, _hooks.useInternalId)('DropdownItem');\n  const nav = (0, _react.useContext)(_NavContext.default);\n  const dropdown = (0, _react.useContext)(_DropdownContext.default);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const handleSelectItem = (0, _react.useCallback)(event => {\n    var _dropdown$onSelect;\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    dropdown === null || dropdown === void 0 || (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 || _dropdown$onSelect.call(dropdown, eventKey, event);\n  }, [onSelect, eventKey, dropdown]);\n  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey);\n  const dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;\n  (0, _react.useEffect)(() => {\n    if (dispatch) {\n      dispatch({\n        type: _DropdownState.DropdownActionType.RegisterItem,\n        payload: {\n          id: internalId,\n          props: {\n            selected\n          }\n        }\n      });\n      return () => {\n        dispatch({\n          type: _DropdownState.DropdownActionType.UnregisterItem,\n          payload: {\n            id: internalId\n          }\n        });\n      };\n    }\n  }, [internalId, selected, dispatch]);\n  const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);\n\n  // If using <Dropdown.Item> within <Nav>\n  // Suggest <Nav.Item>\n  if (nav) {\n    (0, _utils.warnOnce)('Usage of <Dropdown.Item> within <Nav> is deprecated. Replace with <Nav.Item> within <Nav.Menu>.');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Item, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 141,\n        columnNumber: 14\n      }\n    }));\n  }\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(_DropdownSeparator.default, (0, _extends2.default)({\n      as: \"li\"\n    }, (0, _pick.default)(props, ['data-testid']), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 9\n      }\n    }));\n  }\n  if (panel) {\n    return renderDropdownItem({\n      ref,\n      className: merge(prefix('panel'), className),\n      children,\n      ...restProps\n    });\n  }\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 160,\n      columnNumber: 7\n    }\n  }, ({\n    selected,\n    active,\n    ...menuitem\n  }, menuitemRef) => {\n    const classes = merge(className, withPrefix({\n      divider,\n      panel\n    }));\n    const dataAttributes = {\n      'data-disabled': disabled,\n      'data-focus': active,\n      'data-active': selected,\n      'data-with-icon': !!icon,\n      'data-event-key': eventKey\n    };\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n    return renderDropdownItem({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes,\n      ...menuitem,\n      ...dataAttributes,\n      ...restProps,\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)\n      }), /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('content'),\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 188,\n          columnNumber: 17\n        }\n      }, /*#__PURE__*/_react.default.createElement(_Text.default, {\n        as: \"span\",\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 189,\n          columnNumber: 19\n        }\n      }, children), /*#__PURE__*/_react.default.createElement(_Text.default, {\n        as: \"span\",\n        muted: true,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 190,\n          columnNumber: 19\n        }\n      }, description)), shortcut && /*#__PURE__*/_react.default.createElement(_Text.default, {\n        as: \"kbd\",\n        className: prefix('shortcut'),\n        muted: true,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 196,\n          columnNumber: 19\n        }\n      }, shortcut))\n    });\n  });\n});\nDropdownItem.displayName = 'Dropdown.Item';\nvar _default = exports[\"default\"] = DropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownItem.tsx?");
 
 /***/ }),
 
@@ -2842,7 +2842,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menubar */ \"./src/internals/Menu/Menubar.tsx\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PagePrevious */ \"./node_modules/@rsuite/icons/esm/react/PagePrevious.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageNext */ \"./node_modules/@rsuite/icons/esm/react/PageNext.js\"));\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Dropdown/DropdownMenu.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `<Dropdown.Menu>` API\n *\n * @description\n * Note the difference between this component and `<Menu>` component:\n * `<Menu>` is used for ARIA menu control logic and is used internally only.\n * This component is only used for supporting submenu syntax and is\n * assigned to Dropdown.Menu\n *\n * @example\n *\n * <Dropdown>\n *   <Dropdown.Item>Item 1</Dropdown.Item>\n *   <Dropdown.Menu title=\"Submenu\">\n *     <Dropdown.Item>Sub item</Dropdown.Item>\n *   </Dropdown.Menu>\n * </Dropdown>\n */\nconst DropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const {\n    activeKey,\n    classPrefix = 'dropdown-menu',\n    className,\n    children,\n    eventKey,\n    title,\n    onSelect,\n    onToggle,\n    ...rest\n  } = props;\n  const nav = (0, _react.useContext)(_NavContext.default);\n  const dropdown = (0, _react.useContext)(_DropdownContext.default);\n  const {\n    rtl\n  } = (0, _hooks.useCustom)();\n  const handleToggleSubmenu = (0, _react.useCallback)((_, event) => {\n    onToggle === null || onToggle === void 0 || onToggle(eventKey, event);\n  }, [eventKey, onToggle]);\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    merge: mergeItemClassNames,\n    withPrefix: withItemClassPrefix,\n    prefix: prefixItemClassName\n  } = (0, _hooks.useStyles)('dropdown-item');\n  const contextValue = (0, _react.useMemo)(() => ({\n    activeKey,\n    onSelect\n  }), [activeKey, onSelect]);\n\n  // If rendered within a <Nav>\n  // Suggest <Nav.Menu>\n  if (nav) {\n    (0, _utils.warnOnce)('Usage of <Dropdown.Menu> within <Nav> is deprecated. Replace with <Nav.Menu>');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 106,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  // <Dropdown.Menu> is used outside of <Dropdown>\n  // renders a vertical `menubar`\n  if (!dropdown) {\n    const classes = merge(className, withPrefix());\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: contextValue,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 115,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: true,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 11\n      }\n    }, (menubar, menubarRef) => /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(menubarRef, ref),\n      className: classes\n    }, menubar, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 15\n      }\n    }), children)));\n  }\n\n  // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n  const {\n    icon,\n    disabled,\n    ...menuProps\n  } = (0, _omit.default)(rest, ['trigger']);\n  const Icon = rtl ? _PagePrevious.default : _PageNext.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: ({\n      open,\n      ...menuButtonProps\n    }, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      disabled: disabled,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    }, ({\n      selected,\n      active,\n      ...menuitem\n    }, menuitemRef) => {\n      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({\n        'with-icon': icon,\n        open,\n        active: selected,\n        disabled,\n        focus: active\n      }));\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n        className: classes,\n        \"data-event-key\": eventKey,\n        \"data-event-key-type\": typeof eventKey\n      }, menuitem, (0, _omit.default)(menuButtonProps, ['role']), {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 152,\n          columnNumber: 17\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix`toggle-icon`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 162,\n          columnNumber: 19\n        }\n      }));\n    }),\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 172,\n          columnNumber: 13\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 134,\n      columnNumber: 7\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled,\n      open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 195,\n        columnNumber: 13\n      }\n    }));\n  });\n});\nDropdownMenu.displayName = 'Dropdown.Menu';\nvar _default = exports[\"default\"] = DropdownMenu;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menubar */ \"./src/internals/Menu/Menubar.tsx\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PagePrevious */ \"./node_modules/@rsuite/icons/esm/react/PagePrevious.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageNext */ \"./node_modules/@rsuite/icons/esm/react/PageNext.js\"));\nvar _DropdownContext = _interopRequireDefault(__webpack_require__(/*! ./DropdownContext */ \"./src/Dropdown/DropdownContext.ts\"));\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Dropdown/DropdownMenu.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `<Dropdown.Menu>` API\n *\n * @description\n * Note the difference between this component and `<Menu>` component:\n * `<Menu>` is used for ARIA menu control logic and is used internally only.\n * This component is only used for supporting submenu syntax and is\n * assigned to Dropdown.Menu\n *\n * @example\n *\n * <Dropdown>\n *   <Dropdown.Item>Item 1</Dropdown.Item>\n *   <Dropdown.Menu title=\"Submenu\">\n *     <Dropdown.Item>Sub item</Dropdown.Item>\n *   </Dropdown.Menu>\n * </Dropdown>\n */\nconst DropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const {\n    activeKey,\n    classPrefix = 'dropdown-menu',\n    className,\n    children,\n    eventKey,\n    title,\n    onSelect,\n    onToggle,\n    ...rest\n  } = props;\n  const nav = (0, _react.useContext)(_NavContext.default);\n  const dropdown = (0, _react.useContext)(_DropdownContext.default);\n  const {\n    rtl\n  } = (0, _hooks.useCustom)();\n  const handleToggleSubmenu = (0, _react.useCallback)((_, event) => {\n    onToggle === null || onToggle === void 0 || onToggle(eventKey, event);\n  }, [eventKey, onToggle]);\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    merge: mergeItemClassNames,\n    withPrefix: withItemClassPrefix,\n    prefix: prefixItemClassName\n  } = (0, _hooks.useStyles)('dropdown-item');\n  const contextValue = (0, _react.useMemo)(() => ({\n    activeKey,\n    onSelect\n  }), [activeKey, onSelect]);\n\n  // If rendered within a <Nav>\n  // Suggest <Nav.Menu>\n  if (nav) {\n    (0, _utils.warnOnce)('Usage of <Dropdown.Menu> within <Nav> is deprecated. Replace with <Nav.Menu>');\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 106,\n        columnNumber: 14\n      }\n    }));\n  }\n\n  // <Dropdown.Menu> is used outside of <Dropdown>\n  // renders a vertical `menubar`\n  if (!dropdown) {\n    const classes = merge(className, withPrefix());\n    return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {\n      value: contextValue,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 115,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: true,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 11\n      }\n    }, (menubar, menubarRef) => /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(menubarRef, ref),\n      className: classes\n    }, menubar, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 15\n      }\n    }), children)));\n  }\n\n  // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n  const {\n    icon,\n    disabled,\n    ...menuProps\n  } = (0, _omit.default)(rest, ['trigger']);\n  const Icon = rtl ? _PagePrevious.default : _PageNext.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: ({\n      open,\n      ...menuButtonProps\n    }, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      disabled: disabled,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    }, ({\n      selected,\n      active,\n      ...menuitem\n    }, menuitemRef) => {\n      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n        className: classes,\n        \"data-open\": open,\n        \"data-disabled\": disabled,\n        \"data-focus\": active,\n        \"data-active\": selected,\n        \"data-with-icon\": icon,\n        \"data-event-key\": eventKey,\n        \"data-event-key-type\": typeof eventKey\n      }, menuitem, (0, _omit.default)(menuButtonProps, ['role']), {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 146,\n          columnNumber: 17\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix`toggle-icon`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 161,\n          columnNumber: 19\n        }\n      }));\n    }),\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 171,\n          columnNumber: 13\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 134,\n      columnNumber: 7\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = mergeItemClassNames(className, withItemClassPrefix({\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes,\n      \"data-open\": open,\n      \"data-disabled\": disabled\n    }, menuContainer, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 187,\n        columnNumber: 13\n      }\n    }));\n  });\n});\nDropdownMenu.displayName = 'Dropdown.Menu';\nvar _default = exports[\"default\"] = DropdownMenu;\n\n//# sourceURL=webpack://rsuite/./src/Dropdown/DropdownMenu.tsx?");
 
 /***/ }),
 
@@ -3150,7 +3150,7 @@ eval("\n\nexports.__esModule = true;\nexports.useFormGroup = void 0;\nvar _react
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\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 _HelpOutline = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/HelpOutline */ \"./node_modules/@rsuite/icons/esm/react/HelpOutline.js\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _FormGroup = __webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/FormHelpText/FormHelpText.tsx\";\n/**\n * The `<Form.HelpText>` component is used to display help information in the form.\n * @see https://rsuitejs.com/components/form/\n */\nconst FormHelpText = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    helpTextId\n  } = (0, _FormGroup.useFormGroup)();\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('FormHelpText', props);\n  const {\n    as = 'span',\n    classPrefix = 'form-help-text',\n    className,\n    tooltip,\n    children,\n    id = helpTextId,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    tooltip\n  }));\n  if (tooltip) {\n    return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n      ref: ref,\n      placement: \"topEnd\",\n      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({\n        id: id\n      }, rest, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 41,\n          columnNumber: 11\n        }\n      }), children),\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Box.default, {\n      as: as,\n      role: \"img\",\n      \"aria-label\": \"help\",\n      className: classes,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {\n      \"aria-hidden\": true,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 11\n      }\n    })));\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    id: id\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 5\n    }\n  }), children);\n});\nFormHelpText.displayName = 'FormHelpText';\nvar _default = exports[\"default\"] = FormHelpText;\n\n//# sourceURL=webpack://rsuite/./src/FormHelpText/FormHelpText.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _HelpOutline = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/HelpOutline */ \"./node_modules/@rsuite/icons/esm/react/HelpOutline.js\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _FormGroup = __webpack_require__(/*! ../FormGroup */ \"./src/FormGroup/index.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/FormHelpText/FormHelpText.tsx\";\n/**\n * The `<Form.HelpText>` component is used to display help information in the form.\n * @see https://rsuitejs.com/components/form/\n */\nconst FormHelpText = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    helpTextId\n  } = (0, _FormGroup.useFormGroup)();\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('FormHelpText', props);\n  const {\n    as = 'span',\n    classPrefix = 'form-help-text',\n    className,\n    tooltip,\n    children,\n    id = helpTextId,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    tooltip\n  }));\n  if (tooltip) {\n    return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n      ref: ref,\n      placement: \"topEnd\",\n      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({\n        id: id\n      }, rest, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 11\n        }\n      }), children),\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Box.default, {\n      as: as,\n      role: \"img\",\n      \"aria-label\": \"help\",\n      className: classes,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 48,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {\n      \"aria-hidden\": true,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 11\n      }\n    })));\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    id: id\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 5\n    }\n  }), children);\n});\nFormHelpText.displayName = 'FormHelpText';\nvar _default = exports[\"default\"] = FormHelpText;\n\n//# sourceURL=webpack://rsuite/./src/FormHelpText/FormHelpText.tsx?");
 
 /***/ }),
 
@@ -3348,7 +3348,7 @@ eval("\n\nexports.__esModule = true;\nexports.highlightText = highlightText;\nva
 /***/ (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 _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/IconButton/IconButton.tsx\";\n/**\n * The `IconButton` component is used to specify a button with icon.\n * @see https://rsuitejs.com/components/button\n */\nconst IconButton = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('IconButton', props);\n  const {\n    icon,\n    placement = 'left',\n    children,\n    circle,\n    classPrefix = 'btn-icon',\n    className,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(`placement-${placement}`, {\n    circle,\n    'with-text': typeof children !== 'undefined'\n  }));\n  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 5\n    }\n  }), icon, children);\n});\nIconButton.displayName = 'IconButton';\nvar _default = exports[\"default\"] = IconButton;\n\n//# sourceURL=webpack://rsuite/./src/IconButton/IconButton.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/IconButton/IconButton.tsx\";\n/**\n * The `IconButton` component is used to specify a button with icon.\n * @see https://rsuitejs.com/components/button\n */\nconst IconButton = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('IconButton', props);\n  const {\n    circle,\n    children,\n    className,\n    classPrefix = 'btn-icon',\n    placement = 'start',\n    icon,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    \"data-shape\": circle ? 'circle' : undefined,\n    \"data-placement\": placement,\n    \"data-with-text\": typeof children !== 'undefined' || undefined,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 5\n    }\n  }), icon, children);\n});\nIconButton.displayName = 'IconButton';\nvar _default = exports[\"default\"] = IconButton;\n\n//# sourceURL=webpack://rsuite/./src/IconButton/IconButton.tsx?");
 
 /***/ }),
 
@@ -3425,7 +3425,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _EditableControls = _interopRequireDefault(__webpack_require__(/*! ./EditableControls */ \"./src/InlineEdit/EditableControls.tsx\"));\nvar _useFocusEvent = _interopRequireDefault(__webpack_require__(/*! ./useFocusEvent */ \"./src/InlineEdit/useFocusEvent.ts\"));\nvar _useEditState = _interopRequireDefault(__webpack_require__(/*! ./useEditState */ \"./src/InlineEdit/useEditState.ts\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _renderChildren = __webpack_require__(/*! ./renderChildren */ \"./src/InlineEdit/renderChildren.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/InlineEdit/InlineEdit.tsx\";\nconst InlineEdit = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('InlineEdit', props);\n  const {\n    as,\n    children = _renderChildren.defaultRenderInput,\n    classPrefix = 'inline-edit',\n    className,\n    disabled,\n    size = 'md',\n    showControls = true,\n    stateOnBlur = 'save',\n    placeholder,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    value,\n    isEditing,\n    onSave,\n    onCancel,\n    onChange,\n    onKeyDown,\n    onClick,\n    onFocus,\n    htmlProps\n  } = (0, _useEditState.default)({\n    ...rest,\n    disabled\n  });\n  const {\n    target,\n    root,\n    onBlur\n  } = (0, _useFocusEvent.default)({\n    isEditing,\n    stateOnBlur,\n    onSave,\n    onCancel\n  });\n  const childrenProps = {\n    size,\n    value,\n    disabled,\n    placeholder,\n    plaintext: !isEditing,\n    onChange,\n    onBlur\n  };\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: (0, _utils.mergeRefs)(root, ref),\n    tabIndex: 0,\n    className: merge(className, withPrefix(size, {\n      disabled\n    })),\n    onClick: onClick,\n    onKeyDown: onKeyDown,\n    onFocus: onFocus\n  }, htmlProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 5\n    }\n  }), (0, _renderChildren.renderChildren)(children, childrenProps, target), showControls && isEditing && /*#__PURE__*/_react.default.createElement(_EditableControls.default, {\n    className: prefix('controls'),\n    onSave: onSave,\n    onCancel: onCancel,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 124,\n      columnNumber: 9\n    }\n  }));\n});\nInlineEdit.displayName = 'InlineEdit';\nvar _default = exports[\"default\"] = InlineEdit;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/InlineEdit.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _EditableControls = _interopRequireDefault(__webpack_require__(/*! ./EditableControls */ \"./src/InlineEdit/EditableControls.tsx\"));\nvar _useFocusEvent = _interopRequireDefault(__webpack_require__(/*! ./useFocusEvent */ \"./src/InlineEdit/useFocusEvent.ts\"));\nvar _useEditState = _interopRequireDefault(__webpack_require__(/*! ./useEditState */ \"./src/InlineEdit/useEditState.ts\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _renderChildren = __webpack_require__(/*! ./renderChildren */ \"./src/InlineEdit/renderChildren.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/InlineEdit/InlineEdit.tsx\";\nconst InlineEdit = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('InlineEdit', props);\n  const {\n    as,\n    children = _renderChildren.defaultRenderInput,\n    classPrefix = 'inline-edit',\n    className,\n    disabled,\n    size = 'md',\n    showControls = true,\n    stateOnBlur = 'save',\n    placeholder,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    value,\n    isEditing,\n    onSave,\n    onCancel,\n    onChange,\n    onKeyDown,\n    onClick,\n    onFocus,\n    htmlProps\n  } = (0, _useEditState.default)({\n    ...rest,\n    disabled\n  });\n  const {\n    target,\n    root,\n    onBlur\n  } = (0, _useFocusEvent.default)({\n    isEditing,\n    stateOnBlur,\n    onSave,\n    onCancel\n  });\n  const childrenProps = {\n    size,\n    value,\n    disabled,\n    placeholder,\n    plaintext: !isEditing,\n    onChange,\n    onBlur\n  };\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: (0, _utils.mergeRefs)(root, ref),\n    tabIndex: 0,\n    className: merge(className, withPrefix({\n      disabled\n    })),\n    onClick: onClick,\n    onKeyDown: onKeyDown,\n    onFocus: onFocus,\n    \"data-size\": size\n  }, htmlProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 5\n    }\n  }), (0, _renderChildren.renderChildren)(children, childrenProps, target), showControls && isEditing && /*#__PURE__*/_react.default.createElement(_EditableControls.default, {\n    className: prefix('controls'),\n    onSave: onSave,\n    onCancel: onCancel,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 125,\n      columnNumber: 9\n    }\n  }));\n});\nInlineEdit.displayName = 'InlineEdit';\nvar _default = exports[\"default\"] = InlineEdit;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/InlineEdit.tsx?");
 
 /***/ }),
 
@@ -3502,7 +3502,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ./InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\nvar _InputGroupButton = _interopRequireDefault(__webpack_require__(/*! ./InputGroupButton */ \"./src/InputGroup/InputGroupButton.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _InputGroupContext = __webpack_require__(/*! ./InputGroupContext */ \"./src/InputGroup/InputGroupContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/InputGroup/InputGroup.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Addon: _InputGroupAddon.default,\n  Button: _InputGroupButton.default\n};\n\n/**\n * The `InputGroup` component is used to specify an input field with an add-on.\n * @see https://rsuitejs.com/components/input/#input-group\n */\nconst InputGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('InputGroup', props);\n  const {\n    as,\n    classPrefix = 'input-group',\n    className,\n    disabled,\n    inside,\n    size = 'md',\n    children,\n    ...rest\n  } = propsWithDefaults;\n  const [focus, setFocus] = (0, _react.useState)(false);\n  const handleFocus = (0, _react.useCallback)(() => {\n    setFocus(true);\n  }, []);\n  const handleBlur = (0, _react.useCallback)(() => {\n    setFocus(false);\n  }, []);\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(size, {\n    inside,\n    focus,\n    disabled\n  }));\n  const renderChildren = (0, _react.useCallback)(() => {\n    return _react.default.Children.map(children, item => {\n      if (/*#__PURE__*/_react.default.isValidElement(item)) {\n        if (/*#__PURE__*/_react.default.isValidElement(item)) {\n          // Fix: Add type assertion to pass the disabled prop to the child element\n          return disabled ? /*#__PURE__*/_react.default.cloneElement(item, {\n            disabled\n          }) : item;\n        }\n      }\n      return item;\n    });\n  }, [children, disabled]);\n  const contextValue = (0, _react.useMemo)(() => ({\n    size,\n    onFocus: handleFocus,\n    onBlur: handleBlur\n  }), [size, handleFocus, handleBlur]);\n  return /*#__PURE__*/_react.default.createElement(_InputGroupContext.InputGroupContext.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 7\n    }\n  }), renderChildren()));\n}, Subcomponents);\nInputGroup.displayName = 'InputGroup';\nvar _default = exports[\"default\"] = InputGroup;\n\n//# sourceURL=webpack://rsuite/./src/InputGroup/InputGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ./InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\nvar _InputGroupButton = _interopRequireDefault(__webpack_require__(/*! ./InputGroupButton */ \"./src/InputGroup/InputGroupButton.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _InputGroupContext = __webpack_require__(/*! ./InputGroupContext */ \"./src/InputGroup/InputGroupContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/InputGroup/InputGroup.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Addon: _InputGroupAddon.default,\n  Button: _InputGroupButton.default\n};\n\n/**\n * The `InputGroup` component is used to specify an input field with an add-on.\n * @see https://rsuitejs.com/components/input/#input-group\n */\nconst InputGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('InputGroup', props);\n  const {\n    as,\n    classPrefix = 'input-group',\n    className,\n    disabled,\n    inside,\n    size = 'md',\n    children,\n    ...rest\n  } = propsWithDefaults;\n  const [focus, setFocus] = (0, _react.useState)(false);\n  const handleFocus = (0, _react.useCallback)(() => {\n    setFocus(true);\n  }, []);\n  const handleBlur = (0, _react.useCallback)(() => {\n    setFocus(false);\n  }, []);\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const inputGroupChildren = (0, _react.useMemo)(() => {\n    return _react.default.Children.map(children, item => {\n      if (/*#__PURE__*/_react.default.isValidElement(item)) {\n        // Fix: Add type assertion to pass the disabled prop to the child element\n        return disabled ? /*#__PURE__*/_react.default.cloneElement(item, {\n          disabled\n        }) : item;\n      }\n      return item;\n    });\n  }, [children, disabled]);\n  const contextValue = (0, _react.useMemo)(() => ({\n    size,\n    onFocus: handleFocus,\n    onBlur: handleBlur\n  }), [size, handleFocus, handleBlur]);\n  return /*#__PURE__*/_react.default.createElement(_InputGroupContext.InputGroupContext.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    ref: ref,\n    className: classes,\n    \"data-size\": size,\n    \"data-inside\": inside,\n    \"data-disabled\": disabled,\n    \"data-focus\": focus,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 7\n    }\n  }), inputGroupChildren));\n}, Subcomponents);\nInputGroup.displayName = 'InputGroup';\nvar _default = exports[\"default\"] = InputGroup;\n\n//# sourceURL=webpack://rsuite/./src/InputGroup/InputGroup.tsx?");
 
 /***/ }),
 
@@ -3568,7 +3568,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/InputPicker/InputAutosize.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst sizerStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  visibility: 'hidden',\n  height: 0,\n  overflow: 'scroll',\n  whiteSpace: 'pre'\n};\nconst copyStyles = (styles, node) => {\n  node.style.fontSize = styles.fontSize;\n  node.style.fontFamily = styles.fontFamily;\n  node.style.fontWeight = styles.fontWeight;\n  node.style.fontStyle = styles.fontStyle;\n  node.style.letterSpacing = styles.letterSpacing;\n  node.style.textTransform = styles.textTransform;\n};\n/**\n * Use a dynamic input width.\n * The width is automatically adjusted according to the length of the input text characters.\n * @param props\n * @param sizerRef\n * @param placeholderRef\n */\nconst useInputWidth = (props, sizerRef, placeholderRef) => {\n  const {\n    minWidth = 1,\n    placeholder,\n    value,\n    onAutosize\n  } = props;\n  const [inputWidth, setInputWidth] = (0, _react.useState)(minWidth);\n  (0, _react.useEffect)(() => {\n    if (!sizerRef.current || typeof sizerRef.current.scrollWidth === 'undefined') {\n      return;\n    }\n    let width;\n    if (placeholder && !value && placeholderRef.current) {\n      width = Math.max(sizerRef.current.scrollWidth, placeholderRef.current.scrollWidth) + 10;\n    } else {\n      width = sizerRef.current.scrollWidth + 10;\n    }\n    if (width < minWidth) {\n      width = minWidth;\n    }\n    if (width !== inputWidth) {\n      setInputWidth(width);\n      onAutosize === null || onAutosize === void 0 || onAutosize(width);\n    }\n  }, [minWidth, placeholder, inputWidth, value, placeholderRef, sizerRef, onAutosize]);\n  return inputWidth;\n};\nconst InputAutosize = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const uniqueId = (0, _react.useMemo)(() => (0, _utils.guid)(), []);\n  const {\n    defaultValue,\n    value,\n    style,\n    className,\n    placeholder,\n    inputClassName,\n    inputStyle,\n    inputId = uniqueId,\n    tabIndex\n  } = props;\n  const rootRef = (0, _react.useRef)(null);\n  const inputRef = (0, _react.useRef)(null);\n  const sizerRef = (0, _react.useRef)(null);\n  const placeholderRef = (0, _react.useRef)(null);\n  (0, _react.useImperativeHandle)(ref, () => ({\n    root: rootRef.current,\n    input: inputRef.current\n  }));\n  const sizerValue = [defaultValue, value, ''].reduce((previousValue, currentValue) => {\n    if (previousValue !== null && previousValue !== undefined) {\n      return previousValue;\n    }\n    return currentValue;\n  });\n  const inputWidth = useInputWidth(props, sizerRef, placeholderRef);\n  const wrapperStyle = {\n    display: 'inline-block',\n    ...style\n  };\n  const nextInputStyle = {\n    boxSizing: 'content-box',\n    width: `${inputWidth}px`,\n    ...inputStyle\n  };\n  (0, _react.useEffect)(() => {\n    if (!window.getComputedStyle) {\n      return;\n    }\n    const input = inputRef.current;\n    const inputStyles = input && window.getComputedStyle(input);\n    if (!inputStyles) {\n      return;\n    }\n    if (sizerRef.current) {\n      copyStyles(inputStyles, sizerRef.current);\n    }\n    if (placeholderRef.current) {\n      copyStyles(inputStyles, placeholderRef.current);\n    }\n  }, []);\n  const [htmlInputProps] = (0, _utils.partitionHTMLProps)(props);\n  htmlInputProps.className = inputClassName;\n  htmlInputProps.style = nextInputStyle;\n  htmlInputProps.tabIndex = tabIndex;\n  if ((0, _utils.isIE)()) {\n    // On Internet Explorer, an `x` symbol will appear in the input box.\n    // By setting an id, matching the style, hiding the `x` symbol by the style.\n    htmlInputProps.id = inputId;\n  }\n  return /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: rootRef,\n    className: className,\n    style: wrapperStyle,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 156,\n      columnNumber: 7\n    }\n  }, (0, _utils.isIE)() ? /*#__PURE__*/_react.default.createElement(\"style\", {\n    dangerouslySetInnerHTML: {\n      __html: `input#${inputId}::-ms-clear {display: none;}`\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 158,\n      columnNumber: 11\n    }\n  }) : null, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, {\n    ref: inputRef,\n    type: \"text\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 162,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: sizerRef,\n    style: sizerStyle,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 163,\n      columnNumber: 9\n    }\n  }, sizerValue), placeholder ? /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: placeholderRef,\n    style: sizerStyle,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 167,\n      columnNumber: 11\n    }\n  }, placeholder) : null);\n});\nInputAutosize.displayName = 'InputAutosize';\nvar _default = exports[\"default\"] = InputAutosize;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputAutosize.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/InputPicker/InputAutosize.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst sizerStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  visibility: 'hidden',\n  height: 0,\n  overflow: 'scroll',\n  whiteSpace: 'pre'\n};\nconst copyStyles = (styles, node) => {\n  node.style.fontSize = styles.fontSize;\n  node.style.fontFamily = styles.fontFamily;\n  node.style.fontWeight = styles.fontWeight;\n  node.style.fontStyle = styles.fontStyle;\n  node.style.letterSpacing = styles.letterSpacing;\n  node.style.textTransform = styles.textTransform;\n};\n/**\n * Use a dynamic input width.\n * The width is automatically adjusted according to the length of the input text characters.\n * @param props\n * @param sizerRef\n * @param placeholderRef\n */\nconst useInputWidth = (props, sizerRef, placeholderRef) => {\n  const {\n    minWidth = 1,\n    placeholder,\n    value,\n    onAutosize\n  } = props;\n  const [inputWidth, setInputWidth] = (0, _react.useState)(minWidth);\n  (0, _react.useEffect)(() => {\n    if (!sizerRef.current || typeof sizerRef.current.scrollWidth === 'undefined') {\n      return;\n    }\n    let width;\n    if (placeholder && !value && placeholderRef.current) {\n      width = Math.max(sizerRef.current.scrollWidth, placeholderRef.current.scrollWidth) + 10;\n    } else {\n      width = sizerRef.current.scrollWidth + 10;\n    }\n    if (width < minWidth) {\n      width = minWidth;\n    }\n    if (width !== inputWidth) {\n      setInputWidth(width);\n      onAutosize === null || onAutosize === void 0 || onAutosize(width);\n    }\n  }, [minWidth, placeholder, inputWidth, value, placeholderRef, sizerRef, onAutosize]);\n  return inputWidth;\n};\nconst InputAutosize = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const uniqueId = (0, _react.useMemo)(() => (0, _utils.guid)(), []);\n  const {\n    defaultValue,\n    value,\n    style,\n    className,\n    placeholder,\n    inputClassName,\n    inputStyle,\n    inputId = uniqueId,\n    tabIndex\n  } = props;\n  const rootRef = (0, _react.useRef)(null);\n  const inputRef = (0, _react.useRef)(null);\n  const sizerRef = (0, _react.useRef)(null);\n  const placeholderRef = (0, _react.useRef)(null);\n  (0, _react.useImperativeHandle)(ref, () => ({\n    root: rootRef.current,\n    input: inputRef.current\n  }));\n  const sizerValue = [defaultValue, value, ''].reduce((previousValue, currentValue) => {\n    if (previousValue !== null && previousValue !== undefined) {\n      return previousValue;\n    }\n    return currentValue;\n  });\n  const inputWidth = useInputWidth(props, sizerRef, placeholderRef);\n  const nextInputStyle = {\n    boxSizing: 'content-box',\n    width: `${inputWidth}px`,\n    ...inputStyle\n  };\n  (0, _react.useEffect)(() => {\n    if (!window.getComputedStyle) {\n      return;\n    }\n    const input = inputRef.current;\n    const inputStyles = input && window.getComputedStyle(input);\n    if (!inputStyles) {\n      return;\n    }\n    if (sizerRef.current) {\n      copyStyles(inputStyles, sizerRef.current);\n    }\n    if (placeholderRef.current) {\n      copyStyles(inputStyles, placeholderRef.current);\n    }\n  }, []);\n  const [htmlInputProps] = (0, _utils.partitionHTMLProps)(props);\n  htmlInputProps.className = inputClassName;\n  htmlInputProps.style = nextInputStyle;\n  htmlInputProps.tabIndex = tabIndex;\n  if ((0, _utils.isIE)()) {\n    // On Internet Explorer, an `x` symbol will appear in the input box.\n    // By setting an id, matching the style, hiding the `x` symbol by the style.\n    htmlInputProps.id = inputId;\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, {\n    ref: rootRef,\n    className: className,\n    style: style,\n    display: \"inline-block\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 156,\n      columnNumber: 7\n    }\n  }, (0, _utils.isIE)() ? /*#__PURE__*/_react.default.createElement(\"style\", {\n    dangerouslySetInnerHTML: {\n      __html: `input#${inputId}::-ms-clear {display: none;}`\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 158,\n      columnNumber: 11\n    }\n  }) : null, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, {\n    ref: inputRef,\n    type: \"text\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 162,\n      columnNumber: 9\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: sizerRef,\n    style: sizerStyle,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 163,\n      columnNumber: 9\n    }\n  }, sizerValue), placeholder ? /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: placeholderRef,\n    style: sizerStyle,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 167,\n      columnNumber: 11\n    }\n  }, placeholder) : null);\n});\nInputAutosize.displayName = 'InputAutosize';\nvar _default = exports[\"default\"] = InputAutosize;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputAutosize.tsx?");
 
 /***/ }),
 
@@ -3744,7 +3744,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _useSortHelper = _interopRequireDefault(__webpack_require__(/*! ./helper/useSortHelper */ \"./src/List/helper/useSortHelper.ts\"));\nvar _ListContext = _interopRequireDefault(__webpack_require__(/*! ./ListContext */ \"./src/List/ListContext.tsx\"));\nvar _ListItem = _interopRequireDefault(__webpack_require__(/*! ./ListItem */ \"./src/List/ListItem.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/List/List.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _ListItem.default\n};\n\n/**\n * The `List` component is used to specify the layout of the list.\n * @see https://rsuitejs.com/components/list\n */\nconst List = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('List', props);\n  const {\n    as,\n    autoScroll = true,\n    bordered,\n    classPrefix = 'list',\n    className,\n    children,\n    divider = true,\n    hover,\n    size = 'md',\n    sortable,\n    pressDelay = 0,\n    transitionDuration = 300,\n    onSort,\n    onSortEnd,\n    onSortMove,\n    onSortStart,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    containerRef,\n    register,\n    sorting,\n    handleEnd,\n    handleStart,\n    handleTouchStart,\n    handleTouchEnd\n  } = (0, _useSortHelper.default)({\n    autoScroll,\n    onSort,\n    onSortEnd,\n    onSortMove,\n    onSortStart,\n    pressDelay,\n    transitionDuration\n  });\n  const classes = merge(className, withPrefix({\n    bordered,\n    sortable,\n    sorting,\n    hover,\n    divider\n  }));\n  const contextValue = (0, _react.useMemo)(() => ({\n    bordered,\n    size,\n    register\n  }), [bordered, register, size]);\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    role: \"list\",\n    ref: (0, _utils.mergeRefs)(containerRef, ref),\n    className: classes,\n    onMouseDown: sortable ? handleStart : undefined,\n    onMouseUp: sortable ? handleEnd : undefined,\n    onTouchStart: sortable ? handleTouchStart : undefined,\n    onTouchEnd: sortable ? handleTouchEnd : undefined\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 94,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_ListContext.default.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 105,\n      columnNumber: 7\n    }\n  }, children));\n}, Subcomponents);\nList.displayName = 'List';\nvar _default = exports[\"default\"] = List;\n\n//# sourceURL=webpack://rsuite/./src/List/List.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _useSortHelper = _interopRequireDefault(__webpack_require__(/*! ./helper/useSortHelper */ \"./src/List/helper/useSortHelper.ts\"));\nvar _ListContext = _interopRequireDefault(__webpack_require__(/*! ./ListContext */ \"./src/List/ListContext.tsx\"));\nvar _ListItem = _interopRequireDefault(__webpack_require__(/*! ./ListItem */ \"./src/List/ListItem.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/List/List.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _ListItem.default\n};\n\n/**\n * The `List` component is used to specify the layout of the list.\n * @see https://rsuitejs.com/components/list\n */\nconst List = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('List', props);\n  const {\n    as,\n    autoScroll = true,\n    bordered,\n    classPrefix = 'list',\n    className,\n    children,\n    divider = true,\n    hover,\n    size = 'md',\n    sortable,\n    pressDelay = 0,\n    transitionDuration = 300,\n    onSort,\n    onSortEnd,\n    onSortMove,\n    onSortStart,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    containerRef,\n    register,\n    sorting,\n    handleEnd,\n    handleStart,\n    handleTouchStart,\n    handleTouchEnd\n  } = (0, _useSortHelper.default)({\n    autoScroll,\n    onSort,\n    onSortEnd,\n    onSortMove,\n    onSortStart,\n    pressDelay,\n    transitionDuration\n  });\n  const classes = merge(className, withPrefix());\n  const contextValue = (0, _react.useMemo)(() => ({\n    bordered,\n    size,\n    register\n  }), [bordered, register, size]);\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    role: \"list\",\n    ref: (0, _utils.mergeRefs)(containerRef, ref),\n    className: classes,\n    onMouseDown: sortable ? handleStart : undefined,\n    onMouseUp: sortable ? handleEnd : undefined,\n    onTouchStart: sortable ? handleTouchStart : undefined,\n    onTouchEnd: sortable ? handleTouchEnd : undefined,\n    \"data-bordered\": bordered,\n    \"data-hover\": hover,\n    \"data-sortable\": sortable,\n    \"data-sorting\": sorting,\n    \"data-divider\": divider\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 96,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_ListContext.default.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 7\n    }\n  }, children));\n}, Subcomponents);\nList.displayName = 'List';\nvar _default = exports[\"default\"] = List;\n\n//# sourceURL=webpack://rsuite/./src/List/List.tsx?");
 
 /***/ }),
 
@@ -3766,7 +3766,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _ListContext = _interopRequireDefault(__webpack_require__(/*! ./ListContext */ \"./src/List/ListContext.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/List/ListItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `List.Item` component is used to specify the layout of the list item.\n * @see https://rsuitejs.com/components/list\n */\nconst ListItem = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    children,\n    className,\n    classPrefix = 'list-item',\n    collection = 0,\n    disabled,\n    index,\n    size: sizeProp,\n    ...rest\n  } = props;\n  const {\n    bordered,\n    register,\n    size: parentSize\n  } = (0, _react.useContext)(_ListContext.default);\n  const size = sizeProp || parentSize;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const listItemRef = (0, _react.useRef)(null);\n  (0, _react.useEffect)(() => {\n    if (listItemRef.current) {\n      const {\n        unregister\n      } = register({\n        node: listItemRef.current,\n        edgeOffset: null,\n        info: {\n          collection,\n          disabled,\n          index\n        }\n      });\n      return unregister;\n    }\n  }, [collection, disabled, index, register]);\n  const classes = merge(className, withPrefix(size, {\n    disabled,\n    bordered\n  }));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    role: \"listitem\",\n    \"aria-disabled\": disabled,\n    ref: (0, _utils.mergeRefs)(listItemRef, ref),\n    className: classes\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 5\n    }\n  }), children);\n});\nListItem.displayName = 'ListItem';\nvar _default = exports[\"default\"] = ListItem;\n\n//# sourceURL=webpack://rsuite/./src/List/ListItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _ListContext = _interopRequireDefault(__webpack_require__(/*! ./ListContext */ \"./src/List/ListContext.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/List/ListItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `List.Item` component is used to specify the layout of the list item.\n * @see https://rsuitejs.com/components/list\n */\nconst ListItem = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    children,\n    className,\n    classPrefix = 'list-item',\n    collection = 0,\n    disabled,\n    index,\n    size: sizeProp,\n    ...rest\n  } = props;\n  const {\n    bordered,\n    register,\n    size: parentSize\n  } = (0, _react.useContext)(_ListContext.default);\n  const size = sizeProp || parentSize;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const listItemRef = (0, _react.useRef)(null);\n  (0, _react.useEffect)(() => {\n    if (listItemRef.current) {\n      const {\n        unregister\n      } = register({\n        node: listItemRef.current,\n        edgeOffset: null,\n        info: {\n          collection,\n          disabled,\n          index\n        }\n      });\n      return unregister;\n    }\n  }, [collection, disabled, index, register]);\n  const classes = merge(className, withPrefix());\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    role: \"listitem\",\n    \"aria-disabled\": disabled,\n    \"data-size\": size,\n    \"data-disabled\": disabled,\n    \"data-bordered\": bordered,\n    ref: (0, _utils.mergeRefs)(listItemRef, ref),\n    className: classes\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 5\n    }\n  }), children);\n});\nListItem.displayName = 'ListItem';\nvar _default = exports[\"default\"] = ListItem;\n\n//# sourceURL=webpack://rsuite/./src/List/ListItem.tsx?");
 
 /***/ }),
 
@@ -3832,7 +3832,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Loader/Loader.tsx\";\n/**\n * The `Loader` component is used to indicate the loading state of a page or a section.\n * @see https://rsuitejs.com/components/loader\n */\nconst Loader = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Loader', props);\n  const {\n    as,\n    classPrefix = 'loader',\n    className,\n    inverse,\n    backdrop,\n    speed = 'normal',\n    center,\n    vertical,\n    content,\n    size = 'sm',\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const labelId = (0, _hooks.useUniqueId)('loader-label-');\n  const classes = merge(className, prefix(`speed-${speed}`, size, {\n    center: backdrop || center,\n    vertical,\n    inverse\n  }));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    role: \"status\",\n    \"aria-labelledby\": content ? labelId : undefined,\n    ref: ref,\n    className: classes\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63,\n      columnNumber: 5\n    }\n  }), backdrop && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('backdrop'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 20\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: withPrefix(),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('spin'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 9\n    }\n  }), content && /*#__PURE__*/_react.default.createElement(\"span\", {\n    id: labelId,\n    className: prefix('content'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 11\n    }\n  }, content)));\n});\nLoader.displayName = 'Loader';\nvar _default = exports[\"default\"] = Loader;\n\n//# sourceURL=webpack://rsuite/./src/Loader/Loader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Loader/Loader.tsx\";\n/**\n * The `Loader` component is used to indicate the loading state of a page or a section.\n * @see https://rsuitejs.com/components/loader\n */\nconst Loader = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Loader', props);\n  const {\n    as,\n    classPrefix = 'loader',\n    className,\n    inverse,\n    backdrop,\n    speed = 'normal',\n    center,\n    vertical,\n    content,\n    size = 'sm',\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const labelId = (0, _hooks.useUniqueId)('loader-label-');\n  const classes = merge(className, withPrefix());\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    role: \"status\",\n    \"aria-labelledby\": content ? labelId : undefined,\n    ref: ref,\n    className: classes,\n    \"data-size\": size,\n    \"data-speed\": speed,\n    \"data-center\": backdrop || center,\n    \"data-direction\": vertical ? 'vertical' : 'horizontal',\n    \"data-inverse\": inverse\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55,\n      columnNumber: 5\n    }\n  }), backdrop && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('backdrop'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 20\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('box'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('spin'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 9\n    }\n  }), content && /*#__PURE__*/_react.default.createElement(\"span\", {\n    id: labelId,\n    className: prefix('content'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 11\n    }\n  }, content)));\n});\nLoader.displayName = 'Loader';\nvar _default = exports[\"default\"] = Loader;\n\n//# sourceURL=webpack://rsuite/./src/Loader/Loader.tsx?");
 
 /***/ }),
 
@@ -4261,7 +4261,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menubar */ \"./src/internals/Menu/Menubar.tsx\"));\nvar _NavDropdown = _interopRequireDefault(__webpack_require__(/*! ./NavDropdown */ \"./src/Nav/NavDropdown.tsx\"));\nvar _NavMenu = _interopRequireDefault(__webpack_require__(/*! ./NavMenu */ \"./src/Nav/NavMenu.tsx\"));\nvar _NavMegaMenu = _interopRequireDefault(__webpack_require__(/*! ./NavMegaMenu */ \"./src/Nav/NavMegaMenu.tsx\"));\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\nvar _AdaptiveNavItem = _interopRequireDefault(__webpack_require__(/*! ./AdaptiveNavItem */ \"./src/Nav/AdaptiveNavItem.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ../Navbar/NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _SidenavContext = __webpack_require__(/*! ../Sidenav/SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Nav/Nav.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst DeprecatedNavDropdown = (0, _utils.deprecateComponent)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');\nDeprecatedNavDropdown.Menu = (0, _utils.deprecateComponent)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');\nDeprecatedNavDropdown.Item = (0, _utils.deprecateComponent)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');\nconst Subcomponents = {\n  /**\n   * @deprecated Use <Nav.Menu> instead.\n   */\n  Dropdown: DeprecatedNavDropdown,\n  Item: _AdaptiveNavItem.default,\n  Menu: _NavMenu.default,\n  MegaMenu: _NavMegaMenu.default\n};\n\n/**\n * The `Nav` component is used to create navigation links.\n * @see https://rsuitejs.com/components/nav\n */\nconst Nav = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Nav', props);\n  const {\n    as,\n    classPrefix = 'nav',\n    appearance = 'default',\n    vertical,\n    justified,\n    reversed,\n    className,\n    children,\n    activeKey: activeKeyProp,\n    defaultActiveKey,\n    onSelect: onSelectProp,\n    ...rest\n  } = propsWithDefaults;\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n\n  // Whether inside a <Navbar>\n  const navbar = (0, _react.useContext)(_NavbarContext.NavbarContext);\n  const menubarRef = (0, _hooks.useEnsuredRef)(ref);\n  const {\n    withPrefix,\n    merge,\n    rootPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, rootPrefix({\n    'navbar-nav': navbar,\n    'sidenav-nav': sidenav\n  }), withPrefix(appearance, {\n    horizontal: (navbar || !sidenav) && !vertical,\n    vertical: vertical || sidenav,\n    justified,\n    reversed\n  }));\n  const {\n    activeKey: activeKeyFromSidenav,\n    onSelect: onSelectFromSidenav\n  } = sidenav || {};\n  const [activeKey, setActiveKey] = (0, _hooks.useControlled)(activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav, defaultActiveKey);\n  const contextValue = (0, _react.useMemo)(() => ({\n    activeKey,\n    onSelect: (eventKey, event) => {\n      setActiveKey(eventKey);\n      onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);\n      onSelectFromSidenav === null || onSelectFromSidenav === void 0 || onSelectFromSidenav(eventKey, event);\n    }\n  }), [activeKey, onSelectFromSidenav, onSelectProp, setActiveKey]);\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: ref,\n      className: classes\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 151,\n        columnNumber: 9\n      }\n    }), children));\n  }\n  const hasWaterline = appearance !== 'default';\n\n  // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: !!sidenav,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 164,\n        columnNumber: 9\n      }\n    }, (menubar, ref) => /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: ref\n    }, rest, {\n      className: classes\n    }, menubar, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 166,\n        columnNumber: 13\n      }\n    }), children)));\n  }\n  return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 175,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    ref: menubarRef,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 176,\n      columnNumber: 7\n    }\n  }), children, hasWaterline && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('bar'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 178,\n      columnNumber: 26\n    }\n  })));\n}, Subcomponents);\nNav.displayName = 'Nav';\nvar _default = exports[\"default\"] = Nav;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Menubar = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menubar */ \"./src/internals/Menu/Menubar.tsx\"));\nvar _NavDropdown = _interopRequireDefault(__webpack_require__(/*! ./NavDropdown */ \"./src/Nav/NavDropdown.tsx\"));\nvar _NavMenu = _interopRequireDefault(__webpack_require__(/*! ./NavMenu */ \"./src/Nav/NavMenu.tsx\"));\nvar _NavMegaMenu = _interopRequireDefault(__webpack_require__(/*! ./NavMegaMenu */ \"./src/Nav/NavMegaMenu.tsx\"));\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\nvar _AdaptiveNavItem = _interopRequireDefault(__webpack_require__(/*! ./AdaptiveNavItem */ \"./src/Nav/AdaptiveNavItem.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ../Navbar/NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _SidenavContext = __webpack_require__(/*! ../Sidenav/SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Nav/Nav.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst DeprecatedNavDropdown = (0, _utils.deprecateComponent)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');\nDeprecatedNavDropdown.Menu = (0, _utils.deprecateComponent)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');\nDeprecatedNavDropdown.Item = (0, _utils.deprecateComponent)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');\nconst Subcomponents = {\n  /**\n   * @deprecated Use <Nav.Menu> instead.\n   */\n  Dropdown: DeprecatedNavDropdown,\n  Item: _AdaptiveNavItem.default,\n  Menu: _NavMenu.default,\n  MegaMenu: _NavMegaMenu.default\n};\n\n/**\n * The `Nav` component is used to create navigation links.\n * @see https://rsuitejs.com/components/nav\n */\nconst Nav = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Nav', props);\n  const {\n    as,\n    classPrefix = 'nav',\n    appearance = 'default',\n    vertical,\n    justified,\n    reversed,\n    className,\n    children,\n    activeKey: activeKeyProp,\n    defaultActiveKey,\n    onSelect: onSelectProp,\n    ...rest\n  } = propsWithDefaults;\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n\n  // Whether inside a <Navbar>\n  const navbar = (0, _react.useContext)(_NavbarContext.NavbarContext);\n  const menubarRef = (0, _hooks.useEnsuredRef)(ref);\n  const {\n    withPrefix,\n    merge,\n    rootPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, rootPrefix({\n    'navbar-nav': navbar,\n    'sidenav-nav': sidenav\n  }), withPrefix());\n  const dataAttributes = {\n    'data-appearance': appearance,\n    'data-reversed': reversed,\n    'data-justified': justified,\n    'data-direction': vertical || sidenav ? 'vertical' : 'horizontal'\n  };\n  const {\n    activeKey: activeKeyFromSidenav,\n    onSelect: onSelectFromSidenav\n  } = sidenav || {};\n  const [activeKey, setActiveKey] = (0, _hooks.useControlled)(activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav, defaultActiveKey);\n  const contextValue = (0, _react.useMemo)(() => ({\n    activeKey,\n    onSelect: (eventKey, event) => {\n      setActiveKey(eventKey);\n      onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);\n      onSelectFromSidenav === null || onSelectFromSidenav === void 0 || onSelectFromSidenav(eventKey, event);\n    }\n  }), [activeKey, onSelectFromSidenav, onSelectProp, setActiveKey]);\n  if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n      ref: ref,\n      className: classes\n    }, dataAttributes, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 9\n      }\n    }), children));\n  }\n  const hasWaterline = appearance !== 'default';\n\n  // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)\n  if (sidenav) {\n    return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n      value: contextValue,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 162,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Menubar.default, {\n      vertical: !!sidenav,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 9\n      }\n    }, (menubar, ref) => /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: ref,\n      className: classes\n    }, dataAttributes, menubar, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 13\n      }\n    }), children)));\n  }\n  return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 174,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: menubarRef,\n    className: classes\n  }, dataAttributes, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 175,\n      columnNumber: 7\n    }\n  }), children, hasWaterline && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('bar'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 26\n    }\n  })));\n}, Subcomponents);\nNav.displayName = 'Nav';\nvar _default = exports[\"default\"] = Nav;\n\n//# sourceURL=webpack://rsuite/./src/Nav/Nav.tsx?");
 
 /***/ }),
 
@@ -4294,7 +4294,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _useRenderMenuItem = __webpack_require__(/*! ../internals/Menu/useRenderMenuItem */ \"./src/internals/Menu/useRenderMenuItem.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Nav/NavDropdownItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private\n */\nconst NavDropdownItem = (0, _utils.forwardRef)((props, ref) => {\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!nav) {\n    throw new Error('<Nav.Dropdown.Item> should be used within a <Nav> component.');\n  }\n  const {\n    as = 'li',\n    active: activeProp,\n    classPrefix = 'dropdown-item',\n    className,\n    eventKey,\n    icon,\n    divider,\n    panel,\n    children,\n    disabled,\n    onSelect,\n    ...restProps\n  } = props;\n  const {\n    activeKey,\n    onSelect: onSelectFromNav\n  } = nav;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  const handleSelectItem = (0, _react.useCallback)(event => {\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);\n  }, [onSelect, eventKey, onSelectFromNav]);\n  const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);\n  if (divider) {\n    return renderDropdownItem({\n      ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className),\n      ...restProps\n    });\n  }\n  if (panel) {\n    return renderDropdownItem({\n      ref,\n      className: merge(prefix('panel'), className),\n      children,\n      ...restProps\n    });\n  }\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 99,\n      columnNumber: 5\n    }\n  }, ({\n    selected,\n    active,\n    ...menuitem\n  }, menuitemRef) => {\n    const classes = merge(className, withPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled,\n      focus: active,\n      divider,\n      panel\n    }));\n    const dataAttributes = {\n      'data-event-key': eventKey\n    };\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n    return renderDropdownItem({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes,\n      ...menuitem,\n      ...dataAttributes,\n      ...restProps,\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)\n      }), children)\n    });\n  });\n});\nNavDropdownItem.displayName = 'Nav.Dropdown.Item';\nvar _default = exports[\"default\"] = NavDropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavDropdownItem.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _useRenderMenuItem = __webpack_require__(/*! ../internals/Menu/useRenderMenuItem */ \"./src/internals/Menu/useRenderMenuItem.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Nav/NavDropdownItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private\n */\nconst NavDropdownItem = (0, _utils.forwardRef)((props, ref) => {\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!nav) {\n    throw new Error('<Nav.Dropdown.Item> should be used within a <Nav> component.');\n  }\n  const {\n    as = 'li',\n    active: activeProp,\n    classPrefix = 'dropdown-item',\n    className,\n    eventKey,\n    icon,\n    divider,\n    panel,\n    children,\n    disabled,\n    onSelect,\n    ...restProps\n  } = props;\n  const {\n    activeKey,\n    onSelect: onSelectFromNav\n  } = nav;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  const handleSelectItem = (0, _react.useCallback)(event => {\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);\n  }, [onSelect, eventKey, onSelectFromNav]);\n  const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);\n  if (divider) {\n    return renderDropdownItem({\n      ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className),\n      ...restProps\n    });\n  }\n  if (panel) {\n    return renderDropdownItem({\n      ref,\n      className: merge(prefix('panel'), className),\n      children,\n      ...restProps\n    });\n  }\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 99,\n      columnNumber: 5\n    }\n  }, ({\n    selected,\n    active,\n    ...menuitem\n  }, menuitemRef) => {\n    const classes = merge(className, withPrefix({\n      divider,\n      panel\n    }));\n    const dataAttributes = {\n      'data-focus': active,\n      'data-active': selected,\n      'data-disabled': disabled,\n      'data-with-icon': !!icon,\n      'data-event-key': eventKey\n    };\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n    return renderDropdownItem({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes,\n      ...menuitem,\n      ...dataAttributes,\n      ...restProps,\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)\n      }), children)\n    });\n  });\n});\nNavDropdownItem.displayName = 'Nav.Dropdown.Item';\nvar _default = exports[\"default\"] = NavDropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavDropdownItem.tsx?");
 
 /***/ }),
 
@@ -4305,7 +4305,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PagePrevious */ \"./node_modules/@rsuite/icons/esm/react/PagePrevious.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageNext */ \"./node_modules/@rsuite/icons/esm/react/PageNext.js\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Nav/NavDropdownMenu.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private\n */\nconst NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!nav) {\n    throw new Error('<Nav.Dropdown.Menu> should be used within a <Nav> component.');\n  }\n  const {\n    onToggle,\n    eventKey,\n    title,\n    classPrefix = 'dropdown-menu',\n    children,\n    openDirection = 'end',\n    noCaret,\n    ...rest\n  } = props;\n  const {\n    rtl\n  } = (0, _hooks.useCustom)();\n  const handleToggleSubmenu = (0, _react.useCallback)((open, event) => {\n    onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);\n  }, [eventKey, onToggle]);\n  const {\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    merge: mergeItemClassNames,\n    withPrefix: withItemClassPrefix,\n    prefix: prefixItemClassName\n  } = (0, _hooks.useStyles)('dropdown-item');\n\n  // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n  const {\n    icon,\n    className,\n    disabled,\n    ...menuProps\n  } = (0, _omit.default)(rest, ['trigger']);\n  const Icon = rtl ? _PagePrevious.default : _PageNext.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: ({\n      open,\n      ...menuButtonProps\n    }, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      disabled: disabled,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 11\n      }\n    }, ({\n      selected,\n      active,\n      ...menuitem\n    }, menuitemRef) => {\n      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({\n        'with-icon': icon,\n        open,\n        active: selected,\n        disabled,\n        focus: active\n      }));\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n        className: classes,\n        \"data-event-key\": eventKey,\n        \"data-event-key-type\": typeof eventKey\n      }, menuitem, (0, _omit.default)(menuButtonProps, ['role']), {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 127,\n          columnNumber: 17\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, !noCaret && /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix`toggle-icon`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 137,\n          columnNumber: 32\n        }\n      }));\n    }),\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open,\n        \"data-direction\": openDirection\n      }, popupProps, menuProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 147,\n          columnNumber: 13\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109,\n      columnNumber: 7\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled,\n      open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 13\n      }\n    }));\n  });\n});\nNavDropdownMenu.displayName = 'Nav.Dropdown.Menu';\nvar _default = exports[\"default\"] = NavDropdownMenu;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavDropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PagePrevious */ \"./node_modules/@rsuite/icons/esm/react/PagePrevious.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageNext */ \"./node_modules/@rsuite/icons/esm/react/PageNext.js\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Nav/NavDropdownMenu.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private\n */\nconst NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!nav) {\n    throw new Error('<Nav.Dropdown.Menu> should be used within a <Nav> component.');\n  }\n  const {\n    onToggle,\n    eventKey,\n    title,\n    classPrefix = 'dropdown-menu',\n    children,\n    openDirection = 'end',\n    noCaret,\n    ...rest\n  } = props;\n  const {\n    rtl\n  } = (0, _hooks.useCustom)();\n  const handleToggleSubmenu = (0, _react.useCallback)((open, event) => {\n    onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);\n  }, [eventKey, onToggle]);\n  const {\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    merge: mergeItemClassNames,\n    withPrefix: withItemClassPrefix,\n    prefix: prefixItemClassName\n  } = (0, _hooks.useStyles)('dropdown-item');\n\n  // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n  const {\n    icon,\n    className,\n    disabled,\n    ...menuProps\n  } = (0, _omit.default)(rest, ['trigger']);\n  const Icon = rtl ? _PagePrevious.default : _PageNext.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: ({\n      open,\n      ...menuButtonProps\n    }, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      disabled: disabled,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 11\n      }\n    }, ({\n      selected,\n      active,\n      ...menuitem\n    }, menuitemRef) => {\n      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n        className: classes,\n        \"data-open\": open,\n        \"data-focus\": active,\n        \"data-active\": selected,\n        \"data-disabled\": disabled,\n        \"data-with-icon\": icon,\n        \"data-event-key\": eventKey,\n        \"data-event-key-type\": typeof eventKey\n      }, menuitem, (0, _omit.default)(menuButtonProps, ['role']), {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 121,\n          columnNumber: 17\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, !noCaret && /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix`toggle-icon`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 136,\n          columnNumber: 32\n        }\n      }));\n    }),\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open,\n        \"data-direction\": openDirection\n      }, popupProps, menuProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 146,\n          columnNumber: 13\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109,\n      columnNumber: 7\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = mergeItemClassNames(className, withItemClassPrefix('submenu'));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes,\n      \"data-open\": open,\n      \"data-disabled\": disabled\n    }, menuContainer, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 13\n      }\n    }));\n  });\n});\nNavDropdownMenu.displayName = 'Nav.Dropdown.Menu';\nvar _default = exports[\"default\"] = NavDropdownMenu;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavDropdownMenu.tsx?");
 
 /***/ }),
 
@@ -4327,7 +4327,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../internals/Ripple */ \"./src/internals/Ripple/index.tsx\"));\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../internals/SafeAnchor */ \"./src/internals/SafeAnchor/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Nav/NavItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `Nav.Item` component is used to create navigation links.\n *\n * - When used as direct child of `<Nav>`, render the NavItem\n * - When used within a `<Nav.Menu>`, render the NavDropdownItem\n * @see https://rsuitejs.com/components/nav\n *\n */\nconst NavItem = (0, _utils.forwardRef)((props, ref) => {\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!nav) {\n    throw new Error('<Nav.Item> must be rendered within a <Nav> component.');\n  }\n  const {\n    as = _SafeAnchor.default,\n    active: activeProp,\n    disabled,\n    eventKey,\n    className,\n    classPrefix = 'nav-item',\n    style,\n    children,\n    icon,\n    divider,\n    panel,\n    onClick,\n    onSelect: onSelectProp,\n    ...rest\n  } = props;\n  const {\n    activeKey,\n    onSelect: onSelectFromNav\n  } = nav;\n  const active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  const emitSelect = (0, _react.useCallback)(event => {\n    onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n  const {\n    withPrefix,\n    merge,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    active,\n    disabled\n  }));\n  const handleClick = (0, _react.useCallback)(event => {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 || onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 98,\n        columnNumber: 7\n      }\n    }));\n  }\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\n        columnNumber: 7\n      }\n    }), children);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    tabIndex: disabled ? -1 : undefined\n  }, rest, {\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": active || undefined,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 5\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: (0, _classnames.default)(prefix('icon'), icon.props.className)\n  }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\n      columnNumber: 7\n    }\n  }));\n});\nNavItem.displayName = 'Nav.Item';\nvar _default = exports[\"default\"] = NavItem;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../internals/Ripple */ \"./src/internals/Ripple/index.tsx\"));\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../internals/SafeAnchor */ \"./src/internals/SafeAnchor/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ./NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Nav/NavItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `Nav.Item` component is used to create navigation links.\n *\n * - When used as direct child of `<Nav>`, render the NavItem\n * - When used within a `<Nav.Menu>`, render the NavDropdownItem\n * @see https://rsuitejs.com/components/nav\n *\n */\nconst NavItem = (0, _utils.forwardRef)((props, ref) => {\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!nav) {\n    throw new Error('<Nav.Item> must be rendered within a <Nav> component.');\n  }\n  const {\n    as = _SafeAnchor.default,\n    active: activeProp,\n    disabled,\n    eventKey,\n    className,\n    classPrefix = 'nav-item',\n    style,\n    children,\n    icon,\n    divider,\n    panel,\n    onClick,\n    onSelect: onSelectProp,\n    ...rest\n  } = props;\n  const {\n    activeKey,\n    onSelect: onSelectFromNav\n  } = nav;\n  const active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);\n  const emitSelect = (0, _react.useCallback)(event => {\n    onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);\n  }, [eventKey, onSelectProp, onSelectFromNav]);\n  const {\n    withPrefix,\n    merge,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const handleClick = (0, _react.useCallback)(event => {\n    if (!disabled) {\n      emitSelect(event);\n      onClick === null || onClick === void 0 || onClick(event);\n    }\n  }, [disabled, emitSelect, onClick]);\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 98,\n        columnNumber: 7\n      }\n    }));\n  }\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n      ref: ref,\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\n        columnNumber: 7\n      }\n    }), children);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    tabIndex: disabled ? -1 : undefined,\n    className: classes,\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": active || undefined,\n    \"data-active\": active || undefined,\n    \"data-disabled\": disabled\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 5\n    }\n  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: (0, _classnames.default)(prefix('icon'), icon.props.className)\n  }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 134,\n      columnNumber: 7\n    }\n  }));\n});\nNavItem.displayName = 'Nav.Item';\nvar _default = exports[\"default\"] = NavItem;\n\n//# sourceURL=webpack://rsuite/./src/Nav/NavItem.tsx?");
 
 /***/ }),
 
@@ -4371,7 +4371,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _NavbarBrand = _interopRequireDefault(__webpack_require__(/*! ./NavbarBrand */ \"./src/Navbar/NavbarBrand.tsx\"));\nvar _NavbarContent = _interopRequireDefault(__webpack_require__(/*! ./NavbarContent */ \"./src/Navbar/NavbarContent.tsx\"));\nvar _NavbarToggle = _interopRequireDefault(__webpack_require__(/*! ./NavbarToggle */ \"./src/Navbar/NavbarToggle.tsx\"));\nvar _NavbarDrawer = _interopRequireDefault(__webpack_require__(/*! ./NavbarDrawer */ \"./src/Navbar/NavbarDrawer.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ./NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Navbar/Navbar.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Brand: _NavbarBrand.default,\n  Content: _NavbarContent.default,\n  Toggle: _NavbarToggle.default,\n  Drawer: _NavbarDrawer.default\n};\n\n/**\n * The `Navbar` component is a wrapper that positions navigation elements.\n * @see https://rsuitejs.com/components/navbar\n */\nconst Navbar = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Navbar', props);\n  const {\n    className,\n    as = 'nav',\n    classPrefix = 'navbar',\n    appearance = 'default',\n    onDrawerOpenChange,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(appearance));\n  const [open, setOpen] = _react.default.useState(false);\n  const handleToggle = (0, _hooks.useEventCallback)(nextOpen => {\n    setOpen(nextOpen);\n    onDrawerOpenChange === null || onDrawerOpenChange === void 0 || onDrawerOpenChange(nextOpen);\n  });\n  const navbarId = (0, _hooks.useUniqueId)('navbar-');\n  const context = (0, _react.useMemo)(() => ({\n    appearance,\n    open,\n    navbarId,\n    onToggle: handleToggle\n  }), [appearance, navbarId, open]);\n  return /*#__PURE__*/_react.default.createElement(_NavbarContext.NavbarContext.Provider, {\n    value: context,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }\n  })));\n}, Subcomponents);\nNavbar.displayName = 'Navbar';\nvar _default = exports[\"default\"] = Navbar;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/Navbar.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _NavbarBrand = _interopRequireDefault(__webpack_require__(/*! ./NavbarBrand */ \"./src/Navbar/NavbarBrand.tsx\"));\nvar _NavbarContent = _interopRequireDefault(__webpack_require__(/*! ./NavbarContent */ \"./src/Navbar/NavbarContent.tsx\"));\nvar _NavbarToggle = _interopRequireDefault(__webpack_require__(/*! ./NavbarToggle */ \"./src/Navbar/NavbarToggle.tsx\"));\nvar _NavbarDrawer = _interopRequireDefault(__webpack_require__(/*! ./NavbarDrawer */ \"./src/Navbar/NavbarDrawer.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ./NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Navbar/Navbar.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Brand: _NavbarBrand.default,\n  Content: _NavbarContent.default,\n  Toggle: _NavbarToggle.default,\n  Drawer: _NavbarDrawer.default\n};\n\n/**\n * The `Navbar` component is a wrapper that positions navigation elements.\n * @see https://rsuitejs.com/components/navbar\n */\nconst Navbar = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Navbar', props);\n  const {\n    className,\n    as = 'nav',\n    classPrefix = 'navbar',\n    appearance = 'default',\n    onDrawerOpenChange,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const [open, setOpen] = (0, _react.useState)(false);\n  const handleToggle = (0, _hooks.useEventCallback)(nextOpen => {\n    setOpen(nextOpen);\n    onDrawerOpenChange === null || onDrawerOpenChange === void 0 || onDrawerOpenChange(nextOpen);\n  });\n  const navbarId = (0, _hooks.useUniqueId)('navbar-');\n  const context = (0, _react.useMemo)(() => ({\n    appearance,\n    open,\n    navbarId,\n    onToggle: handleToggle\n  }), [appearance, navbarId, open]);\n  return /*#__PURE__*/_react.default.createElement(_NavbarContext.NavbarContext.Provider, {\n    value: context,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    \"data-appearance\": appearance\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }\n  })));\n}, Subcomponents);\nNavbar.displayName = 'Navbar';\nvar _default = exports[\"default\"] = Navbar;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/Navbar.tsx?");
 
 /***/ }),
 
@@ -4426,7 +4426,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _castArray = _interopRequireDefault(__webpack_require__(/*! lodash/castArray */ \"./node_modules/lodash/castArray.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../internals/Disclosure/Disclosure */ \"./src/internals/Disclosure/Disclosure.tsx\"));\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\nvar _NavbarDropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./NavbarDropdownToggle */ \"./src/Navbar/NavbarDropdownToggle.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ./NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Navbar/NavbarDropdown.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _NavDropdownItem.default,\n  Menu: _NavDropdownMenu.default\n};\n\n/**\n * @private\n */\nconst NavbarDropdown = (0, _utils.forwardRef)((props, ref) => {\n  const navbar = (0, _react.useContext)(_NavbarContext.NavbarContext);\n  if (!navbar) {\n    throw new Error('<Navbar.Dropdown> should be used within a <Navbar> component.');\n  }\n  const {\n    as,\n    title,\n    onClose,\n    onOpen,\n    onToggle,\n    trigger = 'click',\n    placement = 'bottomStart',\n    toggleAs,\n    toggleClassName,\n    classPrefix = 'dropdown',\n    className,\n    disabled,\n    children,\n    menuStyle,\n    style,\n    ...toggleProps\n  } = props;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    trigger: (0, _castArray.default)(trigger),\n    hideOnClickOutside: true,\n    onToggle: open => {\n      onToggle === null || onToggle === void 0 || onToggle(open);\n      if (open) {\n        onOpen === null || onOpen === void 0 || onOpen();\n      } else {\n        onClose === null || onClose === void 0 || onClose();\n      }\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 111,\n      columnNumber: 7\n    }\n  }, ({\n    open,\n    ...props\n  }, containerRef) => {\n    const classes = merge(className, withPrefix({\n      disabled,\n      open\n    }));\n    return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      className: classes,\n      style: style,\n      \"data-placement\": (0, _utils.kebabPlace)(placement)\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 15\n      }\n    }, (buttonProps, buttonRef) => /*#__PURE__*/_react.default.createElement(_NavbarDropdownToggle.default, (0, _extends2.default)({\n      ref: buttonRef,\n      as: toggleAs,\n      className: toggleClassName,\n      placement: placement,\n      disabled: disabled\n    }, (0, _omit.default)(buttonProps, ['open']), toggleProps, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 19\n      }\n    }), title)), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 15\n      }\n    }, ({\n      open\n    }, elementRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", {\n        ref: elementRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 153,\n          columnNumber: 21\n        }\n      }, children);\n    }));\n  });\n}, Subcomponents);\nNavbarDropdown.displayName = 'Navbar.Dropdown';\nvar _default = exports[\"default\"] = NavbarDropdown;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _castArray = _interopRequireDefault(__webpack_require__(/*! lodash/castArray */ \"./node_modules/lodash/castArray.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../internals/Disclosure/Disclosure */ \"./src/internals/Disclosure/Disclosure.tsx\"));\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\nvar _NavbarDropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./NavbarDropdownToggle */ \"./src/Navbar/NavbarDropdownToggle.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ./NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Navbar/NavbarDropdown.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _NavDropdownItem.default,\n  Menu: _NavDropdownMenu.default\n};\n\n/**\n * @private\n */\nconst NavbarDropdown = (0, _utils.forwardRef)((props, ref) => {\n  const navbar = (0, _react.useContext)(_NavbarContext.NavbarContext);\n  if (!navbar) {\n    throw new Error('<Navbar.Dropdown> should be used within a <Navbar> component.');\n  }\n  const {\n    as,\n    title,\n    onClose,\n    onOpen,\n    onToggle,\n    trigger = 'click',\n    placement = 'bottomStart',\n    toggleAs,\n    toggleClassName,\n    classPrefix = 'dropdown',\n    className,\n    disabled,\n    children,\n    menuStyle,\n    style,\n    ...toggleProps\n  } = props;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    trigger: (0, _castArray.default)(trigger),\n    hideOnClickOutside: true,\n    onToggle: open => {\n      onToggle === null || onToggle === void 0 || onToggle(open);\n      if (open) {\n        onOpen === null || onOpen === void 0 || onOpen();\n      } else {\n        onClose === null || onClose === void 0 || onClose();\n      }\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 111,\n      columnNumber: 7\n    }\n  }, ({\n    open,\n    ...props\n  }, containerRef) => {\n    const classes = merge(className, withPrefix());\n    return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      className: classes,\n      style: style,\n      \"data-open\": open,\n      \"data-disabled\": disabled,\n      \"data-placement\": (0, _utils.kebabPlace)(placement)\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 15\n      }\n    }, (buttonProps, buttonRef) => /*#__PURE__*/_react.default.createElement(_NavbarDropdownToggle.default, (0, _extends2.default)({\n      ref: buttonRef,\n      as: toggleAs,\n      className: toggleClassName,\n      placement: placement,\n      disabled: disabled\n    }, (0, _omit.default)(buttonProps, ['open']), toggleProps, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 19\n      }\n    }), title)), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 151,\n        columnNumber: 15\n      }\n    }, ({\n      open\n    }, elementRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", {\n        ref: elementRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 155,\n          columnNumber: 21\n        }\n      }, children);\n    }));\n  });\n}, Subcomponents);\nNavbarDropdown.displayName = 'Navbar.Dropdown';\nvar _default = exports[\"default\"] = NavbarDropdown;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdown.tsx?");
 
 /***/ }),
 
@@ -4437,7 +4437,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _DisclosureContext = _interopRequireWildcard(__webpack_require__(/*! ../internals/Disclosure/DisclosureContext */ \"./src/internals/Disclosure/DisclosureContext.ts\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ./NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _useRenderMenuItem = __webpack_require__(/*! ../internals/Menu/useRenderMenuItem */ \"./src/internals/Menu/useRenderMenuItem.tsx\");\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private\n */\nconst NavbarDropdownItem = (0, _utils.forwardRef)((props, ref) => {\n  const navbar = (0, _react.useContext)(_NavbarContext.NavbarContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!navbar || !nav) {\n    throw new Error('<Navbar.Dropdown.Item> must be rendered within a <Nav> component within a <Navbar> component.');\n  }\n  const {\n    as = 'li',\n    active: activeProp,\n    classPrefix = 'dropdown-item',\n    className,\n    children,\n    disabled,\n    divider,\n    eventKey,\n    icon,\n    panel,\n    onSelect,\n    ...restProps\n  } = props;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const handleSelectItem = (0, _react.useCallback)(event => {\n    var _nav$onSelect;\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);\n  }, [onSelect, eventKey, nav]);\n  const disclosure = (0, _react.useContext)(_DisclosureContext.default);\n  const [, dispatchDisclosure] = disclosure !== null && disclosure !== void 0 ? disclosure : [];\n  const handleClickNavbarDropdownItem = (0, _react.useCallback)(event => {\n    dispatchDisclosure === null || dispatchDisclosure === void 0 || dispatchDisclosure({\n      type: _DisclosureContext.DisclosureActionTypes.Hide,\n      cascade: true\n    });\n    handleSelectItem === null || handleSelectItem === void 0 || handleSelectItem(event);\n  }, [dispatchDisclosure, handleSelectItem]);\n  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav.activeKey, eventKey);\n  const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);\n  if (divider) {\n    return renderDropdownItem({\n      ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className),\n      ...restProps\n    });\n  }\n  if (panel) {\n    return renderDropdownItem({\n      ref,\n      className: merge(prefix('panel'), className),\n      children,\n      ...restProps\n    });\n  }\n  const classes = merge(className, withPrefix({\n    'with-icon': icon,\n    disabled,\n    divider,\n    panel,\n    active: selected\n  }));\n  const dataAttributes = {\n    'data-event-key': eventKey\n  };\n  if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n    dataAttributes['data-event-key-type'] = typeof eventKey;\n  }\n  return renderDropdownItem({\n    ref,\n    className: classes,\n    'aria-current': selected || undefined,\n    ...dataAttributes,\n    ...restProps,\n    onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)\n    }), children)\n  });\n});\nNavbarDropdownItem.displayName = 'Navbar.Dropdown.Item';\nvar _default = exports[\"default\"] = NavbarDropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdownItem.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 _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _DisclosureContext = _interopRequireWildcard(__webpack_require__(/*! ../internals/Disclosure/DisclosureContext */ \"./src/internals/Disclosure/DisclosureContext.ts\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ./NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _useRenderMenuItem = __webpack_require__(/*! ../internals/Menu/useRenderMenuItem */ \"./src/internals/Menu/useRenderMenuItem.tsx\");\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private\n */\nconst NavbarDropdownItem = (0, _utils.forwardRef)((props, ref) => {\n  const navbar = (0, _react.useContext)(_NavbarContext.NavbarContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!navbar || !nav) {\n    throw new Error('<Navbar.Dropdown.Item> must be rendered within a <Nav> component within a <Navbar> component.');\n  }\n  const {\n    as = 'li',\n    active: activeProp,\n    classPrefix = 'dropdown-item',\n    className,\n    children,\n    disabled,\n    divider,\n    eventKey,\n    icon,\n    panel,\n    onSelect,\n    ...restProps\n  } = props;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const handleSelectItem = (0, _react.useCallback)(event => {\n    var _nav$onSelect;\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);\n  }, [onSelect, eventKey, nav]);\n  const disclosure = (0, _react.useContext)(_DisclosureContext.default);\n  const [, dispatchDisclosure] = disclosure !== null && disclosure !== void 0 ? disclosure : [];\n  const handleClickNavbarDropdownItem = (0, _react.useCallback)(event => {\n    dispatchDisclosure === null || dispatchDisclosure === void 0 || dispatchDisclosure({\n      type: _DisclosureContext.DisclosureActionTypes.Hide,\n      cascade: true\n    });\n    handleSelectItem === null || handleSelectItem === void 0 || handleSelectItem(event);\n  }, [dispatchDisclosure, handleSelectItem]);\n  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav.activeKey, eventKey);\n  const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);\n  if (divider) {\n    return renderDropdownItem({\n      ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className),\n      ...restProps\n    });\n  }\n  if (panel) {\n    return renderDropdownItem({\n      ref,\n      className: merge(prefix('panel'), className),\n      children,\n      ...restProps\n    });\n  }\n  const classes = merge(className, withPrefix({\n    divider,\n    panel\n  }));\n  const dataAttributes = {\n    'data-active': selected,\n    'data-with-icon': !!icon,\n    'data-disabled': disabled,\n    'data-event-key': eventKey\n  };\n  if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n    dataAttributes['data-event-key-type'] = typeof eventKey;\n  }\n  return renderDropdownItem({\n    ref,\n    className: classes,\n    'aria-current': selected || undefined,\n    ...dataAttributes,\n    ...restProps,\n    onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),\n    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n      className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)\n    }), children)\n  });\n});\nNavbarDropdownItem.displayName = 'Navbar.Dropdown.Item';\nvar _default = exports[\"default\"] = NavbarDropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdownItem.tsx?");
 
 /***/ }),
 
@@ -4448,7 +4448,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PagePrevious */ \"./node_modules/@rsuite/icons/esm/react/PagePrevious.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageNext */ \"./node_modules/@rsuite/icons/esm/react/PageNext.js\"));\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../internals/Disclosure */ \"./src/internals/Disclosure/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ./NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Navbar/NavbarDropdownMenu.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Navbar>\n *\n * <Navbar>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Menu title=\"menu\"> -> This submenu will render <NavbarDropdownMenu> component\n *       </Nav.Menu>\n *     </Nav.Menu>\n *   </Nav>\n * </Navbar>\n */\nconst NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const navbar = (0, _react.useContext)(_NavbarContext.NavbarContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!navbar || !nav) {\n    throw new Error('<Navbar.Dropdown.Menu> must be rendered within a <Nav> within a <Navbar> component.');\n  }\n  const {\n    onToggle,\n    eventKey,\n    title,\n    classPrefix = 'dropdown-menu',\n    children,\n    openDirection = 'end',\n    ...rest\n  } = props;\n  const {\n    rtl\n  } = (0, _hooks.useCustom)();\n  const {\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    merge: mergeItemClassNames,\n    withPrefix: withItemClassPrefix,\n    prefix: prefixItemClassName\n  } = (0, _hooks.useStyles)('dropdown-item');\n\n  // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n  const {\n    icon,\n    className,\n    disabled,\n    ...menuProps\n  } = (0, _omit.default)(rest, ['trigger']);\n  const Icon = rtl ? _PagePrevious.default : _PageNext.default;\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    hideOnClickOutside: true,\n    trigger: ['click', 'hover'],\n    onToggle: (open, event) => onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, undefined, event),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 119,\n      columnNumber: 5\n    }\n  }, ({\n    open,\n    ...props\n  }, containerRef) => {\n    const classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled,\n      open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      className: classes\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 11\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 13\n      }\n    }, ({\n      open,\n      ...buttonProps\n    }, buttonRef) => {\n      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({\n        'with-icon': icon,\n        open,\n        disabled\n      }));\n      const dataAttributes = {\n        'data-event-key': eventKey\n      };\n      if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n        dataAttributes['data-event-key-type'] = typeof eventKey;\n      }\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, buttonRef),\n        className: classes\n      }, dataAttributes, buttonProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 156,\n          columnNumber: 19\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix`toggle-icon`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 164,\n          columnNumber: 21\n        }\n      }));\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 169,\n        columnNumber: 13\n      }\n    }, ({\n      open\n    }, elementRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: elementRef,\n        className: menuClassName,\n        hidden: !open,\n        \"data-direction\": openDirection\n      }, menuProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 174,\n          columnNumber: 19\n        }\n      }), children);\n    }));\n  });\n});\nNavbarDropdownMenu.displayName = 'Nav.Dropdown.Menu';\nvar _default = exports[\"default\"] = NavbarDropdownMenu;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PagePrevious */ \"./node_modules/@rsuite/icons/esm/react/PagePrevious.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageNext */ \"./node_modules/@rsuite/icons/esm/react/PageNext.js\"));\nvar _Disclosure = _interopRequireDefault(__webpack_require__(/*! ../internals/Disclosure */ \"./src/internals/Disclosure/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _NavbarContext = __webpack_require__(/*! ./NavbarContext */ \"./src/Navbar/NavbarContext.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Navbar/NavbarDropdownMenu.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Navbar>\n *\n * <Navbar>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Menu title=\"menu\"> -> This submenu will render <NavbarDropdownMenu> component\n *       </Nav.Menu>\n *     </Nav.Menu>\n *   </Nav>\n * </Navbar>\n */\nconst NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const navbar = (0, _react.useContext)(_NavbarContext.NavbarContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!navbar || !nav) {\n    throw new Error('<Navbar.Dropdown.Menu> must be rendered within a <Nav> within a <Navbar> component.');\n  }\n  const {\n    onToggle,\n    eventKey,\n    title,\n    classPrefix = 'dropdown-menu',\n    children,\n    openDirection = 'end',\n    ...rest\n  } = props;\n  const {\n    rtl\n  } = (0, _hooks.useCustom)();\n  const {\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    merge: mergeItemClassNames,\n    withPrefix: withItemClassPrefix,\n    prefix: prefixItemClassName\n  } = (0, _hooks.useStyles)('dropdown-item');\n\n  // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n  const {\n    icon,\n    className,\n    disabled,\n    ...menuProps\n  } = (0, _omit.default)(rest, ['trigger']);\n  const Icon = rtl ? _PagePrevious.default : _PageNext.default;\n  return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {\n    hideOnClickOutside: true,\n    trigger: ['click', 'hover'],\n    onToggle: (open, event) => onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, undefined, event),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 119,\n      columnNumber: 5\n    }\n  }, ({\n    open,\n    ...props\n  }, containerRef) => {\n    const classes = mergeItemClassNames(className, withItemClassPrefix('submenu'));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, containerRef),\n      className: classes,\n      \"data-open\": open,\n      \"data-disabled\": disabled\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 127,\n        columnNumber: 11\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 13\n      }\n    }, ({\n      open,\n      ...buttonProps\n    }, buttonRef) => {\n      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix());\n      const dataAttributes = {\n        'data-open': open,\n        'data-disabled': disabled,\n        'data-with-icon': !!icon,\n        'data-event-key': eventKey\n      };\n      if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n        dataAttributes['data-event-key-type'] = typeof eventKey;\n      }\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, buttonRef),\n        className: classes\n      }, dataAttributes, buttonProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 154,\n          columnNumber: 19\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix`toggle-icon`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 162,\n          columnNumber: 21\n        }\n      }));\n    }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Content, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 167,\n        columnNumber: 13\n      }\n    }, ({\n      open\n    }, elementRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: elementRef,\n        className: menuClassName,\n        hidden: !open,\n        \"data-direction\": openDirection\n      }, menuProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 172,\n          columnNumber: 19\n        }\n      }), children);\n    }));\n  });\n});\nNavbarDropdownMenu.displayName = 'Nav.Dropdown.Menu';\nvar _default = exports[\"default\"] = NavbarDropdownMenu;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarDropdownMenu.tsx?");
 
 /***/ }),
 
@@ -4613,7 +4613,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _More = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/More */ \"./node_modules/@rsuite/icons/esm/react/More.js\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PagePrevious */ \"./node_modules/@rsuite/icons/esm/react/PagePrevious.js\"));\nvar _PageTop = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageTop */ \"./node_modules/@rsuite/icons/esm/react/PageTop.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageNext */ \"./node_modules/@rsuite/icons/esm/react/PageNext.js\"));\nvar _PageEnd = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageEnd */ \"./node_modules/@rsuite/icons/esm/react/PageEnd.js\"));\nvar _PaginationButton = _interopRequireDefault(__webpack_require__(/*! ./PaginationButton */ \"./src/Pagination/PaginationButton.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Pagination/Pagination.tsx\";\nconst icons = {\n  more: /*#__PURE__*/_react.default.createElement(_More.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 9\n    }\n  }),\n  first: /*#__PURE__*/_react.default.createElement(_PageTop.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 10\n    }\n  }),\n  last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 9\n    }\n  }),\n  prev: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 9\n    }\n  }),\n  next: /*#__PURE__*/_react.default.createElement(_PageNext.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 9\n    }\n  })\n};\n/**\n * Pagination component for displaying page numbers.\n *\n * @see https://rsuitejs.com/components/pagination\n */\nconst Pagination = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Pagination', props);\n  const {\n    as,\n    className,\n    classPrefix = 'pagination',\n    disabled: disabledProp,\n    locale,\n    activePage = 1,\n    maxButtons,\n    pages = 1,\n    ellipsis,\n    boundaryLinks,\n    first,\n    prev,\n    next,\n    last,\n    size = 'sm',\n    linkAs,\n    linkProps,\n    onSelect,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const renderItem = (key, itemProps) => {\n    const {\n      eventKey,\n      disabled,\n      ...itemRest\n    } = itemProps;\n    let disabledButton = disabled;\n    if (typeof disabledProp !== 'undefined') {\n      disabledButton = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;\n    }\n    const title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;\n    return /*#__PURE__*/_react.default.createElement(_PaginationButton.default, (0, _extends2.default)({\n      \"aria-label\": title,\n      title: title\n    }, itemRest, linkProps, {\n      key: `${key}-${eventKey}`,\n      eventKey: eventKey,\n      as: linkAs,\n      size: size,\n      disabled: disabledButton,\n      onSelect: disabledButton ? undefined : onSelect,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 7\n      }\n    }));\n  };\n  const renderFirst = () => {\n    if (!first) {\n      return null;\n    }\n    return renderItem('first', {\n      eventKey: 1,\n      disabled: activePage === 1,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix`symbol`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 134,\n          columnNumber: 17\n        }\n      }, first === true ? icons.first : first)\n    });\n  };\n  const renderPrev = () => {\n    if (!prev) {\n      return null;\n    }\n    return renderItem('prev', {\n      eventKey: activePage - 1,\n      disabled: activePage === 1,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix`symbol`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 146,\n          columnNumber: 17\n        }\n      }, prev === true ? icons.prev : prev)\n    });\n  };\n  const renderPageButtons = () => {\n    const pageButtons = [];\n    let startPage;\n    let endPage;\n    let shouldShowEllipsisAfter;\n    if (maxButtons) {\n      const hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);\n      startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;\n      shouldShowEllipsisAfter = startPage + maxButtons <= pages;\n      if (!shouldShowEllipsisAfter) {\n        endPage = pages;\n        startPage = pages - maxButtons + 1;\n        if (startPage < 1) {\n          startPage = 1;\n        }\n      } else {\n        endPage = startPage + maxButtons - 1;\n      }\n    } else {\n      startPage = 1;\n      endPage = pages;\n    }\n    for (let pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {\n      pageButtons.push(renderItem(pagenumber, {\n        eventKey: pagenumber,\n        active: pagenumber === activePage,\n        children: pagenumber\n      }));\n    }\n    if (boundaryLinks && ellipsis && startPage !== 1) {\n      pageButtons.unshift(renderItem('more', {\n        eventKey: 'ellipsisFirst',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix`symbol`,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 191,\n            columnNumber: 13\n          }\n        }, ellipsis === true ? icons.more : ellipsis)\n      }));\n      pageButtons.unshift(renderItem(1, {\n        eventKey: 1,\n        children: 1\n      }));\n    }\n    if (maxButtons && shouldShowEllipsisAfter && ellipsis) {\n      pageButtons.push(renderItem('more', {\n        eventKey: 'ellipsis',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix`symbol`,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 205,\n            columnNumber: 13\n          }\n        }, ellipsis === true ? icons.more : ellipsis)\n      }));\n      if (boundaryLinks && endPage !== pages) {\n        pageButtons.push(renderItem(pages, {\n          eventKey: pages,\n          disabled: false,\n          children: pages\n        }));\n      }\n    }\n    return pageButtons;\n  };\n  const renderNext = () => {\n    if (!next) {\n      return null;\n    }\n    return renderItem('next', {\n      eventKey: activePage + 1,\n      disabled: activePage >= pages,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix`symbol`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 225,\n          columnNumber: 17\n        }\n      }, next === true ? icons.next : next)\n    });\n  };\n  const renderLast = () => {\n    if (!last) {\n      return null;\n    }\n    return renderItem('last', {\n      eventKey: pages,\n      disabled: activePage >= pages,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix`symbol`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 237,\n          columnNumber: 17\n        }\n      }, last === true ? icons.last : last)\n    });\n  };\n  const classes = merge(className, withPrefix(size));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 243,\n      columnNumber: 5\n    }\n  }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());\n});\nPagination.displayName = 'Pagination';\nvar _default = exports[\"default\"] = Pagination;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/Pagination.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _More = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/More */ \"./node_modules/@rsuite/icons/esm/react/More.js\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PagePrevious */ \"./node_modules/@rsuite/icons/esm/react/PagePrevious.js\"));\nvar _PageTop = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageTop */ \"./node_modules/@rsuite/icons/esm/react/PageTop.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageNext */ \"./node_modules/@rsuite/icons/esm/react/PageNext.js\"));\nvar _PageEnd = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/PageEnd */ \"./node_modules/@rsuite/icons/esm/react/PageEnd.js\"));\nvar _PaginationButton = _interopRequireDefault(__webpack_require__(/*! ./PaginationButton */ \"./src/Pagination/PaginationButton.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Pagination/Pagination.tsx\";\nconst icons = {\n  more: /*#__PURE__*/_react.default.createElement(_More.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 9\n    }\n  }),\n  first: /*#__PURE__*/_react.default.createElement(_PageTop.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 10\n    }\n  }),\n  last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 9\n    }\n  }),\n  prev: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 9\n    }\n  }),\n  next: /*#__PURE__*/_react.default.createElement(_PageNext.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 19,\n      columnNumber: 9\n    }\n  })\n};\n/**\n * Pagination component for displaying page numbers.\n *\n * @see https://rsuitejs.com/components/pagination\n */\nconst Pagination = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Pagination', props);\n  const {\n    as,\n    className,\n    classPrefix = 'pagination',\n    disabled: disabledProp,\n    locale,\n    activePage = 1,\n    maxButtons,\n    pages = 1,\n    ellipsis,\n    boundaryLinks,\n    first,\n    prev,\n    next,\n    last,\n    size = 'sm',\n    linkAs,\n    linkProps,\n    onSelect,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const renderItem = (key, itemProps) => {\n    const {\n      eventKey,\n      disabled,\n      ...itemRest\n    } = itemProps;\n    let disabledButton = disabled;\n    if (typeof disabledProp !== 'undefined') {\n      disabledButton = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;\n    }\n    const title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;\n    return /*#__PURE__*/_react.default.createElement(_PaginationButton.default, (0, _extends2.default)({\n      \"aria-label\": title,\n      title: title\n    }, itemRest, linkProps, {\n      key: `${key}-${eventKey}`,\n      eventKey: eventKey,\n      as: linkAs,\n      size: size,\n      disabled: disabledButton,\n      onSelect: disabledButton ? undefined : onSelect,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 7\n      }\n    }));\n  };\n  const renderFirst = () => {\n    if (!first) {\n      return null;\n    }\n    return renderItem('first', {\n      eventKey: 1,\n      disabled: activePage === 1,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix`symbol`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 134,\n          columnNumber: 17\n        }\n      }, first === true ? icons.first : first)\n    });\n  };\n  const renderPrev = () => {\n    if (!prev) {\n      return null;\n    }\n    return renderItem('prev', {\n      eventKey: activePage - 1,\n      disabled: activePage === 1,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix`symbol`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 146,\n          columnNumber: 17\n        }\n      }, prev === true ? icons.prev : prev)\n    });\n  };\n  const renderPageButtons = () => {\n    const pageButtons = [];\n    let startPage;\n    let endPage;\n    let shouldShowEllipsisAfter;\n    if (maxButtons) {\n      const hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);\n      startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;\n      shouldShowEllipsisAfter = startPage + maxButtons <= pages;\n      if (!shouldShowEllipsisAfter) {\n        endPage = pages;\n        startPage = pages - maxButtons + 1;\n        if (startPage < 1) {\n          startPage = 1;\n        }\n      } else {\n        endPage = startPage + maxButtons - 1;\n      }\n    } else {\n      startPage = 1;\n      endPage = pages;\n    }\n    for (let pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {\n      pageButtons.push(renderItem(pagenumber, {\n        eventKey: pagenumber,\n        active: pagenumber === activePage,\n        children: pagenumber\n      }));\n    }\n    if (boundaryLinks && ellipsis && startPage !== 1) {\n      pageButtons.unshift(renderItem('more', {\n        eventKey: 'ellipsisFirst',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix`symbol`,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 191,\n            columnNumber: 13\n          }\n        }, ellipsis === true ? icons.more : ellipsis)\n      }));\n      pageButtons.unshift(renderItem(1, {\n        eventKey: 1,\n        children: 1\n      }));\n    }\n    if (maxButtons && shouldShowEllipsisAfter && ellipsis) {\n      pageButtons.push(renderItem('more', {\n        eventKey: 'ellipsis',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix`symbol`,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 205,\n            columnNumber: 13\n          }\n        }, ellipsis === true ? icons.more : ellipsis)\n      }));\n      if (boundaryLinks && endPage !== pages) {\n        pageButtons.push(renderItem(pages, {\n          eventKey: pages,\n          disabled: false,\n          children: pages\n        }));\n      }\n    }\n    return pageButtons;\n  };\n  const renderNext = () => {\n    if (!next) {\n      return null;\n    }\n    return renderItem('next', {\n      eventKey: activePage + 1,\n      disabled: activePage >= pages,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix`symbol`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 225,\n          columnNumber: 17\n        }\n      }, next === true ? icons.next : next)\n    });\n  };\n  const renderLast = () => {\n    if (!last) {\n      return null;\n    }\n    return renderItem('last', {\n      eventKey: pages,\n      disabled: activePage >= pages,\n      children: /*#__PURE__*/_react.default.createElement(\"span\", {\n        className: prefix`symbol`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 237,\n          columnNumber: 17\n        }\n      }, last === true ? icons.last : last)\n    });\n  };\n  const classes = merge(className, withPrefix());\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    \"data-size\": size\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 243,\n      columnNumber: 5\n    }\n  }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());\n});\nPagination.displayName = 'Pagination';\nvar _default = exports[\"default\"] = Pagination;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/Pagination.tsx?");
 
 /***/ }),
 
@@ -4624,7 +4624,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Pagination/PaginationButton.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * PaginationButton component for pagination navigation.\n * Renders a button that can be used in pagination contexts.\n */\nconst PaginationButton = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as: Component = _Button.default,\n    active,\n    disabled,\n    className,\n    classPrefix = 'pagination-btn',\n    children,\n    eventKey,\n    onSelect,\n    onClick,\n    ...rest\n  } = props;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    active,\n    disabled\n  }));\n  const handleClick = (0, _hooks.useEventCallback)(event => {\n    if (disabled) {\n      return;\n    }\n    onClick === null || onClick === void 0 || onClick(event);\n\n    // Only call onSelect if the event hasn't been prevented\n    if (!event.defaultPrevented && onSelect) {\n      onSelect(eventKey, event);\n    }\n  });\n\n  // Determine props to pass based on component type\n  const asProps = (0, _react.useMemo)(() => Component !== _Button.default && typeof Component !== 'string' ? {\n    eventKey,\n    active,\n    role: 'button'\n  } : {}, [Component, eventKey, active]);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, asProps, {\n    disabled: disabled,\n    onClick: handleClick,\n    ref: ref,\n    className: classes,\n    role: \"button\",\n    \"aria-disabled\": disabled,\n    \"aria-current\": active ? 'page' : undefined,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 5\n    }\n  }), children);\n});\nPaginationButton.displayName = 'PaginationButton';\nvar _default = exports[\"default\"] = PaginationButton;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/PaginationButton.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Pagination/PaginationButton.tsx\";\n/**\n * PaginationButton component for pagination navigation.\n * Renders a button that can be used in pagination contexts.\n */\nconst PaginationButton = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    active,\n    disabled,\n    className,\n    classPrefix = 'pagination-btn',\n    children,\n    eventKey,\n    onSelect,\n    onClick,\n    ...rest\n  } = props;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const handleClick = (0, _hooks.useEventCallback)(event => {\n    if (disabled) {\n      return;\n    }\n    onClick === null || onClick === void 0 || onClick(event);\n\n    // Only call onSelect if the event hasn't been prevented\n    if (!event.defaultPrevented && onSelect) {\n      onSelect(eventKey, event);\n    }\n  });\n  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, rest, {\n    as: as,\n    disabled: disabled,\n    onClick: handleClick,\n    ref: ref,\n    className: classes,\n    appearance: \"subtle\",\n    \"aria-disabled\": disabled,\n    \"aria-current\": active ? 'page' : undefined,\n    active: active,\n    \"data-event-key\": eventKey,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 5\n    }\n  }), children);\n});\nPaginationButton.displayName = 'PaginationButton';\nvar _default = exports[\"default\"] = PaginationButton;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/PaginationButton.tsx?");
 
 /***/ }),
 
@@ -4635,7 +4635,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/Pagination.tsx\"));\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ../Divider */ \"./src/Divider/index.tsx\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _LimitPicker = _interopRequireDefault(__webpack_require__(/*! ./LimitPicker */ \"./src/Pagination/LimitPicker.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Pagination/PaginationGroup.tsx\";\n/**\n * The layout of the paging component.\n */\n\nconst defaultLayout = ['pager'];\nconst defaultLimitOptions = [30, 50, 100];\n\n/**\n * Pagination component for displaying page numbers.\n *\n * @see https://rsuitejs.com/components/pagination\n */\nconst PaginationGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    activePage: activePageProp,\n    classPrefix = 'pagination-group',\n    className,\n    disabled,\n    size,\n    style,\n    total,\n    prev,\n    next,\n    first,\n    last,\n    limitOptions = defaultLimitOptions,\n    limit: limitProp,\n    locale: localeProp,\n    layout = defaultLayout,\n    maxButtons,\n    onChangePage,\n    onChangeLimit,\n    ...rest\n  } = props;\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const [limit, setLimit] = (0, _hooks.useControlled)(limitProp, 30);\n  const [activePage, setActivePage] = (0, _hooks.useControlled)(activePageProp, 1);\n  const pages = Math.floor(total / limit) + (total % limit ? 1 : 0);\n  const classes = merge(className, withPrefix(size));\n  const {\n    getLocale\n  } = (0, _hooks.useCustom)();\n  const locale = getLocale('Pagination', localeProp);\n  const handleInputBlur = (0, _hooks.useEventCallback)(event => {\n    const value = parseInt(event.target.value);\n    if (value > 0 && value <= pages) {\n      onChangePage === null || onChangePage === void 0 || onChangePage(value);\n      setActivePage(value);\n    }\n    event.target.value = '';\n  });\n  const handleInputPressEnter = (0, _hooks.useEventCallback)(event => {\n    var _event$target;\n    (_event$target = event.target) === null || _event$target === void 0 || _event$target.blur();\n  });\n  const handleChangeLimit = (0, _hooks.useEventCallback)(value => {\n    setLimit(value);\n    onChangeLimit === null || onChangeLimit === void 0 || onChangeLimit(value);\n  });\n  return /*#__PURE__*/_react.default.createElement(_Box.default, {\n    as: as,\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 5\n    }\n  }, layout.map((key, index) => {\n    const onlyKey = `${key}${index}`;\n    switch (key) {\n      case '-':\n        return /*#__PURE__*/_react.default.createElement(\"div\", {\n          className: prefix('grow'),\n          key: onlyKey,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 123,\n            columnNumber: 20\n          }\n        });\n      case '|':\n        return /*#__PURE__*/_react.default.createElement(_Divider.default, {\n          vertical: true,\n          key: onlyKey,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 125,\n            columnNumber: 20\n          }\n        });\n      case 'pager':\n        return /*#__PURE__*/_react.default.createElement(_Pagination.default, (0, _extends2.default)({\n          key: onlyKey,\n          size: size,\n          prev: prev,\n          next: next,\n          first: first,\n          last: last,\n          maxButtons: maxButtons,\n          pages: pages,\n          disabled: disabled,\n          onSelect: onChangePage // fixme don't use any\n          ,\n          activePage: activePage\n        }, rest, {\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 128,\n            columnNumber: 15\n          }\n        }));\n      case 'total':\n        return /*#__PURE__*/_react.default.createElement(\"div\", {\n          key: onlyKey,\n          className: prefix('total'),\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 145,\n            columnNumber: 15\n          }\n        }, locale.total && (0, _utils.tplTransform)(locale.total, total));\n      case 'skip':\n        return /*#__PURE__*/_react.default.createElement(\"div\", {\n          key: onlyKey,\n          className: (0, _classnames.default)(prefix('skip')),\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 151,\n            columnNumber: 15\n          }\n        }, locale.skip && (0, _utils.tplTransform)(locale.skip, /*#__PURE__*/_react.default.createElement(_Input.default, {\n          size: size,\n          disabled: typeof disabled === 'function' ? disabled('skip') : Boolean(disabled),\n          onBlur: handleInputBlur,\n          onPressEnter: handleInputPressEnter,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 155,\n            columnNumber: 21\n          }\n        })));\n      case 'limit':\n        return /*#__PURE__*/_react.default.createElement(_LimitPicker.default, {\n          key: onlyKey,\n          size: size,\n          locale: locale,\n          limit: limit,\n          onChangeLimit: handleChangeLimit,\n          limitOptions: limitOptions,\n          disabled: disabled,\n          prefix: prefix,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 168,\n            columnNumber: 15\n          }\n        });\n      default:\n        return key;\n    }\n  }));\n});\nPaginationGroup.displayName = 'PaginationGroup';\nvar _default = exports[\"default\"] = PaginationGroup;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/PaginationGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/Pagination.tsx\"));\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ../Divider */ \"./src/Divider/index.tsx\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _LimitPicker = _interopRequireDefault(__webpack_require__(/*! ./LimitPicker */ \"./src/Pagination/LimitPicker.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Pagination/PaginationGroup.tsx\";\n/**\n * The layout of the paging component.\n */\n\nconst defaultLayout = ['pager'];\nconst defaultLimitOptions = [30, 50, 100];\n\n/**\n * Pagination component for displaying page numbers.\n *\n * @see https://rsuitejs.com/components/pagination\n */\nconst PaginationGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    activePage: activePageProp,\n    classPrefix = 'pagination-group',\n    className,\n    disabled,\n    size,\n    style,\n    total,\n    prev,\n    next,\n    first,\n    last,\n    limitOptions = defaultLimitOptions,\n    limit: limitProp,\n    locale: localeProp,\n    layout = defaultLayout,\n    maxButtons,\n    onChangePage,\n    onChangeLimit,\n    ...rest\n  } = props;\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const [limit, setLimit] = (0, _hooks.useControlled)(limitProp, 30);\n  const [activePage, setActivePage] = (0, _hooks.useControlled)(activePageProp, 1);\n  const pages = Math.floor(total / limit) + (total % limit ? 1 : 0);\n  const classes = merge(className, withPrefix());\n  const {\n    getLocale\n  } = (0, _hooks.useCustom)();\n  const locale = getLocale('Pagination', localeProp);\n  const handleInputBlur = (0, _hooks.useEventCallback)(event => {\n    const value = parseInt(event.target.value);\n    if (value > 0 && value <= pages) {\n      onChangePage === null || onChangePage === void 0 || onChangePage(value);\n      setActivePage(value);\n    }\n    event.target.value = '';\n  });\n  const handleInputPressEnter = (0, _hooks.useEventCallback)(event => {\n    var _event$target;\n    (_event$target = event.target) === null || _event$target === void 0 || _event$target.blur();\n  });\n  const handleChangeLimit = (0, _hooks.useEventCallback)(value => {\n    setLimit(value);\n    onChangeLimit === null || onChangeLimit === void 0 || onChangeLimit(value);\n  });\n  return /*#__PURE__*/_react.default.createElement(_Box.default, {\n    as: as,\n    ref: ref,\n    className: classes,\n    \"data-size\": size,\n    style: style,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 5\n    }\n  }, layout.map((key, index) => {\n    const onlyKey = `${key}${index}`;\n    switch (key) {\n      case '-':\n        return /*#__PURE__*/_react.default.createElement(\"div\", {\n          className: prefix('grow'),\n          key: onlyKey,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 123,\n            columnNumber: 20\n          }\n        });\n      case '|':\n        return /*#__PURE__*/_react.default.createElement(_Divider.default, {\n          vertical: true,\n          key: onlyKey,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 125,\n            columnNumber: 20\n          }\n        });\n      case 'pager':\n        return /*#__PURE__*/_react.default.createElement(_Pagination.default, (0, _extends2.default)({\n          key: onlyKey,\n          size: size,\n          prev: prev,\n          next: next,\n          first: first,\n          last: last,\n          maxButtons: maxButtons,\n          pages: pages,\n          disabled: disabled,\n          onSelect: onChangePage // fixme don't use any\n          ,\n          activePage: activePage\n        }, rest, {\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 128,\n            columnNumber: 15\n          }\n        }));\n      case 'total':\n        return /*#__PURE__*/_react.default.createElement(\"div\", {\n          key: onlyKey,\n          className: prefix('total'),\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 145,\n            columnNumber: 15\n          }\n        }, locale.total && (0, _utils.tplTransform)(locale.total, total));\n      case 'skip':\n        return /*#__PURE__*/_react.default.createElement(\"div\", {\n          key: onlyKey,\n          className: (0, _classnames.default)(prefix('skip')),\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 151,\n            columnNumber: 15\n          }\n        }, locale.skip && (0, _utils.tplTransform)(locale.skip, /*#__PURE__*/_react.default.createElement(_Input.default, {\n          size: size,\n          disabled: typeof disabled === 'function' ? disabled('skip') : Boolean(disabled),\n          onBlur: handleInputBlur,\n          onPressEnter: handleInputPressEnter,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 155,\n            columnNumber: 21\n          }\n        })));\n      case 'limit':\n        return /*#__PURE__*/_react.default.createElement(_LimitPicker.default, {\n          key: onlyKey,\n          size: size,\n          locale: locale,\n          limit: limit,\n          onChangeLimit: handleChangeLimit,\n          limitOptions: limitOptions,\n          disabled: disabled,\n          prefix: prefix,\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 168,\n            columnNumber: 15\n          }\n        });\n      default:\n        return key;\n    }\n  }));\n});\nPaginationGroup.displayName = 'PaginationGroup';\nvar _default = exports[\"default\"] = PaginationGroup;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/PaginationGroup.tsx?");
 
 /***/ }),
 
@@ -4690,7 +4690,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ \"./src/Heading/index.tsx\"));\nvar _AccordionButton = _interopRequireDefault(__webpack_require__(/*! ./AccordionButton */ \"./src/Panel/AccordionButton.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Panel/PanelHeader.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst PanelHeader = props => {\n  const {\n    as = _Heading.default,\n    classPrefix = 'panel',\n    className,\n    children,\n    collapsible,\n    caretAs,\n    disabled,\n    expanded,\n    role,\n    bodyId,\n    buttonId,\n    onClickButton,\n    ...rest\n  } = props;\n  const {\n    merge,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  let headerElement;\n  if (! /*#__PURE__*/(0, _react.isValidElement)(children) || Array.isArray(children)) {\n    headerElement = /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('title'),\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 21\n      }\n    }, children);\n  } else {\n    const className = merge(prefix('title'), (0, _get.default)(children, 'props.className'));\n    headerElement = /*#__PURE__*/(0, _react.cloneElement)(children, {\n      className\n    });\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    level: 2,\n    className: merge(className, prefix('header'))\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 5\n    }\n  }), collapsible ? /*#__PURE__*/_react.default.createElement(_AccordionButton.default, {\n    id: buttonId,\n    role: role,\n    caretAs: caretAs,\n    controlId: bodyId,\n    disabled: disabled,\n    expanded: expanded,\n    onClick: onClickButton,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 9\n    }\n  }, headerElement) : headerElement);\n};\nvar _default = exports[\"default\"] = PanelHeader;\n\n//# sourceURL=webpack://rsuite/./src/Panel/PanelHeader.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ \"./src/Heading/index.tsx\"));\nvar _AccordionButton = _interopRequireDefault(__webpack_require__(/*! ./AccordionButton */ \"./src/Panel/AccordionButton.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Panel/PanelHeader.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst PanelHeader = props => {\n  const {\n    as = _Heading.default,\n    classPrefix = 'panel',\n    className,\n    children,\n    collapsible,\n    caretAs,\n    disabled,\n    expanded,\n    role,\n    bodyId,\n    buttonId,\n    onClickButton,\n    ...rest\n  } = props;\n  const {\n    merge,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  let headerElement;\n  if (! /*#__PURE__*/(0, _react.isValidElement)(children) || Array.isArray(children)) {\n    headerElement = /*#__PURE__*/_react.default.createElement(\"span\", {\n      className: prefix('title'),\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 21\n      }\n    }, children);\n  } else {\n    const className = merge(prefix('title'), (0, _get.default)(children, 'props.className'));\n    headerElement = /*#__PURE__*/(0, _react.cloneElement)(children, {\n      className\n    });\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    level: 2,\n    className: merge(className, prefix('header'))\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 5\n    }\n  }), collapsible ? /*#__PURE__*/_react.default.createElement(_AccordionButton.default, {\n    id: buttonId,\n    role: role,\n    caretAs: caretAs,\n    controlId: bodyId,\n    disabled: disabled,\n    expanded: expanded,\n    onClick: onClickButton,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 9\n    }\n  }, headerElement) : headerElement);\n};\nvar _default = exports[\"default\"] = PanelHeader;\n\n//# sourceURL=webpack://rsuite/./src/Panel/PanelHeader.tsx?");
 
 /***/ }),
 
@@ -5020,7 +5020,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _RadioGroup = __webpack_require__(/*! ../RadioGroup/RadioGroup */ \"./src/RadioGroup/RadioGroup.tsx\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Radio/Radio.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `Radio` component is a simple radio button.\n * @see https://rsuitejs.com/components/radio\n */\nconst Radio = (0, _utils.forwardRef)((props, ref) => {\n  const radioContext = (0, _react.useContext)(_RadioGroup.RadioContext);\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Radio', props);\n  const {\n    value: groupValue,\n    inline: inlineContext,\n    name: nameContext,\n    disabled: disabledContext,\n    readOnly: readOnlyContext,\n    plaintext: plaintextContext,\n    onChange: onGroupChange\n  } = radioContext !== null && radioContext !== void 0 ? radioContext : {};\n  const {\n    as,\n    title,\n    className,\n    children,\n    checked: checkedProp,\n    color,\n    defaultChecked,\n    classPrefix = 'radio',\n    tabIndex = 0,\n    inputRef,\n    inputProps,\n    disabled = disabledContext,\n    readOnly = readOnlyContext,\n    plaintext = plaintextContext,\n    inline = inlineContext,\n    name = nameContext,\n    value,\n    onChange,\n    onClick,\n    ...rest\n  } = propsWithDefaults;\n  const [checked, setChecked, selfControlled] = (0, _hooks.useControlled)(typeof groupValue !== 'undefined' ? groupValue === value : checkedProp, defaultChecked || false);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(color, {\n    inline,\n    disabled,\n    checked\n  }));\n  const [htmlInputProps, restProps] = (0, _utils.partitionHTMLProps)(rest);\n  const handleChange = (0, _hooks.useEventCallback)(event => {\n    if (disabled || readOnly) {\n      return;\n    }\n    setChecked(true);\n    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, event);\n    onChange === null || onChange === void 0 || onChange(value, true, event);\n  });\n  const controlled = radioContext ? true : selfControlled;\n  if (typeof controlled !== 'undefined') {\n    // In uncontrolled situations, use defaultChecked instead of checked\n    htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;\n  }\n  const labelId = (0, _hooks.useUniqueId)('label-');\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: ref,\n      className: classes\n    }, restProps, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 154,\n        columnNumber: 7\n      }\n    }), children) : null;\n  }\n  const control = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`control`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 161,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, inputProps, {\n    \"aria-labelledby\": labelId,\n    \"aria-checked\": checked,\n    \"aria-disabled\": disabled,\n    ref: inputRef,\n    type: \"radio\",\n    name: name,\n    value: value,\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    disabled: disabled,\n    onChange: handleChange,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 162,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`inner`,\n    \"aria-hidden\": true,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 7\n    }\n  }));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    onClick: onClick,\n    className: classes\n  }, restProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix`checker`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 183,\n      columnNumber: 7\n    }\n  }, children ? /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 185,\n      columnNumber: 11\n    }\n  }, control, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`label`,\n    id: labelId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 187,\n      columnNumber: 13\n    }\n  }, children)) : control));\n});\nRadio.displayName = 'Radio';\nvar _default = exports[\"default\"] = Radio;\n\n//# sourceURL=webpack://rsuite/./src/Radio/Radio.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _RadioGroup = __webpack_require__(/*! ../RadioGroup/RadioGroup */ \"./src/RadioGroup/RadioGroup.tsx\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Radio/Radio.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `Radio` component is a simple radio button.\n * @see https://rsuitejs.com/components/radio\n */\nconst Radio = (0, _utils.forwardRef)((props, ref) => {\n  const radioContext = (0, _react.useContext)(_RadioGroup.RadioContext);\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Radio', props);\n  const {\n    value: groupValue,\n    inline: inlineContext,\n    name: nameContext,\n    disabled: disabledContext,\n    readOnly: readOnlyContext,\n    plaintext: plaintextContext,\n    onChange: onGroupChange\n  } = radioContext !== null && radioContext !== void 0 ? radioContext : {};\n  const {\n    as,\n    title,\n    className,\n    children,\n    checked: checkedProp,\n    color,\n    defaultChecked,\n    classPrefix = 'radio',\n    tabIndex = 0,\n    inputRef,\n    inputProps,\n    disabled = disabledContext,\n    readOnly = readOnlyContext,\n    plaintext = plaintextContext,\n    inline = inlineContext,\n    name = nameContext,\n    value,\n    onChange,\n    onClick,\n    ...rest\n  } = propsWithDefaults;\n  const [checked, setChecked, selfControlled] = (0, _hooks.useControlled)(typeof groupValue !== 'undefined' ? groupValue === value : checkedProp, defaultChecked || false);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const [htmlInputProps, restProps] = (0, _utils.partitionHTMLProps)(rest);\n  const handleChange = (0, _hooks.useEventCallback)(event => {\n    if (disabled || readOnly) {\n      return;\n    }\n    setChecked(true);\n    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, event);\n    onChange === null || onChange === void 0 || onChange(value, true, event);\n  });\n  const controlled = radioContext ? true : selfControlled;\n  if (typeof controlled !== 'undefined') {\n    // In uncontrolled situations, use defaultChecked instead of checked\n    htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;\n  }\n  const labelId = (0, _hooks.useUniqueId)('label-');\n  if (plaintext) {\n    return checked ? /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: ref,\n      className: classes\n    }, restProps, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 154,\n        columnNumber: 7\n      }\n    }), children) : null;\n  }\n  const control = /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`control`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 161,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, inputProps, {\n    \"aria-labelledby\": labelId,\n    \"aria-checked\": checked,\n    \"aria-disabled\": disabled,\n    ref: inputRef,\n    type: \"radio\",\n    name: name,\n    value: value,\n    tabIndex: tabIndex,\n    readOnly: readOnly,\n    disabled: disabled,\n    onChange: handleChange,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 162,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`inner`,\n    \"aria-hidden\": true,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 7\n    }\n  }));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    onClick: onClick,\n    className: classes,\n    \"data-color\": color,\n    \"data-checked\": checked,\n    \"data-disabled\": disabled,\n    \"data-inline\": inline\n  }, restProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix`checker`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 193,\n      columnNumber: 7\n    }\n  }, children ? /*#__PURE__*/_react.default.createElement(\"label\", {\n    title: title,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 195,\n      columnNumber: 11\n    }\n  }, control, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`label`,\n    id: labelId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 197,\n      columnNumber: 13\n    }\n  }, children)) : control));\n});\nRadio.displayName = 'Radio';\nvar _default = exports[\"default\"] = Radio;\n\n//# sourceURL=webpack://rsuite/./src/Radio/Radio.tsx?");
 
 /***/ }),
 
@@ -5042,7 +5042,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\"] = exports.RadioContext = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/RadioGroup/RadioGroup.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst RadioContext = exports.RadioContext = /*#__PURE__*/_react.default.createContext(void 0);\n\n/**\n * The `RadioGroup` component is used to group a collection of `Radio` components.\n * @see https://rsuitejs.com/components/radio/#radio-group\n */\nconst RadioGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('RadioGroup', props);\n  const {\n    as,\n    className,\n    inline,\n    children,\n    classPrefix = 'radio-group',\n    value: valueProp,\n    defaultValue,\n    appearance = 'default',\n    name,\n    plaintext,\n    disabled,\n    readOnly,\n    onChange,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(appearance, {\n    inline\n  }));\n  const [value, setValue, isControlled] = (0, _hooks.useControlled)(valueProp, defaultValue);\n  const handleChange = (0, _hooks.useEventCallback)((nextValue, event) => {\n    setValue(nextValue);\n    onChange === null || onChange === void 0 || onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);\n  });\n  const contextValue = (0, _react.useMemo)(() => ({\n    inline,\n    name,\n    value: typeof value === 'undefined' ? null : value,\n    controlled: isControlled,\n    plaintext,\n    disabled,\n    readOnly,\n    onChange: handleChange\n  }), [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);\n  return /*#__PURE__*/_react.default.createElement(RadioContext.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 5\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n    ref: ref,\n    localeKey: \"notSelected\"\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92,\n      columnNumber: 9\n    }\n  }), value ? children : null) : /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    role: \"radiogroup\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 96,\n      columnNumber: 9\n    }\n  }), children));\n});\nRadioGroup.displayName = 'RadioGroup';\nvar _default = exports[\"default\"] = RadioGroup;\n\n//# sourceURL=webpack://rsuite/./src/RadioGroup/RadioGroup.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.RadioContext = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/RadioGroup/RadioGroup.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst RadioContext = exports.RadioContext = /*#__PURE__*/_react.default.createContext(void 0);\n\n/**\n * The `RadioGroup` component is used to group a collection of `Radio` components.\n * @see https://rsuitejs.com/components/radio/#radio-group\n */\nconst RadioGroup = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('RadioGroup', props);\n  const {\n    as,\n    className,\n    inline,\n    children,\n    classPrefix = 'radio-group',\n    value: valueProp,\n    defaultValue,\n    appearance = 'default',\n    name,\n    plaintext,\n    disabled,\n    readOnly,\n    onChange,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const [value, setValue, isControlled] = (0, _hooks.useControlled)(valueProp, defaultValue);\n  const handleChange = (0, _hooks.useEventCallback)((nextValue, event) => {\n    setValue(nextValue);\n    onChange === null || onChange === void 0 || onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);\n  });\n  const contextValue = (0, _react.useMemo)(() => ({\n    inline,\n    name,\n    value: typeof value === 'undefined' ? null : value,\n    controlled: isControlled,\n    plaintext,\n    disabled,\n    readOnly,\n    onChange: handleChange\n  }), [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);\n  return /*#__PURE__*/_react.default.createElement(RadioContext.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 5\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n    ref: ref,\n    localeKey: \"notSelected\"\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92,\n      columnNumber: 9\n    }\n  }), value ? children : null) : /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    role: \"radiogroup\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    \"data-inline\": inline,\n    \"data-appearance\": appearance,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 96,\n      columnNumber: 9\n    }\n  }), children));\n});\nRadioGroup.displayName = 'RadioGroup';\nvar _default = exports[\"default\"] = RadioGroup;\n\n//# sourceURL=webpack://rsuite/./src/RadioGroup/RadioGroup.tsx?");
 
 /***/ }),
 
@@ -5339,7 +5339,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\nvar _SidenavBody = _interopRequireDefault(__webpack_require__(/*! ./SidenavBody */ \"./src/Sidenav/SidenavBody.tsx\"));\nvar _SidenavHeader = _interopRequireDefault(__webpack_require__(/*! ./SidenavHeader */ \"./src/Sidenav/SidenavHeader.tsx\"));\nvar _SidenavFooter = _interopRequireDefault(__webpack_require__(/*! ./SidenavFooter */ \"./src/Sidenav/SidenavFooter.tsx\"));\nvar _SidenavToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavToggle */ \"./src/Sidenav/SidenavToggle.tsx\"));\nvar _SidenavGroupLabel = _interopRequireDefault(__webpack_require__(/*! ./SidenavGroupLabel */ \"./src/Sidenav/SidenavGroupLabel.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/Sidenav.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst emptyArray = [];\nconst Subcomponents = {\n  Header: _SidenavHeader.default,\n  Body: _SidenavBody.default,\n  Footer: _SidenavFooter.default,\n  GroupLabel: _SidenavGroupLabel.default,\n  Toggle: _SidenavToggle.default\n};\n\n/**\n * The `Sidenav` component is an encapsulation of the page sidebar `Nav`.\n * @see https://rsuitejs.com/components/sidenav/\n */\nconst Sidenav = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Sidenav', props);\n  const {\n    as = 'nav',\n    className,\n    classPrefix = 'sidenav',\n    appearance = 'default',\n    expanded = true,\n    activeKey,\n    defaultOpenKeys = emptyArray,\n    openKeys: openKeysProp,\n    onSelect,\n    onOpenChange,\n    ...rest\n  } = propsWithDefaults;\n  const [openKeys, setOpenKeys] = (0, _hooks.useControlled)(openKeysProp, defaultOpenKeys);\n  const {\n    prefix,\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(appearance));\n  const handleOpenChange = (0, _react.useCallback)((eventKey, event) => {\n    const find = key => (0, _utils.shallowEqual)(key, eventKey);\n    const nextOpenKeys = [...openKeys];\n    if (nextOpenKeys.some(find)) {\n      (0, _remove.default)(nextOpenKeys, find);\n    } else {\n      nextOpenKeys.push(eventKey);\n    }\n    setOpenKeys(nextOpenKeys);\n    onOpenChange === null || onOpenChange === void 0 || onOpenChange(nextOpenKeys, event);\n  }, [onOpenChange, openKeys, setOpenKeys]);\n  const contextValue = (0, _react.useMemo)(() => ({\n    expanded,\n    activeKey,\n    sidenav: true,\n    openKeys: openKeys !== null && openKeys !== void 0 ? openKeys : [],\n    onOpenChange: handleOpenChange,\n    onSelect\n  }), [activeKey, expanded, handleOpenChange, onSelect, openKeys]);\n  return /*#__PURE__*/_react.default.createElement(_SidenavContext.SidenavContext.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Transition.default, {\n    in: expanded,\n    timeout: 300,\n    exitedClassName: prefix('collapse-out'),\n    exitingClassName: prefix('collapse-out', 'collapsing'),\n    enteredClassName: prefix('collapse-in'),\n    enteringClassName: prefix('collapse-in', 'collapsing'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107,\n      columnNumber: 7\n    }\n  }, (transitionProps, transitionRef) => {\n    const {\n      className,\n      ...transitionRest\n    } = transitionProps;\n    return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as\n    }, rest, transitionRest, {\n      ref: (0, _utils.mergeRefs)(ref, transitionRef),\n      className: merge(classes, className),\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 13\n      }\n    }));\n  }));\n}, Subcomponents);\nSidenav.displayName = 'Sidenav';\nvar _default = exports[\"default\"] = Sidenav;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/Sidenav.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\nvar _SidenavBody = _interopRequireDefault(__webpack_require__(/*! ./SidenavBody */ \"./src/Sidenav/SidenavBody.tsx\"));\nvar _SidenavHeader = _interopRequireDefault(__webpack_require__(/*! ./SidenavHeader */ \"./src/Sidenav/SidenavHeader.tsx\"));\nvar _SidenavFooter = _interopRequireDefault(__webpack_require__(/*! ./SidenavFooter */ \"./src/Sidenav/SidenavFooter.tsx\"));\nvar _SidenavToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavToggle */ \"./src/Sidenav/SidenavToggle.tsx\"));\nvar _SidenavGroupLabel = _interopRequireDefault(__webpack_require__(/*! ./SidenavGroupLabel */ \"./src/Sidenav/SidenavGroupLabel.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/Sidenav.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst emptyArray = [];\nconst Subcomponents = {\n  Header: _SidenavHeader.default,\n  Body: _SidenavBody.default,\n  Footer: _SidenavFooter.default,\n  GroupLabel: _SidenavGroupLabel.default,\n  Toggle: _SidenavToggle.default\n};\n\n/**\n * The `Sidenav` component is an encapsulation of the page sidebar `Nav`.\n * @see https://rsuitejs.com/components/sidenav/\n */\nconst Sidenav = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Sidenav', props);\n  const {\n    as = 'nav',\n    className,\n    classPrefix = 'sidenav',\n    appearance = 'default',\n    expanded = true,\n    activeKey,\n    defaultOpenKeys = emptyArray,\n    openKeys: openKeysProp,\n    onSelect,\n    onOpenChange,\n    ...rest\n  } = propsWithDefaults;\n  const [openKeys, setOpenKeys] = (0, _hooks.useControlled)(openKeysProp, defaultOpenKeys);\n  const {\n    prefix,\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const handleOpenChange = (0, _react.useCallback)((eventKey, event) => {\n    const find = key => (0, _utils.shallowEqual)(key, eventKey);\n    const nextOpenKeys = [...openKeys];\n    if (nextOpenKeys.some(find)) {\n      (0, _remove.default)(nextOpenKeys, find);\n    } else {\n      nextOpenKeys.push(eventKey);\n    }\n    setOpenKeys(nextOpenKeys);\n    onOpenChange === null || onOpenChange === void 0 || onOpenChange(nextOpenKeys, event);\n  }, [onOpenChange, openKeys, setOpenKeys]);\n  const contextValue = (0, _react.useMemo)(() => ({\n    expanded,\n    activeKey,\n    sidenav: true,\n    openKeys: openKeys !== null && openKeys !== void 0 ? openKeys : [],\n    onOpenChange: handleOpenChange,\n    onSelect\n  }), [activeKey, expanded, handleOpenChange, onSelect, openKeys]);\n  return /*#__PURE__*/_react.default.createElement(_SidenavContext.SidenavContext.Provider, {\n    value: contextValue,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Transition.default, {\n    in: expanded,\n    timeout: 300,\n    exitedClassName: prefix('collapse-out'),\n    exitingClassName: prefix('collapse-out', 'collapsing'),\n    enteredClassName: prefix('collapse-in'),\n    enteringClassName: prefix('collapse-in', 'collapsing'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107,\n      columnNumber: 7\n    }\n  }, (transitionProps, transitionRef) => {\n    const {\n      className,\n      ...transitionRest\n    } = transitionProps;\n    return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as\n    }, rest, transitionRest, {\n      ref: (0, _utils.mergeRefs)(ref, transitionRef),\n      className: merge(classes, className),\n      \"data-appearance\": appearance,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 13\n      }\n    }));\n  }));\n}, Subcomponents);\nSidenav.displayName = 'Sidenav';\nvar _default = exports[\"default\"] = Sidenav;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/Sidenav.tsx?");
 
 /***/ }),
 
@@ -5372,7 +5372,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _SidenavDropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownToggle */ \"./src/Sidenav/SidenavDropdownToggle.tsx\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _ExpandedSidenavDropdown = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdown */ \"./src/Sidenav/ExpandedSidenavDropdown.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _NavMenu = __webpack_require__(/*! ../Nav/NavMenu */ \"./src/Nav/NavMenu.tsx\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/SidenavDropdown.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _NavDropdownItem.default,\n  Menu: _NavDropdownMenu.default\n};\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu> -> This submenu will render <SidenavDropdown> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nconst SidenavDropdown = (0, _utils.forwardRef)((props, ref) => {\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  const navMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);\n  if (!sidenav || !nav || !navMenu) {\n    throw new Error('<Sidenav.Dropdown> must be rendered within a <Nav> component within a <Sidenav> component.');\n  }\n  const {\n    as,\n    title,\n    eventKey,\n    trigger = 'click',\n    placement = 'bottomStart',\n    toggleAs,\n    toggleClassName,\n    classPrefix = 'dropdown',\n    className,\n    disabled,\n    children,\n    menuStyle,\n    style,\n    onClose,\n    onOpen,\n    onToggle,\n    ...toggleProps\n  } = props;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    withPrefix: withNavItemClassPrefix,\n    merge: mergeNavItemClassNames\n  } = (0, _hooks.useStyles)('nav-item');\n  const [{\n    items\n  }] = navMenu;\n  const hasSelectedItems =\n  // has items that is active indicated by <Nav activeKey>\n  nav.activeKey && items.some(item => item.eventKey === nav.activeKey) ||\n  // has items that is active indicated by <Nav.Item active>\n  items.some(item => item.active);\n  const menuButtonTriggers = (0, _react.useMemo)(() => {\n    if (!trigger) {\n      return undefined;\n    }\n    const triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n    return trigger.map(t => triggerMap[t]);\n  }, [trigger]);\n\n  // Render a disclosure when inside expanded <Sidenav>\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdown.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 154,\n        columnNumber: 14\n      }\n    }));\n  }\n  const renderMenuButton = (menuButtonProps, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    disabled: disabled,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 158,\n      columnNumber: 7\n    }\n  }, ({\n    active,\n    ...menuitemProps\n  }, menuitemRef) => {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n      as: toggleAs,\n      className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({\n        focus: active\n      }))\n    }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid'), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 161,\n        columnNumber: 13\n      }\n    }), title);\n  });\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));\n      // When inside a collapsed <Sidenav>, render a header in menu\n      const showHeader = !!sidenav;\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 192,\n          columnNumber: 13\n        }\n      }), showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('header'),\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 199,\n          columnNumber: 30\n        }\n      }, title), children);\n    },\n    onToggleMenu: (open, event) => {\n      onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);\n      sidenav === null || sidenav === void 0 || sidenav.onOpenChange(eventKey, event);\n      if (open) {\n        onOpen === null || onOpen === void 0 || onOpen();\n      } else {\n        onClose === null || onClose === void 0 || onClose();\n      }\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 7\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = merge(className, withPrefix({\n      disabled,\n      open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes,\n      style: style,\n      \"data-placement\": (0, _utils.kebabPlace)(placement),\n      \"data-active-descendant\": hasSelectedItems\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 224,\n        columnNumber: 13\n      }\n    }));\n  });\n}, Subcomponents);\nSidenavDropdown.displayName = 'Sidenav.Dropdown';\nvar _default = exports[\"default\"] = SidenavDropdown;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdown.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _SidenavDropdownToggle = _interopRequireDefault(__webpack_require__(/*! ./SidenavDropdownToggle */ \"./src/Sidenav/SidenavDropdownToggle.tsx\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _ExpandedSidenavDropdown = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdown */ \"./src/Sidenav/ExpandedSidenavDropdown.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _NavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownItem */ \"./src/Nav/NavDropdownItem.tsx\"));\nvar _NavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavDropdownMenu */ \"./src/Nav/NavDropdownMenu.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _NavMenu = __webpack_require__(/*! ../Nav/NavMenu */ \"./src/Nav/NavMenu.tsx\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/SidenavDropdown.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _NavDropdownItem.default,\n  Menu: _NavDropdownMenu.default\n};\n\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu> -> This submenu will render <SidenavDropdown> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nconst SidenavDropdown = (0, _utils.forwardRef)((props, ref) => {\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  const navMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);\n  if (!sidenav || !nav || !navMenu) {\n    throw new Error('<Sidenav.Dropdown> must be rendered within a <Nav> component within a <Sidenav> component.');\n  }\n  const {\n    as,\n    title,\n    eventKey,\n    trigger = 'click',\n    placement = 'bottomStart',\n    toggleAs,\n    toggleClassName,\n    classPrefix = 'dropdown',\n    className,\n    disabled,\n    children,\n    menuStyle,\n    style,\n    onClose,\n    onOpen,\n    onToggle,\n    ...toggleProps\n  } = props;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    withPrefix: withNavItemClassPrefix,\n    merge: mergeNavItemClassNames\n  } = (0, _hooks.useStyles)('nav-item');\n  const [{\n    items\n  }] = navMenu;\n  const hasSelectedItems =\n  // has items that is active indicated by <Nav activeKey>\n  nav.activeKey && items.some(item => item.eventKey === nav.activeKey) ||\n  // has items that is active indicated by <Nav.Item active>\n  items.some(item => item.active);\n  const menuButtonTriggers = (0, _react.useMemo)(() => {\n    if (!trigger) {\n      return undefined;\n    }\n    const triggerMap = {\n      hover: 'mouseover',\n      click: 'click',\n      contextMenu: 'contextmenu'\n    };\n    if (!Array.isArray(trigger)) {\n      return [triggerMap[trigger]];\n    }\n    return trigger.map(t => triggerMap[t]);\n  }, [trigger]);\n\n  // Render a disclosure when inside expanded <Sidenav>\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdown.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 154,\n        columnNumber: 14\n      }\n    }));\n  }\n  const renderMenuButton = (menuButtonProps, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    disabled: disabled,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 158,\n      columnNumber: 7\n    }\n  }, ({\n    active,\n    ...menuitemProps\n  }, menuitemRef) => {\n    return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n      as: toggleAs,\n      className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({\n        focus: active\n      }))\n    }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid'), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 161,\n        columnNumber: 13\n      }\n    }), title);\n  });\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    menuButtonText: title,\n    renderMenuButton: renderMenuButton,\n    openMenuOn: menuButtonTriggers,\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));\n      // When inside a collapsed <Sidenav>, render a header in menu\n      const showHeader = !!sidenav;\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        style: menuStyle,\n        hidden: !open\n      }, popupProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 192,\n          columnNumber: 13\n        }\n      }), showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('header'),\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 199,\n          columnNumber: 30\n        }\n      }, title), children);\n    },\n    onToggleMenu: (open, event) => {\n      onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);\n      sidenav === null || sidenav === void 0 || sidenav.onOpenChange(eventKey, event);\n      if (open) {\n        onOpen === null || onOpen === void 0 || onOpen();\n      } else {\n        onClose === null || onClose === void 0 || onClose();\n      }\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 7\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = merge(className, withPrefix('submenu'));\n    return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n      as: as,\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes,\n      style: style,\n      \"data-open\": open,\n      \"data-disabled\": disabled,\n      \"data-placement\": (0, _utils.kebabPlace)(placement),\n      \"data-active-descendant\": hasSelectedItems\n    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 217,\n        columnNumber: 13\n      }\n    }));\n  });\n}, Subcomponents);\nSidenavDropdown.displayName = 'Sidenav.Dropdown';\nvar _default = exports[\"default\"] = SidenavDropdown;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdown.tsx?");
 
 /***/ }),
 
@@ -5394,7 +5394,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _ExpandedSidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdownItem */ \"./src/Sidenav/ExpandedSidenavDropdownItem.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _useRenderMenuItem = __webpack_require__(/*! ../internals/Menu/useRenderMenuItem */ \"./src/internals/Menu/useRenderMenuItem.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/SidenavDropdownItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Item> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Item></Nav.Item> -> This will render <SidenavDropdownItem> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nconst SidenavDropdownItem = (0, _utils.forwardRef)((props, ref) => {\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!sidenav || !nav) {\n    throw new Error('<Sidenav.Dropdown.Item> must be used within a <Nav> within a <Sidenav> component.');\n  }\n  const {\n    as = 'li',\n    active: activeProp,\n    classPrefix = 'dropdown-item',\n    className,\n    children,\n    divider,\n    disabled,\n    eventKey,\n    icon,\n    panel,\n    onSelect,\n    ...restProps\n  } = props;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const handleSelectItem = (0, _react.useCallback)(event => {\n    var _nav$onSelect;\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);\n  }, [onSelect, eventKey, nav]);\n  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);\n  const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 12\n      }\n    }));\n  }\n  if (divider) {\n    return renderDropdownItem({\n      ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className),\n      ...restProps\n    });\n  }\n  if (panel) {\n    return renderDropdownItem({\n      ref,\n      className: merge(prefix('panel'), className),\n      children,\n      ...restProps\n    });\n  }\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118,\n      columnNumber: 5\n    }\n  }, ({\n    selected,\n    active,\n    ...menuitem\n  }, menuitemRef) => {\n    const classes = merge(className, withPrefix({\n      'with-icon': icon,\n      active: selected,\n      disabled,\n      focus: active,\n      divider,\n      panel\n    }));\n    const dataAttributes = {\n      'data-event-key': eventKey\n    };\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n    return renderDropdownItem({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes,\n      ...menuitem,\n      ...dataAttributes,\n      ...restProps,\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)\n      }), children)\n    });\n  });\n});\nSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';\nvar _default = exports[\"default\"] = SidenavDropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _ExpandedSidenavDropdownItem = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdownItem */ \"./src/Sidenav/ExpandedSidenavDropdownItem.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _useRenderMenuItem = __webpack_require__(/*! ../internals/Menu/useRenderMenuItem */ \"./src/internals/Menu/useRenderMenuItem.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/SidenavDropdownItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Item> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Item></Nav.Item> -> This will render <SidenavDropdownItem> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nconst SidenavDropdownItem = (0, _utils.forwardRef)((props, ref) => {\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!sidenav || !nav) {\n    throw new Error('<Sidenav.Dropdown.Item> must be used within a <Nav> within a <Sidenav> component.');\n  }\n  const {\n    as = 'li',\n    active: activeProp,\n    classPrefix = 'dropdown-item',\n    className,\n    children,\n    divider,\n    disabled,\n    eventKey,\n    icon,\n    panel,\n    onSelect,\n    ...restProps\n  } = props;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const handleSelectItem = (0, _react.useCallback)(event => {\n    var _nav$onSelect;\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);\n  }, [onSelect, eventKey, nav]);\n  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);\n  const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdownItem.default, (0, _extends2.default)({\n      ref: ref\n    }, props, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 12\n      }\n    }));\n  }\n  if (divider) {\n    return renderDropdownItem({\n      ref,\n      role: 'separator',\n      className: merge(prefix('divider'), className),\n      ...restProps\n    });\n  }\n  if (panel) {\n    return renderDropdownItem({\n      ref,\n      className: merge(prefix('panel'), className),\n      children,\n      ...restProps\n    });\n  }\n  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n    selected: selected,\n    disabled: disabled,\n    onActivate: handleSelectItem,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118,\n      columnNumber: 5\n    }\n  }, ({\n    selected,\n    active,\n    ...menuitem\n  }, menuitemRef) => {\n    const classes = merge(className, withPrefix({\n      divider,\n      panel\n    }));\n    const dataAttributes = {\n      'data-active': selected,\n      'data-disabled': disabled,\n      'data-focus': active,\n      'data-with-icon': !!icon,\n      'data-event-key': eventKey\n    };\n    if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {\n      dataAttributes['data-event-key-type'] = typeof eventKey;\n    }\n    return renderDropdownItem({\n      ref: (0, _utils.mergeRefs)(ref, menuitemRef),\n      className: classes,\n      ...menuitem,\n      ...dataAttributes,\n      ...restProps,\n      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)\n      }), children)\n    });\n  });\n});\nSidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';\nvar _default = exports[\"default\"] = SidenavDropdownItem;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownItem.tsx?");
 
 /***/ }),
 
@@ -5405,7 +5405,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _ArrowLeftLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowLeftLine */ \"./node_modules/@rsuite/icons/esm/react/ArrowLeftLine.js\"));\nvar _ArrowRightLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowRightLine */ \"./node_modules/@rsuite/icons/esm/react/ArrowRightLine.js\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _ExpandedSidenavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdownMenu */ \"./src/Sidenav/ExpandedSidenavDropdownMenu.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/SidenavDropdownMenu.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Menu></Nav.Menu> -> This submenu will render <SidenavDropdownMenu> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nconst SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!sidenav || !nav) {\n    throw new Error('<Sidenav.Dropdown.Menu> must be rendered within a <Nav> within a <Sidenav> component.');\n  }\n  const {\n    onToggle,\n    eventKey,\n    title,\n    classPrefix = 'dropdown-menu',\n    children,\n    ...rest\n  } = props;\n  const {\n    rtl\n  } = (0, _hooks.useCustom)();\n  const handleToggleSubmenu = (0, _react.useCallback)((open, event) => {\n    onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);\n  }, [eventKey, onToggle]);\n  const {\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    merge: mergeItemClassNames,\n    withPrefix: withItemClassPrefix,\n    prefix: prefixItemClassName\n  } = (0, _hooks.useStyles)('dropdown-item');\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdownMenu.default, (0, _extends2.default)({\n      ref: ref\n    }, (0, _omit.default)(props, 'classPrefix'), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 12\n      }\n    }));\n  }\n\n  // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n  const {\n    icon,\n    className,\n    disabled,\n    ...menuProps\n  } = (0, _omit.default)(rest, ['trigger']);\n  const Icon = rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: ({\n      open,\n      ...menuButtonProps\n    }, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      disabled: disabled,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 9\n      }\n    }, ({\n      selected,\n      active,\n      ...menuitem\n    }, menuitemRef) => {\n      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({\n        'with-icon': icon,\n        open,\n        active: selected,\n        disabled,\n        focus: active\n      }));\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n        className: classes,\n        \"data-event-key\": eventKey,\n        \"data-event-key-type\": typeof eventKey\n      }, menuitem, (0, _omit.default)(menuButtonProps, ['role']), {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 120,\n          columnNumber: 15\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix`toggle-icon`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 130,\n          columnNumber: 17\n        }\n      }));\n    }),\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 140,\n          columnNumber: 11\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 5\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = mergeItemClassNames(className, withItemClassPrefix({\n      disabled,\n      open,\n      submenu: true\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes\n    }, menuContainer, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 163,\n        columnNumber: 11\n      }\n    }));\n  });\n});\nSidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';\nvar _default = exports[\"default\"] = SidenavDropdownMenu;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Menu = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/Menu */ \"./src/internals/Menu/Menu.tsx\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _ArrowLeftLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowLeftLine */ \"./node_modules/@rsuite/icons/esm/react/ArrowLeftLine.js\"));\nvar _ArrowRightLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowRightLine */ \"./node_modules/@rsuite/icons/esm/react/ArrowRightLine.js\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _ExpandedSidenavDropdownMenu = _interopRequireDefault(__webpack_require__(/*! ./ExpandedSidenavDropdownMenu */ \"./src/Sidenav/ExpandedSidenavDropdownMenu.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/SidenavDropdownMenu.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * @private this component is not supposed to be used directly\n *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>\n *\n * <Sidenav>\n *   <Nav>\n *     <Nav.Menu>\n *       <Nav.Menu></Nav.Menu> -> This submenu will render <SidenavDropdownMenu> component\n *     </Nav.Menu>\n *   </Nav>\n * </Sidenav>\n */\nconst SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n  const nav = (0, _react.useContext)(_NavContext.default);\n  if (!sidenav || !nav) {\n    throw new Error('<Sidenav.Dropdown.Menu> must be rendered within a <Nav> within a <Sidenav> component.');\n  }\n  const {\n    onToggle,\n    eventKey,\n    title,\n    classPrefix = 'dropdown-menu',\n    children,\n    ...rest\n  } = props;\n  const {\n    rtl\n  } = (0, _hooks.useCustom)();\n  const handleToggleSubmenu = (0, _react.useCallback)((open, event) => {\n    onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);\n  }, [eventKey, onToggle]);\n  const {\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    withPrefix: withMenuClassPrefix,\n    merge: mergeMenuClassName\n  } = (0, _hooks.useStyles)('dropdown-menu');\n  const {\n    merge: mergeItemClassNames,\n    withPrefix: withItemClassPrefix,\n    prefix: prefixItemClassName\n  } = (0, _hooks.useStyles)('dropdown-item');\n  if (sidenav.expanded) {\n    return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdownMenu.default, (0, _extends2.default)({\n      ref: ref\n    }, (0, _omit.default)(props, 'classPrefix'), {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 12\n      }\n    }));\n  }\n\n  // Parent menu exists. This is a submenu.\n  // Should render a `menuitem` that controls this submenu.\n  const {\n    icon,\n    className,\n    disabled,\n    ...menuProps\n  } = (0, _omit.default)(rest, ['trigger']);\n  const Icon = rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;\n  return /*#__PURE__*/_react.default.createElement(_Menu.default, {\n    openMenuOn: ['mouseover', 'click'],\n    renderMenuButton: ({\n      open,\n      ...menuButtonProps\n    }, buttonRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      disabled: disabled,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 9\n      }\n    }, ({\n      selected,\n      active,\n      ...menuitem\n    }, menuitemRef) => {\n      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n        ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),\n        className: classes,\n        \"data-open\": open,\n        \"data-disabled\": disabled,\n        \"data-active\": selected,\n        \"data-focus\": active,\n        \"data-with-icon\": icon,\n        \"data-event-key\": eventKey,\n        \"data-event-key-type\": typeof eventKey\n      }, menuitem, (0, _omit.default)(menuButtonProps, ['role']), {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 114,\n          columnNumber: 15\n        }\n      }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {\n        className: prefix('menu-icon')\n      }), title, /*#__PURE__*/_react.default.createElement(Icon, {\n        className: prefix`toggle-icon`,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 129,\n          columnNumber: 17\n        }\n      }));\n    }),\n    renderMenuPopup: ({\n      open,\n      ...popupProps\n    }, popupRef) => {\n      const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());\n      return /*#__PURE__*/_react.default.createElement(\"ul\", (0, _extends2.default)({\n        ref: popupRef,\n        className: menuClassName,\n        hidden: !open\n      }, popupProps, menuProps, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 139,\n          columnNumber: 11\n        }\n      }), children);\n    },\n    onToggleMenu: handleToggleSubmenu,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 5\n    }\n  }, ({\n    open,\n    ...menuContainer\n  }, menuContainerRef) => {\n    const classes = mergeItemClassNames(className, withItemClassPrefix('submenu'));\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: (0, _utils.mergeRefs)(ref, menuContainerRef),\n      className: classes,\n      \"data-open\": open,\n      \"data-disabled\": disabled\n    }, menuContainer, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 155,\n        columnNumber: 11\n      }\n    }));\n  });\n});\nSidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';\nvar _default = exports[\"default\"] = SidenavDropdownMenu;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavDropdownMenu.tsx?");
 
 /***/ }),
 
@@ -5460,7 +5460,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _utils
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../internals/SafeAnchor */ \"./src/internals/SafeAnchor/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/SidenavItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * Props of SidenavItem component\n */\n\n/**\n * @private\n */\nconst SidenavItem = (0, _utils.forwardRef)((props, ref) => {\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n  if (!sidenav) {\n    throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');\n  }\n  const {\n    as = _SafeAnchor.default,\n    active: activeProp,\n    classPrefix = 'sidenav-item',\n    children,\n    className,\n    disabled,\n    divider,\n    eventKey,\n    icon,\n    panel,\n    style,\n    tooltip = children,\n    onClick,\n    onSelect,\n    ...rest\n  } = props;\n  const {\n    activeKey,\n    onSelect: onSelectFromNav\n  } = (0, _react.useContext)(_NavContext.default);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  const whisperRef = _react.default.useRef(null);\n  const handleClick = (0, _react.useCallback)(event => {\n    var _whisperRef$current;\n    if (disabled) return;\n    (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 || _whisperRef$current.close();\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);\n    onClick === null || onClick === void 0 || onClick(event);\n  }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);\n  const clonedIcon = icon ? /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: (0, _classnames.default)(prefix('icon'), icon.props.className)\n  }) : null;\n  const title = typeof children === 'string' ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('title'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115,\n      columnNumber: 36\n    }\n  }, children) : children;\n  if (!sidenav.expanded) {\n    if (panel || divider) {\n      return null;\n    }\n    return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n      trigger: \"hover\",\n      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 18\n        }\n      }, tooltip),\n      placement: \"right\",\n      ref: whisperRef,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 123,\n        columnNumber: 7\n      }\n    }, (triggerProps, triggerRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      selected: selected,\n      disabled: disabled,\n      onActivate: handleClick,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 130,\n        columnNumber: 11\n      }\n    }, ({\n      selected,\n      active,\n      ...menuitem\n    }, menuitemRef) => {\n      const classes = merge(className, withPrefix({\n        focus: active,\n        active: selected,\n        disabled\n      }));\n\n      // Show tooltip when inside a collapse <Sidenav>\n      return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n        as: as,\n        ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),\n        disabled: as === _SafeAnchor.default ? disabled : undefined,\n        className: classes,\n        \"data-event-key\": eventKey\n      }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem, {\n        onMouseOver: (0, _utils.createChainedFunction)(menuitem.onMouseOver, triggerProps.onMouseOver),\n        onMouseOut: (0, _utils.createChainedFunction)(menuitem.onMouseOut, triggerProps.onMouseOut),\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 139,\n          columnNumber: 17\n        }\n      }), clonedIcon, title);\n    }));\n  }\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 167,\n        columnNumber: 7\n      }\n    }));\n  }\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"none presentation\",\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179,\n        columnNumber: 7\n      }\n    }), children);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: merge(className, withPrefix({\n      active: selected,\n      disabled\n    })),\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": selected || undefined,\n    \"data-event-key\": eventKey\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 192,\n      columnNumber: 5\n    }\n  }), clonedIcon, title);\n});\nSidenavItem.displayName = 'Sidenav.Item';\nvar _default = exports[\"default\"] = SidenavItem;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ../internals/SafeAnchor */ \"./src/internals/SafeAnchor/index.tsx\"));\nvar _NavContext = _interopRequireDefault(__webpack_require__(/*! ../Nav/NavContext */ \"./src/Nav/NavContext.ts\"));\nvar _MenuItem = _interopRequireDefault(__webpack_require__(/*! ../internals/Menu/MenuItem */ \"./src/internals/Menu/MenuItem.tsx\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _SidenavContext = __webpack_require__(/*! ./SidenavContext */ \"./src/Sidenav/SidenavContext.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Sidenav/SidenavItem.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * Props of SidenavItem component\n */\n\n/**\n * @private\n */\nconst SidenavItem = (0, _utils.forwardRef)((props, ref) => {\n  const sidenav = (0, _react.useContext)(_SidenavContext.SidenavContext);\n  if (!sidenav) {\n    throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');\n  }\n  const {\n    as = _SafeAnchor.default,\n    active: activeProp,\n    classPrefix = 'sidenav-item',\n    children,\n    className,\n    disabled,\n    divider,\n    eventKey,\n    icon,\n    panel,\n    style,\n    tooltip = children,\n    onClick,\n    onSelect,\n    ...rest\n  } = props;\n  const {\n    activeKey,\n    onSelect: onSelectFromNav\n  } = (0, _react.useContext)(_NavContext.default);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);\n  const whisperRef = _react.default.useRef(null);\n  const handleClick = (0, _react.useCallback)(event => {\n    var _whisperRef$current;\n    if (disabled) return;\n    (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 || _whisperRef$current.close();\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);\n    onClick === null || onClick === void 0 || onClick(event);\n  }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);\n  const clonedIcon = icon ? /*#__PURE__*/_react.default.cloneElement(icon, {\n    className: (0, _classnames.default)(prefix('icon'), icon.props.className)\n  }) : null;\n  const title = typeof children === 'string' ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('title'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115,\n      columnNumber: 36\n    }\n  }, children) : children;\n  if (!sidenav.expanded) {\n    if (panel || divider) {\n      return null;\n    }\n    return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n      trigger: \"hover\",\n      speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 18\n        }\n      }, tooltip),\n      placement: \"right\",\n      ref: whisperRef,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 123,\n        columnNumber: 7\n      }\n    }, (triggerProps, triggerRef) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {\n      selected: selected,\n      disabled: disabled,\n      onActivate: handleClick,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 130,\n        columnNumber: 11\n      }\n    }, ({\n      selected,\n      active,\n      ...menuitem\n    }, menuitemRef) => {\n      const classes = merge(className, withPrefix());\n\n      // Show tooltip when inside a collapse <Sidenav>\n      return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n        as: as,\n        ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),\n        disabled: as === _SafeAnchor.default ? disabled : undefined,\n        className: classes,\n        \"data-active\": selected,\n        \"data-disabled\": disabled,\n        \"data-focus\": active,\n        \"data-event-key\": eventKey\n      }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem, {\n        onMouseOver: (0, _utils.createChainedFunction)(menuitem.onMouseOver, triggerProps.onMouseOver),\n        onMouseOut: (0, _utils.createChainedFunction)(menuitem.onMouseOut, triggerProps.onMouseOut),\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 136,\n          columnNumber: 17\n        }\n      }), clonedIcon, title);\n    }));\n  }\n  if (divider) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"separator\",\n      style: style,\n      className: merge(className, prefix('divider'))\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 167,\n        columnNumber: 7\n      }\n    }));\n  }\n  if (panel) {\n    return /*#__PURE__*/_react.default.createElement(\"li\", (0, _extends2.default)({\n      ref: ref,\n      role: \"none presentation\",\n      style: style,\n      className: merge(className, prefix('panel'))\n    }, rest, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179,\n        columnNumber: 7\n      }\n    }), children);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: merge(className, withPrefix({\n      active: selected,\n      disabled\n    })),\n    onClick: handleClick,\n    style: style,\n    \"aria-selected\": selected || undefined,\n    \"data-event-key\": eventKey\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 192,\n      columnNumber: 5\n    }\n  }), clonedIcon, title);\n});\nSidenavItem.displayName = 'Sidenav.Item';\nvar _default = exports[\"default\"] = SidenavItem;\n\n//# sourceURL=webpack://rsuite/./src/Sidenav/SidenavItem.tsx?");
 
 /***/ }),
 
@@ -5504,7 +5504,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Slider/Input.tsx\"));\nvar _useDrag = _interopRequireDefault(__webpack_require__(/*! ./useDrag */ \"./src/Slider/useDrag.ts\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Slider/Handle.tsx\";\nconst Handle = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    classPrefix = 'slider',\n    className,\n    disabled,\n    style,\n    children,\n    position,\n    vertical,\n    tooltip,\n    value,\n    role,\n    tabIndex,\n    keepTooltipOpen,\n    renderTooltip,\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    onKeyDown,\n    'data-range': dataRange,\n    'data-key': dateKey,\n    ...rest\n  } = props;\n  const actualTooltip = tooltip || keepTooltipOpen;\n  const {\n    merge,\n    prefix,\n    cssVar\n  } = (0, _hooks.useStyles)(classPrefix);\n  const styles = (0, _utils.mergeStyles)(style, cssVar('offset', `${position}%`));\n  const {\n    active,\n    onMoveStart,\n    onMouseEnter,\n    rootRef,\n    tooltipRef\n  } = (0, _useDrag.default)({\n    tooltip: actualTooltip,\n    disabled,\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    keepTooltipOpen\n  });\n  const handleClasses = merge(className, prefix('handle'), {\n    active: active || keepTooltipOpen\n  });\n  return /*#__PURE__*/_react.default.createElement(_Box.default, {\n    as: as,\n    role: role,\n    tabIndex: tabIndex,\n    ref: (0, _utils.mergeRefs)(ref, rootRef),\n    className: handleClasses,\n    onMouseDown: onMoveStart,\n    onMouseEnter: onMouseEnter,\n    onTouchStart: onMoveStart,\n    onKeyDown: onKeyDown,\n    style: styles,\n    \"data-range\": dataRange,\n    \"data-key\": dateKey,\n    \"data-testid\": \"slider-handle\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 5\n    }\n  }, actualTooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {\n    \"aria-hidden\": \"true\",\n    ref: tooltipRef,\n    className: prefix('tooltip'),\n    \"data-placement\": vertical ? 'left' : 'top',\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 9\n    }\n  }, renderTooltip ? renderTooltip(value) : value), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    tabIndex: -1,\n    value: value\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 7\n    }\n  })), children);\n});\nHandle.displayName = 'Handle';\nvar _default = exports[\"default\"] = Handle;\n\n//# sourceURL=webpack://rsuite/./src/Slider/Handle.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Slider/Input.tsx\"));\nvar _useDrag = _interopRequireDefault(__webpack_require__(/*! ./useDrag */ \"./src/Slider/useDrag.ts\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Slider/Handle.tsx\";\nconst Handle = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    classPrefix = 'slider',\n    className,\n    disabled,\n    style,\n    children,\n    position,\n    vertical,\n    tooltip,\n    value,\n    role,\n    tabIndex,\n    keepTooltipOpen,\n    renderTooltip,\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    onKeyDown,\n    'data-range': dataRange,\n    'data-key': dateKey,\n    ...rest\n  } = props;\n  const actualTooltip = tooltip || keepTooltipOpen;\n  const {\n    merge,\n    prefix,\n    cssVar\n  } = (0, _hooks.useStyles)(classPrefix);\n  const styles = (0, _utils.mergeStyles)(style, cssVar('offset', `${position}%`));\n  const {\n    active,\n    onMoveStart,\n    onMouseEnter,\n    rootRef,\n    tooltipRef\n  } = (0, _useDrag.default)({\n    tooltip: actualTooltip,\n    disabled,\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    keepTooltipOpen\n  });\n  const handleClasses = merge(className, prefix('handle'), {\n    active: active || keepTooltipOpen\n  });\n  return /*#__PURE__*/_react.default.createElement(_Box.default, {\n    as: as,\n    role: role,\n    tabIndex: tabIndex,\n    ref: (0, _utils.mergeRefs)(ref, rootRef),\n    className: handleClasses,\n    onMouseDown: onMoveStart,\n    onMouseEnter: onMouseEnter,\n    onTouchStart: onMoveStart,\n    onKeyDown: onKeyDown,\n    style: styles,\n    \"data-range\": dataRange,\n    \"data-key\": dateKey,\n    \"data-testid\": \"slider-handle\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67,\n      columnNumber: 5\n    }\n  }, actualTooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {\n    \"aria-hidden\": \"true\",\n    ref: tooltipRef,\n    className: prefix('tooltip'),\n    \"data-placement\": vertical ? 'left' : 'top',\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83,\n      columnNumber: 9\n    }\n  }, renderTooltip ? renderTooltip(value) : value), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    tabIndex: -1,\n    value: value\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92,\n      columnNumber: 7\n    }\n  })), children);\n});\nHandle.displayName = 'Handle';\nvar _default = exports[\"default\"] = Handle;\n\n//# sourceURL=webpack://rsuite/./src/Slider/Handle.tsx?");
 
 /***/ }),
 
@@ -5603,7 +5603,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _StackItem = _interopRequireDefault(__webpack_require__(/*! ./StackItem */ \"./src/Stack/StackItem.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Stack/Stack.tsx\";\nconst Subcomponents = {\n  Item: _StackItem.default\n};\n\n/**\n * The `Stack` component is a quick layout component through Flexbox,\n * supporting vertical and horizontal stacking, custom spacing and line wrapping.\n *\n * @see https://rsuitejs.com/components/stack\n */\nconst Stack = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Stack', props);\n  const {\n    as,\n    classPrefix = 'stack',\n    className,\n    children,\n    direction,\n    divider,\n    wrap,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge,\n    responsive\n  } = (0, _hooks.useStyles)(classPrefix);\n  const baseClasses = merge(className, withPrefix({\n    wrap\n  }), ...responsive(direction));\n  const filteredChildren = _react.default.Children.toArray(children);\n  const childCount = filteredChildren.length;\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: baseClasses\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 5\n    }\n  }), filteredChildren.map((child, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {\n    key: index,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 9\n    }\n  }, child, index < childCount - 1 && divider)));\n}, Subcomponents);\nStack.displayName = 'Stack';\nvar _default = exports[\"default\"] = Stack;\n\n//# sourceURL=webpack://rsuite/./src/Stack/Stack.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _StackItem = _interopRequireDefault(__webpack_require__(/*! ./StackItem */ \"./src/Stack/StackItem.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Stack/Stack.tsx\";\nconst Subcomponents = {\n  Item: _StackItem.default\n};\n\n/**\n * The `Stack` component is a quick layout component through Flexbox,\n * supporting vertical and horizontal stacking, custom spacing and line wrapping.\n *\n * @see https://rsuitejs.com/components/stack\n */\nconst Stack = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Stack', props);\n  const {\n    as,\n    classPrefix = 'stack',\n    className,\n    children,\n    direction,\n    divider,\n    wrap,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    withPrefix,\n    merge,\n    responsive\n  } = (0, _hooks.useStyles)(classPrefix);\n  const baseClasses = merge(className, withPrefix(), ...responsive(direction));\n  const filteredChildren = _react.default.Children.toArray(children);\n  const childCount = filteredChildren.length;\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: baseClasses,\n    \"data-wrap\": wrap\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49,\n      columnNumber: 5\n    }\n  }), filteredChildren.map((child, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {\n    key: index,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 9\n    }\n  }, child, index < childCount - 1 && divider)));\n}, Subcomponents);\nStack.displayName = 'Stack';\nvar _default = exports[\"default\"] = Stack;\n\n//# sourceURL=webpack://rsuite/./src/Stack/Stack.tsx?");
 
 /***/ }),
 
@@ -5614,7 +5614,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Stack/StackItem.tsx\";\n/**\n * The `Stack.Item` component is used to set the layout of the child element in the `Stack` component.\n *\n * @see https://rsuitejs.com/components/stack\n */\nconst StackItem = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    classPrefix = 'stack-item',\n    style,\n    className,\n    alignSelf,\n    flex,\n    grow,\n    shrink,\n    order,\n    basis,\n    ...rest\n  } = props;\n  const {\n    withPrefix,\n    merge,\n    cssVar\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const styles = (0, _utils.mergeStyles)(style, cssVar('align-self', alignSelf), cssVar('order', order), cssVar('flex', flex), cssVar('grow', grow), cssVar('shrink', shrink), cssVar('basis', basis));\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    style: styles\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 10\n    }\n  }));\n});\nStackItem.displayName = 'StackItem';\nvar _default = exports[\"default\"] = StackItem;\n\n//# sourceURL=webpack://rsuite/./src/Stack/StackItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Stack/StackItem.tsx\";\n/**\n * The `Stack.Item` component is used to set the layout of the child element in the `Stack` component.\n *\n * @see https://rsuitejs.com/components/stack\n */\nconst StackItem = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    classPrefix = 'stack-item',\n    className,\n    alignSelf,\n    self = alignSelf,\n    ...rest\n  } = props;\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    self: self,\n    paddingTop: 0\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 10\n    }\n  }));\n});\nStackItem.displayName = 'StackItem';\nvar _default = exports[\"default\"] = StackItem;\n\n//# sourceURL=webpack://rsuite/./src/Stack/StackItem.tsx?");
 
 /***/ }),
 
@@ -5746,7 +5746,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Check = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Check */ \"./node_modules/@rsuite/icons/esm/react/Check.js\"));\nvar _Close = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Close */ \"./node_modules/@rsuite/icons/esm/react/Close.js\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Steps/StepItem.tsx\";\nconst STEP_STATUS_ICON = {\n  finish: /*#__PURE__*/_react.default.createElement(_Check.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 11\n    }\n  }),\n  wait: null,\n  process: null,\n  error: /*#__PURE__*/_react.default.createElement(_Close.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 10\n    }\n  })\n};\n/**\n * The `Step.Item` component is used to set the layout of the child element in the `Steps` component.\n *\n * @see https://rsuitejs.com/components/steps\n */\nconst StepItem = (0, _utils.forwardRef)((props, ref) => {\n  var _STEP_STATUS_ICON$sta;\n  const {\n    as: Component = 'div',\n    className,\n    classPrefix = 'steps-item',\n    style,\n    itemWidth,\n    status,\n    icon,\n    stepNumber,\n    description,\n    title,\n    ...rest\n  } = props;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    custom: icon,\n    [`status-${status}`]: status\n  }));\n  const iconNode = icon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('icon'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 5\n    }\n  }, icon) : /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('icon', {\n      [`icon-${status}`]: status\n    }),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 5\n    }\n  }, status ? (_STEP_STATUS_ICON$sta = STEP_STATUS_ICON[status]) !== null && _STEP_STATUS_ICON$sta !== void 0 ? _STEP_STATUS_ICON$sta : stepNumber : stepNumber);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    style: (0, _utils.mergeStyles)({\n      width: itemWidth\n    }, style),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('tail'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix(['icon-wrapper', icon ? 'custom-icon' : '']),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 7\n    }\n  }, iconNode), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('title'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79,\n      columnNumber: 10\n    }\n  }, title), description && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('description'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80,\n      columnNumber: 25\n    }\n  }, description)));\n});\nStepItem.displayName = 'StepItem';\nvar _default = exports[\"default\"] = StepItem;\n\n//# sourceURL=webpack://rsuite/./src/Steps/StepItem.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Check = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Check */ \"./node_modules/@rsuite/icons/esm/react/Check.js\"));\nvar _Close = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Close */ \"./node_modules/@rsuite/icons/esm/react/Close.js\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Steps/StepItem.tsx\";\nconst STEP_STATUS_ICON = {\n  finish: /*#__PURE__*/_react.default.createElement(_Check.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 11\n    }\n  }),\n  wait: null,\n  process: null,\n  error: /*#__PURE__*/_react.default.createElement(_Close.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 10\n    }\n  })\n};\n/**\n * The `Step.Item` component is used to set the layout of the child element in the `Steps` component.\n *\n * @see https://rsuitejs.com/components/steps\n */\nconst StepItem = (0, _utils.forwardRef)((props, ref) => {\n  var _STEP_STATUS_ICON$sta;\n  const {\n    as: Component = 'div',\n    className,\n    classPrefix = 'steps-item',\n    style,\n    itemWidth,\n    status,\n    icon,\n    stepNumber,\n    description,\n    title,\n    ...rest\n  } = props;\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const iconNode = icon ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('icon'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 5\n    }\n  }, icon) : /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('icon', {\n      [`icon-${status}`]: status\n    }),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 5\n    }\n  }, status ? (_STEP_STATUS_ICON$sta = STEP_STATUS_ICON[status]) !== null && _STEP_STATUS_ICON$sta !== void 0 ? _STEP_STATUS_ICON$sta : stepNumber : stepNumber);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    className: classes,\n    style: (0, _utils.mergeStyles)({\n      width: itemWidth\n    }, style),\n    \"data-status\": status,\n    \"data-custom-icon\": !!icon\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('tail'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('icon-wrapper'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 79,\n      columnNumber: 7\n    }\n  }, iconNode), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('title'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 10\n    }\n  }, title), description && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('description'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82,\n      columnNumber: 25\n    }\n  }, description)));\n});\nStepItem.displayName = 'StepItem';\nvar _default = exports[\"default\"] = StepItem;\n\n//# sourceURL=webpack://rsuite/./src/Steps/StepItem.tsx?");
 
 /***/ }),
 
@@ -5757,7 +5757,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _StepItem = _interopRequireDefault(__webpack_require__(/*! ./StepItem */ \"./src/Steps/StepItem.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Steps/Steps.tsx\";\nconst Subcomponents = {\n  Item: _StepItem.default\n};\n\n/**\n * The `Steps` component is used to guide users to complete tasks in accordance with the process.\n *\n * @see https://rsuitejs.com/components/steps\n */\nconst Steps = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Steps', props);\n  const {\n    as,\n    classPrefix = 'steps',\n    className,\n    children,\n    vertical,\n    small,\n    current = 0,\n    currentStatus = 'process',\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const horizontal = !vertical;\n  const classes = merge(className, withPrefix({\n    small,\n    vertical,\n    horizontal: !vertical\n  }));\n  const count = _utils.rch.count(children);\n  const items = _utils.rch.mapCloneElement(children, (item, index) => {\n    const itemStyles = {\n      flexBasis: index < count - 1 ? `${100 / (count - 1)}%` : undefined,\n      maxWidth: index === count - 1 ? `${100 / count}%` : undefined\n    };\n    const itemProps = {\n      stepNumber: index + 1,\n      status: 'wait',\n      style: horizontal ? itemStyles : undefined,\n      ...item.props\n    };\n\n    // fix tail color\n    if (currentStatus === 'error' && index === current - 1) {\n      itemProps.className = prefix('next-error');\n    }\n    if (!item.props.status) {\n      if (index === current) {\n        itemProps.status = currentStatus;\n        itemProps.className = merge(itemProps.className, prefix('item-active'));\n      } else if (index < current) {\n        itemProps.status = 'finish';\n      }\n    }\n    return itemProps;\n  });\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82,\n      columnNumber: 5\n    }\n  }), items);\n}, Subcomponents);\nSteps.displayName = 'Steps';\nvar _default = exports[\"default\"] = Steps;\n\n//# sourceURL=webpack://rsuite/./src/Steps/Steps.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _StepItem = _interopRequireDefault(__webpack_require__(/*! ./StepItem */ \"./src/Steps/StepItem.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Steps/Steps.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst Subcomponents = {\n  Item: _StepItem.default\n};\n\n/**\n * The `Steps` component is used to guide users to complete tasks in accordance with the process.\n *\n * @see https://rsuitejs.com/components/steps\n */\nconst Steps = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Steps', props);\n  const {\n    as,\n    classPrefix = 'steps',\n    className,\n    children,\n    vertical,\n    small,\n    current = 0,\n    currentStatus = 'process',\n    ...rest\n  } = propsWithDefaults;\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const items = (0, _react.useMemo)(() => {\n    const count = _utils.rch.count(children);\n    return _utils.rch.mapCloneElement(children, (item, index) => {\n      const itemStyles = {\n        flexBasis: index < count - 1 ? `${100 / (count - 1)}%` : undefined,\n        maxWidth: index === count - 1 ? `${100 / count}%` : undefined\n      };\n      const itemProps = {\n        stepNumber: index + 1,\n        status: 'wait',\n        style: !vertical ? itemStyles : undefined,\n        ...item.props\n      };\n\n      // fix tail color\n      if (currentStatus === 'error' && index === current - 1) {\n        itemProps['data-next-error'] = true;\n      }\n      if (!item.props.status) {\n        if (index === current) {\n          itemProps.status = currentStatus;\n        } else if (index < current) {\n          itemProps.status = 'finish';\n        }\n      }\n      return itemProps;\n    });\n  }, [children, current, currentStatus, vertical]);\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    \"data-size\": small ? 'small' : undefined,\n    \"data-direction\": vertical ? 'vertical' : 'horizontal'\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82,\n      columnNumber: 5\n    }\n  }), items);\n}, Subcomponents);\nSteps.displayName = 'Steps';\nvar _default = exports[\"default\"] = Steps;\n\n//# sourceURL=webpack://rsuite/./src/Steps/Steps.tsx?");
 
 /***/ }),
 
@@ -5867,7 +5867,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\nvar _Tab = _interopRequireDefault(__webpack_require__(/*! ./Tab */ \"./src/Tabs/Tab.tsx\"));\nvar _TabPanel = _interopRequireDefault(__webpack_require__(/*! ./TabPanel */ \"./src/Tabs/TabPanel.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Tabs/Tabs.tsx\";\n/**\n * Props for the Tabs component.\n */\n\nfunction getFocusableTabs(tablist) {\n  const tabs = tablist === null || tablist === void 0 ? void 0 : tablist.querySelectorAll('[role=tab]');\n  return Array.from(tabs).filter(tab => !(tab.getAttribute('aria-disabled') === 'true'));\n}\nfunction getFocusedTab(tablist) {\n  const tabs = getFocusableTabs(tablist);\n  return tabs.find(tab => tab.getAttribute('aria-selected'));\n}\nfunction nextItem(tablist) {\n  if (!tablist) {\n    return null;\n  }\n  const item = getFocusedTab(tablist);\n  const items = getFocusableTabs(tablist);\n  if (!item) {\n    return items[0];\n  }\n  const nextItem = items[items.indexOf(item) + 1];\n  if (!nextItem || nextItem.getAttribute('role') !== 'tab') {\n    return items[0];\n  }\n  return nextItem;\n}\nfunction previousItem(tablist) {\n  if (!tablist) {\n    return null;\n  }\n  const item = getFocusedTab(tablist);\n  const items = getFocusableTabs(tablist);\n  if (!item) {\n    return items[items.length - 1];\n  }\n  const previousItem = items[items.indexOf(item) - 1];\n  if (!previousItem || previousItem.getAttribute('role') !== 'tab') {\n    return items[items.length - 1];\n  }\n  return previousItem;\n}\nconst renderPanels = (children, tabProps) => {\n  const {\n    id,\n    activeKey\n  } = tabProps;\n  return _utils.rch.map(children, child => {\n    const {\n      eventKey,\n      children\n    } = child.props;\n    const selected = eventKey === activeKey;\n    return /*#__PURE__*/_react.default.createElement(_TabPanel.default, {\n      \"aria-labelledby\": `${id}-${eventKey}`,\n      \"aria-hidden\": !selected,\n      id: `${id}-panel-${eventKey}`,\n      active: selected,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 7\n      }\n    }, children);\n  });\n};\nconst renderTabs = (children, tabPanelProps) => {\n  const {\n    id,\n    activeKey\n  } = tabPanelProps;\n  return _utils.rch.map(children, child => {\n    const {\n      eventKey,\n      title,\n      disabled,\n      icon\n    } = child.props;\n    const selected = eventKey === activeKey;\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Item, {\n      role: \"tab\",\n      as: \"button\",\n      type: \"button\",\n      \"aria-selected\": selected,\n      \"aria-controls\": `${id}-panel-${eventKey}`,\n      \"aria-disabled\": disabled,\n      \"data-event-key\": eventKey,\n      disabled: disabled,\n      icon: icon,\n      id: `${id}-${eventKey}`,\n      tabIndex: selected ? undefined : -1,\n      eventKey: eventKey,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 7\n      }\n    }, title);\n  });\n};\nconst Subcomponents = {\n  Tab: _Tab.default\n};\n\n/**\n * Tabs are a set of layered sections of content, known as tab panels, that display one panel of content at a time.\n *\n * @version 5.53.0\n * @see https://rsuitejs.com/components/tabs\n */\nconst Tabs = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults,\n    rtl\n  } = (0, _hooks.useCustom)('Tabs', props);\n  const {\n    as,\n    classPrefix = 'tabs',\n    appearance = 'tabs',\n    className,\n    children,\n    activeKey: activeKeyProp,\n    defaultActiveKey,\n    id: idProp,\n    reversed,\n    vertical,\n    onSelect,\n    ...rest\n  } = propsWithDefaults;\n  const id = (0, _hooks.useUniqueId)('tab-', idProp);\n  const [activeKey, setActiveKey] = (0, _hooks.useControlled)(activeKeyProp, defaultActiveKey);\n  const {\n    withPrefix,\n    prefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const tablistRef = _react.default.useRef(null);\n  const handleSelect = (0, _hooks.useEventCallback)((eventKey, event) => {\n    setActiveKey(eventKey);\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n  });\n  const handleKeyDown = (0, _hooks.useEventCallback)(event => {\n    var _getFocusableTabs;\n    const target = event.target;\n    if (target.getAttribute('role') !== 'tab') {\n      return;\n    }\n    let previousItemKey = vertical ? 'ArrowUp' : 'ArrowLeft';\n    let nextItemKey = vertical ? 'ArrowDown' : 'ArrowRight';\n    if (!vertical && rtl) {\n      previousItemKey = 'ArrowRight';\n      nextItemKey = 'ArrowLeft';\n    }\n    let item = null;\n    switch (event.key) {\n      case previousItemKey:\n        item = previousItem(tablistRef.current);\n        event.preventDefault();\n        break;\n      case nextItemKey:\n        item = nextItem(tablistRef.current);\n        event.preventDefault();\n        break;\n      case 'Home':\n        item = (_getFocusableTabs = getFocusableTabs(tablistRef.current)) === null || _getFocusableTabs === void 0 ? void 0 : _getFocusableTabs[0];\n        event.preventDefault();\n        break;\n      case 'End':\n        {\n          const tabs = getFocusableTabs(tablistRef.current);\n          item = tabs[tabs.length - 1];\n          event.preventDefault();\n          break;\n        }\n    }\n    if (item) {\n      const eventKey = item ? item.dataset.eventKey : undefined;\n      handleSelect(eventKey, event);\n      item.focus();\n    }\n  });\n  const hasChildren = _react.default.Children.toArray(children).some(child => /*#__PURE__*/_react.default.isValidElement(child) && child.props.children);\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    className: merge(className, withPrefix({\n      reversed,\n      vertical\n    }))\n  }, rest, {\n    ref: ref,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 256,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Nav.default, {\n    role: \"tablist\",\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal',\n    reversed: reversed,\n    vertical: vertical,\n    appearance: appearance,\n    activeKey: activeKey,\n    onSelect: handleSelect,\n    onKeyDown: handleKeyDown,\n    ref: tablistRef,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 262,\n      columnNumber: 7\n    }\n  }, renderTabs(children, {\n    id,\n    activeKey\n  })), hasChildren && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix`content`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 276,\n      columnNumber: 9\n    }\n  }, renderPanels(children, {\n    id,\n    activeKey\n  })));\n}, Subcomponents);\nTabs.displayName = 'Tabs';\nvar _default = exports[\"default\"] = Tabs;\n\n//# sourceURL=webpack://rsuite/./src/Tabs/Tabs.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ../Nav */ \"./src/Nav/index.tsx\"));\nvar _Tab = _interopRequireDefault(__webpack_require__(/*! ./Tab */ \"./src/Tabs/Tab.tsx\"));\nvar _TabPanel = _interopRequireDefault(__webpack_require__(/*! ./TabPanel */ \"./src/Tabs/TabPanel.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Tabs/Tabs.tsx\";\n/**\n * Props for the Tabs component.\n */\n\nfunction getFocusableTabs(tablist) {\n  const tabs = tablist === null || tablist === void 0 ? void 0 : tablist.querySelectorAll('[role=tab]');\n  return Array.from(tabs).filter(tab => !(tab.getAttribute('aria-disabled') === 'true'));\n}\nfunction getFocusedTab(tablist) {\n  const tabs = getFocusableTabs(tablist);\n  return tabs.find(tab => tab.getAttribute('aria-selected') === 'true');\n}\nfunction nextItem(tablist) {\n  if (!tablist) {\n    return null;\n  }\n  const item = getFocusedTab(tablist);\n  const items = getFocusableTabs(tablist);\n  if (!item) {\n    return items[0];\n  }\n  const nextItem = items[items.indexOf(item) + 1];\n  if (!nextItem || nextItem.getAttribute('role') !== 'tab') {\n    return items[0];\n  }\n  return nextItem;\n}\nfunction previousItem(tablist) {\n  if (!tablist) {\n    return null;\n  }\n  const item = getFocusedTab(tablist);\n  const items = getFocusableTabs(tablist);\n  if (!item) {\n    return items[items.length - 1];\n  }\n  const previousItem = items[items.indexOf(item) - 1];\n  if (!previousItem || previousItem.getAttribute('role') !== 'tab') {\n    return items[items.length - 1];\n  }\n  return previousItem;\n}\nconst renderPanels = (children, tabProps) => {\n  const {\n    id,\n    activeKey\n  } = tabProps;\n  return _utils.rch.map(children, child => {\n    const {\n      eventKey,\n      children\n    } = child.props;\n    const selected = eventKey === activeKey;\n    return /*#__PURE__*/_react.default.createElement(_TabPanel.default, {\n      \"aria-labelledby\": `${id}-${eventKey}`,\n      \"aria-hidden\": !selected,\n      id: `${id}-panel-${eventKey}`,\n      active: selected,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 7\n      }\n    }, children);\n  });\n};\nconst renderTabs = (children, tabPanelProps) => {\n  const {\n    id,\n    activeKey\n  } = tabPanelProps;\n  return _utils.rch.map(children, child => {\n    const {\n      eventKey,\n      title,\n      disabled,\n      icon\n    } = child.props;\n    const selected = eventKey === activeKey;\n    return /*#__PURE__*/_react.default.createElement(_Nav.default.Item, {\n      role: \"tab\",\n      as: \"button\",\n      type: \"button\",\n      \"aria-selected\": selected,\n      \"aria-controls\": `${id}-panel-${eventKey}`,\n      \"aria-disabled\": disabled,\n      \"data-event-key\": eventKey,\n      disabled: disabled,\n      icon: icon,\n      id: `${id}-${eventKey}`,\n      tabIndex: selected ? undefined : -1,\n      eventKey: eventKey,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 7\n      }\n    }, title);\n  });\n};\nconst Subcomponents = {\n  Tab: _Tab.default\n};\n\n/**\n * Tabs are a set of layered sections of content, known as tab panels, that display one panel of content at a time.\n *\n * @version 5.53.0\n * @see https://rsuitejs.com/components/tabs\n */\nconst Tabs = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults,\n    rtl\n  } = (0, _hooks.useCustom)('Tabs', props);\n  const {\n    as,\n    classPrefix = 'tabs',\n    appearance = 'tabs',\n    className,\n    children,\n    activeKey: activeKeyProp,\n    defaultActiveKey,\n    id: idProp,\n    reversed,\n    vertical,\n    onSelect,\n    ...rest\n  } = propsWithDefaults;\n  const id = (0, _hooks.useUniqueId)('tab-', idProp);\n  const [activeKey, setActiveKey] = (0, _hooks.useControlled)(activeKeyProp, defaultActiveKey);\n  const {\n    withPrefix,\n    prefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const tablistRef = _react.default.useRef(null);\n  const handleSelect = (0, _hooks.useEventCallback)((eventKey, event) => {\n    setActiveKey(eventKey);\n    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);\n  });\n  const handleKeyDown = (0, _hooks.useEventCallback)(event => {\n    var _getFocusableTabs;\n    const target = event.target;\n    if (target.getAttribute('role') !== 'tab') {\n      return;\n    }\n    let previousItemKey = vertical ? 'ArrowUp' : 'ArrowLeft';\n    let nextItemKey = vertical ? 'ArrowDown' : 'ArrowRight';\n    if (!vertical && rtl) {\n      previousItemKey = 'ArrowRight';\n      nextItemKey = 'ArrowLeft';\n    }\n    let item = null;\n    switch (event.key) {\n      case previousItemKey:\n        item = previousItem(tablistRef.current);\n        event.preventDefault();\n        break;\n      case nextItemKey:\n        item = nextItem(tablistRef.current);\n        event.preventDefault();\n        break;\n      case 'Home':\n        item = (_getFocusableTabs = getFocusableTabs(tablistRef.current)) === null || _getFocusableTabs === void 0 ? void 0 : _getFocusableTabs[0];\n        event.preventDefault();\n        break;\n      case 'End':\n        {\n          const tabs = getFocusableTabs(tablistRef.current);\n          item = tabs[tabs.length - 1];\n          event.preventDefault();\n          break;\n        }\n    }\n    if (item) {\n      const eventKey = item ? item.dataset.eventKey : undefined;\n      handleSelect(eventKey, event);\n      item.focus();\n    }\n  });\n  const hasChildren = _react.default.Children.toArray(children).some(child => /*#__PURE__*/_react.default.isValidElement(child) && child.props.children);\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    className: merge(className, withPrefix({\n      reversed,\n      vertical\n    }))\n  }, rest, {\n    ref: ref,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 256,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Nav.default, {\n    role: \"tablist\",\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal',\n    reversed: reversed,\n    vertical: vertical,\n    appearance: appearance,\n    activeKey: activeKey,\n    onSelect: handleSelect,\n    onKeyDown: handleKeyDown,\n    ref: tablistRef,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 262,\n      columnNumber: 7\n    }\n  }, renderTabs(children, {\n    id,\n    activeKey\n  })), hasChildren && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix`content`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 276,\n      columnNumber: 9\n    }\n  }, renderPanels(children, {\n    id,\n    activeKey\n  })));\n}, Subcomponents);\nTabs.displayName = 'Tabs';\nvar _default = exports[\"default\"] = Tabs;\n\n//# sourceURL=webpack://rsuite/./src/Tabs/Tabs.tsx?");
 
 /***/ }),
 
@@ -5889,7 +5889,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _CloseButton = _interopRequireDefault(__webpack_require__(/*! ../internals/CloseButton */ \"./src/internals/CloseButton/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Tag/Tag.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `Tag` component is used to label and categorize.\n * It can be used to mark the status of an object or classify it into different categories.\n *\n * @see https://rsuitejs.com/components/tag\n */\nconst Tag = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults,\n    getLocale\n  } = (0, _hooks.useCustom)('Tag', props);\n  const {\n    as,\n    classPrefix = 'tag',\n    size = 'md',\n    color,\n    children,\n    closable,\n    className,\n    locale: overrideLocale,\n    style,\n    onClose,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    remove\n  } = getLocale('common', overrideLocale);\n  const {\n    withPrefix,\n    prefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(size, (0, _utils.isPresetColor)(color) && color));\n  const styles = (0, _react.useMemo)(() => (0, _utils.mergeStyles)(style, (0, _utils.createColorVariables)(color, '--rs-tag-bg', '--rs-tag-text')), [style, color]);\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    style: styles\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`text`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }\n  }, children), closable && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {\n    className: prefix`icon-close`,\n    onClick: onClose,\n    tabIndex: -1,\n    locale: {\n      closeLabel: remove\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 9\n    }\n  }));\n});\nTag.displayName = 'Tag';\nvar _default = exports[\"default\"] = Tag;\n\n//# sourceURL=webpack://rsuite/./src/Tag/Tag.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _CloseButton = _interopRequireDefault(__webpack_require__(/*! ../internals/CloseButton */ \"./src/internals/CloseButton/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Tag/Tag.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `Tag` component is used to label and categorize.\n * It can be used to mark the status of an object or classify it into different categories.\n *\n * @see https://rsuitejs.com/components/tag\n */\nconst Tag = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults,\n    getLocale\n  } = (0, _hooks.useCustom)('Tag', props);\n  const {\n    as,\n    classPrefix = 'tag',\n    size = 'md',\n    color,\n    children,\n    closable,\n    className,\n    locale: overrideLocale,\n    style,\n    onClose,\n    ...rest\n  } = propsWithDefaults;\n  const {\n    remove\n  } = getLocale('common', overrideLocale);\n  const {\n    withPrefix,\n    prefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const styles = (0, _react.useMemo)(() => (0, _utils.mergeStyles)(style, (0, _utils.createColorVariables)(color, '--rs-tag-bg', '--rs-tag-text')), [style, color]);\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    style: styles\n  }, rest, {\n    \"data-size\": size,\n    \"data-color\": (0, _utils.isPresetColor)(color) ? color : undefined,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix`text`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 7\n    }\n  }, children), closable && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {\n    className: prefix`icon-close`,\n    onClick: onClose,\n    tabIndex: -1,\n    locale: {\n      closeLabel: remove\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 9\n    }\n  }));\n});\nTag.displayName = 'Tag';\nvar _default = exports[\"default\"] = Tag;\n\n//# sourceURL=webpack://rsuite/./src/Tag/Tag.tsx?");
 
 /***/ }),
 
@@ -6098,7 +6098,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ../Loader */ \"./src/Loader/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Toggle/Toggle.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `Toggle` component is used to activate or deactivate an element.\n *\n * @see https://rsuitejs.com/components/toggle\n */\nconst Toggle = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Toggle', props);\n  const {\n    as = 'label',\n    disabled,\n    readOnly,\n    loading = false,\n    plaintext,\n    children,\n    className,\n    color,\n    checkedChildren,\n    unCheckedChildren,\n    classPrefix = 'toggle',\n    checked: checkedProp,\n    defaultChecked,\n    size = 'md',\n    locale,\n    label = children,\n    labelPlacement = 'end',\n    onChange,\n    ...rest\n  } = propsWithDefaults;\n  const inputRef = (0, _react.useRef)(null);\n  const [checked, setChecked] = (0, _hooks.useControlled)(checkedProp, defaultChecked);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix(size, color, {\n    checked,\n    disabled,\n    loading\n  }));\n  const inner = checked ? checkedChildren : unCheckedChildren;\n  const innerLabel = checked ? locale === null || locale === void 0 ? void 0 : locale.on : locale === null || locale === void 0 ? void 0 : locale.off;\n  const labelId = (0, _hooks.useUniqueId)('rs-label');\n  const innerId = inner ? labelId + '-inner' : undefined;\n  const labelledby = label ? labelId : innerId;\n  const [htmlInputProps, restProps] = (0, _utils.partitionHTMLProps)(rest);\n  const handleInputChange = (0, _hooks.useEventCallback)(e => {\n    if (disabled || readOnly || loading) {\n      return;\n    }\n    const {\n      checked\n    } = e.target;\n    setChecked(checked);\n    onChange === null || onChange === void 0 || onChange(checked, e);\n  });\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 143,\n        columnNumber: 12\n      }\n    }, inner || innerLabel);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    \"data-placement\": labelPlacement\n  }, restProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 147,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, {\n    ref: inputRef,\n    type: \"checkbox\",\n    checked: checkedProp,\n    defaultChecked: defaultChecked,\n    disabled: disabled,\n    readOnly: readOnly,\n    onChange: handleInputChange,\n    className: prefix('input'),\n    role: \"switch\",\n    \"aria-checked\": checked,\n    \"aria-disabled\": disabled,\n    \"aria-labelledby\": labelledby,\n    \"aria-label\": labelledby ? undefined : innerLabel,\n    \"aria-busy\": loading || undefined,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 148,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('track'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 165,\n      columnNumber: 7\n    }\n  }, inner && /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('inner'),\n    id: innerId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 167,\n      columnNumber: 11\n    }\n  }, inner), loading && /*#__PURE__*/_react.default.createElement(_Loader.default, {\n    className: prefix('loader'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 171,\n      columnNumber: 21\n    }\n  })), label && /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('label'),\n    id: labelId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 174,\n      columnNumber: 9\n    }\n  }, label));\n});\nToggle.displayName = 'Toggle';\nvar _default = exports[\"default\"] = Toggle;\n\n//# sourceURL=webpack://rsuite/./src/Toggle/Toggle.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ../Loader */ \"./src/Loader/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../internals/Box */ \"./src/internals/Box/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Toggle/Toggle.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `Toggle` component is used to activate or deactivate an element.\n *\n * @see https://rsuitejs.com/components/toggle\n */\nconst Toggle = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    propsWithDefaults\n  } = (0, _hooks.useCustom)('Toggle', props);\n  const {\n    as = 'label',\n    disabled,\n    readOnly,\n    loading = false,\n    plaintext,\n    children,\n    className,\n    color,\n    checkedChildren,\n    unCheckedChildren,\n    classPrefix = 'toggle',\n    checked: checkedProp,\n    defaultChecked,\n    size = 'md',\n    locale,\n    label = children,\n    labelPlacement = 'end',\n    onChange,\n    ...rest\n  } = propsWithDefaults;\n  const inputRef = (0, _react.useRef)(null);\n  const [checked, setChecked] = (0, _hooks.useControlled)(checkedProp, defaultChecked);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({}));\n  const inner = checked ? checkedChildren : unCheckedChildren;\n  const innerLabel = checked ? locale === null || locale === void 0 ? void 0 : locale.on : locale === null || locale === void 0 ? void 0 : locale.off;\n  const labelId = (0, _hooks.useUniqueId)('rs-label');\n  const innerId = inner ? labelId + '-inner' : undefined;\n  const labelledby = label ? labelId : innerId;\n  const [htmlInputProps, restProps] = (0, _utils.partitionHTMLProps)(rest);\n  const handleInputChange = (0, _hooks.useEventCallback)(e => {\n    if (disabled || readOnly || loading) {\n      return;\n    }\n    const {\n      checked\n    } = e.target;\n    setChecked(checked);\n    onChange === null || onChange === void 0 || onChange(checked, e);\n  });\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 143,\n        columnNumber: 12\n      }\n    }, inner || innerLabel);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: ref,\n    className: classes,\n    \"data-placement\": labelPlacement,\n    \"data-color\": color,\n    \"data-size\": size,\n    \"data-checked\": checked,\n    \"data-loading\": loading,\n    \"data-disabled\": disabled\n  }, restProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 147,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"input\", (0, _extends2.default)({}, htmlInputProps, {\n    ref: inputRef,\n    type: \"checkbox\",\n    checked: checkedProp,\n    defaultChecked: defaultChecked,\n    disabled: disabled,\n    readOnly: readOnly,\n    onChange: handleInputChange,\n    className: prefix('input'),\n    role: \"switch\",\n    \"aria-checked\": checked,\n    \"aria-disabled\": disabled,\n    \"aria-labelledby\": labelledby,\n    \"aria-label\": labelledby ? undefined : innerLabel,\n    \"aria-busy\": loading || undefined,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 159,\n      columnNumber: 7\n    }\n  })), /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('track'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 176,\n      columnNumber: 7\n    }\n  }, inner && /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('inner'),\n    id: innerId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 178,\n      columnNumber: 11\n    }\n  }, inner), loading && /*#__PURE__*/_react.default.createElement(_Loader.default, {\n    className: prefix('loader'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 21\n    }\n  })), label && /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('label'),\n    id: labelId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 185,\n      columnNumber: 9\n    }\n  }, label));\n});\nToggle.displayName = 'Toggle';\nvar _default = exports[\"default\"] = Toggle;\n\n//# sourceURL=webpack://rsuite/./src/Toggle/Toggle.tsx?");
 
 /***/ }),
 
@@ -6604,7 +6604,7 @@ eval("\n\nexports.__esModule = true;\nvar _Text = __webpack_require__(/*! ./Text
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _isEmpty = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\nvar _forwardRef = __webpack_require__(/*! ../utils/react/forwardRef */ \"./src/internals/utils/react/forwardRef.ts\");\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/internals/Box/utils.ts\");\nvar _styledSystem = __webpack_require__(/*! ../styled-system */ \"./src/internals/styled-system/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/Box/Box.tsx\";\n/**\n * Box component is the base component for all components,\n * providing shorthand for style properties.\n *\n * @see https://rsuitejs.com/components/box\n */\nconst Box = (0, _forwardRef.forwardRef)((props, ref) => {\n  const {\n    as: Component = 'div',\n    className,\n    children,\n    showFrom,\n    hideFrom,\n    style,\n    ...rest\n  } = props;\n  const boxProps = (0, _utils.extractBoxProps)(rest);\n  const domProps = (0, _utils.omitBoxProps)(rest);\n  const boxCSSVars = (0, _styledSystem.getCSSVariables)(boxProps, '--rs-box-');\n  const isBox = !(0, _isEmpty.default)(boxCSSVars) || showFrom || hideFrom;\n  const styled = (0, _styledSystem.useStyled)({\n    cssVars: boxCSSVars,\n    className,\n    style,\n    enabled: isBox\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    \"data-rs\": isBox ? 'box' : undefined,\n    \"data-visible-from\": showFrom,\n    \"data-hidden-from\": hideFrom,\n    className: styled.className,\n    style: styled.style\n  }, domProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 5\n    }\n  }), children);\n});\nBox.displayName = 'Box';\nvar _default = exports[\"default\"] = Box;\n\n//# sourceURL=webpack://rsuite/./src/internals/Box/Box.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _isEmpty = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\nvar _forwardRef = __webpack_require__(/*! ../utils/react/forwardRef */ \"./src/internals/utils/react/forwardRef.ts\");\nvar _utils = __webpack_require__(/*! ./utils */ \"./src/internals/Box/utils.ts\");\nvar _styledSystem = __webpack_require__(/*! ../styled-system */ \"./src/internals/styled-system/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/Box/Box.tsx\";\n/**\n * Box component is the base component for all components,\n * providing shorthand for style properties.\n *\n * @see https://rsuitejs.com/components/box\n */\nconst Box = (0, _forwardRef.forwardRef)((props, ref) => {\n  const {\n    as: Component = 'div',\n    className,\n    children,\n    showFrom,\n    hideFrom,\n    style,\n    ...rest\n  } = props;\n  const boxProps = (0, _utils.extractBoxProps)(rest);\n  const domProps = (0, _utils.omitBoxProps)(rest);\n  const boxCSSVars = (0, _styledSystem.getCSSVariables)(boxProps, '--rs-box-');\n  const isBox = !(0, _isEmpty.default)(boxCSSVars) || showFrom || hideFrom;\n  const styled = (0, _styledSystem.useStyled)({\n    cssVars: boxCSSVars,\n    className,\n    style,\n    enabled: isBox\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    \"data-rs\": isBox ? 'box' : undefined,\n    \"data-visible-from\": showFrom,\n    \"data-hidden-from\": hideFrom,\n    className: styled.className,\n    style: styled.style\n  }, domProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 5\n    }\n  }), children);\n});\nBox.displayName = 'Box';\nvar _default = exports[\"default\"] = Box;\n\n//# sourceURL=webpack://rsuite/./src/internals/Box/Box.tsx?");
 
 /***/ }),
 
@@ -6626,7 +6626,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.omitBoxProps = exports.extractBoxProps = void 0;\nvar _camelCase = _interopRequireDefault(__webpack_require__(/*! lodash/camelCase */ \"./node_modules/lodash/camelCase.js\"));\nvar _flatten = _interopRequireDefault(__webpack_require__(/*! lodash/flatten */ \"./node_modules/lodash/flatten.js\"));\nvar _styledSystem = __webpack_require__(/*! ../styled-system */ \"./src/internals/styled-system/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nconst getUsedPropKeys = () => {\n  const boxPropKeys = Object.entries(_styledSystem.cssPropertyMap).map(([key, prop]) => {\n    const {\n      property\n    } = prop;\n    const propName = (0, _camelCase.default)(property);\n    return [key, propName];\n  });\n  return (0, _flatten.default)(boxPropKeys);\n};\n\n/**\n * Extract box properties from props\n * @param props Original props object\n * @returns Object containing only box properties\n */\nconst extractBoxProps = props => {\n  const boxPropKeys = getUsedPropKeys();\n  const boxProps = {};\n\n  // Extract only box related properties\n  Object.keys(props).forEach(key => {\n    if (boxPropKeys.includes(key) && props[key] !== undefined) {\n      boxProps[key] = props[key];\n    } else if ((0, _utils.isCSSProperty)(key)) {\n      boxProps[key] = props[key];\n    }\n  });\n  return boxProps;\n};\n\n/**\n * Filter out layout properties from props\n * @param props Original props object\n * @returns New object without layout properties\n */\nexports.extractBoxProps = extractBoxProps;\nconst omitBoxProps = props => {\n  const boxPropKeys = getUsedPropKeys();\n  const filteredProps = {};\n\n  // Copy all properties except box related ones\n  Object.keys(props).forEach(key => {\n    if (!boxPropKeys.includes(key)) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\nexports.omitBoxProps = omitBoxProps;\n\n//# sourceURL=webpack://rsuite/./src/internals/Box/utils.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.omitBoxProps = exports.extractBoxProps = void 0;\nvar _camelCase = _interopRequireDefault(__webpack_require__(/*! lodash/camelCase */ \"./node_modules/lodash/camelCase.js\"));\nvar _styledSystem = __webpack_require__(/*! ../styled-system */ \"./src/internals/styled-system/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nconst getUsedPropKeys = () => {\n  const propSet = new Set();\n  Object.entries(_styledSystem.cssSystemPropAlias).forEach(([key, prop]) => {\n    const {\n      property\n    } = prop;\n    const propName = (0, _camelCase.default)(property);\n    propSet.add(key);\n    propSet.add(propName);\n  });\n  return Array.from(propSet);\n};\n\n/**\n * Extract box properties from props\n * @param props Original props object\n * @returns Object containing only box properties\n */\nconst extractBoxProps = props => {\n  const boxPropKeys = getUsedPropKeys();\n  const boxProps = {};\n\n  // Extract only box related properties\n  Object.keys(props).forEach(key => {\n    if (boxPropKeys.includes(key) && props[key] !== undefined) {\n      boxProps[key] = props[key];\n    } else if ((0, _utils.isCSSProperty)(key)) {\n      boxProps[key] = props[key];\n    }\n  });\n  return boxProps;\n};\n\n/**\n * Filter out layout properties from props\n * @param props Original props object\n * @returns New object without layout properties\n */\nexports.extractBoxProps = extractBoxProps;\nconst omitBoxProps = props => {\n  const boxPropKeys = getUsedPropKeys();\n  const filteredProps = {};\n\n  // Copy all properties except box related ones\n  Object.keys(props).forEach(key => {\n    if (!boxPropKeys.includes(key)) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\nexports.omitBoxProps = omitBoxProps;\n\n//# sourceURL=webpack://rsuite/./src/internals/Box/utils.ts?");
 
 /***/ }),
 
@@ -6747,7 +6747,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _FormGroup = __webpack_require__(/*! ../../FormGroup */ \"./src/FormGroup/index.tsx\");\nvar _InputGroup = __webpack_require__(/*! ../../InputGroup */ \"./src/InputGroup/index.tsx\");\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/InputBase/InputBase.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `InputBase` component serves as the base for both Input and Textarea components.\n * It provides common functionality for both components.\n */\nconst InputBase = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    className,\n    classPrefix,\n    disabled,\n    value,\n    defaultValue,\n    inputRef,\n    id,\n    size,\n    plaintext,\n    placeholder,\n    readOnly,\n    inputProps,\n    onPressEnter,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onChange,\n    ...rest\n  } = props;\n  const inputGroup = (0, _react.useContext)(_InputGroup.InputGroupContext);\n  const {\n    controlId\n  } = (0, _FormGroup.useFormGroup)();\n  const handleKeyDown = event => {\n    if (event.key === _constants.KEY_VALUES.ENTER) {\n      onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);\n    }\n    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);\n  };\n  const handleChange = event => {\n    var _event$target;\n    onChange === null || onChange === void 0 || onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);\n  };\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix || 'input');\n  const classes = merge(className, withPrefix(size, {\n    plaintext\n  }));\n\n  // Make the component display in plain text,\n  // and display default characters when there is no value.\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"unfilled\",\n      placeholder: placeholder,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\n        columnNumber: 7\n      }\n    }, typeof value === 'undefined' ? defaultValue : value);\n  }\n  const inputable = !disabled && !readOnly;\n  const eventProps = {};\n  if (inputable) {\n    eventProps.onChange = handleChange;\n    eventProps.onKeyDown = handleKeyDown;\n    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onFocus);\n    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onBlur);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: (0, _utils.mergeRefs)(ref, inputRef),\n    className: classes,\n    id: id || controlId,\n    value: value,\n    defaultValue: defaultValue,\n    disabled: disabled,\n    readOnly: readOnly,\n    placeholder: placeholder\n  }, inputProps, eventProps, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 127,\n      columnNumber: 5\n    }\n  }));\n});\nInputBase.displayName = 'InputBase';\nvar _default = exports[\"default\"] = InputBase;\n\n//# sourceURL=webpack://rsuite/./src/internals/InputBase/InputBase.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _Box = _interopRequireDefault(__webpack_require__(/*! ../Box */ \"./src/internals/Box/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _FormGroup = __webpack_require__(/*! ../../FormGroup */ \"./src/FormGroup/index.tsx\");\nvar _InputGroup = __webpack_require__(/*! ../../InputGroup */ \"./src/InputGroup/index.tsx\");\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/InputBase/InputBase.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * The `InputBase` component serves as the base for both Input and Textarea components.\n * It provides common functionality for both components.\n */\nconst InputBase = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    className,\n    classPrefix,\n    disabled,\n    value,\n    defaultValue,\n    inputRef,\n    id,\n    size,\n    plaintext,\n    placeholder,\n    readOnly,\n    inputProps,\n    onPressEnter,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onChange,\n    ...rest\n  } = props;\n  const inputGroup = (0, _react.useContext)(_InputGroup.InputGroupContext);\n  const {\n    controlId\n  } = (0, _FormGroup.useFormGroup)();\n  const handleKeyDown = event => {\n    if (event.key === _constants.KEY_VALUES.ENTER) {\n      onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);\n    }\n    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);\n  };\n  const handleChange = event => {\n    var _event$target;\n    onChange === null || onChange === void 0 || onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);\n  };\n  const {\n    withPrefix,\n    merge\n  } = (0, _hooks.useStyles)(classPrefix || 'input');\n  const classes = merge(className, withPrefix({\n    plaintext\n  }));\n\n  // Make the component display in plain text,\n  // and display default characters when there is no value.\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"unfilled\",\n      placeholder: placeholder,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 7\n      }\n    }, typeof value === 'undefined' ? defaultValue : value);\n  }\n  const inputable = !disabled && !readOnly;\n  const eventProps = {};\n  if (inputable) {\n    eventProps.onChange = handleChange;\n    eventProps.onKeyDown = handleKeyDown;\n    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onFocus);\n    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onBlur);\n  }\n  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as,\n    ref: (0, _utils.mergeRefs)(ref, inputRef),\n    className: classes,\n    id: id || controlId,\n    value: value,\n    defaultValue: defaultValue,\n    disabled: disabled,\n    readOnly: readOnly,\n    placeholder: placeholder,\n    \"data-size\": size\n  }, inputProps, eventProps, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 129,\n      columnNumber: 5\n    }\n  }));\n});\nInputBase.displayName = 'InputBase';\nvar _default = exports[\"default\"] = InputBase;\n\n//# sourceURL=webpack://rsuite/./src/internals/InputBase/InputBase.tsx?");
 
 /***/ }),
 
@@ -6791,7 +6791,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/internals/Menu/MenuContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * Headless ARIA `menuitem`\n * @private\n */\nfunction MenuItem(props) {\n  var _menuState$items$menu;\n  const {\n    children,\n    selected = false,\n    disabled = false,\n    onActivate\n  } = props;\n  const menuitemRef = (0, _react.useRef)(null);\n  const menuitemId = (0, _hooks.useUniqueId)('menuitem-');\n  const menu = (0, _react.useContext)(_MenuContext.default);\n  if (!menu) {\n    throw new Error('<MenuItem> must be rendered within a <Menu>');\n  }\n  const [menuState, dispatch] = menu;\n\n  // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)\n  const hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && ((_menuState$items$menu = menuState.items[menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current;\n  const handleClick = (0, _react.useCallback)(event => {\n    if (disabled) {\n      return;\n    }\n    onActivate === null || onActivate === void 0 || onActivate(event);\n  }, [disabled, onActivate]);\n\n  // Gain/release focus on mousedown in `menubar`\n\n  const handleMouseDown = (0, _react.useCallback)(() => {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [dispatch, hasFocus]);\n\n  // Gain/release focus on mouseenter/mouseleave in `menu`\n  const handleMouseMove = (0, _react.useCallback)(() => {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [hasFocus, dispatch]);\n  const handleMouseLeave = (0, _react.useCallback)(() => {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(() => {\n    const menuitemElement = menuitemRef.current;\n    if (menuitemElement) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.RegisterItem,\n        element: menuitemElement,\n        props: {\n          disabled\n        }\n      });\n      return () => {\n        dispatch({\n          type: _MenuContext.MenuActionTypes.UnregisterItem,\n          id: menuitemElement.id\n        });\n      };\n    }\n  }, [menuitemRef, disabled, dispatch]);\n  const menuitemProps = {\n    id: menuitemId,\n    role: 'menuitem',\n    // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox\n    'aria-checked': selected || undefined,\n    'aria-disabled': disabled,\n    tabIndex: -1,\n    onClick: handleClick,\n    // render props\n\n    selected,\n    active: hasFocus\n  };\n\n  // Only move focus on hover in a `menu`, not `menubar`\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {\n    menuitemProps.onMouseMove = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {\n    menuitemProps.onMouseDown = handleMouseDown;\n    menuitemProps.onMouseOver = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n  return children(menuitemProps, menuitemRef);\n}\nMenuItem.displayName = 'MenuItem';\nvar _default = exports[\"default\"] = MenuItem;\n\n//# sourceURL=webpack://rsuite/./src/internals/Menu/MenuItem.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 _react = __webpack_require__(/*! react */ \"react\");\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _MenuContext = _interopRequireWildcard(__webpack_require__(/*! ./MenuContext */ \"./src/internals/Menu/MenuContext.ts\"));\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n/**\n * Headless ARIA `menuitem`\n * @private\n */\nfunction MenuItem(props) {\n  var _menuState$items$menu;\n  const {\n    children,\n    selected = false,\n    disabled = false,\n    onActivate\n  } = props;\n  const menuitemRef = (0, _react.useRef)(null);\n  const menuitemId = (0, _hooks.useUniqueId)('menuitem-');\n  const menu = (0, _react.useContext)(_MenuContext.default);\n  if (!menu) {\n    throw new Error('<MenuItem> must be rendered within a <Menu>');\n  }\n  const [menuState, dispatch] = menu;\n\n  // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)\n  const hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && ((_menuState$items$menu = menuState.items[menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current;\n  const handleClick = (0, _react.useCallback)(event => {\n    if (disabled) {\n      return;\n    }\n    onActivate === null || onActivate === void 0 || onActivate(event);\n  }, [disabled, onActivate]);\n\n  // Gain/release focus on mousedown in `menubar`\n\n  const handleMouseDown = (0, _react.useCallback)(() => {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [dispatch, hasFocus]);\n\n  // Gain/release focus on mouseenter/mouseleave in `menu`\n  const handleMouseMove = (0, _react.useCallback)(() => {\n    if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.MoveFocus,\n        to: _MenuContext.MoveFocusTo.Specific,\n        id: menuitemRef.current.id\n      });\n    }\n  }, [hasFocus, dispatch]);\n  const handleMouseLeave = (0, _react.useCallback)(() => {\n    dispatch({\n      type: _MenuContext.MenuActionTypes.MoveFocus,\n      to: _MenuContext.MoveFocusTo.None\n    });\n  }, [dispatch]);\n  (0, _react.useEffect)(() => {\n    const menuitemElement = menuitemRef.current;\n    if (menuitemElement) {\n      dispatch({\n        type: _MenuContext.MenuActionTypes.RegisterItem,\n        element: menuitemElement,\n        props: {\n          disabled\n        }\n      });\n      return () => {\n        dispatch({\n          type: _MenuContext.MenuActionTypes.UnregisterItem,\n          id: menuitemElement.id\n        });\n      };\n    }\n  }, [menuitemRef, disabled, dispatch]);\n  const menuitemProps = {\n    id: menuitemId,\n    role: 'menuitem',\n    // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox\n    'aria-checked': selected || undefined,\n    'aria-disabled': disabled || undefined,\n    tabIndex: -1,\n    onClick: handleClick,\n    // render props\n\n    selected,\n    active: hasFocus\n  };\n\n  // Only move focus on hover in a `menu`, not `menubar`\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {\n    menuitemProps.onMouseMove = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {\n    menuitemProps.onMouseDown = handleMouseDown;\n    menuitemProps.onMouseOver = handleMouseMove;\n    menuitemProps.onMouseLeave = handleMouseLeave;\n  }\n  return children(menuitemProps, menuitemRef);\n}\nMenuItem.displayName = 'MenuItem';\nvar _default = exports[\"default\"] = MenuItem;\n\n//# sourceURL=webpack://rsuite/./src/internals/Menu/MenuItem.tsx?");
 
 /***/ }),
 
@@ -6835,7 +6835,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _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 _Box = _interopRequireDefault(__webpack_require__(/*! ../Box */ \"./src/internals/Box/index.tsx\"));\nvar _OverlayProvider = __webpack_require__(/*! ./OverlayProvider */ \"./src/internals/Overlay/OverlayProvider.tsx\");\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/Overlay/Modal.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nlet manager;\nfunction getManager() {\n  if (!manager) manager = new _ModalManager.default();\n  return manager;\n}\nconst useModalManager = () => {\n  const modalManager = getManager();\n  const 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: (containerElement, containerClassName) => modalManager.add(modal.current, containerElement, containerClassName),\n    remove: () => modalManager.remove(modal.current),\n    isTopModal: () => modalManager.isTopModal(modal.current),\n    setDialogRef: (0, _react.useCallback)(ref => {\n      modal.current.dialog = ref;\n    }, []),\n    setBackdropRef: (0, _react.useCallback)(ref => {\n      modal.current.backdrop = ref;\n    }, [])\n  };\n};\nconst Modal = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    children,\n    transition: Transition,\n    dialogTransitionTimeout,\n    style,\n    className,\n    container,\n    animationProps,\n    containerClassName,\n    keyboard = true,\n    enforceFocus = true,\n    backdrop = true,\n    backdropTransitionTimeout,\n    backdropStyle,\n    backdropClassName,\n    open,\n    autoFocus = true,\n    onEsc,\n    onExit,\n    onExiting,\n    onExited,\n    onEnter,\n    onEntering,\n    onEntered,\n    onClose,\n    onOpen,\n    ...rest\n  } = props;\n  const [exited, setExited] = (0, _react.useState)(!open);\n  const {\n    Portal,\n    target: containerElement\n  } = (0, _hooks.usePortal)({\n    container\n  });\n  const modal = useModalManager();\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\n  }\n  const mountModal = open || Transition && !exited;\n  const lastFocus = (0, _react.useRef)(null);\n  const handleDocumentKeyDown = (0, _hooks.useEventCallback)(event => {\n    if (keyboard && event.key === _constants.KEY_VALUES.ESC && modal.isTopModal()) {\n      onEsc === null || onEsc === void 0 || onEsc(event);\n      onClose === null || onClose === void 0 || onClose(event);\n    }\n  });\n  const restoreLastFocus = (0, _react.useCallback)(() => {\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 || _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  const handleFocusDialog = (0, _hooks.useEventCallback)(onBeforeFocusCallback => {\n    const currentActiveElement = document.activeElement;\n    const dialog = modal.dialog;\n    if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {\n      onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 || onBeforeFocusCallback();\n      dialog.focus();\n    }\n  });\n  const handleEnforceFocus = (0, _hooks.useEventCallback)(() => {\n    if (!enforceFocus || !modal.isTopModal()) {\n      return;\n    }\n    handleFocusDialog();\n  });\n  const documentKeyDownListener = (0, _react.useRef)(null);\n  const documentFocusListener = (0, _react.useRef)(null);\n  const handleOpen = (0, _hooks.useEventCallback)(() => {\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(() => {\n        lastFocus.current = document.activeElement;\n      });\n    }\n    onOpen === null || onOpen === void 0 || onOpen();\n  });\n  const handleClose = (0, _hooks.useEventCallback)(() => {\n    var _documentKeyDownListe, _documentFocusListene;\n    modal.remove();\n    (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 || _documentKeyDownListe.off();\n    documentKeyDownListener.current = null;\n    (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 || _documentFocusListene.off();\n    documentFocusListener.current = null;\n    restoreLastFocus();\n  });\n  (0, _react.useEffect)(() => {\n    if (!open) {\n      return;\n    }\n    handleOpen();\n  }, [open, handleOpen]);\n  (0, _react.useEffect)(() => {\n    if (!exited) {\n      return;\n    }\n    handleClose();\n  }, [exited, handleClose]);\n  (0, _hooks.useWillUnmount)(() => {\n    handleClose();\n  });\n  const handleExited = (0, _react.useCallback)(() => {\n    setExited(true);\n  }, []);\n  const overlayContainer = (0, _react.useCallback)(() => {\n    return modal.dialog;\n  }, [modal.dialog]);\n  if (!mountModal) {\n    return null;\n  }\n  const renderBackdrop = () => {\n    if (Transition) {\n      return /*#__PURE__*/_react.default.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: open,\n        timeout: backdropTransitionTimeout,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 251,\n          columnNumber: 9\n        }\n      }, (fadeProps, ref) => {\n        const {\n          className,\n          ...rest\n        } = fadeProps;\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, _utils.mergeRefs)(modal.setBackdropRef, ref),\n          className: (0, _classnames.default)(backdropClassName, className),\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 255,\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: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 269,\n        columnNumber: 12\n      }\n    });\n  };\n  const 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, _utils.createChainedFunction)(handleExited, onExited),\n    onEnter: onEnter,\n    onEntering: onEntering,\n    onEntered: onEntered,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 273,\n      columnNumber: 5\n    }\n  }), children) : children;\n  return /*#__PURE__*/_react.default.createElement(_OverlayProvider.OverlayProvider, {\n    overlayContainer: overlayContainer,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 293,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 294,\n      columnNumber: 7\n    }\n  }, backdrop && renderBackdrop(), /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(modal.setDialogRef, ref),\n    style: style,\n    className: className,\n    tabIndex: -1,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 296,\n      columnNumber: 9\n    }\n  }), dialogElement)));\n});\nModal.displayName = 'OverlayModal';\nvar _default = exports[\"default\"] = Modal;\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\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _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 _Box = _interopRequireDefault(__webpack_require__(/*! ../Box */ \"./src/internals/Box/index.tsx\"));\nvar _OverlayProvider = __webpack_require__(/*! ./OverlayProvider */ \"./src/internals/Overlay/OverlayProvider.tsx\");\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/internals/constants/index.ts\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/Overlay/Modal.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nlet manager;\nfunction getManager() {\n  if (!manager) manager = new _ModalManager.default();\n  return manager;\n}\nconst useModalManager = () => {\n  const modalManager = getManager();\n  const 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: (containerElement, containerClassName) => modalManager.add(modal.current, containerElement, containerClassName),\n    remove: () => modalManager.remove(modal.current),\n    isTopModal: () => modalManager.isTopModal(modal.current),\n    setDialogRef: (0, _react.useCallback)(ref => {\n      modal.current.dialog = ref;\n    }, []),\n    setBackdropRef: (0, _react.useCallback)(ref => {\n      modal.current.backdrop = ref;\n    }, [])\n  };\n};\nconst Modal = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as,\n    children,\n    transition: Transition,\n    dialogTransitionTimeout,\n    style,\n    className,\n    container,\n    animationProps,\n    containerClassName,\n    keyboard = true,\n    enforceFocus = true,\n    backdrop = true,\n    backdropTransitionTimeout,\n    backdropStyle,\n    backdropClassName,\n    open,\n    autoFocus = true,\n    onEsc,\n    onExit,\n    onExiting,\n    onExited,\n    onEnter,\n    onEntering,\n    onEntered,\n    onClose,\n    onOpen,\n    ...rest\n  } = props;\n  const [exited, setExited] = (0, _react.useState)(!open);\n  const {\n    Portal,\n    target: containerElement\n  } = (0, _hooks.usePortal)({\n    container\n  });\n  const modal = useModalManager();\n  if (open) {\n    if (exited) setExited(false);\n  } else if (!Transition && !exited) {\n    setExited(true);\n  }\n  const mountModal = open || Transition && !exited;\n  const lastFocus = (0, _react.useRef)(null);\n  const handleDocumentKeyDown = (0, _hooks.useEventCallback)(event => {\n    if (keyboard && event.key === _constants.KEY_VALUES.ESC && modal.isTopModal()) {\n      onEsc === null || onEsc === void 0 || onEsc(event);\n      onClose === null || onClose === void 0 || onClose(event);\n    }\n  });\n  const restoreLastFocus = (0, _react.useCallback)(() => {\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 || _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  const handleFocusDialog = (0, _hooks.useEventCallback)(onBeforeFocusCallback => {\n    const currentActiveElement = document.activeElement;\n    const dialog = modal.dialog;\n    if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {\n      onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 || onBeforeFocusCallback();\n      dialog.focus();\n    }\n  });\n  const handleEnforceFocus = (0, _hooks.useEventCallback)(() => {\n    if (!enforceFocus || !modal.isTopModal()) {\n      return;\n    }\n    handleFocusDialog();\n  });\n  const documentKeyDownListener = (0, _react.useRef)(null);\n  const documentFocusListener = (0, _react.useRef)(null);\n  const handleOpen = (0, _hooks.useEventCallback)(() => {\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(() => {\n        lastFocus.current = document.activeElement;\n      });\n    }\n    onOpen === null || onOpen === void 0 || onOpen();\n  });\n  const handleClose = (0, _hooks.useEventCallback)(() => {\n    var _documentKeyDownListe, _documentFocusListene;\n    modal.remove();\n    (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 || _documentKeyDownListe.off();\n    documentKeyDownListener.current = null;\n    (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 || _documentFocusListene.off();\n    documentFocusListener.current = null;\n    restoreLastFocus();\n  });\n  (0, _react.useEffect)(() => {\n    if (!open) {\n      return;\n    }\n    handleOpen();\n  }, [open, handleOpen]);\n  (0, _react.useEffect)(() => {\n    if (!exited) {\n      return;\n    }\n    handleClose();\n  }, [exited, handleClose]);\n  (0, _hooks.useWillUnmount)(() => {\n    handleClose();\n  });\n  const handleExited = (0, _react.useCallback)(() => {\n    setExited(true);\n  }, []);\n  const overlayContainer = (0, _react.useCallback)(() => {\n    return modal.dialog;\n  }, [modal.dialog]);\n  if (!mountModal) {\n    return null;\n  }\n  const renderBackdrop = () => {\n    if (Transition) {\n      return /*#__PURE__*/_react.default.createElement(_Fade.default, {\n        transitionAppear: true,\n        in: open,\n        timeout: backdropTransitionTimeout,\n        __self: void 0,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 253,\n          columnNumber: 9\n        }\n      }, (fadeProps, ref) => {\n        const {\n          className,\n          ...rest\n        } = fadeProps;\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, _utils.mergeRefs)(modal.setBackdropRef, ref),\n          className: (0, _classnames.default)(backdropClassName, className),\n          __self: void 0,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 257,\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: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 271,\n        columnNumber: 12\n      }\n    });\n  };\n  const 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, _utils.createChainedFunction)(handleExited, onExited),\n    onEnter: onEnter,\n    onEntering: onEntering,\n    onEntered: onEntered,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 275,\n      columnNumber: 5\n    }\n  }), children) : children;\n  return /*#__PURE__*/_react.default.createElement(_OverlayProvider.OverlayProvider, {\n    overlayContainer: overlayContainer,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 295,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 296,\n      columnNumber: 7\n    }\n  }, backdrop && renderBackdrop(), /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({\n    as: as\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(modal.setDialogRef, ref),\n    style: style,\n    className: className,\n    tabIndex: -1,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 298,\n      columnNumber: 9\n    }\n  }), dialogElement)));\n});\nModal.displayName = 'OverlayModal';\nvar _default = exports[\"default\"] = Modal;\n\n//# sourceURL=webpack://rsuite/./src/internals/Overlay/Modal.tsx?");
 
 /***/ }),
 
@@ -7000,7 +7000,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 _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _ToggleButton = _interopRequireDefault(__webpack_require__(/*! ./ToggleButton */ \"./src/internals/Picker/ToggleButton.tsx\"));\nvar _PickerIndicator = _interopRequireDefault(__webpack_require__(/*! ./PickerIndicator */ \"./src/internals/Picker/PickerIndicator.tsx\"));\nvar _PickerLabel = _interopRequireDefault(__webpack_require__(/*! ./PickerLabel */ \"./src/internals/Picker/PickerLabel.tsx\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../../Stack */ \"./src/Stack/index.tsx\"));\nvar _useCombobox = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCombobox */ \"./src/internals/Picker/hooks/useCombobox.ts\"));\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _PickerToggleTrigger = __webpack_require__(/*! ./PickerToggleTrigger */ \"./src/internals/Picker/PickerToggleTrigger.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/Picker/PickerToggle.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst PickerToggle = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    active,\n    as: Component = _ToggleButton.default,\n    classPrefix = 'picker-toggle',\n    children,\n    caret = true,\n    className,\n    disabled,\n    readOnly,\n    plaintext,\n    hasValue,\n    loading = false,\n    cleanable,\n    countable,\n    tabIndex = 0,\n    inputValue: inputValueProp,\n    focusItemValue,\n    placement = 'bottomStart',\n    caretComponent,\n    caretAs = caretComponent,\n    label,\n    name,\n    size,\n    onClean,\n    ...rest\n  } = props;\n  const combobox = (0, _react.useRef)(null);\n  const {\n    withPrefix,\n    merge,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    id,\n    labelId,\n    popupType\n  } = (0, _useCombobox.default)();\n  const inputValue = (0, _react.useMemo)(() => {\n    if (typeof inputValueProp === 'number' || typeof inputValueProp === 'string') {\n      return inputValueProp;\n    } else if (Array.isArray(inputValueProp)) {\n      return inputValueProp.join(',');\n    }\n    return '';\n  }, [inputValueProp]);\n  const classes = merge(className, withPrefix({\n    active\n  }));\n  const handleClean = (0, _hooks.useEventCallback)(event => {\n    var _combobox$current;\n    event.stopPropagation();\n    onClean === null || onClean === void 0 || onClean(event);\n    (_combobox$current = combobox.current) === null || _combobox$current === void 0 || _combobox$current.focus();\n  });\n  const ToggleCaret = (0, _hooks.useToggleCaret)(placement);\n  const Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"notSelected\",\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 7\n      }\n    }, hasValue ? children : null);\n  }\n  const showCleanButton = cleanable && hasValue && !readOnly;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"combobox\",\n    id: id,\n    size: size,\n    \"aria-haspopup\": popupType,\n    \"aria-expanded\": active,\n    \"aria-disabled\": disabled,\n    \"aria-controls\": id ? `${id}-${popupType}` : undefined,\n    \"aria-labelledby\": labelId,\n    \"aria-describedby\": id ? `${id}-describe` : undefined,\n    \"aria-activedescendant\": active && focusItemValue ? `${id}-opt-${focusItemValue}` : undefined,\n    \"data-has-value\": hasValue,\n    \"data-cleanable\": cleanable,\n    \"data-countable\": countable,\n    \"data-size\": size,\n    \"data-readonly\": readOnly,\n    ref: (0, _utils.mergeRefs)(combobox, ref),\n    disabled: disabled,\n    tabIndex: disabled ? undefined : tabIndex,\n    className: classes\n  }, (0, _omit2.default)(rest, _PickerToggleTrigger.triggerPropKeys), {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 110,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Stack.default, {\n    className: prefix('stack'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\n      columnNumber: 7\n    }\n  }, label && /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 134,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(_PickerLabel.default, {\n    as: \"span\",\n    className: prefix('label'),\n    id: labelId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 135,\n      columnNumber: 13\n    }\n  }, label)), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    grow: 1,\n    style: {\n      overflow: 'hidden'\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 140,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", {\n    readOnly: true,\n    \"aria-hidden\": true,\n    tabIndex: -1,\n    \"data-testid\": \"picker-toggle-input\",\n    name: name,\n    value: inputValue,\n    className: prefix('textbox', 'read-only'),\n    style: {\n      pointerEvents: 'none'\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 141,\n      columnNumber: 11\n    }\n  }), children ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(hasValue ? 'value' : 'placeholder'),\n    id: `${id}-describe`,\n    \"data-testid\": \"picker-describe\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 152,\n      columnNumber: 13\n    }\n  }, children) : null), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    className: prefix`indicator`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 161,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_PickerIndicator.default, {\n    size: size,\n    as: _react.default.Fragment,\n    loading: loading,\n    caretAs: caret ? Caret : null,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 162,\n      columnNumber: 11\n    }\n  }))));\n});\nPickerToggle.displayName = 'PickerToggle';\nvar _default = exports[\"default\"] = PickerToggle;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/PickerToggle.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 _omit2 = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _ToggleButton = _interopRequireDefault(__webpack_require__(/*! ./ToggleButton */ \"./src/internals/Picker/ToggleButton.tsx\"));\nvar _PickerIndicator = _interopRequireDefault(__webpack_require__(/*! ./PickerIndicator */ \"./src/internals/Picker/PickerIndicator.tsx\"));\nvar _PickerLabel = _interopRequireDefault(__webpack_require__(/*! ./PickerLabel */ \"./src/internals/Picker/PickerLabel.tsx\"));\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../../Stack */ \"./src/Stack/index.tsx\"));\nvar _useCombobox = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCombobox */ \"./src/internals/Picker/hooks/useCombobox.ts\"));\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _PickerToggleTrigger = __webpack_require__(/*! ./PickerToggleTrigger */ \"./src/internals/Picker/PickerToggleTrigger.tsx\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/Picker/PickerToggle.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst PickerToggle = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    active,\n    as: Component = _ToggleButton.default,\n    classPrefix = 'picker-toggle',\n    children,\n    caret = true,\n    className,\n    disabled,\n    readOnly,\n    plaintext,\n    hasValue,\n    loading = false,\n    cleanable,\n    countable,\n    tabIndex = 0,\n    inputValue: inputValueProp,\n    focusItemValue,\n    placement = 'bottomStart',\n    caretComponent,\n    caretAs = caretComponent,\n    label,\n    name,\n    size,\n    onClean,\n    ...rest\n  } = props;\n  const combobox = (0, _react.useRef)(null);\n  const {\n    withPrefix,\n    merge,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const {\n    id,\n    labelId,\n    popupType\n  } = (0, _useCombobox.default)();\n  const inputValue = (0, _react.useMemo)(() => {\n    if (typeof inputValueProp === 'number' || typeof inputValueProp === 'string') {\n      return inputValueProp;\n    } else if (Array.isArray(inputValueProp)) {\n      return inputValueProp.join(',');\n    }\n    return '';\n  }, [inputValueProp]);\n  const classes = merge(className, withPrefix({\n    active\n  }));\n  const handleClean = (0, _hooks.useEventCallback)(event => {\n    var _combobox$current;\n    event.stopPropagation();\n    onClean === null || onClean === void 0 || onClean(event);\n    (_combobox$current = combobox.current) === null || _combobox$current === void 0 || _combobox$current.focus();\n  });\n  const ToggleCaret = (0, _hooks.useToggleCaret)(placement);\n  const Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      ref: ref,\n      localeKey: \"notSelected\",\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 7\n      }\n    }, hasValue ? children : null);\n  }\n  const showCleanButton = cleanable && hasValue && !readOnly;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"combobox\",\n    id: id,\n    size: size,\n    \"aria-haspopup\": popupType,\n    \"aria-expanded\": active,\n    \"aria-disabled\": disabled,\n    \"aria-controls\": id ? `${id}-${popupType}` : undefined,\n    \"aria-labelledby\": labelId,\n    \"aria-describedby\": id ? `${id}-describe` : undefined,\n    \"aria-activedescendant\": active && focusItemValue ? `${id}-opt-${focusItemValue}` : undefined,\n    \"data-has-value\": hasValue,\n    \"data-cleanable\": cleanable,\n    \"data-countable\": countable,\n    \"data-size\": size,\n    \"data-readonly\": readOnly,\n    ref: (0, _utils.mergeRefs)(combobox, ref),\n    disabled: disabled,\n    tabIndex: disabled ? undefined : tabIndex,\n    className: classes\n  }, (0, _omit2.default)(rest, _PickerToggleTrigger.triggerPropKeys), {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 110,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Stack.default, {\n    className: prefix('stack'),\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 132,\n      columnNumber: 7\n    }\n  }, label && /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 134,\n      columnNumber: 11\n    }\n  }, /*#__PURE__*/_react.default.createElement(_PickerLabel.default, {\n    as: \"span\",\n    className: prefix('label'),\n    id: labelId,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 135,\n      columnNumber: 13\n    }\n  }, label)), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    grow: 1,\n    overflow: \"hidden\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 140,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", {\n    readOnly: true,\n    \"aria-hidden\": true,\n    tabIndex: -1,\n    \"data-testid\": \"picker-toggle-input\",\n    name: name,\n    value: inputValue,\n    className: prefix('textbox'),\n    style: {\n      pointerEvents: 'none'\n    },\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 141,\n      columnNumber: 11\n    }\n  }), children ? /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix(hasValue ? 'value' : 'placeholder'),\n    id: `${id}-describe`,\n    \"data-testid\": \"picker-describe\",\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 152,\n      columnNumber: 13\n    }\n  }, children) : null), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n    className: prefix`indicator`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 161,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_PickerIndicator.default, {\n    size: size,\n    as: _react.default.Fragment,\n    loading: loading,\n    caretAs: caret ? Caret : null,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 162,\n      columnNumber: 11\n    }\n  }))));\n});\nPickerToggle.displayName = 'PickerToggle';\nvar _default = exports[\"default\"] = PickerToggle;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/PickerToggle.tsx?");
 
 /***/ }),
 
@@ -7462,7 +7462,7 @@ eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.us
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useCustom = useCustom;\nvar _assign = _interopRequireDefault(__webpack_require__(/*! lodash/assign */ \"./node_modules/lodash/assign.js\"));\nvar _en_GB = _interopRequireDefault(__webpack_require__(/*! ../../locales/en_GB */ \"./src/locales/en_GB.ts\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _date = __webpack_require__(/*! ../utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _CustomContext = __webpack_require__(/*! ../Provider/CustomContext */ \"./src/internals/Provider/CustomContext.tsx\");\nfunction getDefaultRTL() {\n  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n}\nfunction toLocaleKey(componentName) {\n  const Picker = ['Cascader', 'CheckTreePicker', 'MultiCascader', 'SelectPicker', 'TreePicker', 'CheckPicker', 'CheckTreePicker'];\n  if (Picker.includes(componentName)) {\n    return 'Combobox';\n  }\n  return componentName;\n}\n\n/**\n * A hook to get custom configuration of `<CustomProvider>`\n * @param componentName - The name of the component\n * @param componentProps - The props of the component\n */\nfunction useCustom(componentName, componentProps) {\n  var _globalLocale$DateTim;\n  const {\n    components = {},\n    locale: globalLocale = _en_GB.default,\n    rtl = getDefaultRTL(),\n    formatDate,\n    parseDate,\n    classPrefix,\n    toasters,\n    disableRipple\n  } = (0, _react.useContext)(_CustomContext.CustomContext);\n  const {\n    locale: componentLocale,\n    ...restProps\n  } = componentProps || {};\n  const dateLocale = globalLocale === null || globalLocale === void 0 || (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;\n  const code = globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.code;\n  const getLocale = (0, _react.useCallback)((key, overrideLocale) => {\n    // Initialize with common locale\n    const publicLocale = (globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.common) || {};\n\n    // Merge component-specific locale(s) based on key type\n    const specificLocale = typeof key === 'string' ? globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale[key] : Array.isArray(key) ? (0, _assign.default)({}, ...key.map(k => globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale[k])) : {};\n\n    // Merge all parts: public locale, specific locale, custom component locale\n    return (0, _assign.default)({}, publicLocale, specificLocale, componentLocale, overrideLocale);\n  }, [globalLocale, componentLocale]);\n  const propsWithDefaults = (0, _react.useMemo)(() => {\n    var _components$component;\n    if (!componentName) {\n      return;\n    }\n\n    //Memoize the global default props based on component name\n    const globalDefaultProps = ((_components$component = components[componentName]) === null || _components$component === void 0 ? void 0 : _components$component.defaultProps) || {};\n    const mergedProps = (0, _assign.default)({}, globalDefaultProps, restProps);\n    const localeKey = toLocaleKey(componentName);\n\n    // If the default locale has the component name, then merge the locale.\n    if (Object.keys(_en_GB.default).includes(localeKey)) {\n      return {\n        ...mergedProps,\n        locale: getLocale(localeKey)\n      };\n    }\n    return mergedProps;\n  }, [componentName, components, getLocale, restProps]);\n  const _formatDate = (0, _react.useCallback)((date, formatStr, options) => {\n    try {\n      if (formatDate) {\n        return formatDate(date, formatStr, options);\n      }\n      return (0, _date.format)((0, _date.isValid)(date) ? date : new Date(), formatStr, {\n        locale: dateLocale,\n        ...options\n      });\n    } catch (error) {\n      if (true) {\n        console.error('Error: Invalid date format', error);\n      }\n      return 'Error: Invalid date format';\n    }\n  }, [dateLocale, formatDate]);\n  const _parseDate = (0, _react.useCallback)((dateString, formatString, referenceDate, options) => {\n    if (parseDate) {\n      return parseDate(dateString, formatString, referenceDate, options);\n    }\n    return (0, _date.parse)(dateString, formatString, referenceDate || new Date(), {\n      locale: dateLocale,\n      ...options\n    });\n  }, [parseDate, dateLocale]);\n  return {\n    code,\n    rtl,\n    toasters,\n    disableRipple,\n    classPrefix,\n    propsWithDefaults,\n    getLocale,\n    formatDate: _formatDate,\n    parseDate: _parseDate\n  };\n}\nvar _default = exports[\"default\"] = useCustom;\n\n//# sourceURL=webpack://rsuite/./src/internals/hooks/useCustom.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useCustom = useCustom;\nvar _assign = _interopRequireDefault(__webpack_require__(/*! lodash/assign */ \"./node_modules/lodash/assign.js\"));\nvar _en_GB = _interopRequireDefault(__webpack_require__(/*! ../../locales/en_GB */ \"./src/locales/en_GB.ts\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _date = __webpack_require__(/*! ../utils/date */ \"./src/internals/utils/date/index.ts\");\nvar _CustomContext = __webpack_require__(/*! ../Provider/CustomContext */ \"./src/internals/Provider/CustomContext.tsx\");\nfunction getDefaultRTL() {\n  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';\n}\n\n/**\n * Maps a component name to its corresponding locale key\n * @param componentName - The name of the component\n * @returns The locale key for the component\n */\nfunction getComponentLocaleKey(componentName) {\n  // Define mappings for components that share locale keys\n  const localeKeyMappings = {\n    // All picker components use the Combobox locale\n    Cascader: 'Combobox',\n    CheckTreePicker: 'Combobox',\n    MultiCascader: 'Combobox',\n    SelectPicker: 'Combobox',\n    TreePicker: 'Combobox',\n    CheckPicker: 'Combobox',\n    // Time components use date components locales\n    TimePicker: 'DatePicker',\n    TimeRangePicker: 'DateRangePicker'\n  };\n\n  // Return the mapped locale key or the component name itself if no mapping exists\n  return localeKeyMappings[componentName] || componentName;\n}\n\n/**\n * A hook to get custom configuration of `<CustomProvider>`\n * @param componentName - The name of the component\n * @param componentProps - The props of the component\n */\nfunction useCustom(componentName, componentProps) {\n  var _globalLocale$DateTim;\n  const {\n    components = {},\n    locale: globalLocale = _en_GB.default,\n    rtl = getDefaultRTL(),\n    formatDate,\n    parseDate,\n    classPrefix,\n    toasters,\n    disableRipple\n  } = (0, _react.useContext)(_CustomContext.CustomContext);\n  const {\n    locale: componentLocale,\n    ...restProps\n  } = componentProps || {};\n  const dateLocale = globalLocale === null || globalLocale === void 0 || (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;\n  const code = globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.code;\n  const getLocale = (0, _react.useCallback)((key, overrideLocale) => {\n    // Initialize with common locale\n    const publicLocale = (globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.common) || {};\n\n    // Merge component-specific locale(s) based on key type\n    const specificLocale = typeof key === 'string' ? globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale[key] : Array.isArray(key) ? (0, _assign.default)({}, ...key.map(k => globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale[k])) : {};\n\n    // Merge all parts: public locale, specific locale, custom component locale\n    return (0, _assign.default)({}, publicLocale, specificLocale, componentLocale, overrideLocale);\n  }, [globalLocale, componentLocale]);\n  const propsWithDefaults = (0, _react.useMemo)(() => {\n    var _components$component;\n    if (!componentName) {\n      return;\n    }\n\n    //Memoize the global default props based on component name\n    const globalDefaultProps = ((_components$component = components[componentName]) === null || _components$component === void 0 ? void 0 : _components$component.defaultProps) || {};\n    const mergedProps = (0, _assign.default)({}, globalDefaultProps, restProps);\n    const localeKey = getComponentLocaleKey(componentName);\n\n    // If the default locale has the component name, then merge the locale.\n    if (Object.keys(_en_GB.default).includes(localeKey)) {\n      return {\n        ...mergedProps,\n        locale: getLocale(localeKey)\n      };\n    }\n    return mergedProps;\n  }, [componentName, components, getLocale, restProps]);\n  const _formatDate = (0, _react.useCallback)((date, formatStr, options) => {\n    try {\n      if (formatDate) {\n        return formatDate(date, formatStr, options);\n      }\n      return (0, _date.format)((0, _date.isValid)(date) ? date : new Date(), formatStr, {\n        locale: dateLocale,\n        ...options\n      });\n    } catch (error) {\n      if (true) {\n        console.error('Error: Invalid date format', error);\n      }\n      return 'Error: Invalid date format';\n    }\n  }, [dateLocale, formatDate]);\n  const _parseDate = (0, _react.useCallback)((dateString, formatString, referenceDate, options) => {\n    if (parseDate) {\n      return parseDate(dateString, formatString, referenceDate, options);\n    }\n    return (0, _date.parse)(dateString, formatString, referenceDate || new Date(), {\n      locale: dateLocale,\n      ...options\n    });\n  }, [parseDate, dateLocale]);\n  return {\n    code,\n    rtl,\n    toasters,\n    disableRipple,\n    classPrefix,\n    propsWithDefaults,\n    getLocale,\n    formatDate: _formatDate,\n    parseDate: _parseDate\n  };\n}\nvar _default = exports[\"default\"] = useCustom;\n\n//# sourceURL=webpack://rsuite/./src/internals/hooks/useCustom.ts?");
 
 /***/ }),
 
@@ -7708,14 +7708,14 @@ eval("\n\nexports.__esModule = true;\nexports.FormattedNumber = FormattedNumber;
 
 /***/ }),
 
-/***/ "./src/internals/styled-system/css-property.ts":
-/*!*****************************************************!*\
-  !*** ./src/internals/styled-system/css-property.ts ***!
-  \*****************************************************/
+/***/ "./src/internals/styled-system/css-alias.ts":
+/*!**************************************************!*\
+  !*** ./src/internals/styled-system/css-alias.ts ***!
+  \**************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.cssPropertyMap = void 0;\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\n/**\n * CSS Property Map\n * Maps shorthand property names to their corresponding CSS properties\n */\nconst cssPropertyMap = exports.cssPropertyMap = {\n  // Spacing\n  p: {\n    type: 'spacing',\n    property: 'padding'\n  },\n  pt: {\n    type: 'spacing',\n    property: 'padding-top'\n  },\n  pr: {\n    type: 'spacing',\n    property: 'padding-right'\n  },\n  pb: {\n    type: 'spacing',\n    property: 'padding-bottom'\n  },\n  pl: {\n    type: 'spacing',\n    property: 'padding-left'\n  },\n  px: {\n    type: 'spacing',\n    property: 'padding-inline'\n  },\n  py: {\n    type: 'spacing',\n    property: 'padding-block'\n  },\n  ps: {\n    type: 'spacing',\n    property: 'padding-inline-start'\n  },\n  pe: {\n    type: 'spacing',\n    property: 'padding-inline-end'\n  },\n  m: {\n    type: 'spacing',\n    property: 'margin'\n  },\n  mt: {\n    type: 'spacing',\n    property: 'margin-top'\n  },\n  mr: {\n    type: 'spacing',\n    property: 'margin-right'\n  },\n  mb: {\n    type: 'spacing',\n    property: 'margin-bottom'\n  },\n  ml: {\n    type: 'spacing',\n    property: 'margin-left'\n  },\n  mx: {\n    type: 'spacing',\n    property: 'margin-inline'\n  },\n  my: {\n    type: 'spacing',\n    property: 'margin-block'\n  },\n  ms: {\n    type: 'spacing',\n    property: 'margin-inline-start'\n  },\n  me: {\n    type: 'spacing',\n    property: 'margin-inline-end'\n  },\n  // Sizing\n  w: {\n    type: 'sizing',\n    property: 'width'\n  },\n  h: {\n    type: 'sizing',\n    property: 'height'\n  },\n  minw: {\n    type: 'sizing',\n    property: 'min-width'\n  },\n  maxw: {\n    type: 'sizing',\n    property: 'max-width'\n  },\n  minh: {\n    type: 'sizing',\n    property: 'min-height'\n  },\n  maxh: {\n    type: 'sizing',\n    property: 'max-height'\n  },\n  // Layout & Position\n  display: {\n    type: 'layout',\n    property: 'display'\n  },\n  pos: {\n    type: 'position',\n    property: 'position'\n  },\n  left: {\n    type: 'position',\n    property: 'left'\n  },\n  top: {\n    type: 'position',\n    property: 'top'\n  },\n  right: {\n    type: 'position',\n    property: 'right'\n  },\n  bottom: {\n    type: 'position',\n    property: 'bottom'\n  },\n  inset: {\n    type: 'position',\n    property: 'inset'\n  },\n  insetx: {\n    type: 'position',\n    property: 'inset-inline'\n  },\n  insety: {\n    type: 'position',\n    property: 'inset-block'\n  },\n  boxsizing: {\n    type: 'position',\n    property: 'box-sizing'\n  },\n  // Background\n  bg: {\n    type: 'background',\n    property: 'background',\n    transformer: _utils.getColorValue\n  },\n  bgc: {\n    type: 'background',\n    property: 'background-color',\n    transformer: _utils.getColorValue\n  },\n  bgi: {\n    type: 'background',\n    property: 'background-image'\n  },\n  bga: {\n    type: 'background',\n    property: 'background-attachment'\n  },\n  bgp: {\n    type: 'background',\n    property: 'background-position'\n  },\n  bgsz: {\n    type: 'background',\n    property: 'background-size'\n  },\n  bgr: {\n    type: 'background',\n    property: 'background-repeat'\n  },\n  // Typography\n  c: {\n    type: 'typography',\n    property: 'color',\n    transformer: _utils.getColorValue\n  },\n  ff: {\n    type: 'typography',\n    property: 'font-family'\n  },\n  fs: {\n    type: 'typography',\n    property: 'font-size'\n  },\n  fw: {\n    type: 'typography',\n    property: 'font-weight'\n  },\n  ta: {\n    type: 'typography',\n    property: 'text-align'\n  },\n  tt: {\n    type: 'typography',\n    property: 'text-transform'\n  },\n  td: {\n    type: 'typography',\n    property: 'text-decoration'\n  },\n  tds: {\n    type: 'typography',\n    property: 'text-decoration-style'\n  },\n  tdc: {\n    type: 'typography',\n    property: 'text-decoration-color',\n    transformer: _utils.getColorValue\n  },\n  lts: {\n    type: 'typography',\n    property: 'letter-spacing'\n  },\n  lh: {\n    type: 'typography',\n    property: 'line-height'\n  },\n  // Border\n  bd: {\n    type: 'border',\n    property: 'border'\n  },\n  bs: {\n    type: 'border',\n    property: 'border-style'\n  },\n  bc: {\n    type: 'border',\n    property: 'border-color',\n    transformer: _utils.getColorValue\n  },\n  bw: {\n    type: 'border',\n    property: 'border-width'\n  },\n  // Radius\n  rounded: {\n    type: 'radius',\n    property: 'border-radius',\n    transformer: value => (0, _utils.getSizeValue)('radius', value)\n  },\n  // Shadow & Effects\n  shadow: {\n    type: 'effect',\n    property: 'box-shadow',\n    transformer: value => (0, _utils.getSizeValue)('shadow', value)\n  },\n  opacity: {\n    type: 'effect',\n    property: 'opacity'\n  },\n  // flex\n  gap: {\n    type: 'flex',\n    property: 'gap'\n  },\n  spacing: {\n    type: 'flex',\n    property: 'gap'\n  },\n  // alias for gap\n  rowgap: {\n    type: 'flex',\n    property: 'row-gap'\n  },\n  colgap: {\n    type: 'flex',\n    property: 'column-gap'\n  },\n  align: {\n    type: 'flex',\n    property: 'align-items'\n  },\n  justify: {\n    type: 'flex',\n    property: 'justify-content'\n  }\n};\n\n//# sourceURL=webpack://rsuite/./src/internals/styled-system/css-property.ts?");
+eval("\n\nexports.__esModule = true;\nexports.cssSystemPropAlias = void 0;\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nconst transformRadiusValue = value => (0, _utils.getSizeValue)('radius', value);\nconst transformShadowValue = value => (0, _utils.getSizeValue)('shadow', value);\n\n/**\n * CSS Property Alias\n * This type maps all the CSS properties defined in cssSystemPropAlias to their corresponding React CSS types\n */\nconst cssSystemPropAlias = exports.cssSystemPropAlias = {\n  // — Spacing ————————————————————\n  p: {\n    type: 'any',\n    property: 'padding'\n  },\n  pt: {\n    type: 'any',\n    property: 'padding-top'\n  },\n  pr: {\n    type: 'any',\n    property: 'padding-right'\n  },\n  pb: {\n    type: 'any',\n    property: 'padding-bottom'\n  },\n  pl: {\n    type: 'any',\n    property: 'padding-left'\n  },\n  px: {\n    type: 'any',\n    property: 'padding-inline'\n  },\n  py: {\n    type: 'any',\n    property: 'padding-block'\n  },\n  ps: {\n    type: 'any',\n    property: 'padding-inline-start'\n  },\n  pe: {\n    type: 'any',\n    property: 'padding-inline-end'\n  },\n  m: {\n    type: 'any',\n    property: 'margin'\n  },\n  mt: {\n    type: 'any',\n    property: 'margin-top'\n  },\n  mr: {\n    type: 'any',\n    property: 'margin-right'\n  },\n  mb: {\n    type: 'any',\n    property: 'margin-bottom'\n  },\n  ml: {\n    type: 'any',\n    property: 'margin-left'\n  },\n  mx: {\n    type: 'any',\n    property: 'margin-inline'\n  },\n  my: {\n    type: 'any',\n    property: 'margin-block'\n  },\n  ms: {\n    type: 'any',\n    property: 'margin-inline-start'\n  },\n  me: {\n    type: 'any',\n    property: 'margin-inline-end'\n  },\n  // — Sizing ————————————————————\n  w: {\n    type: 'any',\n    property: 'width'\n  },\n  h: {\n    type: 'any',\n    property: 'height'\n  },\n  minw: {\n    type: 'any',\n    property: 'min-width'\n  },\n  maxw: {\n    type: 'any',\n    property: 'max-width'\n  },\n  minh: {\n    type: 'any',\n    property: 'min-height'\n  },\n  maxh: {\n    type: 'any',\n    property: 'max-height'\n  },\n  // — Layout & Position ————————————————————\n  display: {\n    type: 'any',\n    property: 'display'\n  },\n  pos: {\n    type: 'any',\n    property: 'position'\n  },\n  left: {\n    type: 'any',\n    property: 'left'\n  },\n  top: {\n    type: 'any',\n    property: 'top'\n  },\n  right: {\n    type: 'any',\n    property: 'right'\n  },\n  bottom: {\n    type: 'any',\n    property: 'bottom'\n  },\n  inset: {\n    type: 'any',\n    property: 'inset'\n  },\n  insetx: {\n    type: 'any',\n    property: 'inset-inline'\n  },\n  insety: {\n    type: 'any',\n    property: 'inset-block'\n  },\n  bsz: {\n    type: 'string',\n    property: 'box-sizing'\n  },\n  z: {\n    type: 'number',\n    property: 'z-index'\n  },\n  // — Background ————————————————————\n  bg: {\n    type: 'string',\n    property: 'background',\n    transformer: _utils.getColorValue\n  },\n  bgc: {\n    type: 'string',\n    property: 'background-color',\n    transformer: _utils.getColorValue\n  },\n  bgi: {\n    type: 'string',\n    property: 'background-image'\n  },\n  bga: {\n    type: 'string',\n    property: 'background-attachment'\n  },\n  bgp: {\n    type: 'string',\n    property: 'background-position'\n  },\n  bgsz: {\n    type: 'string',\n    property: 'background-size'\n  },\n  bgr: {\n    type: 'string',\n    property: 'background-repeat'\n  },\n  // — Typography ————————————————————\n  c: {\n    type: 'string',\n    property: 'color',\n    transformer: _utils.getColorValue\n  },\n  ff: {\n    type: 'string',\n    property: 'font-family'\n  },\n  fs: {\n    type: 'string',\n    property: 'font-size'\n  },\n  fw: {\n    type: 'string',\n    property: 'font-weight'\n  },\n  ta: {\n    type: 'string',\n    property: 'text-align'\n  },\n  tt: {\n    type: 'string',\n    property: 'text-transform'\n  },\n  td: {\n    type: 'string',\n    property: 'text-decoration'\n  },\n  tds: {\n    type: 'string',\n    property: 'text-decoration-style'\n  },\n  tdc: {\n    type: 'string',\n    property: 'text-decoration-color',\n    transformer: _utils.getColorValue\n  },\n  lts: {\n    type: 'string',\n    property: 'letter-spacing'\n  },\n  lh: {\n    type: 'any',\n    property: 'line-height'\n  },\n  // — Border ————————————————————\n  bd: {\n    type: 'string',\n    property: 'border'\n  },\n  bs: {\n    type: 'string',\n    property: 'border-style'\n  },\n  bc: {\n    type: 'string',\n    property: 'border-color',\n    transformer: _utils.getColorValue\n  },\n  bw: {\n    type: 'any',\n    property: 'border-width'\n  },\n  bdt: {\n    type: 'string',\n    property: 'border-top'\n  },\n  bdb: {\n    type: 'string',\n    property: 'border-bottom'\n  },\n  bdl: {\n    type: 'string',\n    property: 'border-left'\n  },\n  bdr: {\n    type: 'string',\n    property: 'border-right'\n  },\n  bdts: {\n    type: 'string',\n    property: 'border-top-style'\n  },\n  bdbs: {\n    type: 'string',\n    property: 'border-bottom-style'\n  },\n  bdls: {\n    type: 'string',\n    property: 'border-left-style'\n  },\n  bdrs: {\n    type: 'string',\n    property: 'border-right-style'\n  },\n  bdtc: {\n    type: 'string',\n    property: 'border-top-color',\n    transformer: _utils.getColorValue\n  },\n  bdbc: {\n    type: 'string',\n    property: 'border-bottom-color',\n    transformer: _utils.getColorValue\n  },\n  bdlc: {\n    type: 'string',\n    property: 'border-left-color',\n    transformer: _utils.getColorValue\n  },\n  bdrc: {\n    type: 'string',\n    property: 'border-right-color',\n    transformer: _utils.getColorValue\n  },\n  bdtw: {\n    type: 'any',\n    property: 'border-top-width'\n  },\n  bdbw: {\n    type: 'any',\n    property: 'border-bottom-width'\n  },\n  bdlw: {\n    type: 'any',\n    property: 'border-left-width'\n  },\n  bdrw: {\n    type: 'any',\n    property: 'border-right-width'\n  },\n  rounded: {\n    type: 'any',\n    property: 'border-radius',\n    transformer: transformRadiusValue\n  },\n  // — Shadow & Effects ————————————————————\n  shadow: {\n    type: 'any',\n    property: 'box-shadow',\n    transformer: transformShadowValue\n  },\n  opacity: {\n    type: 'any',\n    property: 'opacity'\n  },\n  // — Flex ————————————————————\n  gap: {\n    type: 'any',\n    property: 'gap'\n  },\n  spacing: {\n    type: 'any',\n    property: 'gap'\n  },\n  // alias for gap\n  rowgap: {\n    type: 'any',\n    property: 'row-gap'\n  },\n  colgap: {\n    type: 'any',\n    property: 'column-gap'\n  },\n  align: {\n    type: 'string',\n    property: 'align-items'\n  },\n  justify: {\n    type: 'string',\n    property: 'justify-content'\n  },\n  self: {\n    type: 'string',\n    property: 'align-self'\n  },\n  basis: {\n    type: 'any',\n    property: 'flex-basis'\n  },\n  flex: {\n    type: 'string',\n    property: 'flex'\n  },\n  grow: {\n    type: 'number',\n    property: 'flex-grow'\n  },\n  order: {\n    type: 'number',\n    property: 'order'\n  },\n  shrink: {\n    type: 'number',\n    property: 'flex-shrink'\n  },\n  direction: {\n    type: 'string',\n    property: 'flex-direction'\n  }\n};\n\n//# sourceURL=webpack://rsuite/./src/internals/styled-system/css-alias.ts?");
 
 /***/ }),
 
@@ -7726,7 +7726,7 @@ eval("\n\nexports.__esModule = true;\nexports.cssPropertyMap = void 0;\nvar _uti
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nvar _responsive = __webpack_require__(/*! ./responsive */ \"./src/internals/styled-system/responsive.ts\");\nObject.keys(_responsive).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _responsive[key]) return;\n  exports[key] = _responsive[key];\n});\nvar _useStyled = __webpack_require__(/*! ./useStyled */ \"./src/internals/styled-system/useStyled.ts\");\nObject.keys(_useStyled).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _useStyled[key]) return;\n  exports[key] = _useStyled[key];\n});\nvar _styleManager = __webpack_require__(/*! ./style-manager */ \"./src/internals/styled-system/style-manager.ts\");\nObject.keys(_styleManager).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _styleManager[key]) return;\n  exports[key] = _styleManager[key];\n});\nvar _cssProperty = __webpack_require__(/*! ./css-property */ \"./src/internals/styled-system/css-property.ts\");\nObject.keys(_cssProperty).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _cssProperty[key]) return;\n  exports[key] = _cssProperty[key];\n});\nvar _types = __webpack_require__(/*! ./types */ \"./src/internals/styled-system/types.ts\");\nObject.keys(_types).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _types[key]) return;\n  exports[key] = _types[key];\n});\n\n//# sourceURL=webpack://rsuite/./src/internals/styled-system/index.ts?");
+eval("\n\nexports.__esModule = true;\nvar _responsive = __webpack_require__(/*! ./responsive */ \"./src/internals/styled-system/responsive.ts\");\nObject.keys(_responsive).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _responsive[key]) return;\n  exports[key] = _responsive[key];\n});\nvar _useStyled = __webpack_require__(/*! ./useStyled */ \"./src/internals/styled-system/useStyled.ts\");\nObject.keys(_useStyled).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _useStyled[key]) return;\n  exports[key] = _useStyled[key];\n});\nvar _styleManager = __webpack_require__(/*! ./style-manager */ \"./src/internals/styled-system/style-manager.ts\");\nObject.keys(_styleManager).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _styleManager[key]) return;\n  exports[key] = _styleManager[key];\n});\nvar _cssAlias = __webpack_require__(/*! ./css-alias */ \"./src/internals/styled-system/css-alias.ts\");\nObject.keys(_cssAlias).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _cssAlias[key]) return;\n  exports[key] = _cssAlias[key];\n});\nvar _types = __webpack_require__(/*! ./types */ \"./src/internals/styled-system/types.ts\");\nObject.keys(_types).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _types[key]) return;\n  exports[key] = _types[key];\n});\n\n//# sourceURL=webpack://rsuite/./src/internals/styled-system/index.ts?");
 
 /***/ }),
 
@@ -7737,7 +7737,7 @@ eval("\n\nexports.__esModule = true;\nvar _responsive = __webpack_require__(/*!
 /***/ (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.getCSSVariables2 = exports.getCSSVariables = exports.breakpointValues = void 0;\nexports.isResponsiveValue = isResponsiveValue;\nexports.processResponsiveValue = processResponsiveValue;\nvar _camelCase = _interopRequireDefault(__webpack_require__(/*! lodash/camelCase */ \"./node_modules/lodash/camelCase.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/internals/constants/index.ts\");\nvar _cssProperty = __webpack_require__(/*! ./css-property */ \"./src/internals/styled-system/css-property.ts\");\n/**\n * Breakpoint values in pixels - matching SCSS variables\n * These values are used for responsive design across the application.\n * They follow a mobile-first approach where 'xs' is the base breakpoint.\n */\nconst breakpointValues = exports.breakpointValues = {\n  xs: 0,\n  // Base mobile first\n  sm: 576,\n  // $screen-sm\n  md: 768,\n  // $screen-md\n  lg: 992,\n  // $screen-lg\n  xl: 1200,\n  // $screen-xl\n  xxl: 1400,\n  // $screen-xxl\n  '2xl': 1400 // Alias for xxl for compatibility\n};\n\n/**\n * Checks if a value is a responsive value object\n * @param value - Value to check\n * @returns True if the value is a responsive value object\n */\nfunction isResponsiveValue(value) {\n  return value !== null && typeof value === 'object' && !Array.isArray(value) && Object.keys(value).some(key => _constants.BREAKPOINTS.includes(key));\n}\n\n/**\n * Process a value that might be a responsive value\n * @param value - Value to process\n * @param processor - Function to process non-responsive values\n * @returns Processed value or responsive object with processed values\n */\nfunction processResponsiveValue(value, processor) {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (isResponsiveValue(value)) {\n    const result = {};\n    Object.entries(value).forEach(([breakpoint, val]) => {\n      if (val !== undefined) {\n        const processed = processor(val);\n        if (processed !== undefined) {\n          result[breakpoint] = processed;\n        }\n      }\n    });\n    return Object.keys(result).length > 0 ? result : undefined;\n  }\n  return processor(value);\n}\n\n// Type for CSS variable values that can be string, number, or responsive values\n\n/**\n * Converts layout properties to CSS variables with abbreviated names\n */\nconst getCSSVariables2 = (props, prefix = `--rs-`) => {\n  const cssVars = {};\n  const cssVar = name => `${prefix}${name}`;\n\n  // Process padding, margin, size properties\n  Object.entries(_cssProperty.cssPropertyMap).forEach(([name, prop]) => {\n    const {\n      transformer,\n      property\n    } = prop;\n    const propName = (0, _camelCase.default)(property);\n    if (typeof props[name] === 'undefined' && typeof props[propName] === 'undefined') {\n      return;\n    }\n    const varName = cssVar(name || propName);\n    const value = props[name] || props[propName];\n    if (transformer) {\n      cssVars[varName] = processResponsiveValue(value, val => transformer(val));\n    } else {\n      cssVars[varName] = processResponsiveValue(value, val => (0, _utils.getCssValue)(val));\n    }\n  });\n  return cssVars;\n};\n\n/**\n * Converts layout properties to CSS variables with abbreviated names\n */\nexports.getCSSVariables2 = getCSSVariables2;\nconst getCSSVariables = (props, prefix = `--rs-`) => {\n  const cssVars = {};\n  const cssVar = name => `${prefix}${(0, _kebabCase.default)(name)}`;\n  const getCSSProperty = name => {\n    let cssName = name;\n    let cssProp = _cssProperty.cssPropertyMap[name];\n    if (!cssProp) {\n      Object.entries(_cssProperty.cssPropertyMap).forEach(([key, prop]) => {\n        if ((0, _camelCase.default)(prop.property) === name) {\n          cssProp = prop;\n          cssName = key;\n        }\n      });\n    }\n    return [cssName, cssProp];\n  };\n  Object.entries(props).forEach(([name, value]) => {\n    if (typeof value === 'undefined') {\n      return;\n    }\n    const [cssName, cssProp] = getCSSProperty(name);\n    const varName = cssVar(cssName);\n    if (cssProp) {\n      const {\n        transformer\n      } = cssProp;\n      cssVars[varName] = processResponsiveValue(value, val => {\n        return transformer ? transformer(val) : (0, _utils.getCssValue)(val);\n      });\n    } else if ((0, _utils.isCSSProperty)(cssName)) {\n      // For non-predefined CSS properties, directly process with getCssValue\n      cssVars[varName] = processResponsiveValue(value, val => (0, _utils.getCssValue)(val));\n    }\n  });\n  return cssVars;\n};\nexports.getCSSVariables = getCSSVariables;\n\n//# sourceURL=webpack://rsuite/./src/internals/styled-system/responsive.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.getCSSVariables = exports.breakpointValues = void 0;\nexports.isResponsiveValue = isResponsiveValue;\nexports.processResponsiveValue = processResponsiveValue;\nvar _camelCase = _interopRequireDefault(__webpack_require__(/*! lodash/camelCase */ \"./node_modules/lodash/camelCase.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _constants = __webpack_require__(/*! ../constants */ \"./src/internals/constants/index.ts\");\nvar _cssAlias = __webpack_require__(/*! ./css-alias */ \"./src/internals/styled-system/css-alias.ts\");\n/**\n * Breakpoint values in pixels - matching SCSS variables\n * These values are used for responsive design across the application.\n * They follow a mobile-first approach where 'xs' is the base breakpoint.\n */\nconst breakpointValues = exports.breakpointValues = {\n  xs: 0,\n  // Base mobile first\n  sm: 576,\n  // $screen-sm\n  md: 768,\n  // $screen-md\n  lg: 992,\n  // $screen-lg\n  xl: 1200,\n  // $screen-xl\n  xxl: 1400,\n  // $screen-xxl\n  '2xl': 1400 // Alias for xxl for compatibility\n};\n\n/**\n * Checks if a value is a responsive value object\n * @param value - Value to check\n * @returns True if the value is a responsive value object\n */\nfunction isResponsiveValue(value) {\n  return value !== null && typeof value === 'object' && !Array.isArray(value) && Object.keys(value).some(key => _constants.BREAKPOINTS.includes(key));\n}\n\n/**\n * Process a value that might be a responsive value\n * @param value - Value to process\n * @param processor - Function to process non-responsive values\n * @returns Processed value or responsive object with processed values\n */\nfunction processResponsiveValue(value, processor) {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (isResponsiveValue(value)) {\n    const result = {};\n    Object.entries(value).forEach(([breakpoint, val]) => {\n      if (val !== undefined) {\n        const processed = processor(val);\n        if (processed !== undefined) {\n          result[breakpoint] = processed;\n        }\n      }\n    });\n    return Object.keys(result).length > 0 ? result : undefined;\n  }\n  return processor(value);\n}\n\n// Type for CSS variable values that can be string, number, or responsive values\n\nconst transformCSSValue = (value, type) => {\n  if (type === 'number') {\n    return value;\n  }\n  return (0, _utils.getCssValue)(value);\n};\n\n/**\n * Converts layout properties to CSS variables with abbreviated names\n */\nconst getCSSVariables = (props, prefix = `--rs-`) => {\n  const cssVars = {};\n  const cssVar = name => `${prefix}${(0, _kebabCase.default)(name)}`;\n  const getCSSProperty = name => {\n    let cssName = name;\n    let cssProp = _cssAlias.cssSystemPropAlias[name];\n    if (!cssProp) {\n      Object.entries(_cssAlias.cssSystemPropAlias).forEach(([key, prop]) => {\n        if ((0, _camelCase.default)(prop.property) === name) {\n          cssProp = prop;\n          cssName = key;\n        }\n      });\n    }\n    return [cssName, cssProp];\n  };\n  Object.entries(props).forEach(([name, value]) => {\n    if (typeof value === 'undefined') {\n      return;\n    }\n    const [cssName, cssProp] = getCSSProperty(name);\n    const varName = cssVar(cssName);\n    if (cssProp) {\n      const {\n        transformer,\n        type\n      } = cssProp;\n      cssVars[varName] = processResponsiveValue(value, val => {\n        return transformer ? transformer(val) : transformCSSValue(val, type);\n      });\n    } else if ((0, _utils.isCSSProperty)(cssName)) {\n      // For non-predefined CSS properties, directly process with getCssValue\n      cssVars[varName] = processResponsiveValue(value, val => (0, _utils.getCssValue)(val));\n    }\n  });\n  return cssVars;\n};\nexports.getCSSVariables = getCSSVariables;\n\n//# sourceURL=webpack://rsuite/./src/internals/styled-system/responsive.ts?");
 
 /***/ }),
 
@@ -7770,7 +7770,7 @@ eval("\n\nexports.__esModule = true;\n\n//# sourceURL=webpack://rsuite/./src/int
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useStyled = useStyled;\nvar _isEmpty = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _CustomContext = __webpack_require__(/*! ../Provider/CustomContext */ \"./src/internals/Provider/CustomContext.tsx\");\nvar _responsive = __webpack_require__(/*! ./responsive */ \"./src/internals/styled-system/responsive.ts\");\nvar _cssProperty = __webpack_require__(/*! ./css-property */ \"./src/internals/styled-system/css-property.ts\");\nvar _styleManager = __webpack_require__(/*! ./style-manager */ \"./src/internals/styled-system/style-manager.ts\");\n/**\n * Result of the useStyled hook\n */\n\n/**\n * Custom hook for managing component styling with scoped CSS variables\n *\n * This hook handles:\n * 1. Generating a unique class name for the component\n * 2. Creating a scoped style rule to prevent CSS variable inheritance\n * 3. Managing the lifecycle of style rules\n * 4. Handling responsive values for different breakpoints\n *\n * @param options - Styling options\n * @returns Styling properties to apply to the component\n */\nfunction useStyled(options) {\n  const {\n    cssVars = {},\n    className,\n    style,\n    enabled = true,\n    prefix = 'box'\n  } = options;\n\n  // CSS Variable Prefix, e.g. --rs-box-\n  const cssVarPrefix = `--rs-${prefix}-`;\n  const {\n    csp\n  } = (0, _react.useContext)(_CustomContext.CustomContext);\n\n  // Generate a unique ID for this component instance\n  const uniqueId = (0, _react.useId)().replace(/:/g, '');\n  const componentId = `rs-${prefix}-${uniqueId}`;\n\n  // Only apply styling if enabled and there are CSS variables\n  const shouldApplyStyles = enabled && !(0, _isEmpty.default)(cssVars);\n\n  // Apply CSS variables through StyleManager\n  (0, _hooks.useIsomorphicLayoutEffect)(() => {\n    if (!shouldApplyStyles) return;\n\n    // Create base CSS rules for the variables\n    let baseVarRules = '';\n    let basePropRules = '';\n\n    // Track responsive variables to handle separately\n    const responsiveVars = {};\n\n    // Process CSS variables, separating responsive from non-responsive\n    Object.entries(cssVars).forEach(([key, value]) => {\n      if (value !== undefined) {\n        if ((0, _responsive.isResponsiveValue)(value)) {\n          // Store responsive values for later processing\n          responsiveVars[key] = value;\n\n          // Add xs (mobile first) values to base styles if present\n          const xsValue = value.xs;\n          if (xsValue !== undefined) {\n            baseVarRules += `${key}: ${xsValue}; `;\n          }\n        } else {\n          // Add non-responsive values directly\n          baseVarRules += `${key}: ${value}; `;\n        }\n      }\n    });\n\n    // Add actual style rules based on CSS variables\n    Object.keys(cssVars).forEach(varName => {\n      // Skip responsive values that don't have xs values\n      if (responsiveVars[varName] && !responsiveVars[varName].xs) return;\n\n      // Extract property name from variable name (remove prefix)\n      const propName = varName.startsWith(cssVarPrefix) ? varName.substring(cssVarPrefix.length) : varName;\n\n      // Check if the property has a corresponding CSS property mapping\n      const cssProperty = _cssProperty.cssPropertyMap[propName];\n      if (cssProperty) {\n        basePropRules += `${cssProperty.property}: var(${varName}); `;\n      } else if ((0, _utils.isCSSProperty)(propName)) {\n        basePropRules += `${propName}: var(${varName}); `;\n      }\n    });\n\n    // Combine variable definitions and property assignments\n    const baseCssRules = baseVarRules + basePropRules;\n\n    // Add the base rule to the style manager\n    _styleManager.StyleManager.addRule(`.${componentId}`, baseCssRules, {\n      nonce: csp === null || csp === void 0 ? void 0 : csp.nonce\n    });\n\n    // Process responsive variables\n    if (!(0, _isEmpty.default)(responsiveVars)) {\n      // Create media queries for each breakpoint\n      const breakpointVarRules = {\n        xs: '',\n        // xs rules will be merged into base styles\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        xxl: '',\n        '2xl': ''\n      };\n      const breakpointPropRules = {\n        xs: '',\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        xxl: '',\n        '2xl': ''\n      };\n\n      // Group styles by breakpoint\n      Object.entries(responsiveVars).forEach(([varName, responsiveValue]) => {\n        Object.entries(responsiveValue).forEach(([breakpoint, value]) => {\n          const bp = breakpoint;\n          if (value !== undefined && bp !== 'xs') {\n            // Add the CSS variable definition for this breakpoint\n            breakpointVarRules[bp] += `${varName}: ${value}; `;\n\n            // Extract property name from variable name (remove prefix)\n            const propName = varName.startsWith(cssVarPrefix) ? varName.substring(cssVarPrefix.length) : varName;\n\n            // Check if the property has a corresponding CSS property mapping\n            const cssProperty = _cssProperty.cssPropertyMap[propName];\n            if (cssProperty) {\n              breakpointPropRules[bp] += `${cssProperty}: var(${varName}); `;\n            } else if ((0, _utils.isCSSProperty)(propName)) {\n              breakpointPropRules[bp] += `${propName}: var(${varName}); `;\n            }\n          }\n        });\n      });\n\n      // Combine variable definitions and property assignments for each breakpoint\n      const breakpointRules = {\n        xs: '',\n        sm: breakpointVarRules.sm + breakpointPropRules.sm,\n        md: breakpointVarRules.md + breakpointPropRules.md,\n        lg: breakpointVarRules.lg + breakpointPropRules.lg,\n        xl: breakpointVarRules.xl + breakpointPropRules.xl,\n        xxl: breakpointVarRules.xxl + breakpointPropRules.xxl,\n        '2xl': breakpointVarRules['2xl'] + breakpointPropRules['2xl']\n      };\n\n      // Add media queries for each breakpoint with rules (skip xs)\n      Object.entries(breakpointRules).forEach(([breakpoint, rules]) => {\n        if (rules && breakpoint !== 'xs') {\n          const bp = breakpoint;\n          const minWidth = _responsive.breakpointValues[bp];\n          _styleManager.StyleManager.addRule(`@media (min-width: ${minWidth}px)`, `.${componentId} { ${rules} }`, {\n            nonce: csp === null || csp === void 0 ? void 0 : csp.nonce\n          });\n        }\n      });\n    }\n    return () => {\n      // Clean up rules when component unmounts\n      _styleManager.StyleManager.removeRule(`.${componentId}`);\n\n      // Clean up media query rules\n      Object.keys(_responsive.breakpointValues).forEach(breakpoint => {\n        const bp = breakpoint;\n        const minWidth = _responsive.breakpointValues[bp];\n        _styleManager.StyleManager.removeRule(`@media (min-width: ${minWidth}px)`);\n      });\n    };\n  }, [componentId, cssVars, shouldApplyStyles]);\n\n  // Combine class names\n  const combinedClassName = shouldApplyStyles ? `${className || ''} ${componentId}`.trim() : className;\n  return {\n    className: combinedClassName || undefined,\n    style,\n    id: componentId\n  };\n}\nvar _default = exports[\"default\"] = useStyled;\n\n//# sourceURL=webpack://rsuite/./src/internals/styled-system/useStyled.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.useStyled = useStyled;\nvar _isEmpty = _interopRequireDefault(__webpack_require__(/*! lodash/isEmpty */ \"./node_modules/lodash/isEmpty.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _CustomContext = __webpack_require__(/*! ../Provider/CustomContext */ \"./src/internals/Provider/CustomContext.tsx\");\nvar _responsive = __webpack_require__(/*! ./responsive */ \"./src/internals/styled-system/responsive.ts\");\nvar _cssAlias = __webpack_require__(/*! ./css-alias */ \"./src/internals/styled-system/css-alias.ts\");\nvar _styleManager = __webpack_require__(/*! ./style-manager */ \"./src/internals/styled-system/style-manager.ts\");\n/**\n * Result of the useStyled hook\n */\n\n/**\n * Custom hook for managing component styling with scoped CSS variables\n *\n * This hook handles:\n * 1. Generating a unique class name for the component\n * 2. Creating a scoped style rule to prevent CSS variable inheritance\n * 3. Managing the lifecycle of style rules\n * 4. Handling responsive values for different breakpoints\n *\n * @param options - Styling options\n * @returns Styling properties to apply to the component\n */\nfunction useStyled(options) {\n  const {\n    cssVars = {},\n    className,\n    style,\n    enabled = true,\n    prefix = 'box'\n  } = options;\n\n  // CSS Variable Prefix, e.g. --rs-box-\n  const cssVarPrefix = `--rs-${prefix}-`;\n  const {\n    csp\n  } = (0, _react.useContext)(_CustomContext.CustomContext);\n\n  // Generate a unique ID for this component instance\n  const uniqueId = (0, _react.useId)().replace(/:/g, '');\n  const componentId = `rs-${prefix}-${uniqueId}`;\n\n  // Only apply styling if enabled and there are CSS variables\n  const shouldApplyStyles = enabled && !(0, _isEmpty.default)(cssVars);\n\n  // Apply CSS variables through StyleManager\n  (0, _hooks.useIsomorphicLayoutEffect)(() => {\n    if (!shouldApplyStyles) return;\n\n    // Create base CSS rules for the variables\n    let baseVarRules = '';\n    let basePropRules = '';\n\n    // Track responsive variables to handle separately\n    const responsiveVars = {};\n\n    // Process CSS variables, separating responsive from non-responsive\n    Object.entries(cssVars).forEach(([key, value]) => {\n      if (value !== undefined) {\n        if ((0, _responsive.isResponsiveValue)(value)) {\n          // Store responsive values for later processing\n          responsiveVars[key] = value;\n\n          // Add xs (mobile first) values to base styles if present\n          const xsValue = value.xs;\n          if (xsValue !== undefined) {\n            baseVarRules += `${key}: ${xsValue}; `;\n          }\n        } else {\n          // Add non-responsive values directly\n          baseVarRules += `${key}: ${value}; `;\n        }\n      }\n    });\n\n    // Add actual style rules based on CSS variables\n    Object.keys(cssVars).forEach(varName => {\n      // Skip responsive values that don't have xs values\n      if (responsiveVars[varName] && !responsiveVars[varName].xs) return;\n\n      // Extract property name from variable name (remove prefix)\n      const propName = varName.startsWith(cssVarPrefix) ? varName.substring(cssVarPrefix.length) : varName;\n\n      // Check if the property has a corresponding CSS property mapping\n      const cssProperty = _cssAlias.cssSystemPropAlias[propName];\n      if (cssProperty) {\n        basePropRules += `${cssProperty.property}: var(${varName}); `;\n      } else if ((0, _utils.isCSSProperty)(propName)) {\n        basePropRules += `${propName}: var(${varName}); `;\n      }\n    });\n\n    // Combine variable definitions and property assignments\n    const baseCssRules = baseVarRules + basePropRules;\n\n    // Add the base rule to the style manager\n    _styleManager.StyleManager.addRule(`.${componentId}`, baseCssRules, {\n      nonce: csp === null || csp === void 0 ? void 0 : csp.nonce\n    });\n\n    // Process responsive variables\n    if (!(0, _isEmpty.default)(responsiveVars)) {\n      // Create media queries for each breakpoint\n      const breakpointVarRules = {\n        xs: '',\n        // xs rules will be merged into base styles\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        xxl: '',\n        '2xl': ''\n      };\n      const breakpointPropRules = {\n        xs: '',\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        xxl: '',\n        '2xl': ''\n      };\n\n      // Group styles by breakpoint\n      Object.entries(responsiveVars).forEach(([varName, responsiveValue]) => {\n        Object.entries(responsiveValue).forEach(([breakpoint, value]) => {\n          const bp = breakpoint;\n          if (value !== undefined && bp !== 'xs') {\n            // Add the CSS variable definition for this breakpoint\n            breakpointVarRules[bp] += `${varName}: ${value}; `;\n\n            // Extract property name from variable name (remove prefix)\n            const propName = varName.startsWith(cssVarPrefix) ? varName.substring(cssVarPrefix.length) : varName;\n\n            // Check if the property has a corresponding CSS property mapping\n            const cssProperty = _cssAlias.cssSystemPropAlias[propName];\n            if (cssProperty) {\n              breakpointPropRules[bp] += `${cssProperty}: var(${varName}); `;\n            } else if ((0, _utils.isCSSProperty)(propName)) {\n              breakpointPropRules[bp] += `${propName}: var(${varName}); `;\n            }\n          }\n        });\n      });\n\n      // Combine variable definitions and property assignments for each breakpoint\n      const breakpointRules = {\n        xs: '',\n        sm: breakpointVarRules.sm + breakpointPropRules.sm,\n        md: breakpointVarRules.md + breakpointPropRules.md,\n        lg: breakpointVarRules.lg + breakpointPropRules.lg,\n        xl: breakpointVarRules.xl + breakpointPropRules.xl,\n        xxl: breakpointVarRules.xxl + breakpointPropRules.xxl,\n        '2xl': breakpointVarRules['2xl'] + breakpointPropRules['2xl']\n      };\n\n      // Add media queries for each breakpoint with rules (skip xs)\n      Object.entries(breakpointRules).forEach(([breakpoint, rules]) => {\n        if (rules && breakpoint !== 'xs') {\n          const bp = breakpoint;\n          const minWidth = _responsive.breakpointValues[bp];\n          _styleManager.StyleManager.addRule(`@media (min-width: ${minWidth}px)`, `.${componentId} { ${rules} }`, {\n            nonce: csp === null || csp === void 0 ? void 0 : csp.nonce\n          });\n        }\n      });\n    }\n    return () => {\n      // Clean up rules when component unmounts\n      _styleManager.StyleManager.removeRule(`.${componentId}`);\n\n      // Clean up media query rules\n      Object.keys(_responsive.breakpointValues).forEach(breakpoint => {\n        const bp = breakpoint;\n        const minWidth = _responsive.breakpointValues[bp];\n        _styleManager.StyleManager.removeRule(`@media (min-width: ${minWidth}px)`);\n      });\n    };\n  }, [componentId, cssVars, shouldApplyStyles]);\n\n  // Combine class names\n  const combinedClassName = shouldApplyStyles ? `${className || ''} ${componentId}`.trim() : className;\n  return {\n    className: combinedClassName || undefined,\n    style,\n    id: componentId\n  };\n}\nvar _default = exports[\"default\"] = useStyled;\n\n//# sourceURL=webpack://rsuite/./src/internals/styled-system/useStyled.ts?");
 
 /***/ }),