rsuite 5.53.2 → 5.55.0

package/dist/rsuite.js

@@ -6230,7 +6230,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\nvar _CalendarBody = _interopRequireDefault(__webpack_require__(/*! ./CalendarBody */ \"./src/Calendar/CalendarBody.tsx\"));\nvar _CalendarHeader = _interopRequireDefault(__webpack_require__(/*! ./CalendarHeader */ \"./src/Calendar/CalendarHeader.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _useCalendarState2 = _interopRequireWildcard(__webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/useCalendarState.ts\"));\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarContainer.tsx\",\n  _this = void 0;\nvar CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n    dateRange = props.dateRange,\n    disabledBackward = props.disabledBackward,\n    defaultState = props.defaultState,\n    disabledDate = props.disabledDate,\n    disabledForward = props.disabledForward,\n    format = props.format,\n    hoverRangeValue = props.hoverRangeValue,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    targetId = props.targetId,\n    limitEndYear = props.limitEndYear,\n    limitStartYear = props.limitStartYear,\n    locale = props.locale,\n    onChangeMonth = props.onChangeMonth,\n    onChangeTime = props.onChangeTime,\n    onMouseMove = props.onMouseMove,\n    onMoveBackward = props.onMoveBackward,\n    onMoveForward = props.onMoveForward,\n    onSelect = props.onSelect,\n    onToggleMeridian = props.onToggleMeridian,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    calendarDateProp = props.calendarDate,\n    cellClassName = props.cellClassName,\n    renderCell = props.renderCell,\n    renderTitle = props.renderTitle,\n    renderToolbar = props.renderToolbar,\n    showMeridian = props.showMeridian,\n    showWeekNumbers = props.showWeekNumbers,\n    inline = props.inline,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"dateRange\", \"disabledBackward\", \"defaultState\", \"disabledDate\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"isoWeek\", \"targetId\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"onChangeMonth\", \"onChangeTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"calendarDate\", \"cellClassName\", \"renderCell\", \"renderTitle\", \"renderToolbar\", \"showMeridian\", \"showWeekNumbers\", \"inline\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCalendarState = (0, _useCalendarState2.default)(defaultState),\n    calendarState = _useCalendarState.calendarState,\n    reset = _useCalendarState.reset,\n    openMonth = _useCalendarState.openMonth,\n    openTime = _useCalendarState.openTime;\n  var calendarDate = (0, _react.useMemo)(function () {\n    return (0, _dateUtils.isValid)(calendarDateProp) ? calendarDateProp : new Date();\n  }, [calendarDateProp]);\n  var isDisabledDate = (0, _utils.useEventCallback)(function (date) {\n    var _disabledDate;\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  });\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return (0, _dateUtils.disabledTime)(props, date);\n  };\n  var handleMoveForward = (0, _utils.useEventCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(calendarDate, 1));\n  });\n  var handleMoveBackward = (0, _utils.useEventCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(calendarDate, -1));\n  });\n\n  // It is displayed as the month to be selected.\n  var toggleMonthView = (0, _utils.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _useCalendarState2.CalendarState.MONTH);\n  });\n\n  // It is displayed as a time to be selected.\n  var toggleTimeView = (0, _utils.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);\n  });\n  var handleCloseDropdown = (0, _utils.useEventCallback)(function () {\n    return reset();\n  });\n  var renderDate = (0, _dateUtils.shouldRenderDate)(format);\n  var renderTime = (0, _dateUtils.shouldRenderTime)(format);\n  var renderMonth = (0, _dateUtils.shouldRenderMonth)(format);\n  var onlyShowTime = renderTime && !renderDate && !renderMonth;\n  var onlyShowMonth = renderMonth && !renderDate && !renderTime;\n  var showTime = calendarState === _useCalendarState2.CalendarState.TIME || onlyShowTime;\n  var showMonth = calendarState === _useCalendarState2.CalendarState.MONTH || onlyShowMonth;\n  var inSameThisMonthDate = function inSameThisMonthDate(date) {\n    return (0, _dateUtils.isSameMonth)(calendarDate, date);\n  };\n  var calendarClasses = merge(className, withClassPrefix({\n    'time-view': showTime,\n    'month-view': showMonth,\n    'show-week-numbers': showWeekNumbers\n  }));\n  var timeDropdownProps = (0, _pick.default)(rest, _dateUtils.calendarOnlyProps);\n  var handleChangeMonth = (0, _utils.useEventCallback)(function (date, event) {\n    reset();\n    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);\n  });\n  var contextValue = {\n    date: calendarDate,\n    dateRange: dateRange,\n    disabledDate: isDisabledDate,\n    format: format,\n    hoverRangeValue: hoverRangeValue,\n    inSameMonth: inSameThisMonthDate,\n    isoWeek: isoWeek,\n    targetId: targetId,\n    locale: locale,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: onChangeTime,\n    onMouseMove: onMouseMove,\n    onSelect: onSelect,\n    cellClassName: cellClassName,\n    renderCell: renderCell,\n    showWeekNumbers: showWeekNumbers,\n    inline: inline\n  };\n  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 246,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    \"data-testid\": \"calendar\"\n  }, (0, _dateUtils.omitHideDisabledProps)(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 247,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {\n    showMonth: renderMonth,\n    showDate: renderDate,\n    showTime: renderTime,\n    showMeridian: showMeridian,\n    disabledTime: isTimeDisabled,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onToggleMonthDropdown: toggleMonthView,\n    onToggleTimeDropdown: toggleTimeView,\n    onToggleMeridian: onToggleMeridian,\n    renderTitle: renderTitle,\n    renderToolbar: renderToolbar,\n    disabledBackward: disabledBackward,\n    disabledForward: disabledForward,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 253,\n      columnNumber: 11\n    }\n  }), renderDate && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 269,\n      columnNumber: 26\n    }\n  }), renderMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: showMonth,\n    limitEndYear: limitEndYear,\n    limitStartYear: limitStartYear,\n    disabledMonth: isDisabledDate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 271,\n      columnNumber: 13\n    }\n  }), renderTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {\n    show: showTime,\n    showMeridian: showMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 279,\n      columnNumber: 13\n    }\n  })), (showMonth || showTime) && renderDate && /*#__PURE__*/_react.default.createElement(\"button\", {\n    className: prefix('btn-close'),\n    onClick: handleCloseDropdown,\n    \"aria-label\": \"Collapse \" + (showMonth ? 'month' : 'time') + \" view\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 283,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 288,\n      columnNumber: 15\n    }\n  }))));\n});\nCalendarContainer.displayName = 'CalendarContainer';\nCalendarContainer.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  locale: _propTypes.default.object,\n  onChangeMonth: _propTypes.default.func,\n  onChangeTime: _propTypes.default.func,\n  onMoveBackward: _propTypes.default.func,\n  onMoveForward: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMeridian: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  calendarDate: _propTypes.default.instanceOf(Date),\n  renderCell: _propTypes.default.func,\n  renderTitle: _propTypes.default.func,\n  renderToolbar: _propTypes.default.func,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool\n};\nvar _default = CalendarContainer;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarContainer.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _MonthDropdown = _interopRequireDefault(__webpack_require__(/*! ./MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\"));\nvar _TimeDropdown = _interopRequireDefault(__webpack_require__(/*! ./TimeDropdown */ \"./src/Calendar/TimeDropdown.tsx\"));\nvar _CalendarBody = _interopRequireDefault(__webpack_require__(/*! ./CalendarBody */ \"./src/Calendar/CalendarBody.tsx\"));\nvar _CalendarHeader = _interopRequireDefault(__webpack_require__(/*! ./CalendarHeader */ \"./src/Calendar/CalendarHeader.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _useCalendarState2 = _interopRequireWildcard(__webpack_require__(/*! ./useCalendarState */ \"./src/Calendar/useCalendarState.ts\"));\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/CalendarContainer.tsx\",\n  _this = void 0;\nvar CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,\n    dateRange = props.dateRange,\n    disabledBackward = props.disabledBackward,\n    defaultState = props.defaultState,\n    disabledDate = props.disabledDate,\n    disabledForward = props.disabledForward,\n    format = props.format,\n    hoverRangeValue = props.hoverRangeValue,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    targetId = props.targetId,\n    limitEndYear = props.limitEndYear,\n    limitStartYear = props.limitStartYear,\n    locale = props.locale,\n    onChangeMonth = props.onChangeMonth,\n    onChangeTime = props.onChangeTime,\n    onMouseMove = props.onMouseMove,\n    onMoveBackward = props.onMoveBackward,\n    onMoveForward = props.onMoveForward,\n    onSelect = props.onSelect,\n    onToggleMeridian = props.onToggleMeridian,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    calendarDateProp = props.calendarDate,\n    cellClassName = props.cellClassName,\n    renderCell = props.renderCell,\n    renderCellOnPicker = props.renderCellOnPicker,\n    renderTitle = props.renderTitle,\n    renderToolbar = props.renderToolbar,\n    showMeridian = props.showMeridian,\n    showWeekNumbers = props.showWeekNumbers,\n    inline = props.inline,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"dateRange\", \"disabledBackward\", \"defaultState\", \"disabledDate\", \"disabledForward\", \"format\", \"hoverRangeValue\", \"isoWeek\", \"targetId\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"onChangeMonth\", \"onChangeTime\", \"onMouseMove\", \"onMoveBackward\", \"onMoveForward\", \"onSelect\", \"onToggleMeridian\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"calendarDate\", \"cellClassName\", \"renderCell\", \"renderCellOnPicker\", \"renderTitle\", \"renderToolbar\", \"showMeridian\", \"showWeekNumbers\", \"inline\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCalendarState = (0, _useCalendarState2.default)(defaultState),\n    calendarState = _useCalendarState.calendarState,\n    reset = _useCalendarState.reset,\n    openMonth = _useCalendarState.openMonth,\n    openTime = _useCalendarState.openTime;\n  var calendarDate = (0, _react.useMemo)(function () {\n    return (0, _dateUtils.isValid)(calendarDateProp) ? calendarDateProp : new Date();\n  }, [calendarDateProp]);\n  var isDisabledDate = (0, _utils.useEventCallback)(function (date) {\n    var _disabledDate;\n    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;\n  });\n  var isTimeDisabled = function isTimeDisabled(date) {\n    return (0, _dateUtils.disabledTime)(props, date);\n  };\n  var handleMoveForward = (0, _utils.useEventCallback)(function () {\n    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(calendarDate, 1));\n  });\n  var handleMoveBackward = (0, _utils.useEventCallback)(function () {\n    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.addMonths)(calendarDate, -1));\n  });\n\n  // It is displayed as the month to be selected.\n  var toggleMonthView = (0, _utils.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.MONTH) {\n      reset();\n    } else {\n      openMonth();\n    }\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _useCalendarState2.CalendarState.MONTH);\n  });\n\n  // It is displayed as a time to be selected.\n  var toggleTimeView = (0, _utils.useEventCallback)(function () {\n    if (calendarState === _useCalendarState2.CalendarState.TIME) {\n      reset();\n    } else {\n      openTime();\n    }\n    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);\n  });\n  var handleCloseDropdown = (0, _utils.useEventCallback)(function () {\n    return reset();\n  });\n  var renderDate = (0, _dateUtils.shouldRenderDate)(format);\n  var renderTime = (0, _dateUtils.shouldRenderTime)(format);\n  var renderMonth = (0, _dateUtils.shouldRenderMonth)(format);\n  var onlyShowTime = renderTime && !renderDate && !renderMonth;\n  var onlyShowMonth = renderMonth && !renderDate && !renderTime;\n  var showTime = calendarState === _useCalendarState2.CalendarState.TIME || onlyShowTime;\n  var showMonth = calendarState === _useCalendarState2.CalendarState.MONTH || onlyShowMonth;\n  var inSameThisMonthDate = function inSameThisMonthDate(date) {\n    return (0, _dateUtils.isSameMonth)(calendarDate, date);\n  };\n  var calendarClasses = merge(className, withClassPrefix({\n    'time-view': showTime,\n    'month-view': showMonth,\n    'show-week-numbers': showWeekNumbers\n  }));\n  var timeDropdownProps = (0, _pick.default)(rest, _dateUtils.calendarOnlyProps);\n  var handleChangeMonth = (0, _utils.useEventCallback)(function (date, event) {\n    reset();\n    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);\n  });\n  var contextValue = {\n    date: calendarDate,\n    dateRange: dateRange,\n    disabledDate: isDisabledDate,\n    format: format,\n    hoverRangeValue: hoverRangeValue,\n    inSameMonth: inSameThisMonthDate,\n    isoWeek: isoWeek,\n    targetId: targetId,\n    locale: locale,\n    onChangeMonth: handleChangeMonth,\n    onChangeTime: onChangeTime,\n    onMouseMove: onMouseMove,\n    onSelect: onSelect,\n    cellClassName: cellClassName,\n    renderCell: renderCell,\n    renderCellOnPicker: renderCellOnPicker,\n    showWeekNumbers: showWeekNumbers,\n    inline: inline\n  };\n  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {\n    value: contextValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 253,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    \"data-testid\": \"calendar\"\n  }, (0, _dateUtils.omitHideDisabledProps)(rest), {\n    className: calendarClasses,\n    ref: ref,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 254,\n      columnNumber: 9\n    }\n  }), /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {\n    showMonth: renderMonth,\n    showDate: renderDate,\n    showTime: renderTime,\n    showMeridian: showMeridian,\n    disabledTime: isTimeDisabled,\n    onMoveForward: handleMoveForward,\n    onMoveBackward: handleMoveBackward,\n    onToggleMonthDropdown: toggleMonthView,\n    onToggleTimeDropdown: toggleTimeView,\n    onToggleMeridian: onToggleMeridian,\n    renderTitle: renderTitle,\n    renderToolbar: renderToolbar,\n    disabledBackward: disabledBackward,\n    disabledForward: disabledForward,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 260,\n      columnNumber: 11\n    }\n  }), renderDate && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 276,\n      columnNumber: 26\n    }\n  }), renderMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {\n    show: showMonth,\n    limitEndYear: limitEndYear,\n    limitStartYear: limitStartYear,\n    disabledMonth: isDisabledDate,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 278,\n      columnNumber: 13\n    }\n  }), renderTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {\n    show: showTime,\n    showMeridian: showMeridian,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 286,\n      columnNumber: 13\n    }\n  })), (showMonth || showTime) && renderDate && /*#__PURE__*/_react.default.createElement(\"button\", {\n    className: prefix('btn-close'),\n    onClick: handleCloseDropdown,\n    \"aria-label\": \"Collapse \" + (showMonth ? 'month' : 'time') + \" view\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 290,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 295,\n      columnNumber: 15\n    }\n  }))));\n});\nCalendarContainer.displayName = 'CalendarContainer';\nCalendarContainer.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  disabledDate: _propTypes.default.func,\n  disabledHours: _propTypes.default.func,\n  disabledMinutes: _propTypes.default.func,\n  disabledSeconds: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  locale: _propTypes.default.object,\n  onChangeMonth: _propTypes.default.func,\n  onChangeTime: _propTypes.default.func,\n  onMoveBackward: _propTypes.default.func,\n  onMoveForward: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMeridian: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  calendarDate: _propTypes.default.instanceOf(Date),\n  renderCell: _propTypes.default.func,\n  renderTitle: _propTypes.default.func,\n  renderToolbar: _propTypes.default.func,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool\n};\nvar _default = CalendarContainer;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/CalendarContainer.tsx?");
 
 /***/ }),
 
@@ -6296,7 +6296,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Calendar/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableCell.tsx\",\n  _this = void 0;\nvar TableCell = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    disabled = props.disabled,\n    selected = props.selected,\n    date = props.date,\n    onSelect = props.onSelect,\n    unSameMonth = props.unSameMonth,\n    rangeStart = props.rangeStart,\n    rangeEnd = props.rangeEnd,\n    inRange = props.inRange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"disabled\", \"selected\", \"date\", \"onSelect\", \"unSameMonth\", \"rangeStart\", \"rangeEnd\", \"inRange\"]);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    onMouseMove = _useCalendarContext.onMouseMove,\n    cellClassName = _useCalendarContext.cellClassName,\n    renderCell = _useCalendarContext.renderCell,\n    overrideLocale = _useCalendarContext.locale;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var formatStr = locale.formattedDayPattern;\n  var ariaLabel = (0, _utils2.getAriaLabel)(date, formatStr, formatDate);\n  var todayDate = new Date();\n  var isToday = (0, _dateUtils.isSameDay)(date, todayDate);\n  var classes = merge(prefix('cell', {\n    'cell-un-same-month': unSameMonth,\n    'cell-is-today': isToday,\n    'cell-selected': selected,\n    'cell-selected-start': rangeStart,\n    'cell-selected-end': rangeEnd,\n    'cell-in-range': !unSameMonth && inRange,\n    'cell-disabled': disabled\n  }), cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(date));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    role: \"gridcell\",\n    \"aria-label\": ariaLabel,\n    \"aria-selected\": selected || undefined,\n    \"aria-disabled\": disabled || undefined,\n    tabIndex: selected ? 0 : -1,\n    title: isToday ? ariaLabel + \" (\" + (locale === null || locale === void 0 ? void 0 : locale.today) + \")\" : ariaLabel,\n    className: classes,\n    onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : undefined,\n    onClick: onSelect ? (0, _partial.default)(onSelect, date, disabled) : undefined\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('cell-content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('cell-day'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 11\n    }\n  }, _utils.DateUtils.getDate(date)), renderCell === null || renderCell === void 0 ? void 0 : renderCell(date)));\n});\nTableCell.displayName = 'CalendarTableCell';\nvar _default = TableCell;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableCell.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Calendar/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableCell.tsx\",\n  _this = void 0;\nvar TableCell = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,\n    disabled = props.disabled,\n    selected = props.selected,\n    date = props.date,\n    onSelect = props.onSelect,\n    unSameMonth = props.unSameMonth,\n    rangeStart = props.rangeStart,\n    rangeEnd = props.rangeEnd,\n    inRange = props.inRange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"disabled\", \"selected\", \"date\", \"onSelect\", \"unSameMonth\", \"rangeStart\", \"rangeEnd\", \"inRange\"]);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    onMouseMove = _useCalendarContext.onMouseMove,\n    cellClassName = _useCalendarContext.cellClassName,\n    renderCell = _useCalendarContext.renderCell,\n    renderCellOnPicker = _useCalendarContext.renderCellOnPicker,\n    overrideLocale = _useCalendarContext.locale;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var formatStr = locale.formattedDayPattern;\n  var ariaLabel = (0, _utils2.getAriaLabel)(date, formatStr, formatDate);\n  var todayDate = new Date();\n  var isToday = (0, _dateUtils.isSameDay)(date, todayDate);\n  var classes = merge(prefix('cell', {\n    'cell-un-same-month': unSameMonth,\n    'cell-is-today': isToday,\n    'cell-selected': selected,\n    'cell-selected-start': rangeStart,\n    'cell-selected-end': rangeEnd,\n    'cell-in-range': !unSameMonth && inRange,\n    'cell-disabled': disabled\n  }), cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(date));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    role: \"gridcell\",\n    \"aria-label\": ariaLabel,\n    \"aria-selected\": selected || undefined,\n    \"aria-disabled\": disabled || undefined,\n    tabIndex: selected ? 0 : -1,\n    title: isToday ? ariaLabel + \" (\" + (locale === null || locale === void 0 ? void 0 : locale.today) + \")\" : ariaLabel,\n    className: classes,\n    onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : undefined,\n    onClick: onSelect ? (0, _partial.default)(onSelect, date, disabled) : undefined\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('cell-content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 9\n    }\n  }, renderCellOnPicker ? renderCellOnPicker(date) : /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('cell-day'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 13\n    }\n  }, (0, _dateUtils.getDate)(date)), renderCell === null || renderCell === void 0 ? void 0 : renderCell(date)));\n});\nTableCell.displayName = 'CalendarTableCell';\nvar _default = TableCell;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableCell.tsx?");
 
 /***/ }),
 
@@ -6417,7 +6417,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/TreeView.tsx\",\n  _this = void 0;\nvar emptyArray = [];\nvar TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    activeItemValue = props.activeItemValue,\n    classPrefix = props.classPrefix,\n    className = props.className,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    _props$menuWidth = props.menuWidth,\n    menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,\n    _props$menuHeight = props.menuHeight,\n    menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$cascadeData = props.cascadeData,\n    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,\n    _props$cascadePaths = props.cascadePaths,\n    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,\n    loadingItemsSet = props.loadingItemsSet,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    style = props.style,\n    renderMenu = props.renderMenu,\n    renderMenuItem = props.renderMenuItem,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"activeItemValue\", \"classPrefix\", \"className\", \"childrenKey\", \"disabledItemValues\", \"menuWidth\", \"menuHeight\", \"valueKey\", \"cascadeData\", \"cascadePaths\", \"loadingItemsSet\", \"labelKey\", \"style\", \"renderMenu\", \"renderMenuItem\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('items'));\n  var rootRef = (0, _react.useRef)();\n  var _useCustom = (0, _utils.useCustom)(),\n    rtl = _useCustom.rtl;\n  var _useCombobox = (0, _Picker.useCombobox)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType;\n  (0, _react.useEffect)(function () {\n    var _rootRef$current;\n    var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type=\"column\"]')) || [];\n    columns.forEach(function (column) {\n      if (!column) {\n        return;\n      }\n      var activeItem = column.querySelector(\".\" + prefix('item-focus'));\n      if (!activeItem) {\n        activeItem = column.querySelector(\".\" + prefix('item-active'));\n      }\n      if (activeItem) {\n        var position = (0, _getPosition.default)(activeItem, column);\n        // Let the active option scroll into view.\n        (0, _scrollTop.default)(column, position === null || position === void 0 ? void 0 : position.top);\n      }\n    });\n  }, [prefix]);\n  var getCascadePaths = function getCascadePaths(layer, node) {\n    var paths = [];\n    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {\n      if (i < layer - 1 && cascadePaths) {\n        paths.push(cascadePaths[i]);\n      }\n    }\n    paths.push(node);\n    return paths;\n  };\n  var handleSelect = (0, _utils.useEventCallback)(function (layer, node, event) {\n    var isLeafNode = (0, _isNil.default)(node[childrenKey]);\n    var cascadePaths = getCascadePaths(layer + 1, node);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, isLeafNode, event);\n  });\n  var renderCascadeNode = function renderCascadeNode(nodeProps) {\n    var _loadingItemsSet$has;\n    var node = nodeProps.node,\n      index = nodeProps.index,\n      layer = nodeProps.layer,\n      focus = nodeProps.focus,\n      size = nodeProps.size;\n    var children = node[childrenKey];\n    var value = node[valueKey];\n    var label = node[labelKey];\n    var disabled = disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, value);\n    });\n    var loading = (_loadingItemsSet$has = loadingItemsSet === null || loadingItemsSet === void 0 ? void 0 : loadingItemsSet.has(node)) !== null && _loadingItemsSet$has !== void 0 ? _loadingItemsSet$has : false;\n\n    // Use `value` in keys when If `value` is string or number\n    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;\n    var Icon = loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;\n    return /*#__PURE__*/_react.default.createElement(_Picker.ListItem, {\n      as: 'li',\n      role: \"treeitem\",\n      \"aria-level\": layer + 1,\n      \"aria-setsize\": size,\n      \"aria-posinset\": index + 1,\n      \"aria-label\": typeof label === 'string' ? label : undefined,\n      classPrefix: \"picker-cascader-menu-item\",\n      key: layer + \"-\" + onlyKey,\n      disabled: disabled,\n      active: !(0, _isUndefined.default)(activeItemValue) && (0, _utils.shallowEqual)(activeItemValue, value),\n      focus: focus,\n      value: value,\n      className: children ? prefix('has-children') : undefined,\n      onSelect: function onSelect(_value, event) {\n        return handleSelect(layer, node, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 9\n      }\n    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {\n      className: prefix('caret'),\n      spin: loading,\n      \"data-testid\": \"spinner\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 153,\n        columnNumber: 13\n      }\n    }) : null);\n  };\n  var cascadeNodes = cascadeData.map(function (children, layer) {\n    var onlyKey = layer + \"_\" + children.length;\n    var parentNode = cascadePaths[layer - 1];\n    var menu = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {\n      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);\n      return renderCascadeNode({\n        node: item,\n        index: index,\n        layer: layer,\n        focus: focus,\n        size: children.length\n      });\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"ul\", {\n      role: \"group\",\n      \"data-layer\": layer,\n      \"data-type\": 'column',\n      key: onlyKey,\n      className: prefix('column'),\n      style: {\n        height: menuHeight,\n        width: menuWidth\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 174,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);\n  });\n  var styles = (0, _extends2.default)({}, style, {\n    width: cascadeData.length * menuWidth\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tree\",\n    id: id + \"-\" + popupType,\n    \"aria-labelledby\": labelId\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(rootRef, ref),\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 190,\n      columnNumber: 7\n    }\n  }), cascadeNodes);\n});\nTreeView.displayName = 'TreeView';\nvar _default = TreeView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/TreeView.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Spinner = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Spinner */ \"./node_modules/@rsuite/icons/legacy/Spinner.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _AngleLeft = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleLeft */ \"./node_modules/@rsuite/icons/legacy/AngleLeft.js\"));\nvar _AngleRight = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleRight */ \"./node_modules/@rsuite/icons/legacy/AngleRight.js\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Cascader/TreeView.tsx\",\n  _this = void 0;\nvar emptyArray = [];\nvar TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    activeItemValue = props.activeItemValue,\n    classPrefix = props.classPrefix,\n    className = props.className,\n    _props$childrenKey = props.childrenKey,\n    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,\n    _props$menuWidth = props.menuWidth,\n    menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,\n    _props$menuHeight = props.menuHeight,\n    menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$cascadeData = props.cascadeData,\n    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,\n    _props$cascadePaths = props.cascadePaths,\n    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,\n    loadingItemsSet = props.loadingItemsSet,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    style = props.style,\n    renderMenu = props.renderMenu,\n    renderMenuItem = props.renderMenuItem,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"activeItemValue\", \"classPrefix\", \"className\", \"childrenKey\", \"disabledItemValues\", \"menuWidth\", \"menuHeight\", \"valueKey\", \"cascadeData\", \"cascadePaths\", \"loadingItemsSet\", \"labelKey\", \"style\", \"renderMenu\", \"renderMenuItem\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, prefix('items'));\n  var rootRef = (0, _react.useRef)();\n  var _useCustom = (0, _utils.useCustom)(),\n    rtl = _useCustom.rtl;\n  var _useCombobox = (0, _Picker.useCombobox)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType;\n  (0, _react.useEffect)(function () {\n    var _rootRef$current;\n    var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type=\"column\"]')) || [];\n    columns.forEach(function (column) {\n      if (!column) {\n        return;\n      }\n      var activeItem = column.querySelector(\".\" + prefix('item-focus'));\n      if (!activeItem) {\n        activeItem = column.querySelector(\".\" + prefix('item-active'));\n      }\n      if (activeItem) {\n        var position = (0, _getPosition.default)(activeItem, column);\n        // Let the active option scroll into view.\n        if (position !== null && position !== void 0 && position.top) {\n          (0, _scrollTop.default)(column, position === null || position === void 0 ? void 0 : position.top);\n        }\n      }\n    });\n  }, [prefix]);\n  var getCascadePaths = function getCascadePaths(layer, node) {\n    var paths = [];\n    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {\n      if (i < layer - 1 && cascadePaths) {\n        paths.push(cascadePaths[i]);\n      }\n    }\n    paths.push(node);\n    return paths;\n  };\n  var handleSelect = (0, _utils.useEventCallback)(function (layer, node, event) {\n    var isLeafNode = (0, _isNil.default)(node[childrenKey]);\n    var cascadePaths = getCascadePaths(layer + 1, node);\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, isLeafNode, event);\n  });\n  var renderCascadeNode = function renderCascadeNode(nodeProps) {\n    var _loadingItemsSet$has;\n    var node = nodeProps.node,\n      index = nodeProps.index,\n      layer = nodeProps.layer,\n      focus = nodeProps.focus,\n      size = nodeProps.size;\n    var children = node[childrenKey];\n    var value = node[valueKey];\n    var label = node[labelKey];\n    var disabled = disabledItemValues.some(function (disabledValue) {\n      return (0, _utils.shallowEqual)(disabledValue, value);\n    });\n    var loading = (_loadingItemsSet$has = loadingItemsSet === null || loadingItemsSet === void 0 ? void 0 : loadingItemsSet.has(node)) !== null && _loadingItemsSet$has !== void 0 ? _loadingItemsSet$has : false;\n\n    // Use `value` in keys when If `value` is string or number\n    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;\n    var Icon = loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;\n    return /*#__PURE__*/_react.default.createElement(_Picker.ListItem, {\n      as: 'li',\n      role: \"treeitem\",\n      \"aria-level\": layer + 1,\n      \"aria-setsize\": size,\n      \"aria-posinset\": index + 1,\n      \"aria-label\": typeof label === 'string' ? label : undefined,\n      classPrefix: \"picker-cascader-menu-item\",\n      key: layer + \"-\" + onlyKey,\n      disabled: disabled,\n      active: !(0, _isUndefined.default)(activeItemValue) && (0, _utils.shallowEqual)(activeItemValue, value),\n      focus: focus,\n      value: value,\n      className: children ? prefix('has-children') : undefined,\n      onSelect: function onSelect(_value, event) {\n        return handleSelect(layer, node, event);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 9\n      }\n    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {\n      className: prefix('caret'),\n      spin: loading,\n      \"data-testid\": \"spinner\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 155,\n        columnNumber: 13\n      }\n    }) : null);\n  };\n  var cascadeNodes = cascadeData.map(function (children, layer) {\n    var onlyKey = layer + \"_\" + children.length;\n    var parentNode = cascadePaths[layer - 1];\n    var menu = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {\n      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);\n      return renderCascadeNode({\n        node: item,\n        index: index,\n        layer: layer,\n        focus: focus,\n        size: children.length\n      });\n    }));\n    return /*#__PURE__*/_react.default.createElement(\"ul\", {\n      role: \"group\",\n      \"data-layer\": layer,\n      \"data-type\": 'column',\n      key: onlyKey,\n      className: prefix('column'),\n      style: {\n        height: menuHeight,\n        width: menuWidth\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);\n  });\n  var styles = (0, _extends2.default)({}, style, {\n    width: cascadeData.length * menuWidth\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"tree\",\n    id: id + \"-\" + popupType,\n    \"aria-labelledby\": labelId\n  }, rest, {\n    ref: (0, _utils.mergeRefs)(rootRef, ref),\n    className: classes,\n    style: styles,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 192,\n      columnNumber: 7\n    }\n  }), cascadeNodes);\n});\nTreeView.displayName = 'TreeView';\nvar _default = TreeView;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Cascader/TreeView.tsx?");
 
 /***/ }),
 
@@ -6780,7 +6780,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _delay = _interopRequireDefault(__webpack_require__(/*! lodash/delay */ \"./node_modules/lodash/delay.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\nvar _MonthDropdown = __webpack_require__(/*! ../Calendar/MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\");\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _OverlayTrigger = __webpack_require__(/*! ../internals/Overlay/OverlayTrigger */ \"./src/internals/Overlay/OverlayTrigger.tsx\");\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../Calendar/utils */ \"./src/Calendar/utils.ts\");\nvar _utils3 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * A date picker allows users to select a date from a calendar.\n *\n * @see https://rsuitejs.com/components/date-picker\n */\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    calendarDefaultDate = props.calendarDefaultDate,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    defaultValue = props.defaultValue,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    idProp = props.id,\n    isoWeek = props.isoWeek,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    ranges = props.ranges,\n    valueProp = props.value,\n    showMeridian = props.showMeridian,\n    showWeekNumbers = props.showWeekNumbers,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    DEPRECATED_disabledDate = props.disabledDate,\n    DEPRECATED_disabledHours = props.disabledHours,\n    DEPRECATED_disabledMinutes = props.disabledMinutes,\n    DEPRECATED_disabledSeconds = props.disabledSeconds,\n    shouldDisableDate = props.shouldDisableDate,\n    shouldDisableHour = props.shouldDisableHour,\n    shouldDisableMinute = props.shouldDisableMinute,\n    shouldDisableSecond = props.shouldDisableSecond,\n    onChange = props.onChange,\n    onChangeCalendarDate = props.onChangeCalendarDate,\n    onClean = props.onClean,\n    onClose = props.onClose,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onNextMonth = props.onNextMonth,\n    onOk = props.onOk,\n    onOpen = props.onOpen,\n    onPrevMonth = props.onPrevMonth,\n    onSelect = props.onSelect,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    onShortcutClick = props.onShortcutClick,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"editable\", \"defaultValue\", \"disabled\", \"readOnly\", \"plaintext\", \"format\", \"id\", \"isoWeek\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"size\", \"caretAs\", \"disabledDate\", \"disabledHours\", \"disabledMinutes\", \"disabledSeconds\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onClose\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onOpen\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"onShortcutClick\"]);\n  var id = (0, _utils.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useCalendarDate = (0, _useCalendarDate2.default)(value, calendarDefaultDate),\n    calendarDate = _useCalendarDate.calendarDate,\n    setCalendarDate = _useCalendarDate.setCalendarDate,\n    resetCalendarDate = _useCalendarDate.resetCalendarDate;\n  var _useState = (0, _react.useState)(false),\n    showMonthDropdown = _useState[0],\n    setShowMonthDropdown = _useState[1]; // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr);\n  var showMonth = onlyShowMonth || showMonthDropdown;\n  var isDateDisabled = function isDateDisabled(date) {\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date);\n    }\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date);\n    }\n    return false;\n  };\n  var isErrorValue = function isErrorValue(value) {\n    if (!(0, _dateUtils.isValid)(value)) {\n      return true;\n    } else if (value && isDateDisabled(value)) {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n  var handleMoveForward = (0, _utils.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n  var handleMoveBackward = (0, _utils.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * The callback triggered when the date changes.\n   */\n  var handleDateChange = (0, _utils.useEventCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  });\n\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n  var handleChangeTime = (0, _utils.useEventCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  });\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var handleToggleMeridian = (0, _utils.useEventCallback)(function () {\n    var hours = (0, _dateUtils.getHours)(calendarDate);\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n    var nextDate = (0, _dateUtils.setHours)(calendarDate, nextHours);\n    handleChangeTime(nextDate);\n  });\n  var updateValue = function updateValue(event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n    if (nextValue !== value) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n  var handleShortcutPageDate = (0, _utils.useEventCallback)(function (range, closeOverlay, event) {\n    var value = range.value;\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n  });\n\n  /**\n   * Get the corresponding container based on date selection and month selection\n   */\n  var getOverlayContainer = function getOverlayContainer() {\n    return showMonth ? document.getElementById(id + \"-calendar-month-dropdown\") : document.getElementById(id + \"-calendar-table\");\n  };\n\n  /**\n   * Check whether the date is focusable\n   */\n  var checkFocusable = function checkFocusable(date) {\n    var formatStr = showMonth ? locale.formattedMonthPattern : locale.formattedDayPattern;\n    var ariaLabel = (0, _utils2.getAriaLabel)(date, formatStr, formatDate);\n    var container = getOverlayContainer();\n    var dateElement = container === null || container === void 0 ? void 0 : container.querySelector(\"[aria-label=\\\"\" + ariaLabel + \"\\\"]\");\n    if ((dateElement === null || dateElement === void 0 ? void 0 : dateElement.getAttribute('aria-disabled')) === 'true') {\n      return false;\n    }\n    return true;\n  };\n\n  /**\n   * Focus on the currently selected date element\n   */\n  var focusSelectedDate = function focusSelectedDate() {\n    (0, _delay.default)(function () {\n      var container = getOverlayContainer();\n      var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected=\"true\"]');\n      selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.focus();\n    }, 1);\n  };\n\n  /**\n   * Focus on the input element\n   */\n  var focusTargetInput = (0, _utils.useEventCallback)(function () {\n    (0, _delay.default)(function () {\n      var _target$current;\n      return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();\n    }, 1);\n  });\n\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n  var handleOK = (0, _utils.useEventCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n    focusTargetInput();\n  });\n\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    updateValue(event, null);\n    resetCalendarDate(null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n  var handlePickerPopupKeyDown = (0, _utils.useEventCallback)(function (event) {\n    var delta = 0;\n    var step = showMonth ? 6 : 7;\n    var changeDateFunc = showMonth ? _dateUtils.addMonths : _dateUtils.addDays;\n    (0, _Picker.onMenuKeyDown)(event, {\n      down: function down() {\n        delta = step;\n      },\n      up: function up() {\n        delta = -step;\n      },\n      right: function right() {\n        delta = 1;\n      },\n      left: function left() {\n        delta = -1;\n      },\n      enter: function enter() {\n        handleOK(event);\n      }\n    });\n    var nextDate = changeDateFunc(calendarDate, delta);\n    if (checkFocusable(nextDate)) {\n      setCalendarDate(nextDate);\n      focusSelectedDate();\n    }\n  });\n\n  /**\n   * The callback triggered after the month selection box is opened or closed.\n   */\n  var handleToggleMonthDropdown = (0, _utils.useEventCallback)(function (toggle) {\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(toggle);\n    setShowMonthDropdown(toggle);\n  });\n  var handleClick = (0, _utils.useEventCallback)(function () {\n    if (editable) {\n      return;\n    }\n    focusSelectedDate();\n  });\n\n  /**\n   * Callback after the date is selected.\n   */\n  var handleSelect = (0, _utils.useEventCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n    setCalendarDate(\n    // Determine whether the current value contains time, if not, use calendarDate.\n    (0, _dateUtils.shouldRenderTime)(formatStr) ? nextValue : (0, _dateUtils.copyTime)({\n      from: calendarDate,\n      to: nextValue\n    }));\n    handleDateChange(nextValue);\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n      focusTargetInput();\n    }\n  });\n\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n  var handleChangeMonth = (0, _utils.useEventCallback)(function (nextPageDate, event) {\n    setCalendarDate(nextPageDate);\n    handleDateChange(nextPageDate);\n    focusSelectedDate();\n    if (oneTap && onlyShowMonth) {\n      updateValue(event, nextPageDate);\n      focusTargetInput();\n    }\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!isErrorValue(value)) {\n      handleSelect(value, event);\n    }\n    updateValue(event, value, false);\n  });\n  var handleInputKeyDown = (0, _utils.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref.open;\n        if (open) {\n          if ((0, _dateUtils.isValid)(calendarDate) && !isDateDisabled(calendarDate)) {\n            updateValue(event);\n            focusTargetInput();\n          }\n        } else {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n\n  // Check whether the time is within the time range of the shortcut option in the toolbar.\n  var disabledToolbarHandle = function disabledToolbarHandle(date) {\n    var _DEPRECATED_disabledD;\n    var allowDate = (_DEPRECATED_disabledD = DEPRECATED_disabledDate === null || DEPRECATED_disabledDate === void 0 ? void 0 : DEPRECATED_disabledDate(date)) !== null && _DEPRECATED_disabledD !== void 0 ? _DEPRECATED_disabledD : false;\n    var allowTime = (0, _dateUtils.disabledTime)(props, date);\n    return allowDate || allowTime;\n  };\n\n  /**\n   * Whether \"OK\" button is disabled\n   *\n   * - If format is date, disable ok button if selected date is disabled\n   * - If format is month, disable ok button if all dates in the month of selected date are disabled\n   */\n  var isOKButtonDisabled = function isOKButtonDisabled(selectedDate) {\n    if ((0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr)) {\n      return (0, _MonthDropdown.isEveryDateInMonth)(selectedDate.getFullYear(), selectedDate.getMonth(), disabledToolbarHandle);\n    }\n    return disabledToolbarHandle(selectedDate);\n  };\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _dateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        var _disabledOrHiddenTime;\n        return (_disabledOrHiddenTime = disabledOrHiddenTimeFunc === null || disabledOrHiddenTimeFunc === void 0 ? void 0 : disabledOrHiddenTimeFunc(next, date)) !== null && _disabledOrHiddenTime !== void 0 ? _disabledOrHiddenTime : false;\n      };\n    });\n  }, [props]);\n  var _splitRanges = (0, _utils3.splitRanges)(ranges),\n    sideRanges = _splitRanges.sideRanges,\n    bottomRanges = _splitRanges.bottomRanges;\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(menuClassName, className);\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      style: styles,\n      target: trigger,\n      onKeyDown: handlePickerPopupKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 625,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 635,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('date-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disabledShortcut: disabledToolbarHandle,\n      onShortcutClick: handleShortcutPageDate,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 637,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {\n      targetId: id,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      showMeridian: showMeridian,\n      disabledDate: isDateDisabled,\n      disabledHours: shouldDisableHour !== null && shouldDisableHour !== void 0 ? shouldDisableHour : DEPRECATED_disabledHours,\n      disabledMinutes: shouldDisableMinute !== null && shouldDisableMinute !== void 0 ? shouldDisableMinute : DEPRECATED_disabledMinutes,\n      disabledSeconds: shouldDisableSecond !== null && shouldDisableSecond !== void 0 ? shouldDisableSecond : DEPRECATED_disabledSeconds,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      format: formatStr,\n      isoWeek: isoWeek,\n      calendarDate: calendarDate,\n      onMoveForward: handleMoveForward,\n      onMoveBackward: handleMoveBackward,\n      onSelect: handleSelect,\n      onToggleMonthDropdown: handleToggleMonthDropdown,\n      onToggleTimeDropdown: onToggleTimeDropdown,\n      onChangeMonth: handleChangeMonth,\n      onChangeTime: handleChangeTime,\n      onToggleMeridian: handleToggleMeridian,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 650,\n        columnNumber: 15\n      }\n    })), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: bottomRanges,\n      calendarDate: calendarDate,\n      disabledOkBtn: isOKButtonDisabled,\n      disabledShortcut: disabledToolbarHandle,\n      onShortcutClick: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 674,\n        columnNumber: 15\n      }\n    }))));\n  };\n  var hasValue = (0, _dateUtils.isValid)(value);\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'date',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _dateUtils.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var handleTriggerClose = (0, _utils.useEventCallback)(function (cause) {\n    // Unless overlay is closing on user clicking \"OK\" button,\n    // reset the selected date on calendar panel\n    if (cause !== _OverlayTrigger.OverlayCloseCause.ImperativeHandle) {\n      resetCalendarDate();\n    }\n    setShowMonthDropdown(false);\n  });\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var invalidValue = value && isErrorValue(value);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onClose: handleTriggerClose,\n    onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),\n    onExited: (0, _utils.createChainedFunction)(onClose, onExited),\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 722,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 732,\n      columnNumber: 9\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 738,\n      columnNumber: 13\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _dateUtils.calendarOnlyProps)), {\n    inside: true,\n    size: size,\n    onClick: handleClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 740,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 750,\n      columnNumber: 15\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(_DateInput.default, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: value,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : formatStr,\n    disabled: disabled,\n    onChange: handleInputChange,\n    readOnly: readOnly || !editable || loading,\n    plaintext: plaintext,\n    onKeyDown: handleInputKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 753,\n      columnNumber: 15\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 769,\n      columnNumber: 15\n    }\n  }))));\n});\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  disabledHours: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableHour\" property instead.'),\n  disabledMinutes: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableMinute\" property instead.'),\n  disabledSeconds: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableSecond\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  shouldDisableHour: _propTypes.default.func,\n  shouldDisableMinute: _propTypes.default.func,\n  shouldDisableSecond: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  panelContainerRef: _propTypes.default.any,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _mapValues = _interopRequireDefault(__webpack_require__(/*! lodash/mapValues */ \"./node_modules/lodash/mapValues.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _delay = _interopRequireDefault(__webpack_require__(/*! lodash/delay */ \"./node_modules/lodash/delay.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _CalendarContainer = _interopRequireDefault(__webpack_require__(/*! ../Calendar/CalendarContainer */ \"./src/Calendar/CalendarContainer.tsx\"));\nvar _useCalendarDate2 = _interopRequireDefault(__webpack_require__(/*! ../Calendar/useCalendarDate */ \"./src/Calendar/useCalendarDate.ts\"));\nvar _MonthDropdown = __webpack_require__(/*! ../Calendar/MonthDropdown */ \"./src/Calendar/MonthDropdown.tsx\");\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ./PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _OverlayTrigger = __webpack_require__(/*! ../internals/Overlay/OverlayTrigger */ \"./src/internals/Overlay/OverlayTrigger.tsx\");\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ../DateInput */ \"./src/DateInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _utils2 = __webpack_require__(/*! ../Calendar/utils */ \"./src/Calendar/utils.ts\");\nvar _utils3 = __webpack_require__(/*! ./utils */ \"./src/DatePicker/utils.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DatePicker/DatePicker.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * A date picker allows users to select a date from a calendar.\n *\n * @see https://rsuitejs.com/components/date-picker\n */\nvar DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    calendarDefaultDate = props.calendarDefaultDate,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    defaultValue = props.defaultValue,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    idProp = props.id,\n    isoWeek = props.isoWeek,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    ranges = props.ranges,\n    valueProp = props.value,\n    showMeridian = props.showMeridian,\n    showWeekNumbers = props.showWeekNumbers,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    DEPRECATED_disabledDate = props.disabledDate,\n    DEPRECATED_disabledHours = props.disabledHours,\n    DEPRECATED_disabledMinutes = props.disabledMinutes,\n    DEPRECATED_disabledSeconds = props.disabledSeconds,\n    shouldDisableDate = props.shouldDisableDate,\n    shouldDisableHour = props.shouldDisableHour,\n    shouldDisableMinute = props.shouldDisableMinute,\n    shouldDisableSecond = props.shouldDisableSecond,\n    onChange = props.onChange,\n    onChangeCalendarDate = props.onChangeCalendarDate,\n    onClean = props.onClean,\n    onClose = props.onClose,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onNextMonth = props.onNextMonth,\n    onOk = props.onOk,\n    onOpen = props.onOpen,\n    onPrevMonth = props.onPrevMonth,\n    onSelect = props.onSelect,\n    onToggleMonthDropdown = props.onToggleMonthDropdown,\n    onToggleTimeDropdown = props.onToggleTimeDropdown,\n    onShortcutClick = props.onShortcutClick,\n    renderCell = props.renderCell,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"calendarDefaultDate\", \"cleanable\", \"editable\", \"defaultValue\", \"disabled\", \"readOnly\", \"plaintext\", \"format\", \"id\", \"isoWeek\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"appearance\", \"placement\", \"oneTap\", \"placeholder\", \"ranges\", \"value\", \"showMeridian\", \"showWeekNumbers\", \"style\", \"size\", \"caretAs\", \"disabledDate\", \"disabledHours\", \"disabledMinutes\", \"disabledSeconds\", \"shouldDisableDate\", \"shouldDisableHour\", \"shouldDisableMinute\", \"shouldDisableSecond\", \"onChange\", \"onChangeCalendarDate\", \"onClean\", \"onClose\", \"onEntered\", \"onExited\", \"onNextMonth\", \"onOk\", \"onOpen\", \"onPrevMonth\", \"onSelect\", \"onToggleMonthDropdown\", \"onToggleTimeDropdown\", \"onShortcutClick\", \"renderCell\"]);\n  var id = (0, _utils.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useCalendarDate = (0, _useCalendarDate2.default)(value, calendarDefaultDate),\n    calendarDate = _useCalendarDate.calendarDate,\n    setCalendarDate = _useCalendarDate.setCalendarDate,\n    resetCalendarDate = _useCalendarDate.resetCalendarDate;\n  var _useState = (0, _react.useState)(false),\n    showMonthDropdown = _useState[0],\n    setShowMonthDropdown = _useState[1]; // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr);\n  var showMonth = onlyShowMonth || showMonthDropdown;\n  var isDateDisabled = function isDateDisabled(date) {\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date);\n    }\n    if (typeof DEPRECATED_disabledDate === 'function') {\n      return DEPRECATED_disabledDate(date);\n    }\n    return false;\n  };\n  var isErrorValue = function isErrorValue(value) {\n    if (!(0, _dateUtils.isValid)(value)) {\n      return true;\n    } else if (value && isDateDisabled(value)) {\n      return true;\n    }\n    return false;\n  };\n\n  /**\n   * Switch to the callback triggered after the next month.\n   */\n  var handleMoveForward = (0, _utils.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * Switch to the callback triggered after the previous month.\n   */\n  var handleMoveBackward = (0, _utils.useEventCallback)(function (nextPageDate) {\n    setCalendarDate(nextPageDate);\n    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);\n  });\n\n  /**\n   * The callback triggered when the date changes.\n   */\n  var handleDateChange = (0, _utils.useEventCallback)(function (nextValue, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);\n    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);\n  });\n\n  /**\n   *  A callback triggered when the time on the calendar changes.\n   */\n  var handleChangeTime = (0, _utils.useEventCallback)(function (nextPageTime) {\n    setCalendarDate(nextPageTime);\n    handleDateChange(nextPageTime);\n  });\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var handleToggleMeridian = (0, _utils.useEventCallback)(function () {\n    var hours = (0, _dateUtils.getHours)(calendarDate);\n    var nextHours = hours >= 12 ? hours - 12 : hours + 12;\n    var nextDate = (0, _dateUtils.setHours)(calendarDate, nextHours);\n    handleChangeTime(nextDate);\n  });\n  var updateValue = function updateValue(event, nextPageDate, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;\n    setCalendarDate(nextValue || new Date());\n    setValue(nextValue);\n    if (nextValue !== value) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * The callback triggered after the date in the shortcut area is clicked.\n   */\n  var handleShortcutPageDate = (0, _utils.useEventCallback)(function (range, closeOverlay, event) {\n    var value = range.value;\n    updateValue(event, value, closeOverlay);\n    handleDateChange(value, event);\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n  });\n\n  /**\n   * Get the corresponding container based on date selection and month selection\n   */\n  var getOverlayContainer = function getOverlayContainer() {\n    return showMonth ? document.getElementById(id + \"-calendar-month-dropdown\") : document.getElementById(id + \"-calendar-table\");\n  };\n\n  /**\n   * Check whether the date is focusable\n   */\n  var checkFocusable = function checkFocusable(date) {\n    var formatStr = showMonth ? locale.formattedMonthPattern : locale.formattedDayPattern;\n    var ariaLabel = (0, _utils2.getAriaLabel)(date, formatStr, formatDate);\n    var container = getOverlayContainer();\n    var dateElement = container === null || container === void 0 ? void 0 : container.querySelector(\"[aria-label=\\\"\" + ariaLabel + \"\\\"]\");\n    if ((dateElement === null || dateElement === void 0 ? void 0 : dateElement.getAttribute('aria-disabled')) === 'true') {\n      return false;\n    }\n    return true;\n  };\n\n  /**\n   * Focus on the currently selected date element\n   */\n  var focusSelectedDate = function focusSelectedDate() {\n    (0, _delay.default)(function () {\n      var container = getOverlayContainer();\n      var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected=\"true\"]');\n      selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.focus();\n    }, 1);\n  };\n\n  /**\n   * Focus on the input element\n   */\n  var focusTargetInput = (0, _utils.useEventCallback)(function () {\n    (0, _delay.default)(function () {\n      var _target$current;\n      return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();\n    }, 1);\n  });\n\n  /**\n   * The callback triggered after clicking the OK button.\n   */\n  var handleOK = (0, _utils.useEventCallback)(function (event) {\n    updateValue(event);\n    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);\n    focusTargetInput();\n  });\n\n  /**\n   * Callback after clicking the clear button.\n   */\n\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    updateValue(event, null);\n    resetCalendarDate(null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n  var handlePickerPopupKeyDown = (0, _utils.useEventCallback)(function (event) {\n    var delta = 0;\n    var step = showMonth ? 6 : 7;\n    var changeDateFunc = showMonth ? _dateUtils.addMonths : _dateUtils.addDays;\n    (0, _Picker.onMenuKeyDown)(event, {\n      down: function down() {\n        delta = step;\n      },\n      up: function up() {\n        delta = -step;\n      },\n      right: function right() {\n        delta = 1;\n      },\n      left: function left() {\n        delta = -1;\n      },\n      enter: function enter() {\n        handleOK(event);\n      }\n    });\n    var nextDate = changeDateFunc(calendarDate, delta);\n    if (checkFocusable(nextDate)) {\n      setCalendarDate(nextDate);\n      focusSelectedDate();\n    }\n  });\n\n  /**\n   * The callback triggered after the month selection box is opened or closed.\n   */\n  var handleToggleMonthDropdown = (0, _utils.useEventCallback)(function (toggle) {\n    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(toggle);\n    setShowMonthDropdown(toggle);\n  });\n  var handleClick = (0, _utils.useEventCallback)(function () {\n    if (editable) {\n      return;\n    }\n    focusSelectedDate();\n  });\n\n  /**\n   * Callback after the date is selected.\n   */\n  var handleSelect = (0, _utils.useEventCallback)(function (nextValue, event, updatableValue) {\n    if (updatableValue === void 0) {\n      updatableValue = true;\n    }\n    setCalendarDate(\n    // Determine whether the current value contains time, if not, use calendarDate.\n    (0, _dateUtils.shouldRenderTime)(formatStr) ? nextValue : (0, _dateUtils.copyTime)({\n      from: calendarDate,\n      to: nextValue\n    }));\n    handleDateChange(nextValue);\n    if (oneTap && updatableValue) {\n      updateValue(event, nextValue);\n      focusTargetInput();\n    }\n  });\n\n  /**\n   *  A callback triggered when the date on the calendar changes.\n   */\n  var handleChangeMonth = (0, _utils.useEventCallback)(function (nextPageDate, event) {\n    setCalendarDate(nextPageDate);\n    handleDateChange(nextPageDate);\n    focusSelectedDate();\n    if (oneTap && onlyShowMonth) {\n      updateValue(event, nextPageDate);\n      focusTargetInput();\n    }\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!isErrorValue(value)) {\n      handleSelect(value, event);\n    }\n    updateValue(event, value, false);\n  });\n  var handleInputKeyDown = (0, _utils.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref.open;\n        if (open) {\n          if ((0, _dateUtils.isValid)(calendarDate) && !isDateDisabled(calendarDate)) {\n            updateValue(event);\n            focusTargetInput();\n          }\n        } else {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n\n  // Check whether the time is within the time range of the shortcut option in the toolbar.\n  var disabledToolbarHandle = function disabledToolbarHandle(date) {\n    var _DEPRECATED_disabledD;\n    var allowDate = (_DEPRECATED_disabledD = DEPRECATED_disabledDate === null || DEPRECATED_disabledDate === void 0 ? void 0 : DEPRECATED_disabledDate(date)) !== null && _DEPRECATED_disabledD !== void 0 ? _DEPRECATED_disabledD : false;\n    var allowTime = (0, _dateUtils.disabledTime)(props, date);\n    return allowDate || allowTime;\n  };\n\n  /**\n   * Whether \"OK\" button is disabled\n   *\n   * - If format is date, disable ok button if selected date is disabled\n   * - If format is month, disable ok button if all dates in the month of selected date are disabled\n   */\n  var isOKButtonDisabled = function isOKButtonDisabled(selectedDate) {\n    if ((0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr)) {\n      return (0, _MonthDropdown.isEveryDateInMonth)(selectedDate.getFullYear(), selectedDate.getMonth(), disabledToolbarHandle);\n    }\n    return disabledToolbarHandle(selectedDate);\n  };\n  var calendarProps = (0, _react.useMemo)(function () {\n    return (0, _mapValues.default)((0, _pick.default)(props, _dateUtils.calendarOnlyProps), function (disabledOrHiddenTimeFunc) {\n      return function (next, date) {\n        var _disabledOrHiddenTime;\n        return (_disabledOrHiddenTime = disabledOrHiddenTimeFunc === null || disabledOrHiddenTimeFunc === void 0 ? void 0 : disabledOrHiddenTimeFunc(next, date)) !== null && _disabledOrHiddenTime !== void 0 ? _disabledOrHiddenTime : false;\n      };\n    });\n  }, [props]);\n  var _splitRanges = (0, _utils3.splitRanges)(ranges),\n    sideRanges = _splitRanges.sideRanges,\n    bottomRanges = _splitRanges.bottomRanges;\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(menuClassName, className);\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      style: styles,\n      target: trigger,\n      onKeyDown: handlePickerPopupKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 633,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 643,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('date-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disabledShortcut: disabledToolbarHandle,\n      onShortcutClick: handleShortcutPageDate,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 645,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 657,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {\n      targetId: id,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      showMeridian: showMeridian,\n      disabledDate: isDateDisabled,\n      disabledHours: shouldDisableHour !== null && shouldDisableHour !== void 0 ? shouldDisableHour : DEPRECATED_disabledHours,\n      disabledMinutes: shouldDisableMinute !== null && shouldDisableMinute !== void 0 ? shouldDisableMinute : DEPRECATED_disabledMinutes,\n      disabledSeconds: shouldDisableSecond !== null && shouldDisableSecond !== void 0 ? shouldDisableSecond : DEPRECATED_disabledSeconds,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      format: formatStr,\n      isoWeek: isoWeek,\n      calendarDate: calendarDate,\n      renderCellOnPicker: renderCell,\n      onMoveForward: handleMoveForward,\n      onMoveBackward: handleMoveBackward,\n      onSelect: handleSelect,\n      onToggleMonthDropdown: handleToggleMonthDropdown,\n      onToggleTimeDropdown: onToggleTimeDropdown,\n      onChangeMonth: handleChangeMonth,\n      onChangeTime: handleChangeTime,\n      onToggleMeridian: handleToggleMeridian,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 658,\n        columnNumber: 15\n      }\n    })), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      ranges: bottomRanges,\n      calendarDate: calendarDate,\n      disabledOkBtn: isOKButtonDisabled,\n      disabledShortcut: disabledToolbarHandle,\n      onShortcutClick: handleShortcutPageDate,\n      onOk: handleOK,\n      hideOkBtn: oneTap,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 683,\n        columnNumber: 15\n      }\n    }))));\n  };\n  var hasValue = (0, _dateUtils.isValid)(value);\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'date',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _dateUtils.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var handleTriggerClose = (0, _utils.useEventCallback)(function (cause) {\n    // Unless overlay is closing on user clicking \"OK\" button,\n    // reset the selected date on calendar panel\n    if (cause !== _OverlayTrigger.OverlayCloseCause.ImperativeHandle) {\n      resetCalendarDate();\n    }\n    setShowMonthDropdown(false);\n  });\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var invalidValue = value && isErrorValue(value);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: trigger,\n    placement: placement,\n    onClose: handleTriggerClose,\n    onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),\n    onExited: (0, _utils.createChainedFunction)(onClose, onExited),\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 731,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 741,\n      columnNumber: 9\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 747,\n      columnNumber: 13\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _dateUtils.calendarOnlyProps)), {\n    inside: true,\n    size: size,\n    onClick: handleClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 749,\n      columnNumber: 13\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 759,\n      columnNumber: 15\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(_DateInput.default, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: value,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : formatStr,\n    disabled: disabled,\n    onChange: handleInputChange,\n    readOnly: readOnly || !editable || loading,\n    plaintext: plaintext,\n    onKeyDown: handleInputKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 762,\n      columnNumber: 15\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 778,\n      columnNumber: 15\n    }\n  }))));\n});\nDatePicker.displayName = 'DatePicker';\nDatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  calendarDefaultDate: _propTypes.default.instanceOf(Date),\n  defaultValue: _propTypes.default.instanceOf(Date),\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  disabledHours: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableHour\" property instead.'),\n  disabledMinutes: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableMinute\" property instead.'),\n  disabledSeconds: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableSecond\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  shouldDisableHour: _propTypes.default.func,\n  shouldDisableMinute: _propTypes.default.func,\n  shouldDisableSecond: _propTypes.default.func,\n  format: _propTypes.default.string,\n  hideHours: _propTypes.default.func,\n  hideMinutes: _propTypes.default.func,\n  hideSeconds: _propTypes.default.func,\n  isoWeek: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onChangeCalendarDate: _propTypes.default.func,\n  onNextMonth: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  onPrevMonth: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onToggleMonthDropdown: _propTypes.default.func,\n  onToggleTimeDropdown: _propTypes.default.func,\n  oneTap: _propTypes.default.bool,\n  ranges: _propTypes.default.array,\n  showMeridian: _propTypes.default.bool,\n  showWeekNumbers: _propTypes.default.bool,\n  value: _propTypes.default.instanceOf(Date)\n});\nvar _default = DatePicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DatePicker/DatePicker.tsx?");
 
 /***/ }),
 
@@ -6879,7 +6879,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\nvar disabledDateUtils = _interopRequireWildcard(__webpack_require__(/*! ./disabledDateUtils */ \"./src/DateRangePicker/disabledDateUtils.ts\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _DateRangePickerContext = _interopRequireDefault(__webpack_require__(/*! ./DateRangePickerContext */ \"./src/DateRangePicker/DateRangePickerContext.ts\"));\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ../DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * A date range picker allows you to select a date range from a calendar.\n *\n * @see https://rsuitejs.com/components/date-range-picker\n */\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _ref2, _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    className = props.className,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$character = props.character,\n    character = _props$character === void 0 ? ' ~ ' : _props$character,\n    defaultCalendarValue = props.defaultCalendarValue,\n    defaultValue = props.defaultValue,\n    plaintext = props.plaintext,\n    disabled = props.disabled,\n    DEPRECATED_disabledDateProp = props.disabledDate,\n    shouldDisableDate = props.shouldDisableDate,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    hoverRange = props.hoverRange,\n    idProp = props.id,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    ranges = props.ranges,\n    readOnly = props.readOnly,\n    _props$showOneCalenda = props.showOneCalendar,\n    showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n    showWeekNumbers = props.showWeekNumbers,\n    showMeridian = props.showMeridian,\n    _props$showHeader = props.showHeader,\n    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    valueProp = props.value,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onClose = props.onClose,\n    onEnter = props.onEnter,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onOk = props.onOk,\n    onOpen = props.onOpen,\n    onSelect = props.onSelect,\n    onShortcutClick = props.onShortcutClick,\n    renderTitle = props.renderTitle,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"appearance\", \"editable\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"plaintext\", \"disabled\", \"disabledDate\", \"shouldDisableDate\", \"format\", \"hoverRange\", \"id\", \"isoWeek\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"readOnly\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"showHeader\", \"style\", \"size\", \"caretAs\", \"value\", \"onChange\", \"onClean\", \"onClose\", \"onEnter\", \"onEntered\", \"onExited\", \"onOk\", \"onOpen\", \"onSelect\", \"onShortcutClick\", \"renderTitle\"]);\n  var id = (0, _utils.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('DateRangePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),\n    value = _useControlled[0],\n    setValue = _useControlled[1]; // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr);\n\n  /**\n   * Whether to complete the selection.\n   * Everytime selection will change this value. If the value is false, it means that the selection has not been completed.\n   *\n   * In `oneTap` mode, select action will not change this value, its value should be true always.\n   */\n  var _useState = (0, _react.useState)(true),\n    isSelectedIdle = _useState[0],\n    setSelectedIdle = _useState[1];\n  /**\n   * The currently selected date range.\n   *\n   * The time range is selected by two clicks. After the first click,\n   * the cursor will store a temporary event date in the process until\n   * the second click to determine the end date of the date range.\n   *\n   */\n  var _useState2 = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n    selectedDates = _useState2[0],\n    setSelectedDates = _useState2[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n  var _useState3 = (0, _react.useState)(null),\n    hoverDateRange = _useState3[0],\n    setHoverDateRange = _useState3[1]; // The displayed calendar panel is rendered based on this value.\n  var _useState4 = (0, _react.useState)((0, _utils2.getSafeCalendarDate)({\n      value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null\n    })),\n    calendarDate = _useState4[0],\n    setCalendarDate = _useState4[1];\n  /**\n   * When hoverRange is set, `selectValue` will be updated during the hover process,\n   * which will cause the `selectValue` to be updated after the first click,\n   * so declare a Ref to temporarily store the `selectValue` of the first click.\n   */\n  var selectRangeValueRef = (0, _react.useRef)(null);\n\n  /**\n   * Get the time on the calendar.\n   */\n  var getCalendarDatetime = function getCalendarDatetime(calendarKey) {\n    var index = calendarKey === 'start' ? 0 : 1;\n    return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);\n  };\n\n  /**\n   * Call this function to update the calendar panel rendering benchmark value.\n   * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].\n   */\n  var setCalendarDateRange = function setCalendarDateRange(_ref3) {\n    var dateRange = _ref3.dateRange,\n      calendarKey = _ref3.calendarKey,\n      eventName = _ref3.eventName;\n    var nextValue = dateRange;\n\n    // The time should remain the same when the dates in the date range are changed.\n    if ((0, _dateUtils.shouldRenderTime)(formatStr) && dateRange !== null && dateRange !== void 0 && dateRange.length && eventName !== 'changeTime') {\n      var _startDate = (0, _dateUtils.copyTime)({\n        from: getCalendarDatetime('start'),\n        to: dateRange[0]\n      });\n      var _endDate = (0, _dateUtils.copyTime)({\n        from: getCalendarDatetime('end'),\n        to: dateRange.length === 1 ? (0, _dateUtils.addMonths)(_startDate, 1) : dateRange[1]\n      });\n      nextValue = [_startDate, _endDate];\n    } else if (dateRange === null && typeof defaultCalendarValue !== 'undefined') {\n      // Make the calendar render the value of defaultCalendarValue after clearing the value.\n      nextValue = defaultCalendarValue;\n    }\n    var nextCalendarDate = (0, _utils2.getSafeCalendarDate)({\n      value: nextValue,\n      calendarKey: calendarKey,\n      allowAameMonth: onlyShowMonth\n    });\n    setCalendarDate(nextCalendarDate);\n    if (onlyShowMonth && eventName === 'changeMonth') {\n      setSelectedDates(nextCalendarDate);\n    }\n  };\n\n  // if valueProp changed then update selectValue/hoverValue\n  (0, _react.useEffect)(function () {\n    setSelectedDates(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n    setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);\n  }, [valueProp]);\n  var getDateRangeString = function getDateRangeString(nextValue) {\n    var _ref4 = nextValue !== null && nextValue !== void 0 ? nextValue : [null, null],\n      startDate = _ref4[0],\n      endDate = _ref4[1];\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_dateUtils.compareAsc);\n      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[0],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 365,\n          columnNumber: 11\n        }\n      }), character, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[1],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 367,\n          columnNumber: 11\n        }\n      }));\n    }\n    return rangeFormatStr;\n  };\n  var getInputHtmlSize = function getInputHtmlSize() {\n    var padding = 4;\n    var strings = rangeFormatStr;\n    if (value) {\n      var _startDate2 = value[0],\n        _endDate2 = value[1];\n      strings = \"\" + formatDate(_startDate2, formatStr) + character + formatDate(_endDate2, formatStr);\n    }\n    return (0, _utils.getStringLength)(strings) + padding;\n  };\n\n  /**\n   * preset hover range\n   */\n  var getHoverRangeValue = function getHoverRangeValue(date) {\n    function getHoverRangeFunc() {\n      if (hoverRange === 'week') {\n        return (0, _partial.default)(_utils2.getWeekHoverRange, isoWeek);\n      } else if (hoverRange === 'month') {\n        return _utils2.getMonthHoverRange;\n      }\n      return hoverRange;\n    }\n    var hoverRangeFunc = getHoverRangeFunc();\n    if ((0, _isNil.default)(hoverRangeFunc)) {\n      return null;\n    }\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n    if (!isHoverRangeValid) {\n      return null;\n    }\n    if ((0, _dateUtils.isAfter)(hoverValues[0], hoverValues[1])) {\n      hoverValues = (0, _dateUtils.reverseDateRangeOmitTime)(hoverValues);\n    }\n    return hoverValues;\n  };\n  var setDateRange = function setDateRange(event, nextValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    // If nextValue is null, it means that the user is erasing the selected dates.\n    setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);\n    setValue(nextValue);\n    if (!(0, _utils2.isSameRange)(nextValue, value, formatStr)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.\n   * The MouseMove event is called between the first click and the second click to update the selection state.\n   */\n  var handleMouseMove = (0, _utils.useEventCallback)(function (date) {\n    var nextHoverDateRange = getHoverRangeValue(date);\n\n    // If hasDoneSelect is false,\n    // it means there's already one selected date\n    // and waiting for user to select the second date to complete the selection.\n    if (!isSelectedIdle) {\n      // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules\n      if (!(0, _isNil.default)(nextHoverDateRange) && !(0, _isNil.default)(selectRangeValueRef.current)) {\n        var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];\n        if ((0, _dateUtils.isBefore)(nextHoverDateRange[0], selectRangeValueRef.current[0])) {\n          nextSelectedDates = [nextHoverDateRange[0], selectRangeValueRef.current[1]];\n        }\n        setSelectedDates(nextSelectedDates);\n      } else {\n        setHoverDateRange(function (prevHoverValue) {\n          return (0, _isNil.default)(prevHoverValue) ? null : [prevHoverValue[0], date];\n        });\n      }\n\n      // Before the first click, if nextHoverDateRange has a value, hoverDateRange needs to be updated\n    } else if (!(0, _isNil.default)(nextHoverDateRange)) {\n      setHoverDateRange(nextHoverDateRange);\n    }\n  });\n\n  /**\n   * Callback for selecting a date cell in the calendar grid\n   */\n  var handleSelectDate = (0, _utils.useEventCallback)(function (index, date, event) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue);\n\n    // in `oneTap` mode\n    if (isSelectedIdle && oneTap) {\n      setDateRange(event, noHoverRangeValid ? [(0, _dateUtils.startOfDay)(date), (0, _dateUtils.endOfDay)(date)] : hoverRangeValue);\n      setSelectedIdle(false);\n      return;\n    }\n\n    // no preset hover range can use\n    if (noHoverRangeValid) {\n      // start select\n      if (isSelectedIdle) {\n        nextSelectDates = [date];\n      } else {\n        // finish select\n        nextSelectDates[1] = date;\n      }\n    } else {\n      if (!isSelectedIdle) {\n        nextSelectDates = selectedDates;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectDates = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    }\n    if (nextSelectDates.length === 2) {\n      // If user have completed the selection, then sort the selected dates.\n      if ((0, _dateUtils.isAfter)(nextSelectDates[0], nextSelectDates[1])) {\n        nextSelectDates = (0, _dateUtils.reverseDateRangeOmitTime)(nextSelectDates);\n      }\n      if ((0, _dateUtils.shouldRenderTime)(formatStr)) {\n        nextSelectDates = [(0, _dateUtils.copyTime)({\n          from: getCalendarDatetime('start'),\n          to: nextSelectDates[0]\n        }), (0, _dateUtils.copyTime)({\n          from: getCalendarDatetime('end'),\n          to: nextSelectDates[1]\n        })];\n      }\n      setHoverDateRange(nextSelectDates);\n    } else {\n      setHoverDateRange([nextSelectDates[0], nextSelectDates[0]]);\n    }\n    setSelectedDates(nextSelectDates);\n    setCalendarDateRange({\n      dateRange: nextSelectDates,\n      calendarKey: calendarKey,\n      eventName: 'changeDate'\n    });\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    setSelectedIdle(!isSelectedIdle);\n  });\n\n  /**\n   * If `selectValue` changed, there will be the following effects.\n   * 1. Check if the selection is completed.\n   * 2. if the selection is completed, set the temporary `hoverValue` empty.\n   */\n  (0, _react.useEffect)(function () {\n    var selectValueLength = selectedDates.length;\n    var doneSelected = selectValueLength === 0 || selectValueLength === 2;\n    doneSelected && setHoverDateRange(null);\n  }, [selectedDates]);\n  var handleSingleCalendarMonth = (0, _utils.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeMonth'\n    });\n  });\n  var handleSingleCalendarTime = (0, _utils.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeTime'\n    });\n    setSelectedDates(function (prev) {\n      var next = [].concat(prev);\n\n      // if next[index] is not empty, only update the time after aligning the year, month and day\n      next[index] = next[index] ? (0, _dateUtils.copyTime)({\n        from: date,\n        to: next[index]\n      }) : new Date(date.valueOf());\n      return next;\n    });\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var handleToggleMeridian = (0, _utils.useEventCallback)(function (index) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = (0, _dateUtils.getReversedTimeMeridian)(nextCalendarDate[index]);\n    setCalendarDate(nextCalendarDate);\n\n    // If the value already exists, update the value again.\n    if (selectedDates.length === 2) {\n      var nextSelectedDates = Array.from(selectedDates);\n      nextSelectedDates[index] = (0, _dateUtils.getReversedTimeMeridian)(nextSelectedDates[index]);\n      setSelectedDates(nextSelectedDates);\n    }\n  });\n  var handleEnter = (0, _utils.useEventCallback)(function () {\n    var nextCalendarDate;\n    if (value && value.length) {\n      var _startDate3 = value[0],\n        endData = value[1];\n      nextCalendarDate = [_startDate3, (0, _dateUtils.isSameMonth)(_startDate3, endData) ? (0, _dateUtils.addMonths)(endData, 1) : endData];\n    } else {\n      // Reset the date on the calendar to the default date\n      nextCalendarDate = (0, _utils2.getSafeCalendarDate)({\n        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null\n      });\n    }\n    setSelectedDates(value !== null && value !== void 0 ? value : []);\n    setCalendarDateRange({\n      dateRange: nextCalendarDate\n    });\n  });\n\n  /**\n   * Toolbar operation callback function\n   */\n  var handleShortcutPageDate = (0, _utils.useEventCallback)(function (range, closeOverlay, event) {\n    if (closeOverlay === void 0) {\n      closeOverlay = false;\n    }\n    var value = range.value;\n    setCalendarDateRange({\n      dateRange: value\n    });\n    if (closeOverlay) {\n      setDateRange(event, value, closeOverlay);\n    } else {\n      setSelectedDates(value !== null && value !== void 0 ? value : []);\n    }\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n\n    // End unfinished selections.\n    setSelectedIdle(true);\n  });\n  var handleOK = (0, _utils.useEventCallback)(function (event) {\n    setDateRange(event, selectedDates);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);\n  });\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    setCalendarDateRange({\n      dateRange: null\n    });\n    setDateRange(event, null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!value) {\n      return;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    var selectValue = [startDate, endDate];\n    setHoverDateRange(selectValue);\n    setSelectedDates(selectValue);\n    setCalendarDateRange({\n      dateRange: selectValue\n    });\n    setDateRange(event, selectValue);\n  });\n  var isDateDisabled = function isDateDisabled(date, options) {\n    var selectDate = options.selectDate,\n      selectedDone = options.selectedDone,\n      target = options.target;\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date, selectDate, selectedDone, target);\n    }\n    if (typeof DEPRECATED_disabledDateProp === 'function') {\n      return DEPRECATED_disabledDateProp(date, selectDate, selectedDone, target);\n    }\n    return false;\n  };\n  var disabledByBetween = function disabledByBetween(start, end, type) {\n    // If the date is between the start and the end\n    // the button is disabled\n    while ((0, _dateUtils.isBefore)(start, end) || (0, _dateUtils.isSameDay)(start, end)) {\n      if (isDateDisabled(start, {\n        selectDate: selectedDates,\n        selectedDone: isSelectedIdle,\n        target: type\n      })) {\n        return true;\n      }\n      start = (0, _dateUtils.addDays)(start, 1);\n    }\n    return false;\n  };\n  var disabledOkButton = function disabledOkButton() {\n    var start = selectedDates[0],\n      end = selectedDates[1];\n    if (!start || !end || !isSelectedIdle) {\n      return true;\n    }\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n  };\n  var disabledShortcutButton = function disabledShortcutButton(value) {\n    if (value === void 0) {\n      value = [];\n    }\n    var _value = value,\n      start = _value[0],\n      end = _value[1];\n    if (!start || !end) {\n      return true;\n    }\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  };\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var handleInputKeyDown = (0, _utils.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref5 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref5.open;\n        if (!open) {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('daterange-menu'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n\n    /**\n     * Set a min-width (528px) when there are two calendars\n     * @see https://github.com/rsuite/rsuite/issues/3522\n     */\n    var panelStyles = {\n      minWidth: showOneCalendar ? 'auto' : 528\n    };\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var calendarProps = {\n      calendarDate: calendarDate,\n      disabledDate: function disabledDate(date, values, type) {\n        return isDateDisabled(date, {\n          selectDate: values,\n          selectedDone: isSelectedIdle,\n          target: type\n        });\n      },\n      format: formatStr,\n      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,\n      isoWeek: isoWeek,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      value: selectedDates,\n      showMeridian: showMeridian,\n      onChangeCalendarMonth: handleSingleCalendarMonth,\n      onChangeCalendarTime: handleSingleCalendarTime,\n      onMouseMove: handleMouseMove,\n      onSelect: handleSelectDate,\n      onToggleMeridian: handleToggleMeridian,\n      renderTitle: renderTitle\n    };\n    var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n    })) || [];\n    var bottomRanges = ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      target: trigger,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 779,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      style: panelStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 788,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 789,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('daterange-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disabledShortcut: disabledShortcutButton,\n      onShortcutClick: handleShortcutPageDate,\n      \"data-testid\": \"daterange-predefined-side\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 791,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 804,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 805,\n        columnNumber: 15\n      }\n    }, showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-header'),\n      \"data-testid\": \"daterange-header\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 807,\n        columnNumber: 19\n      }\n    }, getDateRangeString(isSelectedIdle ? selectedDates : hoverDateRange)), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 811,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/_react.default.createElement(_DateRangePickerContext.default.Provider, {\n      value: {\n        isSelectedIdle: isSelectedIdle\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 814,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 0\n    }, calendarProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 815,\n        columnNumber: 21\n      }\n    })), !showOneCalendar && /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 1\n    }, calendarProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 816,\n        columnNumber: 42\n      }\n    }))))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectedDates,\n      disabledOkBtn: disabledOkButton,\n      disabledShortcut: disabledShortcutButton,\n      hideOkBtn: oneTap,\n      onOk: handleOK,\n      onShortcutClick: handleShortcutPageDate,\n      ranges: bottomRanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 820,\n        columnNumber: 15\n      }\n    })))));\n  };\n  var hasValue = !(0, _isNil.default)(value) && value.length > 1;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'daterange',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _dateUtils.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var isErrorValue = function isErrorValue(value) {\n    if (!value) {\n      return false;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    if (!(0, _dateUtils.isValid)(startDate) || !(0, _dateUtils.isValid)(endDate)) {\n      return true;\n    }\n    if ((0, _dateUtils.isBefore)(endDate, startDate)) {\n      return true;\n    }\n    var disabledOptions = {\n      selectDate: value,\n      selectedDone: isSelectedIdle,\n      target: _utils.DATERANGE_DISABLED_TARGET.INPUT\n    };\n    if (isDateDisabled(startDate, disabledOptions) || isDateDisabled(endDate, disabledOptions)) {\n      return true;\n    }\n    return false;\n  };\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var invalidValue = value && isErrorValue(value);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    ref: trigger,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    placement: placement,\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),\n    onExited: (0, _utils.createChainedFunction)(onClose, onExited),\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 887,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: root,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 897,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 903,\n      columnNumber: 11\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _dateUtils.calendarOnlyProps)), {\n    inside: true,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 905,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 914,\n      columnNumber: 13\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: value,\n    character: character,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : rangeFormatStr,\n    disabled: disabled,\n    onChange: handleInputChange,\n    readOnly: readOnly || !editable || loading,\n    plaintext: plaintext,\n    onKeyDown: handleInputKeyDown,\n    htmlSize: getInputHtmlSize(),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 917,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 935,\n      columnNumber: 13\n    }\n  }))));\n});\nDateRangePicker.after = disabledDateUtils.after;\nDateRangePicker.afterToday = disabledDateUtils.afterToday;\nDateRangePicker.allowedDays = disabledDateUtils.allowedDays;\nDateRangePicker.allowedMaxDays = disabledDateUtils.allowedMaxDays;\nDateRangePicker.allowedRange = disabledDateUtils.allowedRange;\nDateRangePicker.before = disabledDateUtils.before;\nDateRangePicker.beforeToday = disabledDateUtils.beforeToday;\nDateRangePicker.combine = disabledDateUtils.combine;\nDateRangePicker.displayName = 'DateRangePicker';\nDateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = DateRangePicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _omit = _interopRequireDefault(__webpack_require__(/*! lodash/omit */ \"./node_modules/lodash/omit.js\"));\nvar _partial = _interopRequireDefault(__webpack_require__(/*! lodash/partial */ \"./node_modules/lodash/partial.js\"));\nvar _pick = _interopRequireDefault(__webpack_require__(/*! lodash/pick */ \"./node_modules/lodash/pick.js\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/Calendar */ \"./node_modules/@rsuite/icons/legacy/Calendar.js\"));\nvar _ClockO = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/ClockO */ \"./node_modules/@rsuite/icons/legacy/ClockO.js\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _Toolbar = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/Toolbar */ \"./src/DatePicker/Toolbar.tsx\"));\nvar _PredefinedRanges = _interopRequireDefault(__webpack_require__(/*! ../DatePicker/PredefinedRanges */ \"./src/DatePicker/PredefinedRanges.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _Calendar2 = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/DateRangePicker/Calendar.tsx\"));\nvar disabledDateUtils = _interopRequireWildcard(__webpack_require__(/*! ./disabledDateUtils */ \"./src/DateRangePicker/disabledDateUtils.ts\"));\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/DateRangePicker/utils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _DateRangePickerContext = _interopRequireDefault(__webpack_require__(/*! ./DateRangePickerContext */ \"./src/DateRangePicker/DateRangePickerContext.ts\"));\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ../DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup */ \"./src/InputGroup/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/DateRangePicker/DateRangePicker.tsx\",\n  _this = void 0,\n  _templateObject;\n/**\n * A date range picker allows you to select a date range from a calendar.\n *\n * @see https://rsuitejs.com/components/date-range-picker\n */\nvar DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _ref, _ref2, _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    className = props.className,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$editable = props.editable,\n    editable = _props$editable === void 0 ? true : _props$editable,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$character = props.character,\n    character = _props$character === void 0 ? ' ~ ' : _props$character,\n    defaultCalendarValue = props.defaultCalendarValue,\n    defaultValue = props.defaultValue,\n    plaintext = props.plaintext,\n    disabled = props.disabled,\n    DEPRECATED_disabledDateProp = props.disabledDate,\n    shouldDisableDate = props.shouldDisableDate,\n    _props$format = props.format,\n    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,\n    hoverRange = props.hoverRange,\n    idProp = props.id,\n    _props$isoWeek = props.isoWeek,\n    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,\n    _props$limitEndYear = props.limitEndYear,\n    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,\n    limitStartYear = props.limitStartYear,\n    overrideLocale = props.locale,\n    loading = props.loading,\n    label = props.label,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    oneTap = props.oneTap,\n    _props$placeholder = props.placeholder,\n    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    ranges = props.ranges,\n    readOnly = props.readOnly,\n    _props$showOneCalenda = props.showOneCalendar,\n    showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,\n    showWeekNumbers = props.showWeekNumbers,\n    showMeridian = props.showMeridian,\n    _props$showHeader = props.showHeader,\n    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,\n    style = props.style,\n    size = props.size,\n    caretAsProp = props.caretAs,\n    valueProp = props.value,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onClose = props.onClose,\n    onEnter = props.onEnter,\n    onEntered = props.onEntered,\n    onExited = props.onExited,\n    onOk = props.onOk,\n    onOpen = props.onOpen,\n    onSelect = props.onSelect,\n    onShortcutClick = props.onShortcutClick,\n    renderTitle = props.renderTitle,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"appearance\", \"editable\", \"cleanable\", \"character\", \"defaultCalendarValue\", \"defaultValue\", \"plaintext\", \"disabled\", \"disabledDate\", \"shouldDisableDate\", \"format\", \"hoverRange\", \"id\", \"isoWeek\", \"limitEndYear\", \"limitStartYear\", \"locale\", \"loading\", \"label\", \"menuClassName\", \"menuStyle\", \"oneTap\", \"placeholder\", \"placement\", \"ranges\", \"readOnly\", \"showOneCalendar\", \"showWeekNumbers\", \"showMeridian\", \"showHeader\", \"style\", \"size\", \"caretAs\", \"value\", \"onChange\", \"onClean\", \"onClose\", \"onEnter\", \"onEntered\", \"onExited\", \"onOk\", \"onOpen\", \"onSelect\", \"onShortcutClick\", \"renderTitle\"]);\n  var id = (0, _utils.useUniqueId)('rs-', idProp);\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    trigger = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('DateRangePicker', overrideLocale),\n    locale = _useCustom.locale,\n    formatDate = _useCustom.formatDate;\n  var rangeFormatStr = \"\" + formatStr + character + formatStr;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),\n    value = _useControlled[0],\n    setValue = _useControlled[1]; // Show only the calendar month panel. formatStr = 'yyyy-MM'\n  var onlyShowMonth = (0, _dateUtils.shouldRenderMonth)(formatStr) && !(0, _dateUtils.shouldRenderDate)(formatStr);\n\n  /**\n   * Whether to complete the selection.\n   * Everytime selection will change this value. If the value is false, it means that the selection has not been completed.\n   *\n   * In `oneTap` mode, select action will not change this value, its value should be true always.\n   */\n  var _useState = (0, _react.useState)(true),\n    isSelectedIdle = _useState[0],\n    setSelectedIdle = _useState[1];\n  /**\n   * The currently selected date range.\n   *\n   * The time range is selected by two clicks. After the first click,\n   * the cursor will store a temporary event date in the process until\n   * the second click to determine the end date of the date range.\n   *\n   */\n  var _useState2 = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []),\n    selectedDates = _useState2[0],\n    setSelectedDates = _useState2[1]; // The date of the current hover, used to reduce the calculation of `handleMouseMove`\n  var _useState3 = (0, _react.useState)(null),\n    hoverDateRange = _useState3[0],\n    setHoverDateRange = _useState3[1]; // The displayed calendar panel is rendered based on this value.\n  var _useState4 = (0, _react.useState)((0, _utils2.getSafeCalendarDate)({\n      value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null\n    })),\n    calendarDate = _useState4[0],\n    setCalendarDate = _useState4[1];\n  /**\n   * When hoverRange is set, `selectValue` will be updated during the hover process,\n   * which will cause the `selectValue` to be updated after the first click,\n   * so declare a Ref to temporarily store the `selectValue` of the first click.\n   */\n  var selectRangeValueRef = (0, _react.useRef)(null);\n\n  /**\n   * Get the time on the calendar.\n   */\n  var getCalendarDatetime = function getCalendarDatetime(calendarKey) {\n    var index = calendarKey === 'start' ? 0 : 1;\n    return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);\n  };\n\n  /**\n   * Call this function to update the calendar panel rendering benchmark value.\n   * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].\n   */\n  var setCalendarDateRange = function setCalendarDateRange(_ref3) {\n    var dateRange = _ref3.dateRange,\n      calendarKey = _ref3.calendarKey,\n      eventName = _ref3.eventName;\n    var nextValue = dateRange;\n\n    // The time should remain the same when the dates in the date range are changed.\n    if ((0, _dateUtils.shouldRenderTime)(formatStr) && dateRange !== null && dateRange !== void 0 && dateRange.length && eventName !== 'changeTime' && eventName !== 'shortcutSelection') {\n      var _startDate = (0, _dateUtils.copyTime)({\n        from: getCalendarDatetime('start'),\n        to: dateRange[0]\n      });\n      var _endDate = (0, _dateUtils.copyTime)({\n        from: getCalendarDatetime('end'),\n        to: dateRange.length === 1 ? (0, _dateUtils.addMonths)(_startDate, 1) : dateRange[1]\n      });\n      nextValue = [_startDate, _endDate];\n    } else if (dateRange === null && typeof defaultCalendarValue !== 'undefined') {\n      // Make the calendar render the value of defaultCalendarValue after clearing the value.\n      nextValue = defaultCalendarValue;\n    }\n    var nextCalendarDate = (0, _utils2.getSafeCalendarDate)({\n      value: nextValue,\n      calendarKey: calendarKey,\n      allowAameMonth: onlyShowMonth\n    });\n    setCalendarDate(nextCalendarDate);\n    if (onlyShowMonth && eventName === 'changeMonth') {\n      setSelectedDates(nextCalendarDate);\n    }\n  };\n\n  // if valueProp changed then update selectValue/hoverValue\n  (0, _react.useEffect)(function () {\n    setSelectedDates(valueProp !== null && valueProp !== void 0 ? valueProp : []);\n    setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);\n  }, [valueProp]);\n  var getDateRangeString = function getDateRangeString(nextValue) {\n    var _ref4 = nextValue !== null && nextValue !== void 0 ? nextValue : [null, null],\n      startDate = _ref4[0],\n      endDate = _ref4[1];\n    if (startDate && endDate) {\n      var displayValue = [startDate, endDate].sort(_dateUtils.compareAsc);\n      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[0],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 370,\n          columnNumber: 11\n        }\n      }), character, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {\n        date: displayValue[1],\n        formatStr: formatStr,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 372,\n          columnNumber: 11\n        }\n      }));\n    }\n    return rangeFormatStr;\n  };\n  var getInputHtmlSize = function getInputHtmlSize() {\n    var padding = 4;\n    var strings = rangeFormatStr;\n    if (value) {\n      var _startDate2 = value[0],\n        _endDate2 = value[1];\n      strings = \"\" + formatDate(_startDate2, formatStr) + character + formatDate(_endDate2, formatStr);\n    }\n    return (0, _utils.getStringLength)(strings) + padding;\n  };\n\n  /**\n   * preset hover range\n   */\n  var getHoverRangeValue = function getHoverRangeValue(date) {\n    function getHoverRangeFunc() {\n      if (hoverRange === 'week') {\n        return (0, _partial.default)(_utils2.getWeekHoverRange, isoWeek);\n      } else if (hoverRange === 'month') {\n        return _utils2.getMonthHoverRange;\n      }\n      return hoverRange;\n    }\n    var hoverRangeFunc = getHoverRangeFunc();\n    if ((0, _isNil.default)(hoverRangeFunc)) {\n      return null;\n    }\n    var hoverValues = hoverRangeFunc(date);\n    var isHoverRangeValid = hoverValues instanceof Array && hoverValues.length === 2;\n    if (!isHoverRangeValid) {\n      return null;\n    }\n    if ((0, _dateUtils.isAfter)(hoverValues[0], hoverValues[1])) {\n      hoverValues = (0, _dateUtils.reverseDateRangeOmitTime)(hoverValues);\n    }\n    return hoverValues;\n  };\n  var setDateRange = function setDateRange(event, nextValue, closeOverlay) {\n    if (closeOverlay === void 0) {\n      closeOverlay = true;\n    }\n    // If nextValue is null, it means that the user is erasing the selected dates.\n    setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);\n    setValue(nextValue);\n    if (!(0, _utils2.isSameRange)(nextValue, value, formatStr)) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n\n    // `closeOverlay` default value is `true`\n    if (closeOverlay !== false) {\n      handleClose();\n    }\n  };\n\n  /**\n   * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.\n   * The MouseMove event is called between the first click and the second click to update the selection state.\n   */\n  var handleMouseMove = (0, _utils.useEventCallback)(function (date) {\n    var nextHoverDateRange = getHoverRangeValue(date);\n\n    // If hasDoneSelect is false,\n    // it means there's already one selected date\n    // and waiting for user to select the second date to complete the selection.\n    if (!isSelectedIdle) {\n      // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules\n      if (!(0, _isNil.default)(nextHoverDateRange) && !(0, _isNil.default)(selectRangeValueRef.current)) {\n        var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];\n        if ((0, _dateUtils.isBefore)(nextHoverDateRange[0], selectRangeValueRef.current[0])) {\n          nextSelectedDates = [nextHoverDateRange[0], selectRangeValueRef.current[1]];\n        }\n        setSelectedDates(nextSelectedDates);\n      } else {\n        setHoverDateRange(function (prevHoverValue) {\n          return (0, _isNil.default)(prevHoverValue) ? null : [prevHoverValue[0], date];\n        });\n      }\n\n      // Before the first click, if nextHoverDateRange has a value, hoverDateRange needs to be updated\n    } else if (!(0, _isNil.default)(nextHoverDateRange)) {\n      setHoverDateRange(nextHoverDateRange);\n    }\n  });\n\n  /**\n   * Callback for selecting a date cell in the calendar grid\n   */\n  var handleSelectDate = (0, _utils.useEventCallback)(function (index, date, event) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];\n    var hoverRangeValue = getHoverRangeValue(date);\n    var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue);\n\n    // in `oneTap` mode\n    if (isSelectedIdle && oneTap) {\n      setDateRange(event, noHoverRangeValid ? [(0, _dateUtils.startOfDay)(date), (0, _dateUtils.endOfDay)(date)] : hoverRangeValue);\n      setSelectedIdle(false);\n      return;\n    }\n\n    // no preset hover range can use\n    if (noHoverRangeValid) {\n      // start select\n      if (isSelectedIdle) {\n        nextSelectDates = [date];\n      } else {\n        // finish select\n        nextSelectDates[1] = date;\n      }\n    } else {\n      if (!isSelectedIdle) {\n        nextSelectDates = selectedDates;\n        selectRangeValueRef.current = null;\n      } else {\n        nextSelectDates = hoverRangeValue;\n        selectRangeValueRef.current = hoverRangeValue;\n      }\n    }\n    if (nextSelectDates.length === 2) {\n      // If user have completed the selection, then sort the selected dates.\n      if ((0, _dateUtils.isAfter)(nextSelectDates[0], nextSelectDates[1])) {\n        nextSelectDates = (0, _dateUtils.reverseDateRangeOmitTime)(nextSelectDates);\n      }\n      if ((0, _dateUtils.shouldRenderTime)(formatStr)) {\n        nextSelectDates = [(0, _dateUtils.copyTime)({\n          from: getCalendarDatetime('start'),\n          to: nextSelectDates[0]\n        }), (0, _dateUtils.copyTime)({\n          from: getCalendarDatetime('end'),\n          to: nextSelectDates[1]\n        })];\n      }\n      setHoverDateRange(nextSelectDates);\n    } else {\n      setHoverDateRange([nextSelectDates[0], nextSelectDates[0]]);\n    }\n    setSelectedDates(nextSelectDates);\n    setCalendarDateRange({\n      dateRange: nextSelectDates,\n      calendarKey: calendarKey,\n      eventName: 'changeDate'\n    });\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n    setSelectedIdle(!isSelectedIdle);\n  });\n\n  /**\n   * If `selectValue` changed, there will be the following effects.\n   * 1. Check if the selection is completed.\n   * 2. if the selection is completed, set the temporary `hoverValue` empty.\n   */\n  (0, _react.useEffect)(function () {\n    var selectValueLength = selectedDates.length;\n    var doneSelected = selectValueLength === 0 || selectValueLength === 2;\n    doneSelected && setHoverDateRange(null);\n  }, [selectedDates]);\n  var handleSingleCalendarMonth = (0, _utils.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeMonth'\n    });\n  });\n  var handleSingleCalendarTime = (0, _utils.useEventCallback)(function (index, date) {\n    var calendarKey = index === 0 ? 'start' : 'end';\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = date;\n    setCalendarDateRange({\n      dateRange: nextCalendarDate,\n      calendarKey: calendarKey,\n      eventName: 'changeTime'\n    });\n    setSelectedDates(function (prev) {\n      var next = [].concat(prev);\n\n      // if next[index] is not empty, only update the time after aligning the year, month and day\n      next[index] = next[index] ? (0, _dateUtils.copyTime)({\n        from: date,\n        to: next[index]\n      }) : new Date(date.valueOf());\n      return next;\n    });\n  });\n\n  /**\n   * The callback triggered when PM/AM is switched.\n   */\n  var handleToggleMeridian = (0, _utils.useEventCallback)(function (index) {\n    var nextCalendarDate = Array.from(calendarDate);\n    nextCalendarDate[index] = (0, _dateUtils.getReversedTimeMeridian)(nextCalendarDate[index]);\n    setCalendarDate(nextCalendarDate);\n\n    // If the value already exists, update the value again.\n    if (selectedDates.length === 2) {\n      var nextSelectedDates = Array.from(selectedDates);\n      nextSelectedDates[index] = (0, _dateUtils.getReversedTimeMeridian)(nextSelectedDates[index]);\n      setSelectedDates(nextSelectedDates);\n    }\n  });\n  var handleEnter = (0, _utils.useEventCallback)(function () {\n    var nextCalendarDate;\n    if (value && value.length) {\n      var _startDate3 = value[0],\n        endData = value[1];\n      nextCalendarDate = [_startDate3, (0, _dateUtils.isSameMonth)(_startDate3, endData) ? (0, _dateUtils.addMonths)(endData, 1) : endData];\n    } else {\n      // Reset the date on the calendar to the default date\n      nextCalendarDate = (0, _utils2.getSafeCalendarDate)({\n        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null\n      });\n    }\n    setSelectedDates(value !== null && value !== void 0 ? value : []);\n    setCalendarDateRange({\n      dateRange: nextCalendarDate\n    });\n  });\n\n  /**\n   * Toolbar operation callback function\n   */\n  var handleShortcutPageDate = (0, _utils.useEventCallback)(function (range, closeOverlay, event) {\n    if (closeOverlay === void 0) {\n      closeOverlay = false;\n    }\n    var value = range.value;\n    setCalendarDateRange({\n      dateRange: value,\n      eventName: 'shortcutSelection'\n    });\n    if (closeOverlay) {\n      setDateRange(event, value, closeOverlay);\n    } else {\n      setSelectedDates(value !== null && value !== void 0 ? value : []);\n    }\n    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);\n\n    // End unfinished selections.\n    setSelectedIdle(true);\n  });\n  var handleOK = (0, _utils.useEventCallback)(function (event) {\n    setDateRange(event, selectedDates);\n    onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);\n  });\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    setCalendarDateRange({\n      dateRange: null\n    });\n    setDateRange(event, null);\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n    event.stopPropagation();\n  });\n\n  /**\n   * Callback after the input box value is changed.\n   */\n  var handleInputChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!value) {\n      return;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    var selectValue = [startDate, endDate];\n    setHoverDateRange(selectValue);\n    setSelectedDates(selectValue);\n    setCalendarDateRange({\n      dateRange: selectValue\n    });\n    setDateRange(event, selectValue);\n  });\n  var isDateDisabled = function isDateDisabled(date, options) {\n    var selectDate = options.selectDate,\n      selectedDone = options.selectedDone,\n      target = options.target;\n    if (typeof shouldDisableDate === 'function') {\n      return shouldDisableDate(date, selectDate, selectedDone, target);\n    }\n    if (typeof DEPRECATED_disabledDateProp === 'function') {\n      return DEPRECATED_disabledDateProp(date, selectDate, selectedDone, target);\n    }\n    return false;\n  };\n  var disabledByBetween = function disabledByBetween(start, end, type) {\n    // If the date is between the start and the end\n    // the button is disabled\n    while ((0, _dateUtils.isBefore)(start, end) || (0, _dateUtils.isSameDay)(start, end)) {\n      if (isDateDisabled(start, {\n        selectDate: selectedDates,\n        selectedDone: isSelectedIdle,\n        target: type\n      })) {\n        return true;\n      }\n      start = (0, _dateUtils.addDays)(start, 1);\n    }\n    return false;\n  };\n  var disabledOkButton = function disabledOkButton() {\n    var start = selectedDates[0],\n      end = selectedDates[1];\n    if (!start || !end || !isSelectedIdle) {\n      return true;\n    }\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_BUTTON_OK);\n  };\n  var disabledShortcutButton = function disabledShortcutButton(value) {\n    if (value === void 0) {\n      value = [];\n    }\n    var _value = value,\n      start = _value[0],\n      end = _value[1];\n    if (!start || !end) {\n      return true;\n    }\n    return disabledByBetween(start, end, _utils.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);\n  };\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _trigger$current, _trigger$current$clos;\n    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);\n  });\n  var handleInputKeyDown = (0, _utils.useEventCallback)(function (event) {\n    (0, _Picker.onMenuKeyDown)(event, {\n      esc: handleClose,\n      enter: function enter() {\n        var _trigger$current2;\n        var _ref5 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},\n          open = _ref5.open;\n        if (!open) {\n          var _trigger$current3;\n          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();\n        }\n      }\n    });\n  });\n  var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var classes = merge(className, menuClassName, prefix('daterange-menu'));\n    var panelClasses = prefix('daterange-panel', {\n      'daterange-panel-show-one-calendar': showOneCalendar\n    });\n\n    /**\n     * Set a min-width (528px) when there are two calendars\n     * @see https://github.com/rsuite/rsuite/issues/3522\n     */\n    var panelStyles = {\n      minWidth: showOneCalendar ? 'auto' : 528\n    };\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var calendarProps = {\n      calendarDate: calendarDate,\n      disabledDate: function disabledDate(date, values, type) {\n        return isDateDisabled(date, {\n          selectDate: values,\n          selectedDone: isSelectedIdle,\n          target: type\n        });\n      },\n      format: formatStr,\n      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,\n      isoWeek: isoWeek,\n      limitEndYear: limitEndYear,\n      limitStartYear: limitStartYear,\n      locale: locale,\n      showWeekNumbers: showWeekNumbers,\n      value: selectedDates,\n      showMeridian: showMeridian,\n      onChangeCalendarMonth: handleSingleCalendarMonth,\n      onChangeCalendarTime: handleSingleCalendarTime,\n      onMouseMove: handleMouseMove,\n      onSelect: handleSelectDate,\n      onToggleMeridian: handleToggleMeridian,\n      renderTitle: renderTitle\n    };\n    var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'left';\n    })) || [];\n    var bottomRanges = ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {\n      return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;\n    });\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      role: \"dialog\",\n      \"aria-labelledby\": label ? id + \"-label\" : undefined,\n      tabIndex: -1,\n      className: classes,\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      target: trigger,\n      style: styles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 784,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: panelClasses,\n      style: panelStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 793,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Stack.default, {\n      alignItems: \"flex-start\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 794,\n        columnNumber: 11\n      }\n    }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {\n      direction: \"column\",\n      spacing: 0,\n      className: prefix('daterange-predefined'),\n      ranges: sideRanges,\n      calendarDate: calendarDate,\n      locale: locale,\n      disabledShortcut: disabledShortcutButton,\n      onShortcutClick: handleShortcutPageDate,\n      \"data-testid\": \"daterange-predefined-side\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 796,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/_react.default.createElement(_Stack.default.Item, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 809,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-content'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 810,\n        columnNumber: 15\n      }\n    }, showHeader && /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix('daterange-header'),\n      \"data-testid\": \"daterange-header\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 812,\n        columnNumber: 19\n      }\n    }, getDateRangeString(isSelectedIdle ? selectedDates : hoverDateRange)), /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(\"daterange-calendar-\" + (showOneCalendar ? 'single' : 'group')),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 816,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/_react.default.createElement(_DateRangePickerContext.default.Provider, {\n      value: {\n        isSelectedIdle: isSelectedIdle\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 819,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 0\n    }, calendarProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 820,\n        columnNumber: 21\n      }\n    })), !showOneCalendar && /*#__PURE__*/_react.default.createElement(_Calendar2.default, (0, _extends2.default)({\n      index: 1\n    }, calendarProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 821,\n        columnNumber: 42\n      }\n    }))))), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {\n      locale: locale,\n      calendarDate: selectedDates,\n      disabledOkBtn: disabledOkButton,\n      disabledShortcut: disabledShortcutButton,\n      hideOkBtn: oneTap,\n      onOk: handleOK,\n      onShortcutClick: handleShortcutPageDate,\n      ranges: bottomRanges,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 825,\n        columnNumber: 15\n      }\n    })))));\n  };\n  var hasValue = !(0, _isNil.default)(value) && value.length > 1;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      name: 'daterange',\n      appearance: appearance,\n      hasValue: hasValue,\n      cleanable: cleanable\n    })),\n    classes = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var caretAs = (0, _react.useMemo)(function () {\n    if (caretAsProp === null) {\n      return null;\n    }\n    return caretAsProp || ((0, _dateUtils.shouldOnlyRenderTime)(formatStr) ? _ClockO.default : _Calendar.default);\n  }, [caretAsProp, formatStr]);\n  var isErrorValue = function isErrorValue(value) {\n    if (!value) {\n      return false;\n    }\n\n    // If the value is an empty array, it is not an error value.\n    if (Array.isArray(value) && value.length === 0) {\n      return false;\n    }\n    var startDate = value[0],\n      endDate = value[1];\n    if (!(0, _dateUtils.isValid)(startDate) || !(0, _dateUtils.isValid)(endDate)) {\n      return true;\n    }\n    if ((0, _dateUtils.isBefore)(endDate, startDate)) {\n      return true;\n    }\n    var disabledOptions = {\n      selectDate: value,\n      selectedDone: isSelectedIdle,\n      target: _utils.DATERANGE_DISABLED_TARGET.INPUT\n    };\n    if (isDateDisabled(startDate, disabledOptions) || isDateDisabled(endDate, disabledOptions)) {\n      return true;\n    }\n    return false;\n  };\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {\n      htmlProps: [],\n      includeAria: true\n    }),\n    ariaProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var showCleanButton = cleanable && hasValue && !readOnly;\n  var invalidValue = value && isErrorValue(value);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    trigger: \"active\",\n    ref: trigger,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    placement: placement,\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),\n    onExited: (0, _utils.createChainedFunction)(onClose, onExited),\n    speaker: renderCalendarOverlay,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 897,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    ref: root,\n    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 907,\n      columnNumber: 7\n    }\n  }, plaintext ? /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, {\n    value: value,\n    format: formatStr,\n    plaintext: plaintext,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 913,\n      columnNumber: 11\n    }\n  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, _dateUtils.calendarOnlyProps)), {\n    inside: true,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 915,\n      columnNumber: 11\n    }\n  }), /*#__PURE__*/_react.default.createElement(_Picker.PickerLabel, {\n    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"label\"]))),\n    id: id + \"-label\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 924,\n      columnNumber: 13\n    }\n  }, label), /*#__PURE__*/_react.default.createElement(_DateRangeInput.default, (0, _extends2.default)({\n    \"aria-haspopup\": \"dialog\",\n    \"aria-invalid\": invalidValue,\n    \"aria-labelledby\": label ? id + \"-label\" : undefined\n  }, ariaProps, {\n    ref: target,\n    id: id,\n    value: value,\n    character: character,\n    format: formatStr,\n    placeholder: placeholder ? placeholder : rangeFormatStr,\n    disabled: disabled,\n    onChange: handleInputChange,\n    readOnly: readOnly || !editable || loading,\n    plaintext: plaintext,\n    onKeyDown: handleInputKeyDown,\n    htmlSize: getInputHtmlSize(),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 927,\n      columnNumber: 13\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Picker.PickerIndicator, {\n    loading: loading,\n    caretAs: caretAs,\n    onClose: handleClean,\n    showCleanButton: showCleanButton,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 945,\n      columnNumber: 13\n    }\n  }))));\n});\nDateRangePicker.after = disabledDateUtils.after;\nDateRangePicker.afterToday = disabledDateUtils.afterToday;\nDateRangePicker.allowedDays = disabledDateUtils.allowedDays;\nDateRangePicker.allowedMaxDays = disabledDateUtils.allowedMaxDays;\nDateRangePicker.allowedRange = disabledDateUtils.allowedRange;\nDateRangePicker.before = disabledDateUtils.before;\nDateRangePicker.beforeToday = disabledDateUtils.beforeToday;\nDateRangePicker.combine = disabledDateUtils.combine;\nDateRangePicker.displayName = 'DateRangePicker';\nDateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {\n  ranges: _propTypes.default.array,\n  value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),\n  hoverRange: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(['week', 'month']), _propTypes.default.func]),\n  format: _propTypes.default.string,\n  isoWeek: _propTypes.default.bool,\n  oneTap: _propTypes.default.bool,\n  limitEndYear: _propTypes.default.number,\n  limitStartYear: _propTypes.default.number,\n  onChange: _propTypes.default.func,\n  onOk: _propTypes.default.func,\n  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use \"shouldDisableDate\" property instead.'),\n  shouldDisableDate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  showWeekNumbers: _propTypes.default.bool,\n  showMeridian: _propTypes.default.bool,\n  showOneCalendar: _propTypes.default.bool\n});\nvar _default = DateRangePicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/DateRangePicker/DateRangePicker.tsx?");
 
 /***/ }),
 
@@ -7378,6 +7378,72 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/InlineEdit/EditableControls.tsx":
+/*!*********************************************!*\
+  !*** ./src/InlineEdit/EditableControls.tsx ***!
+  \*********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Check = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Check */ \"./node_modules/@rsuite/icons/Check.js\"));\nvar _Close = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/Close */ \"./node_modules/@rsuite/icons/Close.js\"));\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ../IconButton */ \"./src/IconButton/index.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InlineEdit/EditableControls.tsx\",\n  _this = void 0;\nvar EditableControls = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var onSave = props.onSave,\n    onCancel = props.onCancel,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onSave\", \"onCancel\"]);\n  return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({\n    ref: ref,\n    spacing: 6\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {\n    size: \"sm\",\n    icon: /*#__PURE__*/_react.default.createElement(_Check.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 35\n      }\n    }),\n    \"aria-label\": \"Save\",\n    onClick: onSave,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {\n    size: \"sm\",\n    icon: /*#__PURE__*/_react.default.createElement(_Close.default, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 35\n      }\n    }),\n    \"aria-label\": \"Cancel\",\n    onClick: onCancel,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 7\n    }\n  }));\n});\nvar _default = EditableControls;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/EditableControls.tsx?");
+
+/***/ }),
+
+/***/ "./src/InlineEdit/InlineEdit.tsx":
+/*!***************************************!*\
+  !*** ./src/InlineEdit/InlineEdit.tsx ***!
+  \***************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _EditableControls = _interopRequireDefault(__webpack_require__(/*! ./EditableControls */ \"./src/InlineEdit/EditableControls.tsx\"));\nvar _useFocusEvent2 = _interopRequireDefault(__webpack_require__(/*! ./useFocusEvent */ \"./src/InlineEdit/useFocusEvent.ts\"));\nvar _useEditState2 = _interopRequireDefault(__webpack_require__(/*! ./useEditState */ \"./src/InlineEdit/useEditState.ts\"));\nvar _renderChildren = __webpack_require__(/*! ./renderChildren */ \"./src/InlineEdit/renderChildren.tsx\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InlineEdit/InlineEdit.tsx\",\n  _this = void 0;\nvar InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$children = props.children,\n    children = _props$children === void 0 ? _renderChildren.defaultRenderInput : _props$children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'inline-edit' : _props$classPrefix,\n    className = props.className,\n    disabled = props.disabled,\n    size = props.size,\n    _props$showControls = props.showControls,\n    showControls = _props$showControls === void 0 ? true : _props$showControls,\n    _props$stateOnBlur = props.stateOnBlur,\n    stateOnBlur = _props$stateOnBlur === void 0 ? 'save' : _props$stateOnBlur,\n    placeholder = props.placeholder,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"children\", \"classPrefix\", \"className\", \"disabled\", \"size\", \"showControls\", \"stateOnBlur\", \"placeholder\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useEditState = (0, _useEditState2.default)((0, _extends2.default)({}, rest, {\n      disabled: disabled\n    })),\n    value = _useEditState.value,\n    isEditing = _useEditState.isEditing,\n    onSave = _useEditState.onSave,\n    onCancel = _useEditState.onCancel,\n    onChange = _useEditState.onChange,\n    onKeyDown = _useEditState.onKeyDown,\n    onClick = _useEditState.onClick,\n    htmlProps = _useEditState.htmlProps;\n  var _useFocusEvent = (0, _useFocusEvent2.default)({\n      isEditing: isEditing,\n      stateOnBlur: stateOnBlur,\n      onSave: onSave,\n      onCancel: onCancel\n    }),\n    target = _useFocusEvent.target,\n    root = _useFocusEvent.root,\n    onBlur = _useFocusEvent.onBlur;\n  var childrenProps = {\n    size: size,\n    value: value,\n    disabled: disabled,\n    placeholder: placeholder,\n    plaintext: !isEditing,\n    onChange: onChange,\n    onBlur: onBlur\n  };\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: (0, _utils.mergeRefs)(root, ref),\n    tabIndex: 0,\n    className: merge(className, withClassPrefix(size, {\n      disabled: disabled\n    })),\n    onClick: onClick,\n    onKeyDown: onKeyDown\n  }, htmlProps, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 115,\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: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 125,\n      columnNumber: 9\n    }\n  }));\n});\nInlineEdit.displayName = 'InlineEdit';\nInlineEdit.propTypes = {\n  children: _propTypes.default.any,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  defaultValue: _propTypes.default.any,\n  value: _propTypes.default.any,\n  showControls: _propTypes.default.bool,\n  placeholder: _propTypes.default.string,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  stateOnBlur: (0, _propTypes2.oneOf)(['save', 'cancel']),\n  onChange: _propTypes.default.func,\n  onCancel: _propTypes.default.func,\n  onSave: _propTypes.default.func,\n  onEdit: _propTypes.default.func\n};\nvar _default = InlineEdit;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/InlineEdit.tsx?");
+
+/***/ }),
+
+/***/ "./src/InlineEdit/index.tsx":
+/*!**********************************!*\
+  !*** ./src/InlineEdit/index.tsx ***!
+  \**********************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _InlineEdit = _interopRequireDefault(__webpack_require__(/*! ./InlineEdit */ \"./src/InlineEdit/InlineEdit.tsx\"));\nvar _default = _InlineEdit.default;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/InlineEdit/renderChildren.tsx":
+/*!*******************************************!*\
+  !*** ./src/InlineEdit/renderChildren.tsx ***!
+  \*******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.defaultRenderInput = defaultRenderInput;\nexports.renderChildren = renderChildren;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InlineEdit/renderChildren.tsx\";\nfunction defaultRenderInput(props, ref) {\n  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({\n    ref: ref\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 10\n    }\n  }));\n}\nvar pickers = ['DatePicker', 'DateRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];\nfunction getDisplayName(Component) {\n  var _Component$type;\n  if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {\n    return Component === null || Component === void 0 ? void 0 : Component.type;\n  }\n  return (Component === null || Component === void 0 ? void 0 : (_Component$type = Component.type) === null || _Component$type === void 0 ? void 0 : _Component$type.displayName) || '';\n}\nfunction renderChildren(children, props, ref) {\n  if (typeof children === 'function') {\n    return children(props, ref);\n  }\n  if (pickers.includes(getDisplayName(children))) {\n    var onBlur = props.onBlur,\n      rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"onBlur\"]); // if the children is a picker, we should pass the onBlur to the onClose\n    return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, rest, {\n      onClose: onBlur,\n      ref: ref\n    }));\n  }\n  return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, props, {\n    ref: ref\n  }));\n}\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/renderChildren.tsx?");
+
+/***/ }),
+
+/***/ "./src/InlineEdit/useEditState.ts":
+/*!****************************************!*\
+  !*** ./src/InlineEdit/useEditState.ts ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar useEditState = function useEditState(props) {\n  var valueProp = props.value,\n    defaultValue = props.defaultValue,\n    disabled = props.disabled,\n    onChange = props.onChange,\n    onEdit = props.onEdit,\n    onCancel = props.onCancel,\n    onSave = props.onSave,\n    onClick = props.onClick,\n    htmlProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"value\", \"defaultValue\", \"disabled\", \"onChange\", \"onEdit\", \"onCancel\", \"onSave\", \"onClick\"]);\n  var _useState = (0, _react.useState)(false),\n    isEditing = _useState[0],\n    setIsEditing = _useState[1];\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1]; // When editing, the value is not updated, and the original value is restored when canceling\n  var _useState2 = (0, _react.useState)(),\n    resetValue = _useState2[0],\n    setResetValue = _useState2[1];\n  var handleClick = (0, _utils.useEventCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n    onClick === null || onClick === void 0 ? void 0 : onClick(event);\n    onEdit === null || onEdit === void 0 ? void 0 : onEdit(event);\n    setIsEditing(true);\n    setResetValue(value);\n  });\n  var handleChange = (0, _utils.useEventCallback)(function (value, event) {\n    setValue(value);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  });\n  var handleCancel = (0, _utils.useEventCallback)(function (event) {\n    var _event$stopPropagatio;\n    setIsEditing(false);\n    setValue(resetValue);\n    onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);\n    event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);\n  });\n  var handleSave = (0, _utils.useEventCallback)(function (event) {\n    var _event$stopPropagatio2;\n    setIsEditing(false);\n    onSave === null || onSave === void 0 ? void 0 : onSave(event);\n    event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);\n  });\n  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {\n    var _event$target;\n    if (isEditing) {\n      switch (event.key) {\n        case 'Enter':\n          if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) === 'INPUT') {\n            handleSave(event);\n          }\n          break;\n        case 'Escape':\n          handleCancel(event);\n          break;\n      }\n    }\n  });\n  return {\n    isEditing: isEditing,\n    value: value,\n    onClick: handleClick,\n    onChange: handleChange,\n    onCancel: handleCancel,\n    onSave: handleSave,\n    onKeyDown: handleKeyDown,\n    htmlProps: htmlProps\n  };\n};\nvar _default = useEditState;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/useEditState.ts?");
+
+/***/ }),
+
+/***/ "./src/InlineEdit/useFocusEvent.ts":
+/*!*****************************************!*\
+  !*** ./src/InlineEdit/useFocusEvent.ts ***!
+  \*****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _domLib = __webpack_require__(/*! dom-lib */ \"./node_modules/dom-lib/esm/index.js\");\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _symbols = __webpack_require__(/*! ../internals/symbols */ \"./src/internals/symbols.ts\");\nvar useFocusEvent = function useFocusEvent(_ref) {\n  var _ref$current;\n  var isEditing = _ref.isEditing,\n    stateOnBlur = _ref.stateOnBlur,\n    onSave = _ref.onSave,\n    onCancel = _ref.onCancel;\n  var ref = (0, _react.useRef)(null);\n  var rootRef = (0, _react.useRef)(null);\n  var isPicker = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.type) === _symbols.RSUITE_PICKER_TYPE;\n  var focus = function focus() {\n    if (isPicker) {\n      setTimeout(function () {\n        var _ref$current2, _ref$current2$target, _ref$current2$target$;\n        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$target = _ref$current2.target) === null || _ref$current2$target === void 0 ? void 0 : (_ref$current2$target$ = _ref$current2$target.focus) === null || _ref$current2$target$ === void 0 ? void 0 : _ref$current2$target$.call(_ref$current2$target);\n      }, 100);\n    } else {\n      var _ref$current3, _ref$current3$focus;\n      (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : (_ref$current3$focus = _ref$current3.focus) === null || _ref$current3$focus === void 0 ? void 0 : _ref$current3$focus.call(_ref$current3);\n    }\n  };\n  var handleBlur = (0, _utils.useEventCallback)(function (event) {\n    if (event) {\n      var _event$relatedTarget;\n      var relatedTarget = (_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 ? _event$relatedTarget : (0, _domLib.ownerDocument)(event.currentTarget).activeElement;\n      if (rootRef.current && (0, _domLib.contains)(rootRef.current, relatedTarget)) {\n        return;\n      }\n    }\n    if (stateOnBlur === 'save') {\n      onSave === null || onSave === void 0 ? void 0 : onSave(event);\n    } else if (stateOnBlur === 'cancel') {\n      onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);\n    }\n  });\n  (0, _utils.useIsomorphicLayoutEffect)(function () {\n    if (isEditing) {\n      focus();\n    }\n  }, []);\n  (0, _utils.useUpdateEffect)(function () {\n    if (isEditing) {\n      focus();\n    }\n  }, [isEditing]);\n  return {\n    target: ref,\n    root: rootRef,\n    onBlur: handleBlur\n  };\n};\nvar _default = useFocusEvent;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InlineEdit/useFocusEvent.ts?");
+
+/***/ }),
+
 /***/ "./src/Input/Input.tsx":
 /*!*****************************!*\
   !*** ./src/Input/Input.tsx ***!
@@ -7385,7 +7451,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _InputGroup = __webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Input/Input.tsx\",\n  _this = void 0;\n/**\n * The `<Input>` component is used to get user input in a text field.\n *\n * @see https://rsuitejs.com/components/input\n */\nvar Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'input' : _props$classPrefix,\n    _props$as = props.as,\n    Component = _props$as === void 0 ? 'input' : _props$as,\n    _props$type = props.type,\n    type = _props$type === void 0 ? 'text' : _props$type,\n    disabled = props.disabled,\n    value = props.value,\n    defaultValue = props.defaultValue,\n    inputRef = props.inputRef,\n    id = props.id,\n    size = props.size,\n    htmlSize = props.htmlSize,\n    plaintext = props.plaintext,\n    readOnly = props.readOnly,\n    onPressEnter = props.onPressEnter,\n    onFocus = props.onFocus,\n    onBlur = props.onBlur,\n    onKeyDown = props.onKeyDown,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"classPrefix\", \"as\", \"type\", \"disabled\", \"value\", \"defaultValue\", \"inputRef\", \"id\", \"size\", \"htmlSize\", \"plaintext\", \"readOnly\", \"onPressEnter\", \"onFocus\", \"onBlur\", \"onKeyDown\", \"onChange\"]);\n  var handleKeyDown = function handleKeyDown(event) {\n    if (event.key === _utils.KEY_VALUES.ENTER) {\n      onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);\n    }\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n  };\n  var handleChange = function handleChange(event) {\n    var _event$target;\n    onChange === null || onChange === void 0 ? void 0 : onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);\n  };\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(size, {\n    plaintext: plaintext\n  }));\n  var inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);\n  var formGroupContext = (0, _react.useContext)(_FormGroup.FormGroupContext);\n\n  // Make the Input 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      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 102,\n        columnNumber: 9\n      }\n    }, typeof value === 'undefined' ? defaultValue : value);\n  }\n  var inputable = !disabled && !readOnly;\n  var eventProps = {};\n  if (inputable) {\n    eventProps.onChange = handleChange;\n    eventProps.onKeyDown = handleKeyDown;\n    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onFocus);\n    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onBlur);\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, eventProps, {\n    ref: (0, _utils.mergeRefs)(ref, inputRef),\n    className: classes,\n    type: type,\n    id: id || (formGroupContext === null || formGroupContext === void 0 ? void 0 : formGroupContext.controlId),\n    value: value,\n    defaultValue: defaultValue,\n    disabled: disabled,\n    readOnly: readOnly,\n    size: htmlSize,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 119,\n      columnNumber: 7\n    }\n  }));\n});\nInput.displayName = 'Input';\nInput.propTypes = {\n  type: _propTypes.default.string,\n  as: _propTypes.default.elementType,\n  id: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  inputRef: _propTypes2.refType,\n  onChange: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onPressEnter: _propTypes.default.func\n};\nvar _default = Input;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Input/Input.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _FormGroup = __webpack_require__(/*! ../FormGroup/FormGroup */ \"./src/FormGroup/FormGroup.tsx\");\nvar _InputGroup = __webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Input/Input.tsx\",\n  _this = void 0;\n/**\n * The `<Input>` component is used to get user input in a text field.\n *\n * @see https://rsuitejs.com/components/input\n */\nvar Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'input' : _props$classPrefix,\n    _props$as = props.as,\n    Component = _props$as === void 0 ? 'input' : _props$as,\n    _props$type = props.type,\n    type = _props$type === void 0 ? 'text' : _props$type,\n    disabled = props.disabled,\n    value = props.value,\n    defaultValue = props.defaultValue,\n    inputRef = props.inputRef,\n    id = props.id,\n    size = props.size,\n    htmlSize = props.htmlSize,\n    plaintext = props.plaintext,\n    placeholder = props.placeholder,\n    readOnly = props.readOnly,\n    onPressEnter = props.onPressEnter,\n    onFocus = props.onFocus,\n    onBlur = props.onBlur,\n    onKeyDown = props.onKeyDown,\n    onChange = props.onChange,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"className\", \"classPrefix\", \"as\", \"type\", \"disabled\", \"value\", \"defaultValue\", \"inputRef\", \"id\", \"size\", \"htmlSize\", \"plaintext\", \"placeholder\", \"readOnly\", \"onPressEnter\", \"onFocus\", \"onBlur\", \"onKeyDown\", \"onChange\"]);\n  var handleKeyDown = function handleKeyDown(event) {\n    if (event.key === _utils.KEY_VALUES.ENTER) {\n      onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);\n    }\n    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n  };\n  var handleChange = function handleChange(event) {\n    var _event$target;\n    onChange === null || onChange === void 0 ? void 0 : onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);\n  };\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix(size, {\n    plaintext: plaintext\n  }));\n  var inputGroupContext = (0, _react.useContext)(_InputGroup.InputGroupContext);\n  var formGroupContext = (0, _react.useContext)(_FormGroup.FormGroupContext);\n\n  // Make the Input 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: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 103,\n        columnNumber: 9\n      }\n    }, typeof value === 'undefined' ? defaultValue : value);\n  }\n  var inputable = !disabled && !readOnly;\n  var eventProps = {};\n  if (inputable) {\n    eventProps.onChange = handleChange;\n    eventProps.onKeyDown = handleKeyDown;\n    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onFocus);\n    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onBlur);\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, eventProps, {\n    ref: (0, _utils.mergeRefs)(ref, inputRef),\n    className: classes,\n    type: type,\n    id: id || (formGroupContext === null || formGroupContext === void 0 ? void 0 : formGroupContext.controlId),\n    value: value,\n    defaultValue: defaultValue,\n    disabled: disabled,\n    readOnly: readOnly,\n    size: htmlSize,\n    placeholder: placeholder,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 120,\n      columnNumber: 7\n    }\n  }));\n});\nInput.displayName = 'Input';\nInput.propTypes = {\n  type: _propTypes.default.string,\n  as: _propTypes.default.elementType,\n  id: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  className: _propTypes.default.string,\n  disabled: _propTypes.default.bool,\n  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  inputRef: _propTypes2.refType,\n  onChange: _propTypes.default.func,\n  onFocus: _propTypes.default.func,\n  onBlur: _propTypes.default.func,\n  onKeyDown: _propTypes.default.func,\n  onPressEnter: _propTypes.default.func\n};\nvar _default = Input;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Input/Input.tsx?");
 
 /***/ }),
 
@@ -7451,7 +7517,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\nvar _AngleDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleDown */ \"./node_modules/@rsuite/icons/legacy/AngleDown.js\"));\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\"));\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputNumber/InputNumber.tsx\",\n  _this = void 0;\n/**\n * Check if the value is a number.\n * @param value\n */\nvar isNumber = function isNumber(value) {\n  return /(^-?|^\\+?|^\\d?)\\d*\\.\\d+$/.test(value + '');\n};\n\n/**\n * Get the length of the decimal.\n * @param value\n */\nfunction getDecimalLength(value) {\n  if (isNumber(value)) {\n    return value.toString().split('.')[1].length;\n  }\n  return 0;\n}\n\n/**\n * Get the value after the decimal point.\n * @param values\n */\nfunction decimals() {\n  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n    values[_key] = arguments[_key];\n  }\n  var lengths = values.map(getDecimalLength);\n  return Math.max.apply(Math, lengths);\n}\n\n/**\n * Disable the upper limit of the number.\n * @param value\n * @param max\n */\nfunction valueReachesMax(value, max) {\n  if (!(0, _isNil.default)(value)) {\n    return +value >= max;\n  }\n  return false;\n}\n\n/**\n * Disable the lower limit of the number.\n * @param value\n * @param min\n */\nfunction valueReachesMin(value, min) {\n  if (!(0, _isNil.default)(value)) {\n    return +value <= min;\n  }\n  return false;\n}\n\n/**\n * The `InputNumber` component is used to enter a numerical value.\n * @see https://rsuitejs.com/components/input-number\n */\nvar InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? _InputGroup.default : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    valueProp = props.value,\n    defaultValue = props.defaultValue,\n    size = props.size,\n    prefixElement = props.prefix,\n    postfix = props.postfix,\n    _props$step = props.step,\n    step = _props$step === void 0 ? 1 : _props$step,\n    _props$buttonAppearan = props.buttonAppearance,\n    buttonAppearance = _props$buttonAppearan === void 0 ? 'subtle' : _props$buttonAppearan,\n    minProp = props.min,\n    maxProp = props.max,\n    _props$scrollable = props.scrollable,\n    scrollable = _props$scrollable === void 0 ? true : _props$scrollable,\n    onChange = props.onChange,\n    onWheel = props.onWheel,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"disabled\", \"readOnly\", \"plaintext\", \"value\", \"defaultValue\", \"size\", \"prefix\", \"postfix\", \"step\", \"buttonAppearance\", \"min\", \"max\", \"scrollable\", \"onChange\", \"onWheel\"]);\n  var min = minProp !== null && minProp !== void 0 ? minProp : -Infinity;\n  var max = maxProp !== null && maxProp !== void 0 ? maxProp : Infinity;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix());\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps),\n    htmlInputProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var inputRef = (0, _react.useRef)();\n  var handleChangeValue = (0, _react.useCallback)(function (currentValue, event) {\n    if (currentValue !== value) {\n      setValue(currentValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);\n    }\n  }, [onChange, setValue, value]);\n  var getSafeValue = (0, _react.useCallback)(function (value) {\n    if (!Number.isNaN(value)) {\n      if (+value > max) {\n        value = max;\n      }\n      if (+value < min) {\n        value = min;\n      }\n    } else {\n      value = '';\n    }\n    return value.toString();\n  }, [max, min]);\n\n  // Increment value by step\n  var handleStepUp = (0, _react.useCallback)(function (event) {\n    var val = +(value || 0);\n    var bit = decimals(val, step);\n    handleChangeValue(getSafeValue((val + step).toFixed(bit)), event);\n  }, [getSafeValue, handleChangeValue, step, value]);\n\n  // Decrement value by step\n  var handleStepDown = (0, _react.useCallback)(function (event) {\n    var val = +(value || 0);\n    var bit = decimals(val, step);\n    handleChangeValue(getSafeValue((val - step).toFixed(bit)), event);\n  }, [getSafeValue, handleChangeValue, step, value]);\n\n  // Disables step up/down button when\n  // - InputNumber is disabled/readonly\n  // - value reaches max/min limits\n  var stepUpDisabled = disabled || readOnly || valueReachesMax(value, max);\n  var stepDownDisabled = disabled || readOnly || valueReachesMin(value, min);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    switch (event.key) {\n      case _utils.KEY_VALUES.UP:\n        event.preventDefault();\n        handleStepUp(event);\n        break;\n      case _utils.KEY_VALUES.DOWN:\n        event.preventDefault();\n        handleStepDown(event);\n        break;\n      case _utils.KEY_VALUES.HOME:\n        if (typeof minProp !== 'undefined') {\n          event.preventDefault();\n          handleChangeValue(getSafeValue(minProp), event);\n        }\n        break;\n      case _utils.KEY_VALUES.END:\n        if (typeof maxProp !== 'undefined') {\n          event.preventDefault();\n          handleChangeValue(getSafeValue(maxProp), event);\n        }\n        break;\n    }\n  }, [handleStepUp, handleStepDown, minProp, maxProp, handleChangeValue, getSafeValue]);\n  var handleWheel = (0, _react.useCallback)(function (event) {\n    if (!scrollable) {\n      event.preventDefault();\n      return;\n    }\n    if (!disabled && !readOnly && event.target === document.activeElement) {\n      event.preventDefault();\n      var delta = event['wheelDelta'] || -event.deltaY || -(event === null || event === void 0 ? void 0 : event.detail);\n      if (delta > 0) {\n        handleStepDown(event);\n      }\n      if (delta < 0) {\n        handleStepUp(event);\n      }\n    }\n    onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);\n  }, [disabled, handleStepDown, handleStepUp, onWheel, readOnly, scrollable]);\n  var handleChange = (0, _react.useCallback)(function (value, event) {\n    if (!/^-?(?:\\d+)?(\\.)?\\d*$/.test(value) && value !== '') {\n      return;\n    }\n    handleChangeValue(value, event);\n  }, [handleChangeValue]);\n  var handleBlur = (0, _react.useCallback)(function (event) {\n    var _event$target;\n    var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);\n    handleChangeValue(getSafeValue(targetValue), event);\n  }, [getSafeValue, handleChangeValue]);\n  (0, _react.useEffect)(function () {\n    var wheelListener;\n    if (inputRef.current) {\n      wheelListener = (0, _on.default)(inputRef.current, 'wheel', handleWheel, {\n        passive: false\n      });\n    }\n    return function () {\n      var _wheelListener;\n      (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();\n    };\n  }, [handleWheel, scrollable]);\n  var input = /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {\n    type: \"number\",\n    autoComplete: \"off\",\n    step: step,\n    inputRef: inputRef,\n    onChange: handleChange,\n    onBlur: (0, _utils.createChainedFunction)(handleBlur, htmlInputProps === null || htmlInputProps === void 0 ? void 0 : htmlInputProps.onBlur),\n    value: (0, _isNil.default)(value) ? '' : \"\" + value,\n    disabled: disabled,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    ref: plaintext ? ref : undefined,\n    onKeyDown: handleKeyDown,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 285,\n      columnNumber: 5\n    }\n  }));\n  if (plaintext) {\n    return input;\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    disabled: disabled,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 307,\n      columnNumber: 5\n    }\n  }), prefixElement && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 308,\n      columnNumber: 25\n    }\n  }, prefixElement), input, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('btn-group-vertical'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 310,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Button.default, {\n    tabIndex: -1,\n    appearance: buttonAppearance,\n    className: prefix('touchspin-up'),\n    onClick: handleStepUp,\n    disabled: stepUpDisabled,\n    \"aria-label\": \"Increment\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 311,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 319,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Button.default, {\n    tabIndex: -1,\n    appearance: buttonAppearance,\n    className: prefix('touchspin-down'),\n    onClick: handleStepDown,\n    disabled: stepDownDisabled,\n    \"aria-label\": \"Decrement\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 321,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleDown.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 329,\n      columnNumber: 11\n    }\n  }))), postfix && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 332,\n      columnNumber: 19\n    }\n  }, postfix));\n});\nInputNumber.displayName = 'InputNumber';\nInputNumber.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  prefix: _propTypes.default.node,\n  postfix: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  scrollable: _propTypes.default.bool,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  buttonAppearance: (0, _propTypes2.oneOf)(['default', 'primary', 'link', 'subtle', 'ghost']),\n  onWheel: _propTypes.default.func,\n  onChange: _propTypes.default.func\n};\nvar _default = InputNumber;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputNumber/InputNumber.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _AngleUp = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleUp */ \"./node_modules/@rsuite/icons/legacy/AngleUp.js\"));\nvar _AngleDown = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/AngleDown */ \"./node_modules/@rsuite/icons/legacy/AngleDown.js\"));\nvar _on = _interopRequireDefault(__webpack_require__(/*! dom-lib/on */ \"./node_modules/dom-lib/esm/on.js\"));\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroup */ \"./src/InputGroup/InputGroup.tsx\"));\nvar _InputGroupAddon = _interopRequireDefault(__webpack_require__(/*! ../InputGroup/InputGroupAddon */ \"./src/InputGroup/InputGroupAddon.tsx\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputNumber/InputNumber.tsx\",\n  _this = void 0;\n/**\n * Check if the value is a number.\n * @param value\n */\nvar isNumber = function isNumber(value) {\n  return /(^-?|^\\+?|^\\d?)\\d*\\.\\d+$/.test(value + '');\n};\n\n/**\n * Get the length of the decimal.\n * @param value\n */\nfunction getDecimalLength(value) {\n  if (isNumber(value)) {\n    return value.toString().split('.')[1].length;\n  }\n  return 0;\n}\n\n/**\n * Get the value after the decimal point.\n * @param values\n */\nfunction decimals() {\n  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n    values[_key] = arguments[_key];\n  }\n  var lengths = values.map(getDecimalLength);\n  return Math.max.apply(Math, lengths);\n}\n\n/**\n * Disable the upper limit of the number.\n * @param value\n * @param max\n */\nfunction valueReachesMax(value, max) {\n  if (!(0, _isNil.default)(value)) {\n    return +value >= max;\n  }\n  return false;\n}\n\n/**\n * Disable the lower limit of the number.\n * @param value\n * @param min\n */\nfunction valueReachesMin(value, min) {\n  if (!(0, _isNil.default)(value)) {\n    return +value <= min;\n  }\n  return false;\n}\n\n/**\n * The `InputNumber` component is used to enter a numerical value.\n * @see https://rsuitejs.com/components/input-number\n */\nvar InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? _InputGroup.default : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,\n    disabled = props.disabled,\n    formatter = props.formatter,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    valueProp = props.value,\n    defaultValue = props.defaultValue,\n    size = props.size,\n    prefixElement = props.prefix,\n    postfix = props.postfix,\n    _props$step = props.step,\n    step = _props$step === void 0 ? 1 : _props$step,\n    _props$buttonAppearan = props.buttonAppearance,\n    buttonAppearance = _props$buttonAppearan === void 0 ? 'subtle' : _props$buttonAppearan,\n    minProp = props.min,\n    maxProp = props.max,\n    _props$scrollable = props.scrollable,\n    scrollable = _props$scrollable === void 0 ? true : _props$scrollable,\n    onChange = props.onChange,\n    onWheel = props.onWheel,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"disabled\", \"formatter\", \"readOnly\", \"plaintext\", \"value\", \"defaultValue\", \"size\", \"prefix\", \"postfix\", \"step\", \"buttonAppearance\", \"min\", \"max\", \"scrollable\", \"onChange\", \"onWheel\", \"onBlur\", \"onFocus\"]);\n  var min = minProp !== null && minProp !== void 0 ? minProp : -Infinity;\n  var max = maxProp !== null && maxProp !== void 0 ? maxProp : Infinity;\n  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var _useState = (0, _react.useState)(false),\n    isFocused = _useState[0],\n    setIsFocused = _useState[1];\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var classes = merge(className, withClassPrefix());\n  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps),\n    htmlInputProps = _partitionHTMLProps[0],\n    rest = _partitionHTMLProps[1];\n  var inputRef = (0, _react.useRef)();\n  var getSafeValue = function getSafeValue(value) {\n    if (!Number.isNaN(value)) {\n      if (+value > max) {\n        value = max;\n      }\n      if (+value < min) {\n        value = min;\n      }\n    } else {\n      value = '';\n    }\n    return value.toString();\n  };\n  var handleChangeValue = (0, _utils.useEventCallback)(function (currentValue, event) {\n    if (currentValue !== value) {\n      setValue(currentValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);\n    }\n  });\n\n  // Increment value by step\n  var handleStepUp = (0, _utils.useEventCallback)(function (event) {\n    var val = +(value || 0);\n    var bit = decimals(val, step);\n    handleChangeValue(getSafeValue((val + step).toFixed(bit)), event);\n  });\n\n  // Decrement value by step\n  var handleStepDown = (0, _utils.useEventCallback)(function (event) {\n    var val = +(value || 0);\n    var bit = decimals(val, step);\n    handleChangeValue(getSafeValue((val - step).toFixed(bit)), event);\n  });\n\n  // Disables step up/down button when\n  // - InputNumber is disabled/readonly\n  // - value reaches max/min limits\n  var stepUpDisabled = disabled || readOnly || valueReachesMax(value, max);\n  var stepDownDisabled = disabled || readOnly || valueReachesMin(value, min);\n  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {\n    switch (event.key) {\n      case _utils.KEY_VALUES.UP:\n        event.preventDefault();\n        handleStepUp(event);\n        break;\n      case _utils.KEY_VALUES.DOWN:\n        event.preventDefault();\n        handleStepDown(event);\n        break;\n      case _utils.KEY_VALUES.HOME:\n        if (typeof minProp !== 'undefined') {\n          event.preventDefault();\n          handleChangeValue(getSafeValue(minProp), event);\n        }\n        break;\n      case _utils.KEY_VALUES.END:\n        if (typeof maxProp !== 'undefined') {\n          event.preventDefault();\n          handleChangeValue(getSafeValue(maxProp), event);\n        }\n        break;\n    }\n  });\n  var handleWheel = (0, _utils.useEventCallback)(function (event) {\n    if (!scrollable) {\n      event.preventDefault();\n      return;\n    }\n    if (!disabled && !readOnly && event.target === document.activeElement) {\n      event.preventDefault();\n      var delta = event['wheelDelta'] || -event.deltaY || -(event === null || event === void 0 ? void 0 : event.detail);\n      if (delta > 0) {\n        handleStepDown(event);\n      }\n      if (delta < 0) {\n        handleStepUp(event);\n      }\n    }\n    onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);\n  });\n  var handleChange = (0, _utils.useEventCallback)(function (value, event) {\n    if (!/^-?(?:\\d+)?(\\.)?\\d*$/.test(value) && value !== '') {\n      return;\n    }\n    handleChangeValue(value, event);\n  });\n  var handleBlur = (0, _utils.useEventCallback)(function (event) {\n    var _event$target;\n    var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);\n    handleChangeValue(getSafeValue(targetValue), event);\n    setIsFocused(false);\n  });\n  (0, _react.useEffect)(function () {\n    var wheelListener;\n    if (inputRef.current) {\n      wheelListener = (0, _on.default)(inputRef.current, 'wheel', handleWheel, {\n        passive: false\n      });\n    }\n    return function () {\n      var _wheelListener;\n      (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();\n    };\n  }, [handleWheel, scrollable]);\n  var renderValue = function renderValue() {\n    if ((0, _isNil.default)(value)) {\n      return '';\n    }\n    if (isFocused) {\n      return value;\n    }\n    return formatter ? formatter(value) : value;\n  };\n  var input = /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, htmlInputProps, {\n    ref: plaintext ? ref : undefined,\n    inputRef: inputRef,\n    autoComplete: \"off\",\n    inputMode: \"numeric\",\n    step: step,\n    value: renderValue(),\n    disabled: disabled,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    onKeyDown: handleKeyDown,\n    onChange: handleChange,\n    onBlur: (0, _utils.createChainedFunction)(handleBlur, onBlur),\n    onFocus: (0, _utils.createChainedFunction)(function () {\n      return setIsFocused(true);\n    }, onFocus),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 308,\n      columnNumber: 5\n    }\n  }));\n  if (plaintext) {\n    return input;\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    disabled: disabled,\n    size: size,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 331,\n      columnNumber: 5\n    }\n  }), prefixElement && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 332,\n      columnNumber: 25\n    }\n  }, prefixElement), input, /*#__PURE__*/_react.default.createElement(\"span\", {\n    className: prefix('btn-group-vertical'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 334,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Button.default, {\n    tabIndex: -1,\n    appearance: buttonAppearance,\n    className: prefix('touchspin-up'),\n    onClick: handleStepUp,\n    disabled: stepUpDisabled,\n    \"aria-label\": \"Increment\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 335,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 343,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Button.default, {\n    tabIndex: -1,\n    appearance: buttonAppearance,\n    className: prefix('touchspin-down'),\n    onClick: handleStepDown,\n    disabled: stepDownDisabled,\n    \"aria-label\": \"Decrement\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 345,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_AngleDown.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 353,\n      columnNumber: 11\n    }\n  }))), postfix && /*#__PURE__*/_react.default.createElement(_InputGroupAddon.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 356,\n      columnNumber: 19\n    }\n  }, postfix));\n});\nInputNumber.displayName = 'InputNumber';\nInputNumber.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  defaultValue: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n  prefix: _propTypes.default.node,\n  postfix: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  scrollable: _propTypes.default.bool,\n  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),\n  buttonAppearance: (0, _propTypes2.oneOf)(['default', 'primary', 'link', 'subtle', 'ghost']),\n  onWheel: _propTypes.default.func,\n  onChange: _propTypes.default.func\n};\nvar _default = InputNumber;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputNumber/InputNumber.tsx?");
 
 /***/ }),
 
@@ -7484,7 +7550,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _clone = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\nvar _isArray = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\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 _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _getDataGroupBy = __webpack_require__(/*! ../utils/getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ../Tag */ \"./src/Tag/index.tsx\"));\nvar _InputAutosize = _interopRequireDefault(__webpack_require__(/*! ./InputAutosize */ \"./src/InputPicker/InputAutosize.tsx\"));\nvar _TextBox = _interopRequireDefault(__webpack_require__(/*! ./TextBox */ \"./src/InputPicker/TextBox.tsx\"));\nvar _InputPickerContext = _interopRequireDefault(__webpack_require__(/*! ./InputPickerContext */ \"./src/InputPicker/InputPickerContext.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputPicker/InputPicker.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4;\nvar convertSize = function convertSize(size) {\n  switch (size) {\n    case 'lg':\n      return 'lg';\n    case 'sm':\n    case 'xs':\n      return 'sm';\n    default:\n      return 'md';\n  }\n};\n/**\n * Single item selector with text box input.\n *\n * @see https://rsuitejs.com/components/input-picker\n */\nvar InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$cacheData = props.cacheData,\n    cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    _props$data = props.data,\n    controlledData = _props$data === void 0 ? [] : _props$data,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    defaultValue = props.defaultValue,\n    _props$defaultOpen = props.defaultOpen,\n    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    overrideLocale = props.locale,\n    toggleAs = props.toggleAs,\n    style = props.style,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    controlledOpen = props.open,\n    placeholder = props.placeholder,\n    groupBy = props.groupBy,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n    _props$menuMaxHeight = props.menuMaxHeight,\n    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,\n    creatable = props.creatable,\n    shouldDisplayCreateOption = props.shouldDisplayCreateOption,\n    valueProp = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    virtualized = props.virtualized,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    listProps = props.listProps,\n    id = props.id,\n    tabIndex = props.tabIndex,\n    sort = props.sort,\n    renderMenu = props.renderMenu,\n    renderExtraFooter = props.renderExtraFooter,\n    renderValue = props.renderValue,\n    renderMenuItem = props.renderMenuItem,\n    renderMenuGroup = props.renderMenuGroup,\n    onEnter = props.onEnter,\n    onEntered = props.onEntered,\n    onExit = props.onExit,\n    onExited = props.onExited,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onCreate = props.onCreate,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onOpen = props.onOpen,\n    onClose = props.onClose,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    searchBy = props.searchBy,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"appearance\", \"cleanable\", \"cacheData\", \"classPrefix\", \"data\", \"disabled\", \"readOnly\", \"plaintext\", \"defaultValue\", \"defaultOpen\", \"disabledItemValues\", \"locale\", \"toggleAs\", \"style\", \"searchable\", \"open\", \"placeholder\", \"groupBy\", \"menuClassName\", \"menuStyle\", \"menuAutoWidth\", \"menuMaxHeight\", \"creatable\", \"shouldDisplayCreateOption\", \"value\", \"valueKey\", \"virtualized\", \"labelKey\", \"listProps\", \"id\", \"tabIndex\", \"sort\", \"renderMenu\", \"renderExtraFooter\", \"renderValue\", \"renderMenuItem\", \"renderMenuGroup\", \"onEnter\", \"onEntered\", \"onExit\", \"onExited\", \"onChange\", \"onClean\", \"onCreate\", \"onSearch\", \"onSelect\", \"onOpen\", \"onClose\", \"onBlur\", \"onFocus\", \"searchBy\", \"placement\"]);\n  var _useContext = (0, _react.useContext)(_InputPickerContext.default),\n    multi = _useContext.multi,\n    tagProps = _useContext.tagProps,\n    trigger = _useContext.trigger,\n    disabledOptions = _useContext.disabledOptions,\n    onTagRemove = _useContext.onTagRemove,\n    renderMenuItemCheckbox = _useContext.renderMenuItemCheckbox;\n  if (groupBy === valueKey || groupBy === labelKey) {\n    throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n  }\n  var inputRef = (0, _react.useRef)();\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    triggerRef = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    list = _usePickerRef.list;\n  var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),\n    locale = _useCustom.locale;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useState = (0, _react.useState)(controlledData),\n    uncontrolledData = _useState[0],\n    setData = _useState[1];\n  var _useState2 = (0, _react.useState)(100),\n    maxWidth = _useState2[0],\n    setMaxWidth = _useState2[1];\n  var _useState3 = (0, _react.useState)([]),\n    newData = _useState3[0],\n    setNewData = _useState3[1];\n  var _useState4 = (0, _react.useState)(defaultOpen),\n    uncontrolledOpen = _useState4[0],\n    setOpen = _useState4[1];\n  var open = (0, _isUndefined.default)(controlledOpen) ? uncontrolledOpen : controlledOpen;\n  var getAllData = (0, _react.useCallback)(function () {\n    return [].concat(uncontrolledData, newData);\n  }, [uncontrolledData, newData]);\n  var getAllDataAndCache = (0, _react.useCallback)(function () {\n    return [].concat(getAllData(), cacheData);\n  }, [getAllData, cacheData]);\n  var _useControlled = (0, _utils.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var cloneValue = function cloneValue() {\n    return multi ? (0, _clone.default)(value) || [] : value;\n  };\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _triggerRef$current, _target$current, _target$current$focus;\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();\n\n    // The focus is on the trigger button after closing\n    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);\n  });\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(multi ? value === null || value === void 0 ? void 0 : value[0] : value, {\n      data: getAllDataAndCache(),\n      valueKey: valueKey,\n      target: function target() {\n        return overlay.current;\n      }\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n    onKeyDown = _useFocusItemValue.onKeyDown;\n  var handleSearchCallback = (0, _utils.useEventCallback)(function (searchKeyword, filteredData, event) {\n    var _filteredData$;\n    // The first option after filtering is the focus.\n    setFocusItemValue(disabledOptions ? searchKeyword : (filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]) || searchKeyword);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n  });\n\n  // Use search keywords to filter options.\n  var _useSearch = (0, _Picker.useSearch)(getAllData(), {\n      labelKey: labelKey,\n      searchBy: searchBy,\n      callback: handleSearchCallback\n    }),\n    searchKeyword = _useSearch.searchKeyword,\n    resetSearch = _useSearch.resetSearch,\n    checkShouldDisplay = _useSearch.checkShouldDisplay,\n    handleSearch = _useSearch.handleSearch; // Update the state when the data in props changes\n  (0, _react.useEffect)(function () {\n    if (controlledData && !(0, _shallowEqual.default)(controlledData, uncontrolledData)) {\n      var _controlledData$;\n      setData(controlledData);\n      setNewData([]);\n      setFocusItemValue(controlledData === null || controlledData === void 0 ? void 0 : (_controlledData$ = controlledData[0]) === null || _controlledData$ === void 0 ? void 0 : _controlledData$[valueKey]);\n    }\n  }, [setFocusItemValue, controlledData, uncontrolledData, valueKey]);\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current2;\n    // In multiple selection, you need to set a maximum width for the input.\n    if ((_triggerRef$current2 = triggerRef.current) !== null && _triggerRef$current2 !== void 0 && _triggerRef$current2.root) {\n      setMaxWidth((0, _getWidth.default)(triggerRef.current.root));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Update the position of the menu when the search keyword and value change\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current3, _triggerRef$current3$;\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.updatePosition) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchKeyword, value]);\n  var getDataItem = function getDataItem(value) {\n    // Find active `MenuItem` by `value`\n    var allData = getAllDataAndCache();\n    var activeItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], value);\n    });\n    var itemNode = placeholder;\n    if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {\n      itemNode = activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey];\n    }\n    return {\n      isValid: !!activeItem,\n      activeItem: activeItem,\n      itemNode: itemNode\n    };\n  };\n  var getInput = function getInput() {\n    var _inputRef$current;\n    return multi ? (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input : inputRef.current;\n  };\n  var focusInput = function focusInput() {\n    var _getInput;\n    return (_getInput = getInput()) === null || _getInput === void 0 ? void 0 : _getInput.focus();\n  };\n  var blurInput = function blurInput() {\n    var _getInput2;\n    return (_getInput2 = getInput()) === null || _getInput2 === void 0 ? void 0 : _getInput2.blur();\n  };\n\n  /**\n   * Convert the string of the newly created option into an object.\n   */\n  var createOption = function createOption(value) {\n    var _ref2;\n    if (groupBy) {\n      var _ref;\n      return _ref = {\n        create: true\n      }, _ref[groupBy] = locale === null || locale === void 0 ? void 0 : locale.newItem, _ref[valueKey] = value, _ref[labelKey] = value, _ref;\n    }\n    return _ref2 = {\n      create: true\n    }, _ref2[valueKey] = value, _ref2[labelKey] = value, _ref2;\n  };\n  var handleChange = (0, _utils.useEventCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  });\n  var handleRemoveItemByTag = (0, _utils.useEventCallback)(function (tag, event) {\n    event.stopPropagation();\n    var val = cloneValue();\n    (0, _remove.default)(val, function (itemVal) {\n      return (0, _shallowEqual.default)(itemVal, tag);\n    });\n    setValue(val);\n    handleChange(val, event);\n    onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(tag, event);\n  });\n  var handleSelect = (0, _utils.useEventCallback)(function (value, item, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);\n    if (creatable && item.create) {\n      delete item.create;\n      onCreate === null || onCreate === void 0 ? void 0 : onCreate(value, item, event);\n      setNewData(newData.concat(item));\n    }\n  });\n\n  /**\n   * Callback triggered by single selection\n   * @param value\n   * @param item\n   * @param event\n   */\n  var handleSelectItem = (0, _utils.useEventCallback)(function (value, item, event) {\n    setValue(value);\n    setFocusItemValue(value);\n    resetSearch();\n    handleSelect(value, item, event);\n    handleChange(value, event);\n    handleClose();\n  });\n\n  /**\n   * Callback triggered by multiple selection\n   * @param nextItemValue\n   * @param item\n   * @param event\n   * @param checked\n   */\n  var handleCheckTag = (0, _utils.useEventCallback)(function (nextItemValue, item, event, checked) {\n    var val = cloneValue();\n    if (checked) {\n      val.push(nextItemValue);\n    } else {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, nextItemValue);\n      });\n    }\n    setValue(val);\n    resetSearch();\n    setFocusItemValue(nextItemValue);\n    handleSelect(val, item, event);\n    handleChange(val, event);\n    focusInput();\n  });\n  var handleTagKeyPress = (0, _utils.useEventCallback)(function (event) {\n    // When composing, ignore the keypress event.\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    var val = cloneValue();\n    var data = getAllData();\n    if (!focusItemValue || !data) {\n      return;\n    }\n\n    // If the value is disabled in this option, it is returned.\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n    if (!val.some(function (v) {\n      return (0, _shallowEqual.default)(v, focusItemValue);\n    })) {\n      val.push(focusItemValue);\n    } else if (!disabledOptions) {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, focusItemValue);\n      });\n    }\n    var focusItem = data.find(function (item) {\n      return (0, _shallowEqual.default)(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue);\n    });\n    if (!focusItem) {\n      focusItem = createOption(focusItemValue);\n    }\n    setValue(val);\n    resetSearch();\n    handleSelect(val, focusItem, event);\n    handleChange(val, event);\n  });\n  var handleMenuItemKeyPress = (0, _utils.useEventCallback)(function (event) {\n    if (!focusItemValue || !controlledData) {\n      return;\n    }\n\n    // If the value is disabled in this option, it is returned.\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n\n    // Find active `MenuItem` by `value`\n    var allData = getAllData();\n    var focusItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], focusItemValue);\n    });\n\n    // FIXME Bad state flow\n    if (!focusItem && focusItemValue === searchKeyword) {\n      focusItem = createOption(searchKeyword);\n    }\n    setValue(focusItemValue);\n    resetSearch();\n    if (focusItem) {\n      handleSelect(focusItemValue, focusItem, event);\n    }\n    handleChange(focusItemValue, event);\n    handleClose();\n  });\n\n  /**\n   * Remove the last item, after pressing the back key on the keyboard.\n   * @param event\n   */\n  var removeLastItem = (0, _utils.useEventCallback)(function (event) {\n    var target = event === null || event === void 0 ? void 0 : event.target;\n    if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {\n      focusInput();\n      return;\n    }\n    if ((target === null || target === void 0 ? void 0 : target.tagName) === 'INPUT' && target !== null && target !== void 0 && target.value) {\n      return;\n    }\n    var val = cloneValue();\n    val.pop();\n    setValue(val);\n    handleChange(val, event);\n  });\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || searchKeyword !== '') {\n      return;\n    }\n    setValue(null);\n    setFocusItemValue(null);\n    resetSearch();\n    if (multi) {\n      handleChange([], event);\n    } else {\n      handleChange(null, event);\n    }\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  });\n  var events = {\n    onMenuPressBackspace: multi ? removeLastItem : handleClean,\n    onMenuKeyDown: onKeyDown,\n    onMenuPressEnter: undefined,\n    onKeyDown: undefined\n  };\n  var handleKeyPress = (0, _utils.useEventCallback)(function (event) {\n    // When typing a space, create a tag.\n    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _utils.KEY_VALUES.SPACE) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n\n    // When typing a comma, create a tag.\n    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _utils.KEY_VALUES.COMMA) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n  });\n  if (multi) {\n    if ((0, _utils.isOneOf)('Enter', trigger)) {\n      events.onMenuPressEnter = handleTagKeyPress;\n    }\n    if (creatable) {\n      events.onKeyDown = handleKeyPress;\n    }\n  } else {\n    events.onMenuPressEnter = handleMenuItemKeyPress;\n  }\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    trigger: triggerRef,\n    target: target,\n    overlay: overlay\n  }, events, rest));\n  var handleExited = (0, _utils.useEventCallback)(function () {\n    setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);\n    resetSearch();\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  });\n  var handleFocus = (0, _utils.useEventCallback)(function () {\n    if (!readOnly) {\n      var _triggerRef$current4;\n      setOpen(true);\n      (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.open();\n    }\n  });\n  var handleEnter = (0, _utils.useEventCallback)(function () {\n    focusInput();\n    setOpen(true);\n  });\n  var handleExit = (0, _utils.useEventCallback)(function () {\n    blurInput();\n    setOpen(false);\n  });\n  var renderListItem = function renderListItem(label, item) {\n    // 'Create option \"{0}\"' =>  Create option \"xxxxx\"\n    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 549,\n        columnNumber: 9\n      }\n    }, (0, _utils.tplTransform)(locale.createOption, label)) : label;\n    return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;\n  };\n  var checkValue = function checkValue() {\n    if (multi) {\n      return {\n        isValid: false,\n        itemNode: null\n      };\n    }\n    var dataItem = getDataItem(value);\n    var itemNode = dataItem.itemNode;\n    if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n      itemNode = renderValue(value, dataItem.activeItem, itemNode);\n    }\n    return {\n      isValid: dataItem.isValid,\n      itemNode: itemNode\n    };\n  };\n  var renderMultiValue = function renderMultiValue() {\n    if (!multi) {\n      return null;\n    }\n    var _tagProps$closable = tagProps.closable,\n      closable = _tagProps$closable === void 0 ? true : _tagProps$closable,\n      onClose = tagProps.onClose,\n      tagRest = (0, _objectWithoutPropertiesLoose2.default)(tagProps, [\"closable\", \"onClose\"]);\n    var tags = value || [];\n    var items = [];\n    var tagElements = tags.map(function (tag) {\n      var _getDataItem = getDataItem(tag),\n        isValid = _getDataItem.isValid,\n        itemNode = _getDataItem.itemNode,\n        activeItem = _getDataItem.activeItem;\n      items.push(activeItem);\n      if (!isValid) {\n        return null;\n      }\n      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({\n        role: \"option\"\n      }, tagRest, {\n        key: tag,\n        size: convertSize(rest.size),\n        closable: !disabled && closable && !readOnly && !plaintext,\n        title: typeof itemNode === 'string' ? itemNode : undefined,\n        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 594,\n          columnNumber: 13\n        }\n      }), itemNode);\n    }).filter(function (item) {\n      return item !== null;\n    });\n    if ((tags.length > 0 || isControlled) && (0, _isFunction.default)(renderValue)) {\n      return renderValue(value, items, tagElements);\n    }\n    return tagElements;\n  };\n  var renderPopup = function renderPopup(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var menuClassPrefix = multi ? 'picker-check-menu' : 'picker-select-menu';\n    var classes = merge(className, menuClassName, prefix(multi ? 'check-menu' : 'select-menu'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var items = (0, _treeUtils.filterNodesOfTree)(getAllData(), checkShouldDisplay);\n    if (creatable && (typeof shouldDisplayCreateOption === 'function' ? shouldDisplayCreateOption(searchKeyword, items) : searchKeyword && !items.find(function (item) {\n      return item[valueKey] === searchKeyword;\n    }))) {\n      items = [].concat(items, [createOption(searchKeyword)]);\n    }\n\n    // Create a tree structure data when set `groupBy`\n    if (groupBy) {\n      items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      items = items.sort(sort(false));\n    }\n    if (disabledOptions) {\n      return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n        ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 641,\n          columnNumber: 16\n        }\n      });\n    }\n    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.Listbox, {\n      listProps: listProps,\n      listRef: list,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      classPrefix: menuClassPrefix,\n      listItemClassPrefix: multi ? undefined : menuClassPrefix + \"-item\",\n      listItemAs: multi ? _Picker.ListCheckItem : _Picker.ListItem,\n      listItemProps: {\n        renderMenuItemCheckbox: renderMenuItemCheckbox\n      },\n      activeItemValues: multi ? value : [value],\n      focusItemValue: focusItemValue,\n      maxHeight: menuMaxHeight,\n      data: items\n      // FIXME-Doma\n      // `group` is redundant so long as `groupBy` exists\n      ,\n      group: !(0, _isUndefined.default)(groupBy),\n      groupBy: groupBy,\n      onSelect: multi ? handleCheckTag : handleSelectItem // fixme don't use any\n      ,\n      renderMenuGroup: renderMenuGroup,\n      renderMenuItem: renderListItem,\n      virtualized: virtualized,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 645,\n        columnNumber: 9\n      }\n    }) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"none\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 669,\n        columnNumber: 9\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      target: triggerRef,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 673,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n  var _checkValue = checkValue(),\n    isValid = _checkValue.isValid,\n    itemNode = _checkValue.itemNode;\n  var tagElements = renderMultiValue();\n\n  /**\n   * 1.Have a value and the value is valid.\n   * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n   * 3.If renderValue returns null or undefined, hasValue is false.\n   */\n  var hasSingleValue = !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(itemNode);\n  var hasMultiValue = (0, _isArray.default)(value) && value.length > 0 && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(tagElements);\n  var hasValue = multi ? !!(tagElements !== null && tagElements !== void 0 && tagElements.length) || hasMultiValue : isValid || hasSingleValue;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      appearance: appearance,\n      hasValue: hasValue,\n      name: 'input',\n      cleanable: cleanable\n    })),\n    pickerClasses = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"tag\"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"focused\"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"disabled-options\"])))] = disabledOptions, _merge));\n  var searching = !!searchKeyword && open;\n  var editable = searchable && !disabled && !rest.loading;\n  var inputProps = multi ? {\n    inputStyle: {\n      maxWidth: maxWidth - 63\n    },\n    as: _InputAutosize.default\n  } : {\n    as: 'input'\n  };\n  if (plaintext) {\n    var plaintextProps = {};\n\n    // TagPicker has -6px margin-left on the plaintext wrapper\n    // for fixing margin-left on tags from 2nd line on\n    if (multi && hasValue) {\n      plaintextProps.style = {\n        marginLeft: -6\n      };\n    }\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n      localeKey: \"notSelected\",\n      ref: target\n    }, plaintextProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 733,\n        columnNumber: 9\n      }\n    }), itemNode || (tagElements !== null && tagElements !== void 0 && tagElements.length ? tagElements : null) || placeholder);\n  }\n  var placeholderNode = placeholder || (disabledOptions ? null : locale === null || locale === void 0 ? void 0 : locale.placeholder);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    id: id,\n    multiple: multi,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    trigger: \"active\",\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(onEntered, onOpen),\n    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderPopup,\n    placement: placement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 742,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    onClick: focusInput,\n    onKeyDown: onPickerKeyDown,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 755,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    appearance: appearance,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    ref: target,\n    as: toggleAs,\n    tabIndex: tabIndex,\n    onClean: handleClean,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: open,\n    disabled: disabled,\n    placement: placement,\n    inputValue: value,\n    focusItemValue: focusItemValue,\n    caret: !disabledOptions,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 762,\n      columnNumber: 11\n    }\n  }), searching || multi && hasValue ? null : itemNode || placeholderNode), /*#__PURE__*/_react.default.createElement(_TextBox.default, {\n    showTagList: hasValue && multi,\n    tags: tagElements,\n    editable: editable,\n    readOnly: readOnly,\n    disabled: disabled,\n    multiple: multi,\n    onBlur: onBlur,\n    onFocus: (0, _utils.createChainedFunction)(handleFocus, onFocus),\n    inputRef: inputRef,\n    onChange: handleSearch,\n    inputValue: open ? searchKeyword : '',\n    inputProps: inputProps,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 782,\n      columnNumber: 11\n    }\n  })));\n});\nInputPicker.displayName = 'InputPicker';\nInputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),\n  cacheData: _propTypes.default.array,\n  menuAutoWidth: _propTypes.default.bool,\n  menuMaxHeight: _propTypes.default.number,\n  searchable: _propTypes.default.bool,\n  creatable: _propTypes.default.bool,\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onCreate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nvar _default = InputPicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputPicker.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isNil = _interopRequireDefault(__webpack_require__(/*! lodash/isNil */ \"./node_modules/lodash/isNil.js\"));\nvar _isFunction = _interopRequireDefault(__webpack_require__(/*! lodash/isFunction */ \"./node_modules/lodash/isFunction.js\"));\nvar _remove = _interopRequireDefault(__webpack_require__(/*! lodash/remove */ \"./node_modules/lodash/remove.js\"));\nvar _clone = _interopRequireDefault(__webpack_require__(/*! lodash/clone */ \"./node_modules/lodash/clone.js\"));\nvar _isArray = _interopRequireDefault(__webpack_require__(/*! lodash/isArray */ \"./node_modules/lodash/isArray.js\"));\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 _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _getDataGroupBy = __webpack_require__(/*! ../utils/getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\");\nvar _Picker = __webpack_require__(/*! ../internals/Picker */ \"./src/internals/Picker/index.ts\");\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ../Tag */ \"./src/Tag/index.tsx\"));\nvar _InputAutosize = _interopRequireDefault(__webpack_require__(/*! ./InputAutosize */ \"./src/InputPicker/InputAutosize.tsx\"));\nvar _TextBox = _interopRequireDefault(__webpack_require__(/*! ./TextBox */ \"./src/InputPicker/TextBox.tsx\"));\nvar _InputPickerContext = _interopRequireDefault(__webpack_require__(/*! ./InputPickerContext */ \"./src/InputPicker/InputPickerContext.tsx\"));\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ../Stack */ \"./src/Stack/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/InputPicker/InputPicker.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4;\nvar convertSize = function convertSize(size) {\n  switch (size) {\n    case 'lg':\n      return 'lg';\n    case 'sm':\n    case 'xs':\n      return 'sm';\n    default:\n      return 'md';\n  }\n};\n/**\n * Single item selector with text box input.\n *\n * @see https://rsuitejs.com/components/input-picker\n */\nvar InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _merge;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$appearance = props.appearance,\n    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,\n    _props$cleanable = props.cleanable,\n    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,\n    _props$cacheData = props.cacheData,\n    cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,\n    _props$data = props.data,\n    controlledData = _props$data === void 0 ? [] : _props$data,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    defaultValue = props.defaultValue,\n    _props$defaultOpen = props.defaultOpen,\n    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    overrideLocale = props.locale,\n    toggleAs = props.toggleAs,\n    style = props.style,\n    _props$searchable = props.searchable,\n    searchable = _props$searchable === void 0 ? true : _props$searchable,\n    controlledOpen = props.open,\n    placeholder = props.placeholder,\n    groupBy = props.groupBy,\n    menuClassName = props.menuClassName,\n    menuStyle = props.menuStyle,\n    _props$menuAutoWidth = props.menuAutoWidth,\n    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,\n    _props$menuMaxHeight = props.menuMaxHeight,\n    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,\n    creatable = props.creatable,\n    shouldDisplayCreateOption = props.shouldDisplayCreateOption,\n    valueProp = props.value,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    virtualized = props.virtualized,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    listProps = props.listProps,\n    id = props.id,\n    tabIndex = props.tabIndex,\n    sort = props.sort,\n    renderMenu = props.renderMenu,\n    renderExtraFooter = props.renderExtraFooter,\n    renderValue = props.renderValue,\n    renderMenuItem = props.renderMenuItem,\n    renderMenuGroup = props.renderMenuGroup,\n    onEnter = props.onEnter,\n    onEntered = props.onEntered,\n    onExit = props.onExit,\n    onExited = props.onExited,\n    onChange = props.onChange,\n    onClean = props.onClean,\n    onCreate = props.onCreate,\n    onSearch = props.onSearch,\n    onSelect = props.onSelect,\n    onOpen = props.onOpen,\n    onClose = props.onClose,\n    onBlur = props.onBlur,\n    onFocus = props.onFocus,\n    searchBy = props.searchBy,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"appearance\", \"cleanable\", \"cacheData\", \"classPrefix\", \"data\", \"disabled\", \"readOnly\", \"plaintext\", \"defaultValue\", \"defaultOpen\", \"disabledItemValues\", \"locale\", \"toggleAs\", \"style\", \"searchable\", \"open\", \"placeholder\", \"groupBy\", \"menuClassName\", \"menuStyle\", \"menuAutoWidth\", \"menuMaxHeight\", \"creatable\", \"shouldDisplayCreateOption\", \"value\", \"valueKey\", \"virtualized\", \"labelKey\", \"listProps\", \"id\", \"tabIndex\", \"sort\", \"renderMenu\", \"renderExtraFooter\", \"renderValue\", \"renderMenuItem\", \"renderMenuGroup\", \"onEnter\", \"onEntered\", \"onExit\", \"onExited\", \"onChange\", \"onClean\", \"onCreate\", \"onSearch\", \"onSelect\", \"onOpen\", \"onClose\", \"onBlur\", \"onFocus\", \"searchBy\", \"placement\"]);\n  var _useContext = (0, _react.useContext)(_InputPickerContext.default),\n    multi = _useContext.multi,\n    tagProps = _useContext.tagProps,\n    trigger = _useContext.trigger,\n    disabledOptions = _useContext.disabledOptions,\n    onTagRemove = _useContext.onTagRemove,\n    renderMenuItemCheckbox = _useContext.renderMenuItemCheckbox;\n  if (groupBy === valueKey || groupBy === labelKey) {\n    throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');\n  }\n  var inputRef = (0, _react.useRef)();\n  var _usePickerRef = (0, _Picker.usePickerRef)(ref),\n    triggerRef = _usePickerRef.trigger,\n    root = _usePickerRef.root,\n    target = _usePickerRef.target,\n    overlay = _usePickerRef.overlay,\n    list = _usePickerRef.list;\n  var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),\n    locale = _useCustom.locale;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var _useState = (0, _react.useState)(controlledData),\n    uncontrolledData = _useState[0],\n    setData = _useState[1];\n  var _useState2 = (0, _react.useState)(100),\n    maxWidth = _useState2[0],\n    setMaxWidth = _useState2[1];\n  var _useState3 = (0, _react.useState)([]),\n    newData = _useState3[0],\n    setNewData = _useState3[1];\n  var _useState4 = (0, _react.useState)(defaultOpen),\n    uncontrolledOpen = _useState4[0],\n    setOpen = _useState4[1];\n  var open = (0, _isUndefined.default)(controlledOpen) ? uncontrolledOpen : controlledOpen;\n  var getAllData = (0, _react.useCallback)(function () {\n    return [].concat(uncontrolledData, newData);\n  }, [uncontrolledData, newData]);\n  var getAllDataAndCache = (0, _react.useCallback)(function () {\n    return [].concat(getAllData(), cacheData);\n  }, [getAllData, cacheData]);\n  var _useControlled = (0, _utils.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),\n    value = _useControlled[0],\n    setValue = _useControlled[1],\n    isControlled = _useControlled[2];\n  var cloneValue = function cloneValue() {\n    return multi ? (0, _clone.default)(value) || [] : value;\n  };\n  var handleClose = (0, _utils.useEventCallback)(function () {\n    var _triggerRef$current, _target$current, _target$current$focus;\n    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();\n\n    // The focus is on the trigger button after closing\n    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);\n  });\n\n  // Used to hover the focuse item  when trigger `onKeydown`\n  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(multi ? value === null || value === void 0 ? void 0 : value[0] : value, {\n      data: getAllDataAndCache(),\n      valueKey: valueKey,\n      target: function target() {\n        return overlay.current;\n      }\n    }),\n    focusItemValue = _useFocusItemValue.focusItemValue,\n    setFocusItemValue = _useFocusItemValue.setFocusItemValue,\n    onKeyDown = _useFocusItemValue.onKeyDown;\n  var handleSearchCallback = (0, _utils.useEventCallback)(function (searchKeyword, filteredData, event) {\n    var _filteredData$;\n    // The first option after filtering is the focus.\n    setFocusItemValue(disabledOptions ? searchKeyword : (filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]) || searchKeyword);\n    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);\n  });\n\n  // Use search keywords to filter options.\n  var _useSearch = (0, _Picker.useSearch)(getAllData(), {\n      labelKey: labelKey,\n      searchBy: searchBy,\n      callback: handleSearchCallback\n    }),\n    searchKeyword = _useSearch.searchKeyword,\n    resetSearch = _useSearch.resetSearch,\n    checkShouldDisplay = _useSearch.checkShouldDisplay,\n    handleSearch = _useSearch.handleSearch; // Update the state when the data in props changes\n  (0, _react.useEffect)(function () {\n    if (controlledData && !(0, _shallowEqual.default)(controlledData, uncontrolledData)) {\n      var _controlledData$;\n      setData(controlledData);\n      setNewData([]);\n      setFocusItemValue(controlledData === null || controlledData === void 0 ? void 0 : (_controlledData$ = controlledData[0]) === null || _controlledData$ === void 0 ? void 0 : _controlledData$[valueKey]);\n    }\n  }, [setFocusItemValue, controlledData, uncontrolledData, valueKey]);\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current2;\n    // In multiple selection, you need to set a maximum width for the input.\n    if ((_triggerRef$current2 = triggerRef.current) !== null && _triggerRef$current2 !== void 0 && _triggerRef$current2.root) {\n      setMaxWidth((0, _getWidth.default)(triggerRef.current.root));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Update the position of the menu when the search keyword and value change\n  (0, _react.useEffect)(function () {\n    var _triggerRef$current3, _triggerRef$current3$;\n    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.updatePosition) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchKeyword, value]);\n  var getDataItem = function getDataItem(value) {\n    // Find active `MenuItem` by `value`\n    var allData = getAllDataAndCache();\n    var activeItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], value);\n    });\n    var itemNode = placeholder;\n    if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {\n      itemNode = activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey];\n    }\n    return {\n      isValid: !!activeItem,\n      activeItem: activeItem,\n      itemNode: itemNode\n    };\n  };\n  var getInput = function getInput() {\n    var _inputRef$current;\n    return multi ? (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input : inputRef.current;\n  };\n  var focusInput = function focusInput() {\n    var _getInput;\n    return (_getInput = getInput()) === null || _getInput === void 0 ? void 0 : _getInput.focus();\n  };\n  var blurInput = function blurInput() {\n    var _getInput2;\n    return (_getInput2 = getInput()) === null || _getInput2 === void 0 ? void 0 : _getInput2.blur();\n  };\n\n  /**\n   * Convert the string of the newly created option into an object.\n   */\n  var createOption = function createOption(value) {\n    var _ref2;\n    if (groupBy) {\n      var _ref;\n      return _ref = {\n        create: true\n      }, _ref[groupBy] = locale === null || locale === void 0 ? void 0 : locale.newItem, _ref[valueKey] = value, _ref[labelKey] = value, _ref;\n    }\n    return _ref2 = {\n      create: true\n    }, _ref2[valueKey] = value, _ref2[labelKey] = value, _ref2;\n  };\n  var handleChange = (0, _utils.useEventCallback)(function (value, event) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);\n  });\n  var handleRemoveItemByTag = (0, _utils.useEventCallback)(function (tag, event) {\n    event.stopPropagation();\n    var val = cloneValue();\n    (0, _remove.default)(val, function (itemVal) {\n      return (0, _shallowEqual.default)(itemVal, tag);\n    });\n    setValue(val);\n    handleChange(val, event);\n    onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(tag, event);\n  });\n  var handleSelect = (0, _utils.useEventCallback)(function (value, item, event) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);\n    if (creatable && item.create) {\n      delete item.create;\n      onCreate === null || onCreate === void 0 ? void 0 : onCreate(value, item, event);\n      setNewData(newData.concat(item));\n    }\n  });\n\n  /**\n   * Callback triggered by single selection\n   * @param value\n   * @param item\n   * @param event\n   */\n  var handleSelectItem = (0, _utils.useEventCallback)(function (value, item, event) {\n    setValue(value);\n    setFocusItemValue(value);\n    resetSearch();\n    handleSelect(value, item, event);\n    handleChange(value, event);\n    handleClose();\n  });\n\n  /**\n   * Callback triggered by multiple selection\n   * @param nextItemValue\n   * @param item\n   * @param event\n   * @param checked\n   */\n  var handleCheckTag = (0, _utils.useEventCallback)(function (nextItemValue, item, event, checked) {\n    var val = cloneValue();\n    if (checked) {\n      val.push(nextItemValue);\n    } else {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, nextItemValue);\n      });\n    }\n    setValue(val);\n    resetSearch();\n    setFocusItemValue(nextItemValue);\n    handleSelect(val, item, event);\n    handleChange(val, event);\n    focusInput();\n  });\n  var handleTagKeyPress = (0, _utils.useEventCallback)(function (event) {\n    // When composing, ignore the keypress event.\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    var val = cloneValue();\n    var data = getAllData();\n    if (!focusItemValue || !data) {\n      return;\n    }\n\n    // If the value is disabled in this option, it is returned.\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n    if (!val.some(function (v) {\n      return (0, _shallowEqual.default)(v, focusItemValue);\n    })) {\n      val.push(focusItemValue);\n    } else if (!disabledOptions) {\n      (0, _remove.default)(val, function (itemVal) {\n        return (0, _shallowEqual.default)(itemVal, focusItemValue);\n      });\n    }\n    var focusItem = data.find(function (item) {\n      return (0, _shallowEqual.default)(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue);\n    });\n    if (!focusItem) {\n      focusItem = createOption(focusItemValue);\n    }\n    setValue(val);\n    resetSearch();\n    handleSelect(val, focusItem, event);\n    handleChange(val, event);\n  });\n  var handleMenuItemKeyPress = (0, _utils.useEventCallback)(function (event) {\n    if (!focusItemValue || !controlledData) {\n      return;\n    }\n\n    // If the value is disabled in this option, it is returned.\n    if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(function (item) {\n      return item === focusItemValue;\n    })) {\n      return;\n    }\n\n    // Find active `MenuItem` by `value`\n    var allData = getAllData();\n    var focusItem = allData.find(function (item) {\n      return (0, _shallowEqual.default)(item[valueKey], focusItemValue);\n    });\n\n    // FIXME Bad state flow\n    if (!focusItem && focusItemValue === searchKeyword) {\n      focusItem = createOption(searchKeyword);\n    }\n    setValue(focusItemValue);\n    resetSearch();\n    if (focusItem) {\n      handleSelect(focusItemValue, focusItem, event);\n    }\n    handleChange(focusItemValue, event);\n    handleClose();\n  });\n\n  /**\n   * Remove the last item, after pressing the back key on the keyboard.\n   * @param event\n   */\n  var removeLastItem = (0, _utils.useEventCallback)(function (event) {\n    var target = event === null || event === void 0 ? void 0 : event.target;\n    if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {\n      focusInput();\n      return;\n    }\n    if ((target === null || target === void 0 ? void 0 : target.tagName) === 'INPUT' && target !== null && target !== void 0 && target.value) {\n      return;\n    }\n    var val = cloneValue();\n    val.pop();\n    setValue(val);\n    handleChange(val, event);\n  });\n  var handleClean = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || searchKeyword !== '') {\n      return;\n    }\n    setValue(null);\n    setFocusItemValue(null);\n    resetSearch();\n    if (multi) {\n      handleChange([], event);\n    } else {\n      handleChange(null, event);\n    }\n    onClean === null || onClean === void 0 ? void 0 : onClean(event);\n  });\n  var events = {\n    onMenuPressBackspace: multi ? removeLastItem : handleClean,\n    onMenuKeyDown: onKeyDown,\n    onMenuPressEnter: undefined,\n    onKeyDown: undefined\n  };\n  var handleKeyPress = (0, _utils.useEventCallback)(function (event) {\n    // When typing a space, create a tag.\n    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _utils.KEY_VALUES.SPACE) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n\n    // When typing a comma, create a tag.\n    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _utils.KEY_VALUES.COMMA) {\n      handleTagKeyPress(event);\n      event.preventDefault();\n    }\n  });\n  if (multi) {\n    if ((0, _utils.isOneOf)('Enter', trigger)) {\n      events.onMenuPressEnter = handleTagKeyPress;\n    }\n    if (creatable) {\n      events.onKeyDown = handleKeyPress;\n    }\n  } else {\n    events.onMenuPressEnter = handleMenuItemKeyPress;\n  }\n  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({\n    trigger: triggerRef,\n    target: target,\n    overlay: overlay\n  }, events, rest));\n  var handleExited = (0, _utils.useEventCallback)(function () {\n    setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);\n    resetSearch();\n    onClose === null || onClose === void 0 ? void 0 : onClose();\n  });\n  var handleFocus = (0, _utils.useEventCallback)(function () {\n    if (!readOnly) {\n      var _triggerRef$current4;\n      setOpen(true);\n      (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.open();\n    }\n  });\n  var handleEnter = (0, _utils.useEventCallback)(function () {\n    focusInput();\n    setOpen(true);\n  });\n  var handleExit = (0, _utils.useEventCallback)(function () {\n    blurInput();\n    setOpen(false);\n  });\n  var renderListItem = function renderListItem(label, item) {\n    // 'Create option \"{0}\"' =>  Create option \"xxxxx\"\n    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement(\"span\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 550,\n        columnNumber: 9\n      }\n    }, (0, _utils.tplTransform)(locale.createOption, label)) : label;\n    return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;\n  };\n  var checkValue = function checkValue() {\n    if (multi) {\n      return {\n        isValid: false,\n        itemNode: null\n      };\n    }\n    var dataItem = getDataItem(value);\n    var itemNode = dataItem.itemNode;\n    if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {\n      itemNode = renderValue(value, dataItem.activeItem, itemNode);\n    }\n    return {\n      isValid: dataItem.isValid,\n      itemNode: itemNode\n    };\n  };\n  var renderMultiValue = function renderMultiValue() {\n    if (!multi) {\n      return null;\n    }\n    var _tagProps$closable = tagProps.closable,\n      closable = _tagProps$closable === void 0 ? true : _tagProps$closable,\n      onClose = tagProps.onClose,\n      tagRest = (0, _objectWithoutPropertiesLoose2.default)(tagProps, [\"closable\", \"onClose\"]);\n    var tags = value || [];\n    var items = [];\n    var tagElements = tags.map(function (tag) {\n      var _getDataItem = getDataItem(tag),\n        isValid = _getDataItem.isValid,\n        itemNode = _getDataItem.itemNode,\n        activeItem = _getDataItem.activeItem;\n      items.push(activeItem);\n      if (!isValid) {\n        return null;\n      }\n      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({\n        role: \"option\"\n      }, tagRest, {\n        key: tag,\n        size: convertSize(rest.size),\n        closable: !disabled && closable && !readOnly && !plaintext,\n        title: typeof itemNode === 'string' ? itemNode : undefined,\n        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 595,\n          columnNumber: 13\n        }\n      }), itemNode);\n    }).filter(function (item) {\n      return item !== null;\n    });\n    if ((tags.length > 0 || isControlled) && (0, _isFunction.default)(renderValue)) {\n      return renderValue(value, items, tagElements);\n    }\n    return tagElements;\n  };\n  var renderPopup = function renderPopup(positionProps, speakerRef) {\n    var left = positionProps.left,\n      top = positionProps.top,\n      className = positionProps.className;\n    var menuClassPrefix = multi ? 'picker-check-menu' : 'picker-select-menu';\n    var classes = merge(className, menuClassName, prefix(multi ? 'check-menu' : 'select-menu'));\n    var styles = (0, _extends2.default)({}, menuStyle, {\n      left: left,\n      top: top\n    });\n    var items = (0, _treeUtils.filterNodesOfTree)(getAllData(), checkShouldDisplay);\n    if (creatable && (typeof shouldDisplayCreateOption === 'function' ? shouldDisplayCreateOption(searchKeyword, items) : searchKeyword && !items.find(function (item) {\n      return item[valueKey] === searchKeyword;\n    }))) {\n      items = [].concat(items, [createOption(searchKeyword)]);\n    }\n\n    // Create a tree structure data when set `groupBy`\n    if (groupBy) {\n      items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);\n    } else if (typeof sort === 'function') {\n      items = items.sort(sort(false));\n    }\n    if (disabledOptions) {\n      return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n        ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 642,\n          columnNumber: 16\n        }\n      });\n    }\n    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.Listbox, {\n      listProps: listProps,\n      listRef: list,\n      disabledItemValues: disabledItemValues,\n      valueKey: valueKey,\n      labelKey: labelKey,\n      classPrefix: menuClassPrefix,\n      listItemClassPrefix: multi ? undefined : menuClassPrefix + \"-item\",\n      listItemAs: multi ? _Picker.ListCheckItem : _Picker.ListItem,\n      listItemProps: {\n        renderMenuItemCheckbox: renderMenuItemCheckbox\n      },\n      activeItemValues: multi ? value : [value],\n      focusItemValue: focusItemValue,\n      maxHeight: menuMaxHeight,\n      data: items\n      // FIXME-Doma\n      // `group` is redundant so long as `groupBy` exists\n      ,\n      group: !(0, _isUndefined.default)(groupBy),\n      groupBy: groupBy,\n      onSelect: multi ? handleCheckTag : handleSelectItem // fixme don't use any\n      ,\n      renderMenuGroup: renderMenuGroup,\n      renderMenuItem: renderListItem,\n      virtualized: virtualized,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 646,\n        columnNumber: 9\n      }\n    }) : /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"none\"]))),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 670,\n        columnNumber: 9\n      }\n    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);\n    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {\n      ref: (0, _utils.mergeRefs)(overlay, speakerRef),\n      autoWidth: menuAutoWidth,\n      className: classes,\n      style: styles,\n      target: triggerRef,\n      onKeyDown: onPickerKeyDown,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 674,\n        columnNumber: 9\n      }\n    }, renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());\n  };\n  var _checkValue = checkValue(),\n    isValid = _checkValue.isValid,\n    itemNode = _checkValue.itemNode;\n  var tagElements = renderMultiValue();\n\n  /**\n   * 1.Have a value and the value is valid.\n   * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.\n   * 3.If renderValue returns null or undefined, hasValue is false.\n   */\n  var hasSingleValue = !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(itemNode);\n  var hasMultiValue = (0, _isArray.default)(value) && value.length > 0 && (0, _isFunction.default)(renderValue) && !(0, _isNil.default)(tagElements);\n  var hasValue = multi ? !!(tagElements !== null && tagElements !== void 0 && tagElements.length) || hasMultiValue : isValid || hasSingleValue;\n  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {\n      classPrefix: classPrefix,\n      appearance: appearance,\n      hasValue: hasValue,\n      name: 'input',\n      cleanable: cleanable\n    })),\n    pickerClasses = _usePickerClassName[0],\n    usedClassNamePropKeys = _usePickerClassName[1];\n  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"tag\"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"focused\"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"disabled-options\"])))] = disabledOptions, _merge));\n  var searching = !!searchKeyword && open;\n  var editable = searchable && !disabled && !rest.loading;\n  var inputProps = multi ? {\n    inputStyle: {\n      maxWidth: maxWidth - 63\n    },\n    as: _InputAutosize.default\n  } : {\n    as: 'input'\n  };\n  if (plaintext) {\n    var plaintextProps = {};\n\n    // When multiple selection, the tag is displayed in a stack layout.\n    if (multi && hasValue) {\n      plaintextProps.as = _Stack.default;\n      plaintextProps.spacing = 6;\n      plaintextProps.wrap = true;\n      plaintextProps.childrenRenderMode = 'clone';\n    }\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, (0, _extends2.default)({\n      localeKey: \"notSelected\",\n      ref: target\n    }, plaintextProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 734,\n        columnNumber: 9\n      }\n    }), itemNode || (tagElements !== null && tagElements !== void 0 && tagElements.length ? tagElements : null) || placeholder);\n  }\n  var placeholderNode = placeholder || (disabledOptions ? null : locale === null || locale === void 0 ? void 0 : locale.placeholder);\n  return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {\n    id: id,\n    multiple: multi,\n    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),\n    ref: triggerRef,\n    trigger: \"active\",\n    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),\n    onEntered: (0, _utils.createChainedFunction)(onEntered, onOpen),\n    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),\n    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),\n    speaker: renderPopup,\n    placement: placement,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 743,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, {\n    className: classes,\n    style: style,\n    onClick: focusInput,\n    onKeyDown: onPickerKeyDown,\n    ref: root,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 756,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {\n    appearance: appearance,\n    readOnly: readOnly,\n    plaintext: plaintext,\n    ref: target,\n    as: toggleAs,\n    tabIndex: tabIndex,\n    onClean: handleClean,\n    cleanable: cleanable && !disabled,\n    hasValue: hasValue,\n    active: open,\n    disabled: disabled,\n    placement: placement,\n    inputValue: value,\n    focusItemValue: focusItemValue,\n    caret: !disabledOptions,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 763,\n      columnNumber: 11\n    }\n  }), searching || multi && hasValue ? null : itemNode || placeholderNode), /*#__PURE__*/_react.default.createElement(_TextBox.default, {\n    showTagList: hasValue && multi,\n    tags: tagElements,\n    editable: editable,\n    readOnly: readOnly,\n    disabled: disabled,\n    multiple: multi,\n    onBlur: onBlur,\n    onFocus: (0, _utils.createChainedFunction)(handleFocus, onFocus),\n    inputRef: inputRef,\n    onChange: handleSearch,\n    inputValue: open ? searchKeyword : '',\n    inputProps: inputProps,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 783,\n      columnNumber: 11\n    }\n  })));\n});\nInputPicker.displayName = 'InputPicker';\nInputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {\n  locale: _propTypes.default.any,\n  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),\n  cacheData: _propTypes.default.array,\n  menuAutoWidth: _propTypes.default.bool,\n  menuMaxHeight: _propTypes.default.number,\n  searchable: _propTypes.default.bool,\n  creatable: _propTypes.default.bool,\n  groupBy: _propTypes.default.any,\n  sort: _propTypes.default.func,\n  renderMenu: _propTypes.default.func,\n  renderMenuItem: _propTypes.default.func,\n  renderMenuGroup: _propTypes.default.func,\n  onCreate: _propTypes.default.func,\n  onSelect: _propTypes.default.func,\n  onGroupTitleClick: _propTypes.default.func,\n  onSearch: _propTypes.default.func,\n  virtualized: _propTypes.default.bool,\n  searchBy: _propTypes.default.func\n});\nvar _default = InputPicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/InputPicker/InputPicker.tsx?");
 
 /***/ }),
 
@@ -8126,6 +8192,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Pagination/LimitPicker.tsx":
+/*!****************************************!*\
+  !*** ./src/Pagination/LimitPicker.tsx ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ../SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/LimitPicker.tsx\",\n  _this = void 0;\nvar LimitPicker = function LimitPicker(props) {\n  var disabled = props.disabled,\n    limitOptions = props.limitOptions,\n    locale = props.locale,\n    limit = props.limit,\n    onChangeLimit = props.onChangeLimit,\n    size = props.size,\n    prefix = props.prefix,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"disabled\", \"limitOptions\", \"locale\", \"limit\", \"onChangeLimit\", \"size\", \"prefix\"]);\n  var containerRef = (0, _react.useRef)(null);\n  var disabledPicker = typeof disabled === 'function' ? disabled('picker') : Boolean(disabled);\n  var formatlimitOptions = limitOptions.map(function (item) {\n    return {\n      value: item,\n      label: locale.limit && (0, _utils.tplTransform)(locale.limit, item)\n    };\n  });\n  return /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('limit'),\n    ref: containerRef,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 29,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_SelectPicker.default, (0, _extends2.default)({}, rest, {\n    size: size,\n    cleanable: false,\n    searchable: false,\n    placement: \"topStart\",\n    data: formatlimitOptions,\n    value: limit,\n    onChange: onChangeLimit,\n    menuStyle: {\n      minWidth: 'auto'\n    },\n    disabled: disabledPicker,\n    container: function container() {\n      return containerRef.current;\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 7\n    }\n  })));\n};\nvar _default = LimitPicker;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/LimitPicker.tsx?");
+
+/***/ }),
+
 /***/ "./src/Pagination/Pagination.tsx":
 /*!***************************************!*\
   !*** ./src/Pagination/Pagination.tsx ***!
@@ -8133,7 +8210,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _More = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/More */ \"./node_modules/@rsuite/icons/legacy/More.js\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PagePrevious */ \"./node_modules/@rsuite/icons/legacy/PagePrevious.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageNext */ \"./node_modules/@rsuite/icons/legacy/PageNext.js\"));\nvar _PageTop = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageTop */ \"./node_modules/@rsuite/icons/legacy/PageTop.js\"));\nvar _PageEnd = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageEnd */ \"./node_modules/@rsuite/icons/legacy/PageEnd.js\"));\nvar _PaginationButton = _interopRequireDefault(__webpack_require__(/*! ./PaginationButton */ \"./src/Pagination/PaginationButton.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/Pagination.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4,\n  _templateObject5,\n  _templateObject6;\nvar PAGINATION_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  prev: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 9\n    }\n  }),\n  next: /*#__PURE__*/_react.default.createElement(_PageNext.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 9\n    }\n  }),\n  first: /*#__PURE__*/_react.default.createElement(_PageTop.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 10\n    }\n  }),\n  last: /*#__PURE__*/_react.default.createElement(_PageEnd.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 */\nvar Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,\n    disabledProp = props.disabled,\n    overrideLocale = props.locale,\n    _props$activePage = props.activePage,\n    activePage = _props$activePage === void 0 ? 1 : _props$activePage,\n    maxButtons = props.maxButtons,\n    _props$pages = props.pages,\n    pages = _props$pages === void 0 ? 1 : _props$pages,\n    ellipsis = props.ellipsis,\n    boundaryLinks = props.boundaryLinks,\n    first = props.first,\n    prev = props.prev,\n    next = props.next,\n    last = props.last,\n    _props$size = props.size,\n    size = _props$size === void 0 ? 'xs' : _props$size,\n    linkAs = props.linkAs,\n    linkProps = props.linkProps,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"disabled\", \"locale\", \"activePage\", \"maxButtons\", \"pages\", \"ellipsis\", \"boundaryLinks\", \"first\", \"prev\", \"next\", \"last\", \"size\", \"linkAs\", \"linkProps\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('Pagination', overrideLocale),\n    locale = _useCustom.locale;\n  var renderItem = (0, _react.useCallback)(function (key, itemProps) {\n    var eventKey = itemProps.eventKey,\n      disabled = itemProps.disabled,\n      itemRest = (0, _objectWithoutPropertiesLoose2.default)(itemProps, [\"eventKey\", \"disabled\"]);\n    var disabledItem = disabled;\n    if (typeof disabledProp !== 'undefined') {\n      disabledItem = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;\n    }\n    var 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      disabled: disabledItem,\n      onSelect: disabledItem ? undefined : onSelect,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 113,\n        columnNumber: 11\n      }\n    }));\n  }, [disabledProp, linkAs, linkProps, locale, onSelect]);\n  var renderFirst = function 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(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 138,\n          columnNumber: 11\n        }\n      }, first === true ? PAGINATION_ICONS.first : first)\n    });\n  };\n  var renderPrev = function 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(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 152,\n          columnNumber: 11\n        }\n      }, prev === true ? PAGINATION_ICONS.prev : prev)\n    });\n  };\n  var renderPageButtons = function renderPageButtons() {\n    var pageButtons = [];\n    var startPage;\n    var endPage;\n    var hasHiddenPagesAfter;\n    if (maxButtons) {\n      var hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);\n      startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;\n      hasHiddenPagesAfter = startPage + maxButtons <= pages;\n      if (!hasHiddenPagesAfter) {\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 (var 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(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 198,\n            columnNumber: 15\n          }\n        }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)\n      }));\n      pageButtons.unshift(renderItem(1, {\n        eventKey: 1,\n        children: 1\n      }));\n    }\n    if (maxButtons && hasHiddenPagesAfter && ellipsis) {\n      pageButtons.push(renderItem('more', {\n        eventKey: 'ellipsis',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 214,\n            columnNumber: 15\n          }\n        }, ellipsis === true ? PAGINATION_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  var renderNext = function 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(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 239,\n          columnNumber: 11\n        }\n      }, next === true ? PAGINATION_ICONS.next : next)\n    });\n  };\n  var renderLast = function 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(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 253,\n          columnNumber: 11\n        }\n      }, last === true ? PAGINATION_ICONS.last : last)\n    });\n  };\n  var classes = merge(className, withClassPrefix(size));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 260,\n      columnNumber: 7\n    }\n  }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());\n});\nPagination.displayName = 'Pagination';\nPagination.propTypes = {\n  onSelect: _propTypes.default.func,\n  activePage: _propTypes.default.number,\n  pages: _propTypes.default.number,\n  maxButtons: _propTypes.default.number,\n  boundaryLinks: _propTypes.default.bool,\n  ellipsis: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  first: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  last: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  prev: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  next: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  linkAs: _propTypes.default.elementType,\n  linkProps: _propTypes.default.object,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  locale: _propTypes.default.any,\n  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func])\n};\nvar _default = Pagination;\nexports[\"default\"] = _default;\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 _taggedTemplateLiteralLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteralLoose */ \"./node_modules/@babel/runtime/helpers/taggedTemplateLiteralLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _More = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/More */ \"./node_modules/@rsuite/icons/legacy/More.js\"));\nvar _PagePrevious = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PagePrevious */ \"./node_modules/@rsuite/icons/legacy/PagePrevious.js\"));\nvar _PageNext = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageNext */ \"./node_modules/@rsuite/icons/legacy/PageNext.js\"));\nvar _PageTop = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageTop */ \"./node_modules/@rsuite/icons/legacy/PageTop.js\"));\nvar _PageEnd = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/legacy/PageEnd */ \"./node_modules/@rsuite/icons/legacy/PageEnd.js\"));\nvar _PaginationButton = _interopRequireDefault(__webpack_require__(/*! ./PaginationButton */ \"./src/Pagination/PaginationButton.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/Pagination.tsx\",\n  _this = void 0,\n  _templateObject,\n  _templateObject2,\n  _templateObject3,\n  _templateObject4,\n  _templateObject5,\n  _templateObject6;\nvar PAGINATION_ICONS = {\n  more: /*#__PURE__*/_react.default.createElement(_More.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 9\n    }\n  }),\n  prev: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 9\n    }\n  }),\n  next: /*#__PURE__*/_react.default.createElement(_PageNext.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 9\n    }\n  }),\n  first: /*#__PURE__*/_react.default.createElement(_PageTop.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 10\n    }\n  }),\n  last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 9\n    }\n  })\n};\n/**\n * Pagination component for displaying page numbers.\n *\n * @see https://rsuitejs.com/components/pagination\n */\nvar Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,\n    disabledProp = props.disabled,\n    overrideLocale = props.locale,\n    _props$activePage = props.activePage,\n    activePage = _props$activePage === void 0 ? 1 : _props$activePage,\n    maxButtons = props.maxButtons,\n    _props$pages = props.pages,\n    pages = _props$pages === void 0 ? 1 : _props$pages,\n    ellipsis = props.ellipsis,\n    boundaryLinks = props.boundaryLinks,\n    first = props.first,\n    prev = props.prev,\n    next = props.next,\n    last = props.last,\n    _props$size = props.size,\n    size = _props$size === void 0 ? 'xs' : _props$size,\n    linkAs = props.linkAs,\n    linkProps = props.linkProps,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"disabled\", \"locale\", \"activePage\", \"maxButtons\", \"pages\", \"ellipsis\", \"boundaryLinks\", \"first\", \"prev\", \"next\", \"last\", \"size\", \"linkAs\", \"linkProps\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('Pagination', overrideLocale),\n    locale = _useCustom.locale;\n  var renderItem = function renderItem(key, itemProps) {\n    var eventKey = itemProps.eventKey,\n      disabled = itemProps.disabled,\n      itemRest = (0, _objectWithoutPropertiesLoose2.default)(itemProps, [\"eventKey\", \"disabled\"]);\n    var disabledButton = disabled;\n    if (typeof disabledProp !== 'undefined') {\n      disabledButton = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;\n    }\n    var 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      disabled: disabledButton,\n      onSelect: disabledButton ? undefined : onSelect,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 9\n      }\n    }));\n  };\n  var renderFirst = function 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(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 134,\n          columnNumber: 11\n        }\n      }, first === true ? PAGINATION_ICONS.first : first)\n    });\n  };\n  var renderPrev = function 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(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 148,\n          columnNumber: 11\n        }\n      }, prev === true ? PAGINATION_ICONS.prev : prev)\n    });\n  };\n  var renderPageButtons = function renderPageButtons() {\n    var pageButtons = [];\n    var startPage;\n    var endPage;\n    var hasHiddenPagesAfter;\n    if (maxButtons) {\n      var hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);\n      startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;\n      hasHiddenPagesAfter = startPage + maxButtons <= pages;\n      if (!hasHiddenPagesAfter) {\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 (var 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(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 194,\n            columnNumber: 15\n          }\n        }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)\n      }));\n      pageButtons.unshift(renderItem(1, {\n        eventKey: 1,\n        children: 1\n      }));\n    }\n    if (maxButtons && hasHiddenPagesAfter && ellipsis) {\n      pageButtons.push(renderItem('more', {\n        eventKey: 'ellipsis',\n        disabled: true,\n        children: /*#__PURE__*/_react.default.createElement(\"span\", {\n          className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 210,\n            columnNumber: 15\n          }\n        }, ellipsis === true ? PAGINATION_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  var renderNext = function 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(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 235,\n          columnNumber: 11\n        }\n      }, next === true ? PAGINATION_ICONS.next : next)\n    });\n  };\n  var renderLast = function 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(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)([\"symbol\"]))),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 249,\n          columnNumber: 11\n        }\n      }, last === true ? PAGINATION_ICONS.last : last)\n    });\n  };\n  var classes = merge(className, withClassPrefix(size));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 256,\n      columnNumber: 7\n    }\n  }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());\n});\nPagination.displayName = 'Pagination';\nPagination.propTypes = {\n  onSelect: _propTypes.default.func,\n  activePage: _propTypes.default.number,\n  pages: _propTypes.default.number,\n  maxButtons: _propTypes.default.number,\n  boundaryLinks: _propTypes.default.bool,\n  ellipsis: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  first: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  last: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  prev: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  next: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n  linkAs: _propTypes.default.elementType,\n  linkProps: _propTypes.default.object,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  locale: _propTypes.default.any,\n  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func])\n};\nvar _default = Pagination;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/Pagination.tsx?");
 
 /***/ }),
 
@@ -8144,7 +8221,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../internals/Ripple */ \"./src/internals/Ripple/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/PaginationButton.tsx\",\n  _this = void 0;\nvar PaginationButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'button' : _props$as,\n    active = props.active,\n    disabled = props.disabled,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'pagination-btn' : _props$classPrefix,\n    children = props.children,\n    eventKey = props.eventKey,\n    style = props.style,\n    onSelect = props.onSelect,\n    onClick = props.onClick,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"className\", \"classPrefix\", \"children\", \"eventKey\", \"style\", \"onSelect\", \"onClick\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n  }, [disabled, eventKey, onSelect]);\n  var asProps = {};\n  if (typeof Component !== 'string') {\n    asProps.eventKey = eventKey;\n    asProps.active = active;\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, asProps, {\n    disabled: disabled,\n    onClick: (0, _utils.createChainedFunction)(onClick, handleClick),\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 7\n    }\n  }), children, !disabled ? /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 22\n    }\n  }) : null);\n});\nPaginationButton.displayName = 'PaginationButton';\nPaginationButton.propTypes = {\n  classPrefix: _propTypes.default.string,\n  eventKey: _propTypes.default.any,\n  onSelect: _propTypes.default.func,\n  onClick: _propTypes.default.func,\n  disabled: _propTypes.default.bool,\n  active: _propTypes.default.bool,\n  className: _propTypes.default.string,\n  as: _propTypes.default.elementType,\n  children: _propTypes.default.node,\n  style: _propTypes.default.object,\n  renderItem: _propTypes.default.func\n};\nvar _default = PaginationButton;\nexports[\"default\"] = _default;\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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _Ripple = _interopRequireDefault(__webpack_require__(/*! ../internals/Ripple */ \"./src/internals/Ripple/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/PaginationButton.tsx\",\n  _this = void 0;\nvar PaginationButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'button' : _props$as,\n    active = props.active,\n    disabled = props.disabled,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'pagination-btn' : _props$classPrefix,\n    children = props.children,\n    eventKey = props.eventKey,\n    style = props.style,\n    onSelect = props.onSelect,\n    onClick = props.onClick,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"active\", \"disabled\", \"className\", \"classPrefix\", \"children\", \"eventKey\", \"style\", \"onSelect\", \"onClick\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix({\n    active: active,\n    disabled: disabled\n  }));\n  var handleClick = (0, _utils.useEventCallback)(function (event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);\n  });\n  var asProps = {};\n  if (typeof Component !== 'string') {\n    asProps.eventKey = eventKey;\n    asProps.active = active;\n  }\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, asProps, {\n    disabled: disabled,\n    onClick: (0, _utils.createChainedFunction)(onClick, handleClick),\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 7\n    }\n  }), children, !disabled ? /*#__PURE__*/_react.default.createElement(_Ripple.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 22\n    }\n  }) : null);\n});\nPaginationButton.displayName = 'PaginationButton';\nvar _default = PaginationButton;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/PaginationButton.tsx?");
 
 /***/ }),
 
@@ -8155,7 +8232,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/Pagination.tsx\"));\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ../SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ../Divider */ \"./src/Divider/index.tsx\"));\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ \"./src/Input/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/PaginationGroup.tsx\",\n  _this = void 0;\nvar LimitPicker = function LimitPicker(props) {\n  var disabled = props.disabled,\n    limitOptions = props.limitOptions,\n    locale = props.locale,\n    limit = props.limit,\n    onChangeLimit = props.onChangeLimit,\n    size = props.size,\n    prefix = props.prefix;\n  var disabledPicker = typeof disabled === 'function' ? disabled('picker') : Boolean(disabled);\n  var formatlimitOptions = limitOptions.map(function (item) {\n    return {\n      value: item,\n      label: locale.limit && (0, _utils.tplTransform)(locale.limit, item)\n    };\n  });\n  return /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('limit'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_SelectPicker.default, {\n    size: size,\n    cleanable: false,\n    searchable: false,\n    placement: \"topStart\",\n    data: formatlimitOptions,\n    value: limit,\n    onChange: onChangeLimit // fixme don't use any\n    ,\n    menuStyle: {\n      minWidth: 'auto'\n    },\n    disabled: disabledPicker,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 7\n    }\n  }));\n};\nvar defaultLayout = ['pager'];\nvar defaultLimitOptions = [30, 50, 100];\nvar PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'pagination-group' : _props$classPrefix,\n    size = props.size,\n    total = props.total,\n    prev = props.prev,\n    next = props.next,\n    first = props.first,\n    last = props.last,\n    maxButtons = props.maxButtons,\n    className = props.className,\n    _props$limitOptions = props.limitOptions,\n    limitOptions = _props$limitOptions === void 0 ? defaultLimitOptions : _props$limitOptions,\n    limitProp = props.limit,\n    activePageProp = props.activePage,\n    disabled = props.disabled,\n    style = props.style,\n    localeProp = props.locale,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? defaultLayout : _props$layout,\n    onChangePage = props.onChangePage,\n    onChangeLimit = props.onChangeLimit,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"size\", \"total\", \"prev\", \"next\", \"first\", \"last\", \"maxButtons\", \"className\", \"limitOptions\", \"limit\", \"activePage\", \"disabled\", \"style\", \"locale\", \"layout\", \"onChangePage\", \"onChangeLimit\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var _useControlled = (0, _utils.useControlled)(limitProp, 30),\n    limit = _useControlled[0],\n    setLimit = _useControlled[1];\n  var _useControlled2 = (0, _utils.useControlled)(activePageProp, 1),\n    activePage = _useControlled2[0],\n    setActivePage = _useControlled2[1];\n  var _useCustom = (0, _utils.useCustom)('Pagination', localeProp),\n    locale = _useCustom.locale;\n  var pages = Math.floor(total / limit) + (total % limit ? 1 : 0);\n  var classes = merge(className, withClassPrefix(size));\n  var handleInputBlur = (0, _react.useCallback)(function (event) {\n    var value = parseInt(event.target.value);\n    if (value > 0 && value <= pages) {\n      onChangePage === null || onChangePage === void 0 ? void 0 : onChangePage(value);\n      setActivePage(value);\n    }\n    event.target.value = '';\n  }, [onChangePage, pages, setActivePage]);\n  var handleInputPressEnter = (0, _react.useCallback)(function (event) {\n    var _event$target;\n    (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.blur();\n  }, []);\n  var handleChangeLimit = (0, _react.useCallback)(function (value) {\n    setLimit(value);\n    onChangeLimit === null || onChangeLimit === void 0 ? void 0 : onChangeLimit(value);\n  }, [onChangeLimit, setLimit]);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 131,\n      columnNumber: 7\n    }\n  }, layout.map(function (key, index) {\n    var onlyKey = \"\" + key + index;\n    if (key === '-') {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        className: prefix('grow'),\n        key: onlyKey,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 136,\n          columnNumber: 20\n        }\n      });\n    } else if (key === '|') {\n      return /*#__PURE__*/_react.default.createElement(_Divider.default, {\n        vertical: true,\n        key: onlyKey,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 138,\n          columnNumber: 20\n        }\n      });\n    } else if (key === '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: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 141,\n          columnNumber: 15\n        }\n      }));\n    } else if (key === 'total') {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        key: onlyKey,\n        className: prefix('total'),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 158,\n          columnNumber: 15\n        }\n      }, locale.total && (0, _utils.tplTransform)(locale.total, total));\n    } else if (key === 'skip') {\n      return /*#__PURE__*/_react.default.createElement(\"div\", {\n        key: onlyKey,\n        className: (0, _classnames.default)(prefix('skip')),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 164,\n          columnNumber: 15\n        }\n      }, locale.skip && (0, _utils.tplTransform)(locale.skip, /*#__PURE__*/_react.default.createElement(_Input.default, {\n        size: size,\n        onBlur: handleInputBlur,\n        onPressEnter: handleInputPressEnter,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 168,\n          columnNumber: 21\n        }\n      })));\n    } else if (key === 'limit') {\n      return /*#__PURE__*/_react.default.createElement(LimitPicker, {\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: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 178,\n          columnNumber: 15\n        }\n      });\n    }\n    return key;\n  }));\n});\nPaginationGroup.displayName = 'PaginationGroup';\nPaginationGroup.propTypes = (0, _extends2.default)({}, _Pagination.default.propTypes, {\n  locale: _propTypes.default.any,\n  layout: _propTypes.default.array,\n  limitOptions: _propTypes.default.array,\n  limit: _propTypes.default.number,\n  total: _propTypes.default.number,\n  onChangePage: _propTypes.default.func,\n  onChangeLimit: _propTypes.default.func\n});\nvar _default = PaginationGroup;\nexports[\"default\"] = _default;\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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _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 _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _LimitPicker = _interopRequireDefault(__webpack_require__(/*! ./LimitPicker */ \"./src/Pagination/LimitPicker.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Pagination/PaginationGroup.tsx\",\n  _this = void 0;\n/**\n * The layout of the paging component.\n */\n\nvar defaultLayout = ['pager'];\nvar defaultLimitOptions = [30, 50, 100];\n\n/**\n * Pagination component for displaying page numbers.\n *\n * @see https://rsuitejs.com/components/pagination\n */\nvar PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    activePageProp = props.activePage,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'pagination-group' : _props$classPrefix,\n    className = props.className,\n    disabled = props.disabled,\n    size = props.size,\n    style = props.style,\n    total = props.total,\n    prev = props.prev,\n    next = props.next,\n    first = props.first,\n    last = props.last,\n    _props$limitOptions = props.limitOptions,\n    limitOptions = _props$limitOptions === void 0 ? defaultLimitOptions : _props$limitOptions,\n    limitProp = props.limit,\n    localeProp = props.locale,\n    _props$layout = props.layout,\n    layout = _props$layout === void 0 ? defaultLayout : _props$layout,\n    maxButtons = props.maxButtons,\n    onChangePage = props.onChangePage,\n    onChangeLimit = props.onChangeLimit,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"activePage\", \"classPrefix\", \"className\", \"disabled\", \"size\", \"style\", \"total\", \"prev\", \"next\", \"first\", \"last\", \"limitOptions\", \"limit\", \"locale\", \"layout\", \"maxButtons\", \"onChangePage\", \"onChangeLimit\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var _useControlled = (0, _utils.useControlled)(limitProp, 30),\n    limit = _useControlled[0],\n    setLimit = _useControlled[1];\n  var _useControlled2 = (0, _utils.useControlled)(activePageProp, 1),\n    activePage = _useControlled2[0],\n    setActivePage = _useControlled2[1];\n  var _useCustom = (0, _utils.useCustom)('Pagination', localeProp),\n    locale = _useCustom.locale;\n  var pages = Math.floor(total / limit) + (total % limit ? 1 : 0);\n  var classes = merge(className, withClassPrefix(size));\n  var handleInputBlur = (0, _utils.useEventCallback)(function (event) {\n    var value = parseInt(event.target.value);\n    if (value > 0 && value <= pages) {\n      onChangePage === null || onChangePage === void 0 ? void 0 : onChangePage(value);\n      setActivePage(value);\n    }\n    event.target.value = '';\n  });\n  var handleInputPressEnter = (0, _utils.useEventCallback)(function (event) {\n    var _event$target;\n    (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.blur();\n  });\n  var handleChangeLimit = (0, _utils.useEventCallback)(function (value) {\n    setLimit(value);\n    onChangeLimit === null || onChangeLimit === void 0 ? void 0 : onChangeLimit(value);\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: ref,\n    className: classes,\n    style: style,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116,\n      columnNumber: 7\n    }\n  }, layout.map(function (key, index) {\n    var onlyKey = \"\" + key + index;\n    switch (key) {\n      case '-':\n        return /*#__PURE__*/_react.default.createElement(\"div\", {\n          className: prefix('grow'),\n          key: onlyKey,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 122,\n            columnNumber: 22\n          }\n        });\n      case '|':\n        return /*#__PURE__*/_react.default.createElement(_Divider.default, {\n          vertical: true,\n          key: onlyKey,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 124,\n            columnNumber: 22\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: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 127,\n            columnNumber: 17\n          }\n        }));\n      case 'total':\n        return /*#__PURE__*/_react.default.createElement(\"div\", {\n          key: onlyKey,\n          className: prefix('total'),\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 144,\n            columnNumber: 17\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: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 150,\n            columnNumber: 17\n          }\n        }, locale.skip && (0, _utils.tplTransform)(locale.skip, /*#__PURE__*/_react.default.createElement(_Input.default, {\n          size: size,\n          onBlur: handleInputBlur,\n          onPressEnter: handleInputPressEnter,\n          __self: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 154,\n            columnNumber: 23\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: _this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 164,\n            columnNumber: 17\n          }\n        });\n      default:\n        return key;\n    }\n  }));\n});\nPaginationGroup.displayName = 'PaginationGroup';\nPaginationGroup.propTypes = (0, _extends2.default)({}, _Pagination.default.propTypes, {\n  locale: _propTypes.default.any,\n  layout: _propTypes.default.array,\n  limitOptions: _propTypes.default.array,\n  limit: _propTypes.default.number,\n  total: _propTypes.default.number,\n  onChangePage: _propTypes.default.func,\n  onChangeLimit: _propTypes.default.func\n});\nvar _default = PaginationGroup;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Pagination/PaginationGroup.tsx?");
 
 /***/ }),
 
@@ -8441,7 +8518,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\nvar _getOffset = _interopRequireDefault(__webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Slider = __webpack_require__(/*! ../Slider/Slider */ \"./src/Slider/Slider.tsx\");\nvar _ProgressBar = _interopRequireDefault(__webpack_require__(/*! ../Slider/ProgressBar */ \"./src/Slider/ProgressBar.tsx\"));\nvar _Handle = _interopRequireDefault(__webpack_require__(/*! ../Slider/Handle */ \"./src/Slider/Handle.tsx\"));\nvar _Graduated = _interopRequireDefault(__webpack_require__(/*! ../Slider/Graduated */ \"./src/Slider/Graduated.tsx\"));\nvar _utils2 = __webpack_require__(/*! ../Slider/utils */ \"./src/Slider/utils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/RangeSlider/RangeSlider.tsx\",\n  _this = void 0;\nvar defaultDefaultValue = [0, 0];\n\n/**\n * The `RangeSlider` component is used to select a range from a given numerical range.\n * @see https://rsuitejs.com/components/slider/\n */\nvar RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var ariaLabel = props['aria-label'],\n    ariaLabelledby = props['aria-labelledby'],\n    ariaValuetext = props['aria-valuetext'],\n    _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    barClassName = props.barClassName,\n    className = props.className,\n    constraint = props.constraint,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,\n    graduated = props.graduated,\n    _props$progress = props.progress,\n    progress = _props$progress === void 0 ? true : _props$progress,\n    vertical = props.vertical,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,\n    _props$min = props.min,\n    min = _props$min === void 0 ? 0 : _props$min,\n    _props$max = props.max,\n    maxProp = _props$max === void 0 ? 100 : _props$max,\n    _props$step = props.step,\n    step = _props$step === void 0 ? 1 : _props$step,\n    valueProp = props.value,\n    handleClassName = props.handleClassName,\n    handleStyle = props.handleStyle,\n    handleTitle = props.handleTitle,\n    _props$tooltip = props.tooltip,\n    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,\n    getAriaValueText = props.getAriaValueText,\n    renderTooltip = props.renderTooltip,\n    renderMark = props.renderMark,\n    onChange = props.onChange,\n    onChangeCommitted = props.onChangeCommitted,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"aria-label\", \"aria-labelledby\", \"aria-valuetext\", \"as\", \"barClassName\", \"className\", \"constraint\", \"defaultValue\", \"graduated\", \"progress\", \"vertical\", \"disabled\", \"readOnly\", \"classPrefix\", \"min\", \"max\", \"step\", \"value\", \"handleClassName\", \"handleStyle\", \"handleTitle\", \"tooltip\", \"getAriaValueText\", \"renderTooltip\", \"renderMark\", \"onChange\", \"onChangeCommitted\"]);\n  var barRef = (0, _react.useRef)(null);\n\n  // Define the parameter position of the handle\n  var handleIndexs = (0, _react.useRef)([0, 1]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('RangeSlider'),\n    rtl = _useCustom.rtl;\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    disabled: disabled,\n    graduated: graduated,\n    'with-mark': renderMark\n  }));\n  var max = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);\n  }, [maxProp, min, step]);\n\n  /**\n   * Returns a valid value that does not exceed the specified range of values.\n   */\n  var getValidValue = (0, _react.useCallback)(function (value) {\n    if (typeof value === 'undefined') {\n      return;\n    }\n    return [(0, _utils2.checkValue)(value[0], min, max), (0, _utils2.checkValue)(value[1], min, max)];\n  }, [max, min]);\n  var _useControlled = (0, _utils.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),\n    value = _useControlled[0],\n    setValue = _useControlled[1]; // The count of values ​​that can be entered.\n  var count = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)((max - min) / step);\n  }, [max, min, step]);\n\n  // Get the height of the progress bar\n  var getBarHeight = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _getHeight.default)(barRef.current) : 0;\n  }, []);\n  // Get the width of the progress bar\n  var getBarWidth = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _getWidth.default)(barRef.current) : 0;\n  }, []);\n  var getValueByOffset = (0, _react.useCallback)(function (offset) {\n    var val = 0;\n    if (isNaN(offset)) {\n      return val;\n    }\n    if (vertical) {\n      var barHeight = getBarHeight();\n      val = Math.round(offset / (barHeight / count)) * step;\n    } else {\n      var barWidth = getBarWidth();\n      val = Math.round(offset / (barWidth / count)) * step;\n    }\n    return (0, _utils2.precisionMath)(val);\n  }, [count, getBarHeight, getBarWidth, step, vertical]);\n  var getValueByPosition = (0, _react.useCallback)(function (event) {\n    var barOffset = (0, _getOffset.default)(barRef.current);\n    var offset = vertical ? barOffset.top + barOffset.height - event.pageY : event.pageX - barOffset.left;\n    var val = rtl && !vertical ? barOffset.width - offset : offset;\n    return getValueByOffset(val) + min;\n  }, [getValueByOffset, min, rtl, vertical]);\n  var getRangeValue = (0, _react.useCallback)(function (value, key, event) {\n    // Get the corresponding value according to the cursor position\n    var v = getValueByPosition(event);\n\n    // Judge the handle key and put the corresponding value at the start or end.\n    if (key === 'start') {\n      return [v, value[1]];\n    } else if (key === 'end') {\n      return [value[0], v];\n    }\n    return value;\n  }, [getValueByPosition]);\n  var getNextValue = (0, _react.useCallback)(function (event, dataset) {\n    var eventKey = dataset.key,\n      range = dataset.range;\n    var value = range.split(',').map(function (i) {\n      return +i;\n    });\n    var nextValue = getValidValue(getRangeValue(value, eventKey, event));\n    if (nextValue[0] >= nextValue[1]) {\n      /**\n       * When the value of `start` is greater than the value of` end`,\n       * the position of the handle is reversed.\n       */\n      handleIndexs.current.reverse();\n      if (eventKey === 'start') {\n        nextValue[0] = value[1];\n      } else {\n        nextValue[1] = value[0];\n      }\n    }\n    return nextValue;\n  }, [getRangeValue, getValidValue]);\n\n  /**\n   * Whether a range is valid against given constraint (if any)\n   * Should check before every `setValue` calls\n   */\n  var isRangeMatchingConstraint = (0, _react.useCallback)(function (range) {\n    // If no constraint is defined, any range is valid\n    if (!constraint) return true;\n    return constraint(range);\n  }, [constraint]);\n\n  /**\n   * Callback function that is fired when the mousemove is triggered\n   */\n  var handleDragMove = (0, _utils.useEventCallback)(function (event, dataset) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var nextValue = getNextValue(event, dataset);\n    if (isRangeMatchingConstraint(nextValue)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n  });\n\n  /**\n   * Callback function that is fired when the mouseup is triggered\n   */\n  var handleChangeCommitted = (0, _react.useCallback)(function (event, dataset) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var nextValue = getNextValue(event, dataset);\n    if (isRangeMatchingConstraint(nextValue)) {\n      setValue(nextValue);\n      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);\n    }\n  }, [disabled, readOnly, getNextValue, isRangeMatchingConstraint, setValue, onChangeCommitted]);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    var _event$target;\n    var _event$target$dataset = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target['dataset'],\n      key = _event$target$dataset.key;\n    var nextValue = [].concat(value);\n    var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n    var valueIndex = key === 'start' ? 0 : 1;\n    switch (event.key) {\n      case 'Home':\n        nextValue[valueIndex] = min;\n        break;\n      case 'End':\n        nextValue[valueIndex] = max;\n        break;\n      case increaseKey:\n      case 'ArrowUp':\n        nextValue[valueIndex] = Math.min(max, value[valueIndex] + step);\n        break;\n      case decreaseKey:\n      case 'ArrowDown':\n        nextValue[valueIndex] = Math.max(min, value[valueIndex] - step);\n        break;\n      default:\n        return;\n    }\n\n    // When the start value is greater than the end value, let the handle and value switch positions.\n    if (nextValue[0] >= nextValue[1]) {\n      nextValue.reverse();\n      handleIndexs.current.reverse();\n    }\n\n    // Prevent scroll of the page\n    event.preventDefault();\n    if (isRangeMatchingConstraint(nextValue)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n  }, [max, min, onChange, rtl, isRangeMatchingConstraint, setValue, step, value]);\n  var handleBarClick = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var start = value[0],\n      end = value[1];\n    var v = getValueByPosition(event);\n\n    //  Judging that the current click value is closer to the values ​​of `start` and` end`.\n    if (Math.abs(start - v) < Math.abs(end - v)) {\n      start = v;\n    } else {\n      end = v;\n    }\n    var nextValue = getValidValue([start, end].sort(function (a, b) {\n      return a - b;\n    }));\n    if (isRangeMatchingConstraint(nextValue)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);\n    }\n  }, [disabled, readOnly, getValidValue, getValueByPosition, isRangeMatchingConstraint, onChange, onChangeCommitted, setValue, value]);\n  var handleProps = (0, _react.useMemo)(function () {\n    return [{\n      value: value[0],\n      'data-key': 'start',\n      'aria-valuenow': value[0],\n      'aria-valuetext': getAriaValueText ? getAriaValueText(value[0], 'start') : ariaValuetext,\n      position: (value[0] - min) / (max - min) * 100\n    }, {\n      value: value[1],\n      'data-key': 'end',\n      'aria-valuenow': value[1],\n      'aria-valuetext': getAriaValueText ? getAriaValueText(value[1], 'end') : ariaValuetext,\n      position: (value[1] - min) / (max - min) * 100\n    }];\n  }, [ariaValuetext, getAriaValueText, max, min, value]);\n  var handleCommonProps = {\n    rtl: rtl,\n    disabled: disabled,\n    vertical: vertical,\n    tooltip: tooltip,\n    className: handleClassName,\n    style: handleStyle,\n    renderTooltip: renderTooltip,\n    onDragMove: handleDragMove,\n    onDragEnd: handleChangeCommitted,\n    onKeyDown: handleKeyDown,\n    tabIndex: disabled ? undefined : 0,\n    'aria-orientation': vertical ? 'vertical' : 'horizontal',\n    'aria-disabled': disabled,\n    'aria-valuemax': max,\n    'aria-valuemin': min,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby\n  };\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 358,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: merge(barClassName, prefix('bar')),\n    ref: barRef,\n    onClick: handleBarClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 359,\n      columnNumber: 7\n    }\n  }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {\n    rtl: rtl,\n    vertical: vertical,\n    start: (value[0] - min) / (max - min) * 100,\n    end: (value[1] - min) / (max - min) * 100,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 361,\n      columnNumber: 11\n    }\n  }), graduated && /*#__PURE__*/_react.default.createElement(_Graduated.default, {\n    step: step,\n    min: min,\n    max: max,\n    count: count,\n    value: value,\n    renderMark: renderMark,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 369,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Handle.default, (0, _extends2.default)({\n    \"data-range\": value\n  }, handleCommonProps, handleProps[handleIndexs.current[0]], {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 379,\n      columnNumber: 7\n    }\n  }), handleTitle), /*#__PURE__*/_react.default.createElement(_Handle.default, (0, _extends2.default)({\n    \"data-range\": value\n  }, handleCommonProps, handleProps[handleIndexs.current[1]], {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 383,\n      columnNumber: 7\n    }\n  }), handleTitle));\n});\nRangeSlider.displayName = 'RangeSlider';\nRangeSlider.propTypes = (0, _extends2.default)({}, _Slider.sliderPropTypes, {\n  value: (0, _propTypes2.tupleType)(_propTypes.default.number.isRequired, _propTypes.default.number.isRequired),\n  defaultValue: (0, _propTypes2.tupleType)(_propTypes.default.number.isRequired, _propTypes.default.number.isRequired)\n});\nvar _default = RangeSlider;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/RangeSlider/RangeSlider.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\nvar _getOffset = _interopRequireDefault(__webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Slider = __webpack_require__(/*! ../Slider/Slider */ \"./src/Slider/Slider.tsx\");\nvar _ProgressBar = _interopRequireDefault(__webpack_require__(/*! ../Slider/ProgressBar */ \"./src/Slider/ProgressBar.tsx\"));\nvar _Handle = _interopRequireDefault(__webpack_require__(/*! ../Slider/Handle */ \"./src/Slider/Handle.tsx\"));\nvar _Graduated = _interopRequireDefault(__webpack_require__(/*! ../Slider/Graduated */ \"./src/Slider/Graduated.tsx\"));\nvar _utils2 = __webpack_require__(/*! ../Slider/utils */ \"./src/Slider/utils.ts\");\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/RangeSlider/RangeSlider.tsx\",\n  _this = void 0;\nvar defaultDefaultValue = [0, 0];\n\n/**\n * The `RangeSlider` component is used to select a range from a given numerical range.\n * @see https://rsuitejs.com/components/slider/\n */\nvar RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var ariaLabel = props['aria-label'],\n    ariaLabelledby = props['aria-labelledby'],\n    ariaValuetext = props['aria-valuetext'],\n    _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    barClassName = props.barClassName,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,\n    constraint = props.constraint,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,\n    disabled = props.disabled,\n    graduated = props.graduated,\n    _props$progress = props.progress,\n    progress = _props$progress === void 0 ? true : _props$progress,\n    vertical = props.vertical,\n    readOnly = props.readOnly,\n    _props$min = props.min,\n    min = _props$min === void 0 ? 0 : _props$min,\n    _props$max = props.max,\n    maxProp = _props$max === void 0 ? 100 : _props$max,\n    _props$step = props.step,\n    step = _props$step === void 0 ? 1 : _props$step,\n    valueProp = props.value,\n    handleClassName = props.handleClassName,\n    handleStyle = props.handleStyle,\n    handleTitle = props.handleTitle,\n    _props$tooltip = props.tooltip,\n    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,\n    getAriaValueText = props.getAriaValueText,\n    renderTooltip = props.renderTooltip,\n    renderMark = props.renderMark,\n    onChange = props.onChange,\n    onChangeCommitted = props.onChangeCommitted,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"aria-label\", \"aria-labelledby\", \"aria-valuetext\", \"as\", \"barClassName\", \"className\", \"classPrefix\", \"constraint\", \"defaultValue\", \"disabled\", \"graduated\", \"progress\", \"vertical\", \"readOnly\", \"min\", \"max\", \"step\", \"value\", \"handleClassName\", \"handleStyle\", \"handleTitle\", \"tooltip\", \"getAriaValueText\", \"renderTooltip\", \"renderMark\", \"onChange\", \"onChangeCommitted\"]);\n  var barRef = (0, _react.useRef)(null);\n\n  // Define the parameter position of the handle\n  var handleIndexs = (0, _react.useRef)([0, 1]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('RangeSlider'),\n    rtl = _useCustom.rtl;\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    disabled: disabled,\n    graduated: graduated,\n    'with-mark': renderMark\n  }));\n  var max = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);\n  }, [maxProp, min, step]);\n\n  /**\n   * Returns a valid value that does not exceed the specified range of values.\n   */\n  var getValidValue = (0, _react.useCallback)(function (value) {\n    if (typeof value === 'undefined') {\n      return;\n    }\n    return [(0, _utils2.checkValue)(value[0], min, max), (0, _utils2.checkValue)(value[1], min, max)];\n  }, [max, min]);\n  var _useControlled = (0, _utils.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),\n    value = _useControlled[0],\n    setValue = _useControlled[1]; // The count of values ​​that can be entered.\n  var count = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)((max - min) / step);\n  }, [max, min, step]);\n\n  // Get the height of the progress bar\n  var getBarHeight = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _getHeight.default)(barRef.current) : 0;\n  }, []);\n  // Get the width of the progress bar\n  var getBarWidth = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _getWidth.default)(barRef.current) : 0;\n  }, []);\n  var getValueByOffset = (0, _react.useCallback)(function (offset) {\n    var val = 0;\n    if (isNaN(offset)) {\n      return val;\n    }\n    if (vertical) {\n      var barHeight = getBarHeight();\n      val = Math.round(offset / (barHeight / count)) * step;\n    } else {\n      var barWidth = getBarWidth();\n      val = Math.round(offset / (barWidth / count)) * step;\n    }\n    return (0, _utils2.precisionMath)(val);\n  }, [count, getBarHeight, getBarWidth, step, vertical]);\n  var getValueByPosition = (0, _react.useCallback)(function (event) {\n    var barOffset = (0, _getOffset.default)(barRef.current);\n    var _getPosition = (0, _utils2.getPosition)(event),\n      pageX = _getPosition.pageX,\n      pageY = _getPosition.pageY;\n    var offset = vertical ? barOffset.top + barOffset.height - pageY : pageX - barOffset.left;\n    var val = rtl && !vertical ? barOffset.width - offset : offset;\n    return getValueByOffset(val) + min;\n  }, [getValueByOffset, min, rtl, vertical]);\n  var getRangeValue = (0, _react.useCallback)(function (value, key, event) {\n    // Get the corresponding value according to the cursor position\n    var v = getValueByPosition(event);\n\n    // Judge the handle key and put the corresponding value at the start or end.\n    if (key === 'start') {\n      return [v, value[1]];\n    } else if (key === 'end') {\n      return [value[0], v];\n    }\n    return value;\n  }, [getValueByPosition]);\n  var getNextValue = (0, _react.useCallback)(function (event, dataset) {\n    var eventKey = dataset.key,\n      range = dataset.range;\n    var value = range.split(',').map(function (i) {\n      return +i;\n    });\n    var nextValue = getValidValue(getRangeValue(value, eventKey, event));\n    if (nextValue[0] >= nextValue[1]) {\n      /**\n       * When the value of `start` is greater than the value of` end`,\n       * the position of the handle is reversed.\n       */\n      handleIndexs.current.reverse();\n      if (eventKey === 'start') {\n        nextValue[0] = value[1];\n      } else {\n        nextValue[1] = value[0];\n      }\n    }\n    return nextValue;\n  }, [getRangeValue, getValidValue]);\n\n  /**\n   * Whether a range is valid against given constraint (if any)\n   * Should check before every `setValue` calls\n   */\n  var isRangeMatchingConstraint = (0, _react.useCallback)(function (range) {\n    // If no constraint is defined, any range is valid\n    if (!constraint) return true;\n    return constraint(range);\n  }, [constraint]);\n\n  /**\n   * Callback function that is fired when the mousemove is triggered\n   */\n  var handleDragMove = (0, _utils.useEventCallback)(function (event, dataset) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var nextValue = getNextValue(event, dataset);\n    if (isRangeMatchingConstraint(nextValue)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n  });\n\n  /**\n   * Callback function that is fired when the mouseup is triggered\n   */\n  var handleChangeCommitted = (0, _utils.useEventCallback)(function (event, dataset) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var nextValue = getNextValue(event, dataset);\n    if (isRangeMatchingConstraint(nextValue)) {\n      setValue(nextValue);\n      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);\n    }\n  });\n  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {\n    var _event$target;\n    var _event$target$dataset = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target['dataset'],\n      key = _event$target$dataset.key;\n    var nextValue = [].concat(value);\n    var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n    var valueIndex = key === 'start' ? 0 : 1;\n    switch (event.key) {\n      case 'Home':\n        nextValue[valueIndex] = min;\n        break;\n      case 'End':\n        nextValue[valueIndex] = max;\n        break;\n      case increaseKey:\n      case 'ArrowUp':\n        nextValue[valueIndex] = Math.min(max, value[valueIndex] + step);\n        break;\n      case decreaseKey:\n      case 'ArrowDown':\n        nextValue[valueIndex] = Math.max(min, value[valueIndex] - step);\n        break;\n      default:\n        return;\n    }\n\n    // When the start value is greater than the end value, let the handle and value switch positions.\n    if (nextValue[0] >= nextValue[1]) {\n      nextValue.reverse();\n      handleIndexs.current.reverse();\n    }\n\n    // Prevent scroll of the page\n    event.preventDefault();\n    if (isRangeMatchingConstraint(nextValue)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n    }\n  });\n  var handleBarClick = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var start = value[0],\n      end = value[1];\n    var v = getValueByPosition(event);\n\n    //  Judging that the current click value is closer to the values ​​of `start` and` end`.\n    if (Math.abs(start - v) < Math.abs(end - v)) {\n      start = v;\n    } else {\n      end = v;\n    }\n    var nextValue = getValidValue([start, end].sort(function (a, b) {\n      return a - b;\n    }));\n    if (isRangeMatchingConstraint(nextValue)) {\n      setValue(nextValue);\n      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);\n    }\n  });\n  var handleProps = (0, _react.useMemo)(function () {\n    return [{\n      value: value[0],\n      'data-key': 'start',\n      'aria-valuenow': value[0],\n      'aria-valuetext': getAriaValueText ? getAriaValueText(value[0], 'start') : ariaValuetext,\n      position: (value[0] - min) / (max - min) * 100\n    }, {\n      value: value[1],\n      'data-key': 'end',\n      'aria-valuenow': value[1],\n      'aria-valuetext': getAriaValueText ? getAriaValueText(value[1], 'end') : ariaValuetext,\n      position: (value[1] - min) / (max - min) * 100\n    }];\n  }, [ariaValuetext, getAriaValueText, max, min, value]);\n  var handleCommonProps = {\n    rtl: rtl,\n    disabled: disabled,\n    vertical: vertical,\n    tooltip: tooltip,\n    className: handleClassName,\n    style: handleStyle,\n    renderTooltip: renderTooltip,\n    onDragMove: handleDragMove,\n    onDragEnd: handleChangeCommitted,\n    onKeyDown: handleKeyDown,\n    tabIndex: disabled ? undefined : 0,\n    'aria-orientation': vertical ? 'vertical' : 'horizontal',\n    'aria-disabled': disabled,\n    'aria-valuemax': max,\n    'aria-valuemin': min,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby\n  };\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 343,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: merge(barClassName, prefix('bar')),\n    ref: barRef,\n    onClick: handleBarClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 344,\n      columnNumber: 7\n    }\n  }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {\n    rtl: rtl,\n    vertical: vertical,\n    start: (value[0] - min) / (max - min) * 100,\n    end: (value[1] - min) / (max - min) * 100,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 346,\n      columnNumber: 11\n    }\n  }), graduated && /*#__PURE__*/_react.default.createElement(_Graduated.default, {\n    step: step,\n    min: min,\n    max: max,\n    count: count,\n    value: value,\n    renderMark: renderMark,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 354,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Handle.default, (0, _extends2.default)({\n    \"data-range\": value\n  }, handleCommonProps, handleProps[handleIndexs.current[0]], {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 364,\n      columnNumber: 7\n    }\n  }), handleTitle), /*#__PURE__*/_react.default.createElement(_Handle.default, (0, _extends2.default)({\n    \"data-range\": value\n  }, handleCommonProps, handleProps[handleIndexs.current[1]], {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 368,\n      columnNumber: 7\n    }\n  }), handleTitle));\n});\nRangeSlider.displayName = 'RangeSlider';\nRangeSlider.propTypes = (0, _extends2.default)({}, _Slider.sliderPropTypes, {\n  value: (0, _propTypes2.tupleType)(_propTypes.default.number.isRequired, _propTypes.default.number.isRequired),\n  defaultValue: (0, _propTypes2.tupleType)(_propTypes.default.number.isRequired, _propTypes.default.number.isRequired)\n});\nvar _default = RangeSlider;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/RangeSlider/RangeSlider.tsx?");
 
 /***/ }),
 
@@ -8782,7 +8859,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _DOMMouseMoveTracker = _interopRequireDefault(__webpack_require__(/*! dom-lib/DOMMouseMoveTracker */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\"));\nvar _addStyle = _interopRequireDefault(__webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\"));\nvar _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Slider/Input.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Slider/Handle.tsx\",\n  _this = void 0;\nvar Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _extends2;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,\n    className = props.className,\n    disabled = props.disabled,\n    style = props.style,\n    children = props.children,\n    position = props.position,\n    vertical = props.vertical,\n    tooltip = props.tooltip,\n    rtl = props.rtl,\n    value = props.value,\n    role = props.role,\n    tabIndex = props.tabIndex,\n    renderTooltip = props.renderTooltip,\n    onDragStart = props.onDragStart,\n    onDragMove = props.onDragMove,\n    onDragEnd = props.onDragEnd,\n    onKeyDown = props.onKeyDown,\n    dataRange = props['data-range'],\n    dateKey = props['data-key'],\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"disabled\", \"style\", \"children\", \"position\", \"vertical\", \"tooltip\", \"rtl\", \"value\", \"role\", \"tabIndex\", \"renderTooltip\", \"onDragStart\", \"onDragMove\", \"onDragEnd\", \"onKeyDown\", \"data-range\", \"data-key\"]);\n  var _useState = (0, _react.useState)(false),\n    active = _useState[0],\n    setActive = _useState[1];\n  var rootRef = (0, _react.useRef)(null);\n  var horizontalKey = rtl ? 'right' : 'left';\n  var direction = vertical ? 'bottom' : horizontalKey;\n  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[direction] = position + \"%\", _extends2));\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var handleClasses = merge(className, prefix('handle'), {\n    active: active\n  });\n  var tooltipRef = (0, _react.useRef)(null);\n  var mouseMoveTracker = (0, _react.useRef)();\n  var releaseMouseMoves = (0, _react.useCallback)(function () {\n    var _mouseMoveTracker$cur;\n    (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : _mouseMoveTracker$cur.releaseMouseMoves();\n    mouseMoveTracker.current = null;\n  }, []);\n  var setTooltipPosition = (0, _react.useCallback)(function () {\n    var tooltipElement = tooltipRef.current;\n    if (tooltip && tooltipElement) {\n      var width = (0, _getWidth.default)(tooltipElement);\n      (0, _addStyle.default)(tooltipElement, 'left', \"-\" + width / 2 + \"px\");\n    }\n  }, [tooltip]);\n  var handleDragMove = (0, _react.useCallback)(function (_deltaX, _deltaY, event) {\n    var _mouseMoveTracker$cur2;\n    if ((_mouseMoveTracker$cur2 = mouseMoveTracker.current) !== null && _mouseMoveTracker$cur2 !== void 0 && _mouseMoveTracker$cur2.isDragging()) {\n      var _rootRef$current;\n      onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);\n      setTooltipPosition();\n    }\n  }, [onDragMove, setTooltipPosition]);\n  var handleDragEnd = (0, _react.useCallback)(function (event) {\n    var _rootRef$current2;\n    setActive(false);\n    releaseMouseMoves();\n    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);\n  }, [onDragEnd, releaseMouseMoves]);\n  var getMouseMoveTracker = (0, _react.useCallback)(function () {\n    return mouseMoveTracker.current || new _DOMMouseMoveTracker.default(handleDragMove, handleDragEnd, document.body);\n  }, [handleDragEnd, handleDragMove]);\n  var handleMouseDown = (0, _react.useCallback)(function (event) {\n    var _mouseMoveTracker$cur3, _rootRef$current3;\n    if (disabled) {\n      return;\n    }\n    mouseMoveTracker.current = getMouseMoveTracker();\n    (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.captureMouseMoves(event);\n    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.focus();\n    setActive(true);\n    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event);\n  }, [disabled, getMouseMoveTracker, onDragStart]);\n  var handleMouseEnter = (0, _react.useCallback)(function () {\n    setTooltipPosition();\n  }, [setTooltipPosition]);\n  (0, _react.useEffect)(function () {\n    return function () {\n      releaseMouseMoves();\n    };\n  }, [releaseMouseMoves]);\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    role: role,\n    tabIndex: tabIndex,\n    ref: (0, _utils.mergeRefs)(ref, rootRef),\n    className: handleClasses,\n    onMouseDown: handleMouseDown,\n    onMouseEnter: handleMouseEnter,\n    onKeyDown: onKeyDown,\n    style: styles,\n    \"data-range\": dataRange,\n    \"data-key\": dateKey,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 130,\n      columnNumber: 7\n    }\n  }, tooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {\n    \"aria-hidden\": \"true\",\n    ref: tooltipRef,\n    className: merge(prefix('tooltip'), 'placement-top'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 143,\n      columnNumber: 11\n    }\n  }, renderTooltip ? renderTooltip(value) : value), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends3.default)({\n    tabIndex: -1,\n    value: value\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 151,\n      columnNumber: 9\n    }\n  })), children);\n});\nHandle.displayName = 'Handle';\nHandle.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  tooltip: _propTypes.default.bool,\n  rtl: _propTypes.default.bool,\n  position: _propTypes.default.number,\n  value: _propTypes.default.number,\n  renderTooltip: _propTypes.default.func,\n  style: _propTypes.default.object,\n  onDragMove: _propTypes.default.func,\n  onDragStart: _propTypes.default.func,\n  onDragEnd: _propTypes.default.func\n};\nvar _default = Handle;\nexports[\"default\"] = _default;\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 _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ \"./src/Tooltip/index.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Slider/Input.tsx\"));\nvar _useDrag2 = _interopRequireDefault(__webpack_require__(/*! ./useDrag */ \"./src/Slider/useDrag.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Slider/Handle.tsx\",\n  _this = void 0;\nvar Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _extends2;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,\n    className = props.className,\n    disabled = props.disabled,\n    style = props.style,\n    children = props.children,\n    position = props.position,\n    vertical = props.vertical,\n    tooltip = props.tooltip,\n    rtl = props.rtl,\n    value = props.value,\n    role = props.role,\n    tabIndex = props.tabIndex,\n    renderTooltip = props.renderTooltip,\n    onDragStart = props.onDragStart,\n    onDragMove = props.onDragMove,\n    onDragEnd = props.onDragEnd,\n    onKeyDown = props.onKeyDown,\n    dataRange = props['data-range'],\n    dateKey = props['data-key'],\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"classPrefix\", \"className\", \"disabled\", \"style\", \"children\", \"position\", \"vertical\", \"tooltip\", \"rtl\", \"value\", \"role\", \"tabIndex\", \"renderTooltip\", \"onDragStart\", \"onDragMove\", \"onDragEnd\", \"onKeyDown\", \"data-range\", \"data-key\"]);\n  var horizontalKey = rtl ? 'right' : 'left';\n  var direction = vertical ? 'bottom' : horizontalKey;\n  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[direction] = position + \"%\", _extends2));\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    prefix = _useClassNames.prefix;\n  var _useDrag = (0, _useDrag2.default)({\n      tooltip: tooltip,\n      disabled: disabled,\n      onDragStart: onDragStart,\n      onDragMove: onDragMove,\n      onDragEnd: onDragEnd\n    }),\n    active = _useDrag.active,\n    onMoveStart = _useDrag.onMoveStart,\n    onMouseEnter = _useDrag.onMouseEnter,\n    rootRef = _useDrag.rootRef,\n    tooltipRef = _useDrag.tooltipRef;\n  var handleClasses = merge(className, prefix('handle'), {\n    active: active\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, {\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: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 7\n    }\n  }, tooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {\n    \"aria-hidden\": \"true\",\n    ref: tooltipRef,\n    className: merge(prefix('tooltip'), 'placement-top'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 11\n    }\n  }, renderTooltip ? renderTooltip(value) : value), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends3.default)({\n    tabIndex: -1,\n    value: value\n  }, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 89,\n      columnNumber: 9\n    }\n  })), children);\n});\nHandle.displayName = 'Handle';\nHandle.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  children: _propTypes.default.node,\n  disabled: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  tooltip: _propTypes.default.bool,\n  rtl: _propTypes.default.bool,\n  position: _propTypes.default.number,\n  value: _propTypes.default.number,\n  renderTooltip: _propTypes.default.func,\n  style: _propTypes.default.object,\n  onDragMove: _propTypes.default.func,\n  onDragStart: _propTypes.default.func,\n  onDragEnd: _propTypes.default.func\n};\nvar _default = Handle;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Slider/Handle.tsx?");
 
 /***/ }),
 
@@ -8815,7 +8892,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 _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Slider/ProgressBar.tsx\",\n  _this = void 0;\nvar ProgressBar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _extends2;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'slider-progress-bar' : _props$classPrefix,\n    vertical = props.vertical,\n    rtl = props.rtl,\n    _props$end = props.end,\n    end = _props$end === void 0 ? 0 : _props$end,\n    _props$start = props.start,\n    start = _props$start === void 0 ? 0 : _props$start,\n    style = props.style,\n    className = props.className;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var sizeKey = vertical ? 'height' : 'width';\n  var dirKey = rtl ? 'right' : 'left';\n  var startKey = vertical ? 'bottom' : dirKey;\n  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[startKey] = start + \"%\", _extends2[sizeKey] = end - start + \"%\", _extends2));\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: ref,\n    style: styles,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 12\n    }\n  });\n});\nProgressBar.displayName = 'ProgressBar';\nProgressBar.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  style: _propTypes.default.object,\n  className: _propTypes.default.string,\n  vertical: _propTypes.default.bool,\n  rtl: _propTypes.default.bool,\n  start: _propTypes.default.number,\n  end: _propTypes.default.number\n};\nvar _default = ProgressBar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Slider/ProgressBar.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 _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Slider/ProgressBar.tsx\",\n  _this = void 0;\nvar ProgressBar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _extends2;\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'slider-progress-bar' : _props$classPrefix,\n    vertical = props.vertical,\n    rtl = props.rtl,\n    _props$end = props.end,\n    end = _props$end === void 0 ? 0 : _props$end,\n    _props$start = props.start,\n    start = _props$start === void 0 ? 0 : _props$start,\n    style = props.style,\n    className = props.className;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var sizeKey = vertical ? 'height' : 'width';\n  var dirKey = rtl ? 'right' : 'left';\n  var startKey = vertical ? 'bottom' : dirKey;\n  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[startKey] = start + \"%\", _extends2[sizeKey] = end - start + \"%\", _extends2));\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, {\n    ref: ref,\n    style: styles,\n    className: classes,\n    \"data-testid\": \"slider-progress-bar\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 7\n    }\n  });\n});\nProgressBar.displayName = 'ProgressBar';\nProgressBar.propTypes = {\n  as: _propTypes.default.elementType,\n  classPrefix: _propTypes.default.string,\n  style: _propTypes.default.object,\n  className: _propTypes.default.string,\n  vertical: _propTypes.default.bool,\n  rtl: _propTypes.default.bool,\n  start: _propTypes.default.number,\n  end: _propTypes.default.number\n};\nvar _default = ProgressBar;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Slider/ProgressBar.tsx?");
 
 /***/ }),
 
@@ -8826,7 +8903,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.sliderPropTypes = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\nvar _getOffset = _interopRequireDefault(__webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\"));\nvar _ProgressBar = _interopRequireDefault(__webpack_require__(/*! ./ProgressBar */ \"./src/Slider/ProgressBar.tsx\"));\nvar _Handle = _interopRequireDefault(__webpack_require__(/*! ./Handle */ \"./src/Slider/Handle.tsx\"));\nvar _Graduated = _interopRequireDefault(__webpack_require__(/*! ./Graduated */ \"./src/Slider/Graduated.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Slider/utils.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Slider/Slider.tsx\",\n  _this = void 0;\nvar sliderPropTypes = {\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.number,\n  defaultValue: _propTypes.default.number,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  handleClassName: _propTypes.default.string,\n  handleTitle: _propTypes.default.node,\n  barClassName: _propTypes.default.string,\n  handleStyle: _propTypes.default.object,\n  disabled: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  graduated: _propTypes.default.bool,\n  tooltip: _propTypes.default.bool,\n  progress: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onChangeCommitted: _propTypes.default.func,\n  renderMark: _propTypes.default.func,\n  renderTooltip: _propTypes.default.func,\n  getAriaValueText: _propTypes.default.func\n};\n\n/**\n * A Slider is an interface for users to adjust a value in a specific range.\n *\n * @see https://rsuitejs.com/components/slider\n */\nexports.sliderPropTypes = sliderPropTypes;\nvar Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var ariaLabel = props['aria-label'],\n    ariaLabelledby = props['aria-labelledby'],\n    ariaValuetext = props['aria-valuetext'],\n    _props$as = props.as,\n    Componnet = _props$as === void 0 ? 'div' : _props$as,\n    graduated = props.graduated,\n    className = props.className,\n    barClassName = props.barClassName,\n    progress = props.progress,\n    vertical = props.vertical,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,\n    _props$min = props.min,\n    min = _props$min === void 0 ? 0 : _props$min,\n    handleClassName = props.handleClassName,\n    handleStyle = props.handleStyle,\n    handleTitle = props.handleTitle,\n    _props$tooltip = props.tooltip,\n    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,\n    _props$step = props.step,\n    step = _props$step === void 0 ? 1 : _props$step,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,\n    valueProp = props.value,\n    _props$max = props.max,\n    maxProp = _props$max === void 0 ? 100 : _props$max,\n    getAriaValueText = props.getAriaValueText,\n    renderTooltip = props.renderTooltip,\n    renderMark = props.renderMark,\n    onChange = props.onChange,\n    onChangeCommitted = props.onChangeCommitted,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"aria-label\", \"aria-labelledby\", \"aria-valuetext\", \"as\", \"graduated\", \"className\", \"barClassName\", \"progress\", \"vertical\", \"disabled\", \"readOnly\", \"plaintext\", \"classPrefix\", \"min\", \"handleClassName\", \"handleStyle\", \"handleTitle\", \"tooltip\", \"step\", \"defaultValue\", \"value\", \"max\", \"getAriaValueText\", \"renderTooltip\", \"renderMark\", \"onChange\", \"onChangeCommitted\"]);\n  var barRef = (0, _react.useRef)(null);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('Slider'),\n    rtl = _useCustom.rtl;\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    disabled: disabled,\n    graduated: graduated,\n    'with-mark': renderMark,\n    readonly: readOnly\n  }));\n  var max = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);\n  }, [maxProp, min, step]);\n\n  /**\n   * Returns a valid value that does not exceed the specified range of values.\n   */\n  var getValidValue = (0, _react.useCallback)(function (value) {\n    return (0, _utils2.checkValue)(value, min, max);\n  }, [max, min]);\n  var _useControlled = (0, _utils.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var count = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)((max - min) / step);\n  }, [max, min, step]);\n\n  // Get the height of the progress bar\n  var getBarHeight = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _getHeight.default)(barRef.current) : 0;\n  }, []);\n  // Get the width of the progress bar\n  var getBarWidth = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _getWidth.default)(barRef.current) : 0;\n  }, []);\n  var getValueByOffset = (0, _react.useCallback)(function (offset) {\n    var value = 0;\n    if (isNaN(offset)) {\n      return value;\n    }\n    if (vertical) {\n      var barHeight = getBarHeight();\n      value = Math.round(offset / (barHeight / count)) * step;\n    } else {\n      var barWidth = getBarWidth();\n      value = Math.round(offset / (barWidth / count)) * step;\n    }\n    return (0, _utils2.precisionMath)(value);\n  }, [count, getBarHeight, getBarWidth, step, vertical]);\n\n  /**\n   * A value within the valid range is calculated from the position triggered by the event.\n   */\n  var getValueByPosition = (0, _react.useCallback)(function (event) {\n    var barOffset = (0, _getOffset.default)(barRef.current);\n    var offset = vertical ? barOffset.top + barOffset.height - event.pageY : event.pageX - barOffset.left;\n    var offsetValue = rtl && !vertical ? barOffset.width - offset : offset;\n    return getValueByOffset(offsetValue) + min;\n  }, [getValueByOffset, min, rtl, vertical]);\n\n  /**\n   * Callback function that is fired when the mousemove is triggered\n   */\n  var handleChangeValue = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var nextValue = getValidValue(getValueByPosition(event));\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [disabled, getValidValue, getValueByPosition, onChange, readOnly, setValue]);\n\n  /**\n   * Callback function that is fired when the mouseup is triggered\n   */\n  var handleChangeCommitted = (0, _react.useCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var nextValue = getValidValue(getValueByPosition(event));\n    onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);\n  }, [disabled, getValidValue, getValueByPosition, onChangeCommitted, readOnly]);\n  var handleClickBar = (0, _react.useCallback)(function (event) {\n    handleChangeValue(event);\n    handleChangeCommitted(event);\n  }, [handleChangeCommitted, handleChangeValue]);\n  var handleKeyDown = (0, _react.useCallback)(function (event) {\n    var nextValue;\n    var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n    switch (event.key) {\n      case 'Home':\n        nextValue = min;\n        break;\n      case 'End':\n        nextValue = max;\n        break;\n      case increaseKey:\n      case 'ArrowUp':\n        nextValue = Math.min(max, value + step);\n        break;\n      case decreaseKey:\n      case 'ArrowDown':\n        nextValue = Math.max(min, value - step);\n        break;\n      default:\n        return;\n    }\n\n    // Prevent scroll of the page\n    event.preventDefault();\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  }, [max, min, onChange, rtl, setValue, step, value]);\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notSelected\",\n      ref: ref,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 291,\n        columnNumber: 7\n      }\n    }, value);\n  }\n  return /*#__PURE__*/_react.default.createElement(Componnet, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    role: \"presentation\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 298,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: barRef,\n    className: merge(barClassName, prefix('bar')),\n    onClick: handleClickBar,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 299,\n      columnNumber: 7\n    }\n  }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {\n    rtl: rtl,\n    vertical: vertical,\n    start: 0,\n    end: (value - min) / (max - min) * 100,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 301,\n      columnNumber: 11\n    }\n  }), graduated && /*#__PURE__*/_react.default.createElement(_Graduated.default, {\n    step: step,\n    min: min,\n    max: max,\n    count: count,\n    value: value,\n    renderMark: renderMark,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 309,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Handle.default, {\n    position: (value - min) / (max - min) * 100,\n    className: handleClassName,\n    style: handleStyle,\n    disabled: disabled,\n    vertical: vertical,\n    tooltip: tooltip,\n    rtl: rtl,\n    value: value,\n    renderTooltip: renderTooltip,\n    onDragMove: handleChangeValue,\n    onKeyDown: handleKeyDown,\n    onDragEnd: handleChangeCommitted,\n    tabIndex: disabled || readOnly ? undefined : 0,\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal',\n    \"aria-valuenow\": value,\n    \"aria-disabled\": disabled,\n    \"aria-valuetext\": getAriaValueText ? getAriaValueText(value) : ariaValuetext,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-valuemax\": max,\n    \"aria-valuemin\": min,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 320,\n      columnNumber: 9\n    }\n  }, handleTitle));\n});\nSlider.displayName = 'Slider';\nSlider.propTypes = sliderPropTypes;\nvar _default = Slider;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Slider/Slider.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = exports.sliderPropTypes = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\nvar _getOffset = _interopRequireDefault(__webpack_require__(/*! dom-lib/getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\"));\nvar _ProgressBar = _interopRequireDefault(__webpack_require__(/*! ./ProgressBar */ \"./src/Slider/ProgressBar.tsx\"));\nvar _Handle = _interopRequireDefault(__webpack_require__(/*! ./Handle */ \"./src/Slider/Handle.tsx\"));\nvar _Graduated = _interopRequireDefault(__webpack_require__(/*! ./Graduated */ \"./src/Slider/Graduated.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/Slider/utils.ts\");\nvar _Plaintext = _interopRequireDefault(__webpack_require__(/*! ../internals/Plaintext */ \"./src/internals/Plaintext/index.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Slider/Slider.tsx\",\n  _this = void 0;\nvar sliderPropTypes = {\n  min: _propTypes.default.number,\n  max: _propTypes.default.number,\n  step: _propTypes.default.number,\n  value: _propTypes.default.number,\n  defaultValue: _propTypes.default.number,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  handleClassName: _propTypes.default.string,\n  handleTitle: _propTypes.default.node,\n  barClassName: _propTypes.default.string,\n  handleStyle: _propTypes.default.object,\n  disabled: _propTypes.default.bool,\n  plaintext: _propTypes.default.bool,\n  readOnly: _propTypes.default.bool,\n  graduated: _propTypes.default.bool,\n  tooltip: _propTypes.default.bool,\n  progress: _propTypes.default.bool,\n  vertical: _propTypes.default.bool,\n  onChange: _propTypes.default.func,\n  onChangeCommitted: _propTypes.default.func,\n  renderMark: _propTypes.default.func,\n  renderTooltip: _propTypes.default.func,\n  getAriaValueText: _propTypes.default.func\n};\n\n/**\n * A Slider is an interface for users to adjust a value in a specific range.\n *\n * @see https://rsuitejs.com/components/slider\n */\nexports.sliderPropTypes = sliderPropTypes;\nvar Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var ariaLabel = props['aria-label'],\n    ariaLabelledby = props['aria-labelledby'],\n    ariaValuetext = props['aria-valuetext'],\n    _props$as = props.as,\n    Componnet = _props$as === void 0 ? 'div' : _props$as,\n    graduated = props.graduated,\n    className = props.className,\n    barClassName = props.barClassName,\n    progress = props.progress,\n    vertical = props.vertical,\n    disabled = props.disabled,\n    readOnly = props.readOnly,\n    plaintext = props.plaintext,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,\n    _props$min = props.min,\n    min = _props$min === void 0 ? 0 : _props$min,\n    handleClassName = props.handleClassName,\n    handleStyle = props.handleStyle,\n    handleTitle = props.handleTitle,\n    _props$tooltip = props.tooltip,\n    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,\n    _props$step = props.step,\n    step = _props$step === void 0 ? 1 : _props$step,\n    _props$defaultValue = props.defaultValue,\n    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,\n    valueProp = props.value,\n    _props$max = props.max,\n    maxProp = _props$max === void 0 ? 100 : _props$max,\n    placeholder = props.placeholder,\n    getAriaValueText = props.getAriaValueText,\n    renderTooltip = props.renderTooltip,\n    renderMark = props.renderMark,\n    onChange = props.onChange,\n    onChangeCommitted = props.onChangeCommitted,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"aria-label\", \"aria-labelledby\", \"aria-valuetext\", \"as\", \"graduated\", \"className\", \"barClassName\", \"progress\", \"vertical\", \"disabled\", \"readOnly\", \"plaintext\", \"classPrefix\", \"min\", \"handleClassName\", \"handleStyle\", \"handleTitle\", \"tooltip\", \"step\", \"defaultValue\", \"value\", \"max\", \"placeholder\", \"getAriaValueText\", \"renderTooltip\", \"renderMark\", \"onChange\", \"onChangeCommitted\"]);\n  var barRef = (0, _react.useRef)(null);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix;\n  var _useCustom = (0, _utils.useCustom)('Slider'),\n    rtl = _useCustom.rtl;\n  var classes = merge(className, withClassPrefix({\n    vertical: vertical,\n    disabled: disabled,\n    graduated: graduated,\n    'with-mark': renderMark,\n    readonly: readOnly\n  }));\n  var max = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);\n  }, [maxProp, min, step]);\n\n  /**\n   * Returns a valid value that does not exceed the specified range of values.\n   */\n  var getValidValue = (0, _react.useCallback)(function (value) {\n    return (0, _utils2.checkValue)(value, min, max);\n  }, [max, min]);\n  var _useControlled = (0, _utils.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),\n    value = _useControlled[0],\n    setValue = _useControlled[1];\n  var count = (0, _react.useMemo)(function () {\n    return (0, _utils2.precisionMath)((max - min) / step);\n  }, [max, min, step]);\n\n  // Get the height of the progress bar\n  var getBarHeight = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _getHeight.default)(barRef.current) : 0;\n  }, []);\n  // Get the width of the progress bar\n  var getBarWidth = (0, _react.useCallback)(function () {\n    return barRef.current ? (0, _getWidth.default)(barRef.current) : 0;\n  }, []);\n  var getValueByOffset = (0, _react.useCallback)(function (offset) {\n    var value = 0;\n    if (isNaN(offset)) {\n      return value;\n    }\n    if (vertical) {\n      var barHeight = getBarHeight();\n      value = Math.round(offset / (barHeight / count)) * step;\n    } else {\n      var barWidth = getBarWidth();\n      value = Math.round(offset / (barWidth / count)) * step;\n    }\n    return (0, _utils2.precisionMath)(value);\n  }, [count, getBarHeight, getBarWidth, step, vertical]);\n\n  /**\n   * A value within the valid range is calculated from the position triggered by the event.\n   */\n  var getValueByPosition = (0, _react.useCallback)(function (event) {\n    var barOffset = (0, _getOffset.default)(barRef.current);\n    var _getPosition = (0, _utils2.getPosition)(event),\n      pageX = _getPosition.pageX,\n      pageY = _getPosition.pageY;\n    var offset = vertical ? barOffset.top + barOffset.height - pageY : pageX - barOffset.left;\n    var offsetValue = rtl && !vertical ? barOffset.width - offset : offset;\n    return getValueByOffset(offsetValue) + min;\n  }, [getValueByOffset, min, rtl, vertical]);\n\n  /**\n   * Callback function that is fired when the mousemove is triggered\n   */\n  var handleChangeValue = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var nextValue = getValidValue(getValueByPosition(event));\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  });\n\n  /**\n   * Callback function that is fired when the mouseup is triggered\n   */\n  var handleChangeCommitted = (0, _utils.useEventCallback)(function (event) {\n    if (disabled || readOnly) {\n      return;\n    }\n    var nextValue = getValidValue(getValueByPosition(event));\n    onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);\n  });\n  var handleClickBar = (0, _utils.useEventCallback)(function (event) {\n    handleChangeValue(event);\n    handleChangeCommitted(event);\n  });\n  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {\n    var nextValue;\n    var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n    switch (event.key) {\n      case 'Home':\n        nextValue = min;\n        break;\n      case 'End':\n        nextValue = max;\n        break;\n      case increaseKey:\n      case 'ArrowUp':\n        nextValue = Math.min(max, value + step);\n        break;\n      case decreaseKey:\n      case 'ArrowDown':\n        nextValue = Math.max(min, value - step);\n        break;\n      default:\n        return;\n    }\n\n    // Prevent scroll of the page\n    event.preventDefault();\n    setValue(nextValue);\n    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);\n  });\n  if (plaintext) {\n    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {\n      localeKey: \"notSelected\",\n      ref: ref,\n      placeholder: placeholder,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 285,\n        columnNumber: 7\n      }\n    }, value);\n  }\n  return /*#__PURE__*/_react.default.createElement(Componnet, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    className: classes,\n    role: \"presentation\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 292,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: barRef,\n    className: merge(barClassName, prefix('bar')),\n    onClick: handleClickBar,\n    \"data-testid\": \"slider-bar\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 293,\n      columnNumber: 7\n    }\n  }, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {\n    rtl: rtl,\n    vertical: vertical,\n    start: 0,\n    end: (value - min) / (max - min) * 100,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 300,\n      columnNumber: 11\n    }\n  }), graduated && /*#__PURE__*/_react.default.createElement(_Graduated.default, {\n    step: step,\n    min: min,\n    max: max,\n    count: count,\n    value: value,\n    renderMark: renderMark,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 308,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/_react.default.createElement(_Handle.default, {\n    position: (value - min) / (max - min) * 100,\n    className: handleClassName,\n    style: handleStyle,\n    disabled: disabled,\n    vertical: vertical,\n    tooltip: tooltip,\n    rtl: rtl,\n    value: value,\n    renderTooltip: renderTooltip,\n    onDragMove: handleChangeValue,\n    onKeyDown: handleKeyDown,\n    onDragEnd: handleChangeCommitted,\n    tabIndex: disabled || readOnly ? undefined : 0,\n    \"aria-orientation\": vertical ? 'vertical' : 'horizontal',\n    \"aria-valuenow\": value,\n    \"aria-disabled\": disabled,\n    \"aria-valuetext\": getAriaValueText ? getAriaValueText(value) : ariaValuetext,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-valuemax\": max,\n    \"aria-valuemin\": min,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 319,\n      columnNumber: 7\n    }\n  }, handleTitle));\n});\nSlider.displayName = 'Slider';\nSlider.propTypes = sliderPropTypes;\nvar _default = Slider;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Slider/Slider.tsx?");
 
 /***/ }),
 
@@ -8841,6 +8918,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Slider/useDrag.ts":
+/*!*******************************!*\
+  !*** ./src/Slider/useDrag.ts ***!
+  \*******************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _PointerMoveTracker = _interopRequireDefault(__webpack_require__(/*! dom-lib/PointerMoveTracker */ \"./node_modules/dom-lib/esm/PointerMoveTracker.js\"));\nvar _addStyle = _interopRequireDefault(__webpack_require__(/*! dom-lib/addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\"));\nvar _getWidth = _interopRequireDefault(__webpack_require__(/*! dom-lib/getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar useDrag = function useDrag(props) {\n  var rootRef = (0, _react.useRef)(null);\n  var tooltipRef = (0, _react.useRef)(null);\n  var tooltip = props.tooltip,\n    disabled = props.disabled,\n    onDragMove = props.onDragMove,\n    onDragEnd = props.onDragEnd,\n    onDragStart = props.onDragStart;\n  var _useState = (0, _react.useState)(false),\n    active = _useState[0],\n    setActive = _useState[1];\n  var moveTracker = (0, _react.useRef)();\n\n  // Release the move event\n  var releaseMoves = (0, _react.useCallback)(function () {\n    var _moveTracker$current;\n    (_moveTracker$current = moveTracker.current) === null || _moveTracker$current === void 0 ? void 0 : _moveTracker$current.releaseMoves();\n    moveTracker.current = null;\n  }, []);\n  var setTooltipPosition = (0, _react.useCallback)(function () {\n    var tooltipElement = tooltipRef.current;\n    if (tooltip && tooltipElement) {\n      var width = (0, _getWidth.default)(tooltipElement);\n      // Set the position of the tooltip\n      (0, _addStyle.default)(tooltipElement, 'left', \"-\" + width / 2 + \"px\");\n    }\n  }, [tooltip]);\n  var handleDragMove = (0, _utils.useEventCallback)(function (_deltaX, _deltaY, event) {\n    var _moveTracker$current2;\n    if ((_moveTracker$current2 = moveTracker.current) !== null && _moveTracker$current2 !== void 0 && _moveTracker$current2.isDragging()) {\n      var _rootRef$current;\n      onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);\n      setTooltipPosition();\n    }\n  });\n  var handleDragEnd = (0, _utils.useEventCallback)(function (event) {\n    var _rootRef$current2;\n    setActive(false);\n    releaseMoves();\n    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);\n  });\n  var getMouseMoveTracker = (0, _react.useCallback)(function () {\n    return moveTracker.current || new _PointerMoveTracker.default(document.body, {\n      onMove: handleDragMove,\n      onMoveEnd: handleDragEnd,\n      useTouchEvent: true\n    });\n  }, [handleDragEnd, handleDragMove]);\n  var onMoveStart = (0, _utils.useEventCallback)(function (event) {\n    var _moveTracker$current3, _rootRef$current3;\n    if (disabled) {\n      return;\n    }\n    moveTracker.current = getMouseMoveTracker();\n    (_moveTracker$current3 = moveTracker.current) === null || _moveTracker$current3 === void 0 ? void 0 : _moveTracker$current3.captureMoves(event);\n    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.focus();\n    setActive(true);\n    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event);\n  });\n  var onMouseEnter = (0, _utils.useEventCallback)(function () {\n    setTooltipPosition();\n  });\n  (0, _react.useEffect)(function () {\n    return function () {\n      releaseMoves();\n    };\n  }, [releaseMoves]);\n  return {\n    active: active,\n    rootRef: rootRef,\n    tooltipRef: tooltipRef,\n    onMoveStart: onMoveStart,\n    onMouseEnter: onMouseEnter\n  };\n};\nvar _default = useDrag;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Slider/useDrag.ts?");
+
+/***/ }),
+
 /***/ "./src/Slider/utils.ts":
 /*!*****************************!*\
   !*** ./src/Slider/utils.ts ***!
@@ -8848,7 +8936,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nexports.checkValue = checkValue;\nexports.precisionMath = void 0;\nvar precisionMath = function precisionMath(value) {\n  return parseFloat(value.toFixed(10));\n};\nexports.precisionMath = precisionMath;\nfunction checkValue(value, min, max) {\n  if (typeof value === 'undefined') {\n    return value;\n  }\n  if (value < min) {\n    return min;\n  }\n  if (value > max) {\n    return max;\n  }\n  return value;\n}\n\n//# sourceURL=webpack://rsuite/./src/Slider/utils.ts?");
+eval("\n\nexports.__esModule = true;\nexports.checkValue = checkValue;\nexports.getPosition = getPosition;\nexports.precisionMath = void 0;\nvar precisionMath = function precisionMath(value) {\n  return parseFloat(value.toFixed(10));\n};\nexports.precisionMath = precisionMath;\nfunction checkValue(value, min, max) {\n  if (typeof value === 'undefined' || value === null) {\n    return value;\n  }\n  if (value < min) {\n    return min;\n  }\n  if (value > max) {\n    return max;\n  }\n  return value;\n}\nfunction getPosition(e) {\n  var _event, _event2;\n  var event = 'touches' in e ? e.touches[0] : e;\n\n  // For touchend event, we need to use `changedTouches` instead of `touches`\n  if (e.type === 'touchend' && 'changedTouches' in e) {\n    event = e.changedTouches[0];\n  }\n  return {\n    pageX: ((_event = event) === null || _event === void 0 ? void 0 : _event.pageX) || 0,\n    pageY: ((_event2 = event) === null || _event2 === void 0 ? void 0 : _event2.pageY) || 0\n  };\n}\n\n//# sourceURL=webpack://rsuite/./src/Slider/utils.ts?");
 
 /***/ }),
 
@@ -9288,7 +9376,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\nexports.Button = _Button.default;\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\nexports.IconButton = _IconButton.default;\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\nexports.ButtonToolbar = _ButtonToolbar.default;\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\nexports.ButtonGroup = _ButtonGroup.default;\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\nexports.Whisper = _Whisper.default;\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\nexports.Tooltip = _Tooltip.default;\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\nexports.Popover = _Popover.default;\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\nexports.Modal = _Modal.default;\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\nexports.Notification = _Notification.default;\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\nexports.Message = _Message.default;\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\nexports.Drawer = _Drawer.default;\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\nexports.Loader = _Loader.default;\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nexports.SafeAnchor = _SafeAnchor.default;\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\nexports.Placeholder = _Placeholder.default;\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\nexports.Badge = _Badge.default;\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\nexports.Avatar = _Avatar.default;\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\nexports.AvatarGroup = _AvatarGroup.default;\nvar _toaster = _interopRequireWildcard(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\nexports.toaster = _toaster.default;\nexports.useToaster = _toaster.useToaster;\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\nexports.Dropdown = _Dropdown.default;\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\nexports.Nav = _Nav.default;\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\nexports.Navbar = _Navbar.default;\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\nexports.Sidenav = _Sidenav.default;\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\nexports.Breadcrumb = _Breadcrumb.default;\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\nexports.Pagination = _Pagination.default;\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\nexports.Steps = _Steps.default;\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\nexports.Toggle = _Toggle.default;\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\nexports.Input = _Input.default;\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\nexports.MaskedInput = _MaskedInput.default;\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\nexports.InputNumber = _InputNumber.default;\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\nexports.InputGroup = _InputGroup.default;\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\nexports.Checkbox = _Checkbox.default;\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\nexports.CheckboxGroup = _CheckboxGroup.default;\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\nexports.Radio = _Radio.default;\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\nexports.RadioGroup = _RadioGroup.default;\nvar _RadioTile = _interopRequireDefault(__webpack_require__(/*! ./RadioTile */ \"./src/RadioTile/index.tsx\"));\nexports.RadioTile = _RadioTile.default;\nvar _RadioTileGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioTileGroup */ \"./src/RadioTileGroup/index.tsx\"));\nexports.RadioTileGroup = _RadioTileGroup.default;\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nexports.SelectPicker = _SelectPicker.default;\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\nexports.CheckPicker = _CheckPicker.default;\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\nexports.InputPicker = _InputPicker.default;\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\nexports.TagPicker = _TagPicker.default;\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\nexports.TagInput = _TagInput.default;\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\nexports.TreePicker = _TreePicker.default;\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\nexports.CheckTreePicker = _CheckTreePicker.default;\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\nexports.Cascader = _Cascader.default;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\nexports.MultiCascader = _MultiCascader.default;\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ./DateInput */ \"./src/DateInput/index.tsx\"));\nexports.DateInput = _DateInput.default;\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\nexports.DatePicker = _DatePicker.default;\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ./DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nexports.DateRangeInput = _DateRangeInput.default;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nexports.DateRangePicker = _DateRangePicker.default;\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\nexports.AutoComplete = _AutoComplete.default;\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\nexports.Uploader = _Uploader.default;\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\nexports.Slider = _Slider.default;\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\nexports.RangeSlider = _RangeSlider.default;\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\nexports.Rate = _Rate.default;\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\nexports.Tree = _Tree.default;\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\nexports.CheckTree = _CheckTree.default;\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\nexports.Panel = _Panel.default;\nvar _Accordion = _interopRequireDefault(__webpack_require__(/*! ./Accordion */ \"./src/Accordion/index.tsx\"));\nexports.Accordion = _Accordion.default;\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\nexports.PanelGroup = _PanelGroup.default;\nvar _Tabs = _interopRequireDefault(__webpack_require__(/*! ./Tabs */ \"./src/Tabs/index.tsx\"));\nexports.Tabs = _Tabs.default;\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\nexports.Table = _Table.default;\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\nexports.Progress = _Progress.default;\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\nexports.Timeline = _Timeline.default;\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\nexports.Tag = _Tag.default;\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\nexports.TagGroup = _TagGroup.default;\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\nexports.List = _List.default;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\nexports.Calendar = _Calendar.default;\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\nexports.Carousel = _Carousel.default;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\nexports.Grid = _Grid.default;\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\nexports.Row = _Row.default;\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\nexports.Col = _Col.default;\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\nexports.FlexboxGrid = _FlexboxGrid.default;\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\nexports.Container = _Container.default;\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\nexports.Content = _Content.default;\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\nexports.Header = _Header.default;\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\nexports.Sidebar = _Sidebar.default;\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\nexports.Footer = _Footer.default;\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\nexports.Divider = _Divider.default;\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\nexports.Stack = _Stack.default;\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\nexports.Schema = _Schema.default;\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\nexports.Animation = _Animation.default;\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\nexports.DOMHelper = _DOMHelper.default;\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\nexports.Affix = _Affix.default;\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\nexports.CustomProvider = _CustomProvider.default;\nvar _useMediaQuery = _interopRequireDefault(__webpack_require__(/*! ./useMediaQuery */ \"./src/useMediaQuery/index.ts\"));\nexports.useMediaQuery = _useMediaQuery.default;\nvar _VisuallyHidden = _interopRequireDefault(__webpack_require__(/*! ./VisuallyHidden */ \"./src/VisuallyHidden/index.tsx\"));\nexports.VisuallyHidden = _VisuallyHidden.default;\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
+eval("\n\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\nexports.Button = _Button.default;\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\nexports.IconButton = _IconButton.default;\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\nexports.ButtonToolbar = _ButtonToolbar.default;\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\nexports.ButtonGroup = _ButtonGroup.default;\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\nexports.Whisper = _Whisper.default;\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\nexports.Tooltip = _Tooltip.default;\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\nexports.Popover = _Popover.default;\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\nexports.Modal = _Modal.default;\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\nexports.Notification = _Notification.default;\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\nexports.Message = _Message.default;\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\nexports.Drawer = _Drawer.default;\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\nexports.Loader = _Loader.default;\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nexports.SafeAnchor = _SafeAnchor.default;\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\nexports.Placeholder = _Placeholder.default;\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\nexports.Badge = _Badge.default;\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\nexports.Avatar = _Avatar.default;\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\nexports.AvatarGroup = _AvatarGroup.default;\nvar _toaster = _interopRequireWildcard(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\nexports.toaster = _toaster.default;\nexports.useToaster = _toaster.useToaster;\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\nexports.Dropdown = _Dropdown.default;\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\nexports.Nav = _Nav.default;\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\nexports.Navbar = _Navbar.default;\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\nexports.Sidenav = _Sidenav.default;\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\nexports.Breadcrumb = _Breadcrumb.default;\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\nexports.Pagination = _Pagination.default;\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\nexports.Steps = _Steps.default;\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\nexports.Toggle = _Toggle.default;\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\nexports.Input = _Input.default;\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\nexports.MaskedInput = _MaskedInput.default;\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\nexports.InputNumber = _InputNumber.default;\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\nexports.InputGroup = _InputGroup.default;\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\nexports.Checkbox = _Checkbox.default;\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\nexports.CheckboxGroup = _CheckboxGroup.default;\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\nexports.Radio = _Radio.default;\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\nexports.RadioGroup = _RadioGroup.default;\nvar _RadioTile = _interopRequireDefault(__webpack_require__(/*! ./RadioTile */ \"./src/RadioTile/index.tsx\"));\nexports.RadioTile = _RadioTile.default;\nvar _RadioTileGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioTileGroup */ \"./src/RadioTileGroup/index.tsx\"));\nexports.RadioTileGroup = _RadioTileGroup.default;\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nexports.SelectPicker = _SelectPicker.default;\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\nexports.CheckPicker = _CheckPicker.default;\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\nexports.InputPicker = _InputPicker.default;\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\nexports.TagPicker = _TagPicker.default;\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\nexports.TagInput = _TagInput.default;\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\nexports.TreePicker = _TreePicker.default;\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\nexports.CheckTreePicker = _CheckTreePicker.default;\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\nexports.Cascader = _Cascader.default;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\nexports.MultiCascader = _MultiCascader.default;\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ./DateInput */ \"./src/DateInput/index.tsx\"));\nexports.DateInput = _DateInput.default;\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\nexports.DatePicker = _DatePicker.default;\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ./DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nexports.DateRangeInput = _DateRangeInput.default;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nexports.DateRangePicker = _DateRangePicker.default;\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\nexports.AutoComplete = _AutoComplete.default;\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\nexports.Uploader = _Uploader.default;\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\nexports.Slider = _Slider.default;\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\nexports.RangeSlider = _RangeSlider.default;\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\nexports.Rate = _Rate.default;\nvar _InlineEdit = _interopRequireDefault(__webpack_require__(/*! ./InlineEdit */ \"./src/InlineEdit/index.tsx\"));\nexports.InlineEdit = _InlineEdit.default;\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\nexports.Tree = _Tree.default;\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\nexports.CheckTree = _CheckTree.default;\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\nexports.Panel = _Panel.default;\nvar _Accordion = _interopRequireDefault(__webpack_require__(/*! ./Accordion */ \"./src/Accordion/index.tsx\"));\nexports.Accordion = _Accordion.default;\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\nexports.PanelGroup = _PanelGroup.default;\nvar _Tabs = _interopRequireDefault(__webpack_require__(/*! ./Tabs */ \"./src/Tabs/index.tsx\"));\nexports.Tabs = _Tabs.default;\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\nexports.Table = _Table.default;\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\nexports.Progress = _Progress.default;\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\nexports.Timeline = _Timeline.default;\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\nexports.Tag = _Tag.default;\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\nexports.TagGroup = _TagGroup.default;\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\nexports.List = _List.default;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\nexports.Calendar = _Calendar.default;\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\nexports.Carousel = _Carousel.default;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\nexports.Grid = _Grid.default;\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\nexports.Row = _Row.default;\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\nexports.Col = _Col.default;\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\nexports.FlexboxGrid = _FlexboxGrid.default;\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\nexports.Container = _Container.default;\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\nexports.Content = _Content.default;\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\nexports.Header = _Header.default;\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\nexports.Sidebar = _Sidebar.default;\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\nexports.Footer = _Footer.default;\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\nexports.Divider = _Divider.default;\nvar _Stack = _interopRequireDefault(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\nexports.Stack = _Stack.default;\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\nexports.Schema = _Schema.default;\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\nexports.Animation = _Animation.default;\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\nexports.DOMHelper = _DOMHelper.default;\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\nexports.Affix = _Affix.default;\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\nexports.CustomProvider = _CustomProvider.default;\nvar _useMediaQuery = _interopRequireDefault(__webpack_require__(/*! ./useMediaQuery */ \"./src/useMediaQuery/index.ts\"));\nexports.useMediaQuery = _useMediaQuery.default;\nvar _VisuallyHidden = _interopRequireDefault(__webpack_require__(/*! ./VisuallyHidden */ \"./src/VisuallyHidden/index.tsx\"));\nexports.VisuallyHidden = _VisuallyHidden.default;\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
 
 /***/ }),
 
@@ -9552,7 +9640,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isString = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\nvar _isNumber = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\nvar _findIndex = _interopRequireDefault(__webpack_require__(/*! lodash/findIndex */ \"./node_modules/lodash/findIndex.js\"));\nvar _pickBy = _interopRequireDefault(__webpack_require__(/*! lodash/pickBy */ \"./node_modules/lodash/pickBy.js\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _Windowing = __webpack_require__(/*! ../../internals/Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _ListItemGroup = _interopRequireDefault(__webpack_require__(/*! ./ListItemGroup */ \"./src/internals/Picker/ListItemGroup.tsx\"));\nvar _getDataGroupBy = __webpack_require__(/*! ../../utils/getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\");\nvar _useCombobox2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCombobox */ \"./src/internals/Picker/hooks/useCombobox.ts\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/internals/Picker/Listbox.tsx\",\n  _this = void 0;\nvar Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    group = props.group,\n    groupBy = props.groupBy,\n    _props$maxHeight = props.maxHeight,\n    maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,\n    _props$activeItemValu = props.activeItemValues,\n    activeItemValues = _props$activeItemValu === void 0 ? [] : _props$activeItemValu,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'listbox' : _props$classPrefix,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    virtualized = props.virtualized,\n    listProps = props.listProps,\n    virtualizedListRef = props.listRef,\n    className = props.className,\n    style = props.style,\n    focusItemValue = props.focusItemValue,\n    listItemClassPrefix = props.listItemClassPrefix,\n    ListItem = props.listItemAs,\n    listItemProps = props.listItemProps,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,\n    _props$rowGroupHeight = props.rowGroupHeight,\n    rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,\n    renderMenuGroup = props.renderMenuGroup,\n    renderMenuItem = props.renderMenuItem,\n    onGroupTitleClick = props.onGroupTitleClick,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"data\", \"group\", \"groupBy\", \"maxHeight\", \"activeItemValues\", \"disabledItemValues\", \"classPrefix\", \"valueKey\", \"labelKey\", \"virtualized\", \"listProps\", \"listRef\", \"className\", \"style\", \"focusItemValue\", \"listItemClassPrefix\", \"listItemAs\", \"listItemProps\", \"rowHeight\", \"rowGroupHeight\", \"renderMenuGroup\", \"renderMenuItem\", \"onGroupTitleClick\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix('items', {\n    grouped: group\n  }));\n  var _useCombobox = (0, _useCombobox2.default)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType,\n    multiple = _useCombobox.multiple;\n  var menuBodyContainerRef = (0, _react.useRef)(null);\n  var listRef = (0, _react.useRef)(null);\n  var _useState = (0, _react.useState)([]),\n    foldedGroupKeys = _useState[0],\n    setFoldedGroupKeys = _useState[1];\n  var handleGroupTitleClick = (0, _utils.useEventCallback)(function (key, event) {\n    var nextGroupKeys = foldedGroupKeys.filter(function (item) {\n      return item !== key;\n    });\n    if (nextGroupKeys.length === foldedGroupKeys.length) {\n      nextGroupKeys.push(key);\n    }\n    setFoldedGroupKeys(nextGroupKeys);\n    onGroupTitleClick === null || onGroupTitleClick === void 0 ? void 0 : onGroupTitleClick(event);\n  });\n  var handleSelect = (0, _utils.useEventCallback)(function (item, value, event, checked) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event, checked);\n  });\n  var getRowHeight = function getRowHeight(list, index) {\n    var item = list[index];\n    if (group && item[_getDataGroupBy.KEY_GROUP] && index !== 0) {\n      return rowGroupHeight;\n    }\n    return rowHeight;\n  };\n  (0, _react.useEffect)(function () {\n    var container = menuBodyContainerRef.current;\n    if (!container) {\n      return;\n    }\n    var activeItem = container.querySelector(\".\" + prefix('item-focus'));\n    if (!activeItem) {\n      activeItem = container.querySelector(\".\" + prefix('item-active'));\n    }\n    if (!activeItem) {\n      return;\n    }\n    var position = (0, _getPosition.default)(activeItem, container);\n    var sTop = (0, _scrollTop.default)(container);\n    var sHeight = (0, _getHeight.default)(container);\n    if (sTop > position.top) {\n      (0, _scrollTop.default)(container, Math.max(0, position.top - 20));\n    } else if (position.top > sTop + sHeight) {\n      (0, _scrollTop.default)(container, Math.max(0, position.top - sHeight + 32));\n    }\n  }, [focusItemValue, menuBodyContainerRef, prefix]);\n  var filteredItems = group ? data.filter(function (item) {\n    var _item$parent;\n    // Display group title items\n    if (item[_getDataGroupBy.KEY_GROUP]) return true;\n\n    // Display items under the unfolded group\n    // FIXME-Doma\n    // `groupBy` is bound to be string when `group` is true\n    // because `group` is actually redundant as a prop\n    // It could simply be derived from `groupBy` value\n    var groupValue = (0, _get.default)(item, groupBy, '') || ( // FIXME-Doma\n    // Usage of `item.parent` is strongly discouraged\n    // It's only here for legacy support\n    // Remove once `item.parent` is completely removed across related components\n    (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[_getDataGroupBy.KEY_GROUP_TITLE]);\n    return !foldedGroupKeys.includes(groupValue);\n  }) : data;\n  var rowCount = filteredItems.length;\n  var renderItem = function renderItem(_ref) {\n    var _ref$index = _ref.index,\n      index = _ref$index === void 0 ? 0 : _ref$index,\n      style = _ref.style,\n      data = _ref.data,\n      itemData = _ref.item;\n    var item = itemData || data[index];\n    var value = item[valueKey];\n    var label = item[labelKey];\n    if ((0, _isUndefined.default)(label) && !item[_getDataGroupBy.KEY_GROUP]) {\n      throw Error(\"labelKey \\\"\" + labelKey + \"\\\" is not defined in \\\"data\\\" : \" + index);\n    }\n\n    // Use `value` in keys when If `value` is string or number\n    var itemKey = (0, _isString.default)(value) || (0, _isNumber.default)(value) ? value : index;\n\n    /**\n     * Render <ListboxGroup>\n     * when if `group` is enabled\n     */\n    if (group && item[_getDataGroupBy.KEY_GROUP]) {\n      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];\n      // TODO: grouped options should be owned by group\n      return /*#__PURE__*/_react.default.createElement(_ListItemGroup.default, {\n        style: style,\n        classPrefix: 'picker-menu-group',\n        className: (0, _classnames.default)({\n          folded: foldedGroupKeys.some(function (key) {\n            return key === groupValue;\n          })\n        }),\n        key: \"group-\" + groupValue,\n        onClick: handleGroupTitleClick.bind(null, groupValue),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 204,\n          columnNumber: 11\n        }\n      }, renderMenuGroup ? renderMenuGroup(groupValue, item) : groupValue);\n    } else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[_getDataGroupBy.KEY_GROUP])) {\n      throw Error(\"valueKey \\\"\" + valueKey + \"\\\" is not defined in \\\"data\\\" : \" + index + \" \");\n    }\n    var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {\n      return (0, _shallowEqual.default)(disabledValue, value);\n    });\n    var active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(function (v) {\n      return (0, _shallowEqual.default)(v, value);\n    });\n    var focus = !(0, _isUndefined.default)(focusItemValue) && (0, _shallowEqual.default)(focusItemValue, value);\n    return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({\n      \"aria-posinset\": index + 1,\n      \"aria-setsize\": rowCount,\n      style: style,\n      key: itemKey,\n      disabled: disabled,\n      active: active,\n      focus: focus,\n      value: value,\n      classPrefix: listItemClassPrefix,\n      onSelect: handleSelect.bind(null, item)\n    }, (0, _pickBy.default)(listItemProps, function (v) {\n      return v !== undefined;\n    }), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 227,\n        columnNumber: 9\n      }\n    }), renderMenuItem ? renderMenuItem(label, item) : label);\n  };\n  (0, _utils.useMount)(function () {\n    var _listRef$current, _listRef$current$scro;\n    var itemIndex = (0, _findIndex.default)(filteredItems, function (item) {\n      return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);\n    });\n    (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$scro = _listRef$current.scrollToItem) === null || _listRef$current$scro === void 0 ? void 0 : _listRef$current$scro.call(_listRef$current, itemIndex);\n  });\n  return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n    role: \"listbox\",\n    id: id + \"-\" + popupType,\n    \"aria-labelledby\": labelId,\n    \"aria-multiselectable\": multiple\n  }, rest, {\n    className: classes,\n    ref: (0, _utils.mergeRefs)(menuBodyContainerRef, ref),\n    style: (0, _extends2.default)({}, style, {\n      maxHeight: maxHeight\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 251,\n      columnNumber: 7\n    }\n  }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: maxHeight,\n    style: {\n      width: 'auto',\n      height: 'auto'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 262,\n      columnNumber: 11\n    }\n  }, function (_ref2) {\n    var height = _ref2.height;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({\n      as: _Windowing.VariableSizeList,\n      ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),\n      height: height || maxHeight,\n      itemCount: rowCount,\n      itemData: filteredItems,\n      itemSize: getRowHeight.bind(_this, filteredItems)\n    }, listProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 264,\n        columnNumber: 15\n      }\n    }), renderItem);\n  }) : filteredItems.map(function (item, index) {\n    return renderItem({\n      index: index,\n      item: item\n    });\n  }));\n});\nListbox.displayName = 'Listbox';\nvar _default = Listbox;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/Listbox.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _isUndefined = _interopRequireDefault(__webpack_require__(/*! lodash/isUndefined */ \"./node_modules/lodash/isUndefined.js\"));\nvar _isString = _interopRequireDefault(__webpack_require__(/*! lodash/isString */ \"./node_modules/lodash/isString.js\"));\nvar _isNumber = _interopRequireDefault(__webpack_require__(/*! lodash/isNumber */ \"./node_modules/lodash/isNumber.js\"));\nvar _findIndex = _interopRequireDefault(__webpack_require__(/*! lodash/findIndex */ \"./node_modules/lodash/findIndex.js\"));\nvar _pickBy = _interopRequireDefault(__webpack_require__(/*! lodash/pickBy */ \"./node_modules/lodash/pickBy.js\"));\nvar _getPosition = _interopRequireDefault(__webpack_require__(/*! dom-lib/getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\"));\nvar _scrollTop = _interopRequireDefault(__webpack_require__(/*! dom-lib/scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\"));\nvar _getHeight = _interopRequireDefault(__webpack_require__(/*! dom-lib/getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\"));\nvar _get = _interopRequireDefault(__webpack_require__(/*! lodash/get */ \"./node_modules/lodash/get.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _Windowing = __webpack_require__(/*! ../../internals/Windowing */ \"./src/internals/Windowing/index.ts\");\nvar _shallowEqual = _interopRequireDefault(__webpack_require__(/*! ../../utils/shallowEqual */ \"./src/utils/shallowEqual.ts\"));\nvar _utils = __webpack_require__(/*! ../../utils */ \"./src/utils/index.ts\");\nvar _ListItemGroup = _interopRequireDefault(__webpack_require__(/*! ./ListItemGroup */ \"./src/internals/Picker/ListItemGroup.tsx\"));\nvar _getDataGroupBy = __webpack_require__(/*! ../../utils/getDataGroupBy */ \"./src/utils/getDataGroupBy.ts\");\nvar _useCombobox2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/useCombobox */ \"./src/internals/Picker/hooks/useCombobox.ts\"));\nvar _symbols = __webpack_require__(/*! ../../internals/symbols */ \"./src/internals/symbols.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/internals/Picker/Listbox.tsx\",\n  _this = void 0;\nvar Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$data = props.data,\n    data = _props$data === void 0 ? [] : _props$data,\n    group = props.group,\n    groupBy = props.groupBy,\n    _props$maxHeight = props.maxHeight,\n    maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,\n    _props$activeItemValu = props.activeItemValues,\n    activeItemValues = _props$activeItemValu === void 0 ? [] : _props$activeItemValu,\n    _props$disabledItemVa = props.disabledItemValues,\n    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'listbox' : _props$classPrefix,\n    _props$valueKey = props.valueKey,\n    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,\n    _props$labelKey = props.labelKey,\n    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,\n    virtualized = props.virtualized,\n    listProps = props.listProps,\n    virtualizedListRef = props.listRef,\n    className = props.className,\n    style = props.style,\n    focusItemValue = props.focusItemValue,\n    listItemClassPrefix = props.listItemClassPrefix,\n    ListItem = props.listItemAs,\n    listItemProps = props.listItemProps,\n    _props$rowHeight = props.rowHeight,\n    rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,\n    _props$rowGroupHeight = props.rowGroupHeight,\n    rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,\n    renderMenuGroup = props.renderMenuGroup,\n    renderMenuItem = props.renderMenuItem,\n    onGroupTitleClick = props.onGroupTitleClick,\n    onSelect = props.onSelect,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"data\", \"group\", \"groupBy\", \"maxHeight\", \"activeItemValues\", \"disabledItemValues\", \"classPrefix\", \"valueKey\", \"labelKey\", \"virtualized\", \"listProps\", \"listRef\", \"className\", \"style\", \"focusItemValue\", \"listItemClassPrefix\", \"listItemAs\", \"listItemProps\", \"rowHeight\", \"rowGroupHeight\", \"renderMenuGroup\", \"renderMenuItem\", \"onGroupTitleClick\", \"onSelect\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var classes = merge(className, withClassPrefix('items', {\n    grouped: group\n  }));\n  var _useCombobox = (0, _useCombobox2.default)(),\n    id = _useCombobox.id,\n    labelId = _useCombobox.labelId,\n    popupType = _useCombobox.popupType,\n    multiple = _useCombobox.multiple;\n  var menuBodyContainerRef = (0, _react.useRef)(null);\n  var listRef = (0, _react.useRef)(null);\n  var _useState = (0, _react.useState)([]),\n    foldedGroupKeys = _useState[0],\n    setFoldedGroupKeys = _useState[1];\n  var handleGroupTitleClick = (0, _utils.useEventCallback)(function (key, event) {\n    var nextGroupKeys = foldedGroupKeys.filter(function (item) {\n      return item !== key;\n    });\n    if (nextGroupKeys.length === foldedGroupKeys.length) {\n      nextGroupKeys.push(key);\n    }\n    setFoldedGroupKeys(nextGroupKeys);\n    onGroupTitleClick === null || onGroupTitleClick === void 0 ? void 0 : onGroupTitleClick(event);\n  });\n  var handleSelect = (0, _utils.useEventCallback)(function (item, value, event, checked) {\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event, checked);\n  });\n  var getRowHeight = function getRowHeight(list, index) {\n    var item = list[index];\n    if (group && item[_symbols.RSUITE_PICKER_GROUP_KEY] && index !== 0) {\n      return rowGroupHeight;\n    }\n    return rowHeight;\n  };\n  (0, _react.useEffect)(function () {\n    var container = menuBodyContainerRef.current;\n    if (!container) {\n      return;\n    }\n    var activeItem = container.querySelector(\".\" + prefix('item-focus'));\n    if (!activeItem) {\n      activeItem = container.querySelector(\".\" + prefix('item-active'));\n    }\n    if (!activeItem) {\n      return;\n    }\n    var position = (0, _getPosition.default)(activeItem, container);\n    var sTop = (0, _scrollTop.default)(container);\n    var sHeight = (0, _getHeight.default)(container);\n    if (sTop > position.top) {\n      (0, _scrollTop.default)(container, Math.max(0, position.top - 20));\n    } else if (position.top > sTop + sHeight) {\n      (0, _scrollTop.default)(container, Math.max(0, position.top - sHeight + 32));\n    }\n  }, [focusItemValue, menuBodyContainerRef, prefix]);\n  var filteredItems = group ? data.filter(function (item) {\n    var _item$parent;\n    // Display group title items\n    if (item[_symbols.RSUITE_PICKER_GROUP_KEY]) return true;\n\n    // Display items under the unfolded group\n    // FIXME-Doma\n    // `groupBy` is bound to be string when `group` is true\n    // because `group` is actually redundant as a prop\n    // It could simply be derived from `groupBy` value\n    var groupValue = (0, _get.default)(item, groupBy, '') || ( // FIXME-Doma\n    // Usage of `item.parent` is strongly discouraged\n    // It's only here for legacy support\n    // Remove once `item.parent` is completely removed across related components\n    (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[_getDataGroupBy.KEY_GROUP_TITLE]);\n    return !foldedGroupKeys.includes(groupValue);\n  }) : data;\n  var rowCount = filteredItems.length;\n  var renderItem = function renderItem(_ref) {\n    var _ref$index = _ref.index,\n      index = _ref$index === void 0 ? 0 : _ref$index,\n      style = _ref.style,\n      data = _ref.data,\n      itemData = _ref.item;\n    var item = itemData || data[index];\n    var value = item[valueKey];\n    var label = item[labelKey];\n    if ((0, _isUndefined.default)(label) && !item[_symbols.RSUITE_PICKER_GROUP_KEY]) {\n      throw Error(\"labelKey \\\"\" + labelKey + \"\\\" is not defined in \\\"data\\\" : \" + index);\n    }\n\n    // Use `value` in keys when If `value` is string or number\n    var itemKey = (0, _isString.default)(value) || (0, _isNumber.default)(value) ? value : index;\n\n    /**\n     * Render <ListboxGroup>\n     * when if `group` is enabled\n     */\n    if (group && item[_symbols.RSUITE_PICKER_GROUP_KEY]) {\n      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];\n      // TODO: grouped options should be owned by group\n      return /*#__PURE__*/_react.default.createElement(_ListItemGroup.default, {\n        style: style,\n        classPrefix: 'picker-menu-group',\n        className: (0, _classnames.default)({\n          folded: foldedGroupKeys.some(function (key) {\n            return key === groupValue;\n          })\n        }),\n        key: \"group-\" + groupValue,\n        onClick: handleGroupTitleClick.bind(null, groupValue),\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 209,\n          columnNumber: 11\n        }\n      }, renderMenuGroup ? renderMenuGroup(groupValue, item) : groupValue);\n    } else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[_symbols.RSUITE_PICKER_GROUP_KEY])) {\n      throw Error(\"valueKey \\\"\" + valueKey + \"\\\" is not defined in \\\"data\\\" : \" + index + \" \");\n    }\n    var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {\n      return (0, _shallowEqual.default)(disabledValue, value);\n    });\n    var active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(function (v) {\n      return (0, _shallowEqual.default)(v, value);\n    });\n    var focus = !(0, _isUndefined.default)(focusItemValue) && (0, _shallowEqual.default)(focusItemValue, value);\n    return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({\n      \"aria-posinset\": index + 1,\n      \"aria-setsize\": rowCount,\n      style: style,\n      key: itemKey,\n      disabled: disabled,\n      active: active,\n      focus: focus,\n      value: value,\n      classPrefix: listItemClassPrefix,\n      onSelect: handleSelect.bind(null, item)\n    }, (0, _pickBy.default)(listItemProps, function (v) {\n      return v !== undefined;\n    }), {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 232,\n        columnNumber: 9\n      }\n    }), renderMenuItem ? renderMenuItem(label, item) : label);\n  };\n  (0, _utils.useMount)(function () {\n    var _listRef$current, _listRef$current$scro;\n    var itemIndex = (0, _findIndex.default)(filteredItems, function (item) {\n      return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);\n    });\n    (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$scro = _listRef$current.scrollToItem) === null || _listRef$current$scro === void 0 ? void 0 : _listRef$current$scro.call(_listRef$current, itemIndex);\n  });\n  return /*#__PURE__*/_react.default.createElement(\"div\", (0, _extends2.default)({\n    role: \"listbox\",\n    id: id + \"-\" + popupType,\n    \"aria-labelledby\": labelId,\n    \"aria-multiselectable\": multiple\n  }, rest, {\n    className: classes,\n    ref: (0, _utils.mergeRefs)(menuBodyContainerRef, ref),\n    style: (0, _extends2.default)({}, style, {\n      maxHeight: maxHeight\n    }),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 256,\n      columnNumber: 7\n    }\n  }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {\n    defaultHeight: maxHeight,\n    style: {\n      width: 'auto',\n      height: 'auto'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 267,\n      columnNumber: 11\n    }\n  }, function (_ref2) {\n    var height = _ref2.height;\n    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({\n      as: _Windowing.VariableSizeList,\n      ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),\n      height: height || maxHeight,\n      itemCount: rowCount,\n      itemData: filteredItems,\n      itemSize: getRowHeight.bind(_this, filteredItems)\n    }, listProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 269,\n        columnNumber: 15\n      }\n    }), renderItem);\n  }) : filteredItems.map(function (item, index) {\n    return renderItem({\n      index: index,\n      item: item\n    });\n  }));\n});\nListbox.displayName = 'Listbox';\nvar _default = Listbox;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/Listbox.tsx?");
 
 /***/ }),
 
@@ -9695,7 +9783,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 _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ../../../utils/useEventCallback */ \"./src/utils/useEventCallback.ts\"));\n/**\n * A hook of the exposed method of Picker\n */\nfunction usePickerRef(ref, parmas) {\n  var trigger = (0, _react.useRef)(null);\n  var root = (0, _react.useRef)(null);\n  var target = (0, _react.useRef)(null);\n  var overlay = (0, _react.useRef)(null);\n  var list = (0, _react.useRef)(null);\n  var searchInput = (0, _react.useRef)(null);\n  var treeView = (0, _react.useRef)(null);\n  var _ref = parmas || {},\n    inline = _ref.inline;\n  var handleOpen = (0, _useEventCallback.default)(function () {\n    var _trigger$current;\n    trigger === null || trigger === void 0 ? void 0 : (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.open();\n  });\n  var handleClose = (0, _useEventCallback.default)(function () {\n    var _trigger$current2;\n    trigger === null || trigger === void 0 ? void 0 : (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();\n  });\n  var handleUpdatePosition = (0, _useEventCallback.default)(function () {\n    var _trigger$current3;\n    trigger === null || trigger === void 0 ? void 0 : (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.updatePosition();\n  });\n  (0, _react.useImperativeHandle)(ref, function () {\n    // Tree and CheckTree\n    if (inline) {\n      return {\n        get root() {\n          var _trigger$current$root, _trigger$current4;\n          return root !== null && root !== void 0 && root.current ? root === null || root === void 0 ? void 0 : root.current : (_trigger$current$root = trigger === null || trigger === void 0 ? void 0 : (_trigger$current4 = trigger.current) === null || _trigger$current4 === void 0 ? void 0 : _trigger$current4.root) !== null && _trigger$current$root !== void 0 ? _trigger$current$root : null;\n        },\n        get list() {\n          if (!(list !== null && list !== void 0 && list.current)) {\n            throw new Error('The list is not found, please set `virtualized` for the component.');\n          }\n          return list === null || list === void 0 ? void 0 : list.current;\n        }\n      };\n    }\n    return {\n      get root() {\n        var _ref2, _trigger$current5;\n        return (_ref2 = (root === null || root === void 0 ? void 0 : root.current) || (trigger === null || trigger === void 0 ? void 0 : (_trigger$current5 = trigger.current) === null || _trigger$current5 === void 0 ? void 0 : _trigger$current5.root)) !== null && _ref2 !== void 0 ? _ref2 : null;\n      },\n      get overlay() {\n        var _overlay$current;\n        if (!(overlay !== null && overlay !== void 0 && overlay.current)) {\n          throw new Error('The overlay is not found. Please confirm whether the picker is open.');\n        }\n        return (_overlay$current = overlay === null || overlay === void 0 ? void 0 : overlay.current) !== null && _overlay$current !== void 0 ? _overlay$current : null;\n      },\n      get target() {\n        var _target$current;\n        return (_target$current = target === null || target === void 0 ? void 0 : target.current) !== null && _target$current !== void 0 ? _target$current : null;\n      },\n      get list() {\n        if (!(list !== null && list !== void 0 && list.current)) {\n          throw new Error(\"\\n            The list is not found.\\n            1.Please set virtualized for the component.\\n            2.Please confirm whether the picker is open.\\n          \");\n        }\n        return list === null || list === void 0 ? void 0 : list.current;\n      },\n      updatePosition: handleUpdatePosition,\n      open: handleOpen,\n      close: handleClose\n    };\n  });\n  return {\n    trigger: trigger,\n    root: root,\n    overlay: overlay,\n    target: target,\n    list: list,\n    searchInput: searchInput,\n    treeView: treeView\n  };\n}\nvar _default = usePickerRef;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/hooks/usePickerRef.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _useEventCallback = _interopRequireDefault(__webpack_require__(/*! ../../../utils/useEventCallback */ \"./src/utils/useEventCallback.ts\"));\nvar _symbols = __webpack_require__(/*! ../../../internals/symbols */ \"./src/internals/symbols.ts\");\n/**\n * A hook of the exposed method of Picker\n */\nfunction usePickerRef(ref, parmas) {\n  var trigger = (0, _react.useRef)(null);\n  var root = (0, _react.useRef)(null);\n  var target = (0, _react.useRef)(null);\n  var overlay = (0, _react.useRef)(null);\n  var list = (0, _react.useRef)(null);\n  var searchInput = (0, _react.useRef)(null);\n  var treeView = (0, _react.useRef)(null);\n  var _ref = parmas || {},\n    inline = _ref.inline;\n  var handleOpen = (0, _useEventCallback.default)(function () {\n    var _trigger$current;\n    trigger === null || trigger === void 0 ? void 0 : (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.open();\n  });\n  var handleClose = (0, _useEventCallback.default)(function () {\n    var _trigger$current2;\n    trigger === null || trigger === void 0 ? void 0 : (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();\n  });\n  var handleUpdatePosition = (0, _useEventCallback.default)(function () {\n    var _trigger$current3;\n    trigger === null || trigger === void 0 ? void 0 : (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.updatePosition();\n  });\n  (0, _react.useImperativeHandle)(ref, function () {\n    // Tree and CheckTree\n    if (inline) {\n      return {\n        get root() {\n          var _trigger$current$root, _trigger$current4;\n          return root !== null && root !== void 0 && root.current ? root === null || root === void 0 ? void 0 : root.current : (_trigger$current$root = trigger === null || trigger === void 0 ? void 0 : (_trigger$current4 = trigger.current) === null || _trigger$current4 === void 0 ? void 0 : _trigger$current4.root) !== null && _trigger$current$root !== void 0 ? _trigger$current$root : null;\n        },\n        get list() {\n          if (!(list !== null && list !== void 0 && list.current)) {\n            throw new Error('The list is not found, please set `virtualized` for the component.');\n          }\n          return list === null || list === void 0 ? void 0 : list.current;\n        }\n      };\n    }\n    return {\n      get root() {\n        var _ref2, _trigger$current5;\n        return (_ref2 = (root === null || root === void 0 ? void 0 : root.current) || (trigger === null || trigger === void 0 ? void 0 : (_trigger$current5 = trigger.current) === null || _trigger$current5 === void 0 ? void 0 : _trigger$current5.root)) !== null && _ref2 !== void 0 ? _ref2 : null;\n      },\n      get overlay() {\n        var _overlay$current;\n        if (!(overlay !== null && overlay !== void 0 && overlay.current)) {\n          throw new Error('The overlay is not found. Please confirm whether the picker is open.');\n        }\n        return (_overlay$current = overlay === null || overlay === void 0 ? void 0 : overlay.current) !== null && _overlay$current !== void 0 ? _overlay$current : null;\n      },\n      get target() {\n        var _target$current;\n        return (_target$current = target === null || target === void 0 ? void 0 : target.current) !== null && _target$current !== void 0 ? _target$current : null;\n      },\n      get list() {\n        if (!(list !== null && list !== void 0 && list.current)) {\n          throw new Error(\"\\n            The list is not found.\\n            1.Please set virtualized for the component.\\n            2.Please confirm whether the picker is open.\\n          \");\n        }\n        return list === null || list === void 0 ? void 0 : list.current;\n      },\n      type: _symbols.RSUITE_PICKER_TYPE,\n      updatePosition: handleUpdatePosition,\n      open: handleOpen,\n      close: handleClose\n    };\n  });\n  return {\n    trigger: trigger,\n    root: root,\n    overlay: overlay,\n    target: target,\n    list: list,\n    searchInput: searchInput,\n    treeView: treeView\n  };\n}\nvar _default = usePickerRef;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/internals/Picker/hooks/usePickerRef.ts?");
 
 /***/ }),
 
@@ -9886,6 +9974,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/internals/symbols.ts":
+/*!**********************************!*\
+  !*** ./src/internals/symbols.ts ***!
+  \**********************************/
+/***/ (function(__unused_webpack_module, exports) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.RSUITE_PICKER_GROUP_KEY = exports.RSUITE_PICKER_TYPE = void 0;\nvar RSUITE_PICKER_TYPE = Symbol.for('rsuite.picker');\nexports.RSUITE_PICKER_TYPE = RSUITE_PICKER_TYPE;\nvar RSUITE_PICKER_GROUP_KEY = Symbol.for('rsuite.picker_group_key');\nexports.RSUITE_PICKER_GROUP_KEY = RSUITE_PICKER_GROUP_KEY;\n\n//# sourceURL=webpack://rsuite/./src/internals/symbols.ts?");
+
+/***/ }),
+
 /***/ "./src/locales/default.ts":
 /*!********************************!*\
   !*** ./src/locales/default.ts ***!
@@ -10146,7 +10245,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.getDataGroupBy = getDataGroupBy;\nexports.KEY_GROUP_TITLE = exports.KEY_GROUP = void 0;\nvar _groupBy2 = _interopRequireDefault(__webpack_require__(/*! lodash/groupBy */ \"./node_modules/lodash/groupBy.js\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar hasSymbol = typeof Symbol === 'function';\nvar KEY_GROUP = hasSymbol ? Symbol('_$grouped') : '_$grouped';\nexports.KEY_GROUP = KEY_GROUP;\nvar KEY_GROUP_TITLE = 'groupTitle';\nexports.KEY_GROUP_TITLE = KEY_GROUP_TITLE;\nfunction getDataGroupBy(data, key, sort) {\n  var groupMap = (0, _groupBy2.default)(data, key);\n  var isSort = typeof sort === 'function';\n  var groups = Object.entries(groupMap).map(function (_ref) {\n    var _ref2;\n    var groupTitle = _ref[0],\n      children = _ref[1];\n    return _ref2 = {\n      children: isSort ? children.sort(sort(false)) : children\n    }, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[KEY_GROUP] = true, _ref2;\n  });\n  if (isSort) {\n    groups.sort(sort(true));\n  }\n\n  // Use DFS traverse\n  // Because I want the result to be [group, child, child, group, child, child]\n  // rather than [group, group, child, child, child, child]\n  return (0, _treeUtils.flattenTree)(groups, function (group) {\n    return group.children;\n  }, _treeUtils.WalkTreeStrategy.DFS);\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/getDataGroupBy.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.getDataGroupBy = getDataGroupBy;\nexports.KEY_GROUP_TITLE = void 0;\nvar _groupBy2 = _interopRequireDefault(__webpack_require__(/*! lodash/groupBy */ \"./node_modules/lodash/groupBy.js\"));\nvar _treeUtils = __webpack_require__(/*! ../utils/treeUtils */ \"./src/utils/treeUtils.ts\");\nvar _symbols = __webpack_require__(/*! ../internals/symbols */ \"./src/internals/symbols.ts\");\nvar KEY_GROUP_TITLE = 'groupTitle';\nexports.KEY_GROUP_TITLE = KEY_GROUP_TITLE;\nfunction getDataGroupBy(data, key, sort) {\n  var groupMap = (0, _groupBy2.default)(data, key);\n  var isSort = typeof sort === 'function';\n  var groups = Object.entries(groupMap).map(function (_ref) {\n    var _ref2;\n    var groupTitle = _ref[0],\n      children = _ref[1];\n    return _ref2 = {\n      children: isSort ? children.sort(sort(false)) : children\n    }, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[_symbols.RSUITE_PICKER_GROUP_KEY] = true, _ref2;\n  });\n  if (isSort) {\n    groups.sort(sort(true));\n  }\n\n  // Use DFS traverse\n  // Because I want the result to be [group, child, child, group, child, child]\n  // rather than [group, group, child, child, child, child]\n  return (0, _treeUtils.flattenTree)(groups, function (group) {\n    return group.children;\n  }, _treeUtils.WalkTreeStrategy.DFS);\n}\n\n//# sourceURL=webpack://rsuite/./src/utils/getDataGroupBy.ts?");
 
 /***/ }),
 
@@ -11993,7 +12092,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./on */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cancelAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n/* harmony import */ var _requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./requestAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/**\n * Source code reference from:\n * https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/dom/DOMMouseMoveTracker.js\n */\n\n\n\n\nvar DOMMouseMoveTracker = /*#__PURE__*/function () {\n  /**\n   * onMove is the callback that will be called on every mouse move.\n   * onMoveEnd is called on mouse up when movement has ended.\n   */\n  function DOMMouseMoveTracker(onMove, onMoveEnd, domNode) {\n    var _this = this;\n\n    this.isDraggingStatus = false;\n    this.animationFrameID = null;\n    this.domNode = void 0;\n    this.onMove = null;\n    this.onMoveEnd = null;\n    this.eventMoveToken = null;\n    this.eventUpToken = null;\n    this.moveEvent = null;\n    this.deltaX = 0;\n    this.deltaY = 0;\n    this.x = 0;\n    this.y = 0;\n\n    this.isDragging = function () {\n      return _this.isDraggingStatus;\n    };\n\n    this.onMouseMove = function (event) {\n      var x = event.clientX;\n      var y = event.clientY;\n      _this.deltaX += x - _this.x;\n      _this.deltaY += y - _this.y;\n\n      if (_this.animationFrameID === null) {\n        // The mouse may move faster then the animation frame does.\n        // Use `requestAnimationFramePolyfill` to avoid over-updating.\n        _this.animationFrameID = (0,_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_this.didMouseMove);\n      }\n\n      _this.x = x;\n      _this.y = y;\n      _this.moveEvent = event;\n      event.preventDefault();\n    };\n\n    this.didMouseMove = function () {\n      _this.animationFrameID = null;\n\n      _this.onMove(_this.deltaX, _this.deltaY, _this.moveEvent);\n\n      _this.deltaX = 0;\n      _this.deltaY = 0;\n    };\n\n    this.onMouseUp = function (event) {\n      if (_this.animationFrameID) {\n        _this.didMouseMove();\n      }\n\n      _this.onMoveEnd && _this.onMoveEnd(event);\n    };\n\n    this.domNode = domNode;\n    this.onMove = onMove;\n    this.onMoveEnd = onMoveEnd;\n  }\n  /**\n   * This is to set up the listeners for listening to mouse move\n   * and mouse up signaling the movement has ended. Please note that these\n   * listeners are added at the document.body level. It takes in an event\n   * in order to grab inital state.\n   */\n\n\n  var _proto = DOMMouseMoveTracker.prototype;\n\n  _proto.captureMouseMoves = function captureMouseMoves(event) {\n    if (!this.eventMoveToken && !this.eventUpToken) {\n      this.eventMoveToken = (0,_on__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'mousemove', this.onMouseMove);\n      this.eventUpToken = (0,_on__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'mouseup', this.onMouseUp);\n    }\n\n    if (!this.isDraggingStatus) {\n      this.deltaX = 0;\n      this.deltaY = 0;\n      this.isDraggingStatus = true;\n      this.x = event.clientX;\n      this.y = event.clientY;\n    }\n\n    event.preventDefault();\n  }\n  /**\n   * These releases all of the listeners on document.body.\n   */\n  ;\n\n  _proto.releaseMouseMoves = function releaseMouseMoves() {\n    if (this.eventMoveToken) {\n      this.eventMoveToken.off();\n      this.eventMoveToken = null;\n    }\n\n    if (this.eventUpToken) {\n      this.eventUpToken.off();\n      this.eventUpToken = null;\n    }\n\n    if (this.animationFrameID !== null) {\n      (0,_cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(this.animationFrameID);\n      this.animationFrameID = null;\n    }\n\n    if (this.isDraggingStatus) {\n      this.isDraggingStatus = false;\n      this.x = 0;\n      this.y = 0;\n    }\n  }\n  /**\n   * Returns whether or not if the mouse movement is being tracked.\n   */\n  ;\n\n  return DOMMouseMoveTracker;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (DOMMouseMoveTracker);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/DOMMouseMoveTracker.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _on_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./on.js */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _cancelAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cancelAnimationFramePolyfill.js */ \"./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n/* harmony import */ var _requestAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./requestAnimationFramePolyfill.js */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/**\n * Source code reference from:\n * https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/dom/DOMMouseMoveTracker.js\n */\n\n\n\n/**\n * Mouse drag tracker, get the coordinate value where the mouse moves in time.\n *\n * ```typescript\n * const tracker = new DOMMouseMoveTracker(\n *   onMove:(deltaX: number, deltaY: number, moveEvent: Object) => void,\n *   onMoveEnd:() => void,\n *   container: HTMLElement\n * );\n * ```\n */\n\nvar DOMMouseMoveTracker = /*#__PURE__*/function () {\n  /**\n   * onMove is the callback that will be called on every mouse move.\n   * onMoveEnd is called on mouse up when movement has ended.\n   */\n  function DOMMouseMoveTracker(onMove, onMoveEnd, domNode) {\n    var _this = this;\n\n    this.isDraggingStatus = false;\n    this.animationFrameID = null;\n    this.domNode = void 0;\n    this.onMove = null;\n    this.onMoveEnd = null;\n    this.eventMoveToken = null;\n    this.eventUpToken = null;\n    this.moveEvent = null;\n    this.deltaX = 0;\n    this.deltaY = 0;\n    this.x = 0;\n    this.y = 0;\n\n    this.isDragging = function () {\n      return _this.isDraggingStatus;\n    };\n\n    this.onMouseMove = function (event) {\n      var x = event.clientX;\n      var y = event.clientY;\n      _this.deltaX += x - _this.x;\n      _this.deltaY += y - _this.y;\n\n      if (_this.animationFrameID === null) {\n        // The mouse may move faster then the animation frame does.\n        // Use `requestAnimationFramePolyfill` to avoid over-updating.\n        _this.animationFrameID = (0,_requestAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_this.didMouseMove);\n      }\n\n      _this.x = x;\n      _this.y = y;\n      _this.moveEvent = event;\n      event.preventDefault();\n    };\n\n    this.didMouseMove = function () {\n      _this.animationFrameID = null;\n\n      _this.onMove(_this.deltaX, _this.deltaY, _this.moveEvent);\n\n      _this.deltaX = 0;\n      _this.deltaY = 0;\n    };\n\n    this.onMouseUp = function (event) {\n      if (_this.animationFrameID) {\n        _this.didMouseMove();\n      }\n\n      _this.onMoveEnd && _this.onMoveEnd(event);\n    };\n\n    this.domNode = domNode;\n    this.onMove = onMove;\n    this.onMoveEnd = onMoveEnd;\n  }\n  /**\n   * This is to set up the listeners for listening to mouse move\n   * and mouse up signaling the movement has ended. Please note that these\n   * listeners are added at the document.body level. It takes in an event\n   * in order to grab inital state.\n   */\n\n\n  var _proto = DOMMouseMoveTracker.prototype;\n\n  _proto.captureMouseMoves = function captureMouseMoves(event) {\n    if (!this.eventMoveToken && !this.eventUpToken) {\n      this.eventMoveToken = (0,_on_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'mousemove', this.onMouseMove);\n      this.eventUpToken = (0,_on_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'mouseup', this.onMouseUp);\n    }\n\n    if (!this.isDraggingStatus) {\n      this.deltaX = 0;\n      this.deltaY = 0;\n      this.isDraggingStatus = true;\n      this.x = event.clientX;\n      this.y = event.clientY;\n    }\n\n    event.preventDefault();\n  }\n  /**\n   * These releases all of the listeners on document.body.\n   */\n  ;\n\n  _proto.releaseMouseMoves = function releaseMouseMoves() {\n    if (this.eventMoveToken) {\n      this.eventMoveToken.off();\n      this.eventMoveToken = null;\n    }\n\n    if (this.eventUpToken) {\n      this.eventUpToken.off();\n      this.eventUpToken = null;\n    }\n\n    if (this.animationFrameID !== null) {\n      (0,_cancelAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(this.animationFrameID);\n      this.animationFrameID = null;\n    }\n\n    if (this.isDraggingStatus) {\n      this.isDraggingStatus = false;\n      this.x = 0;\n      this.y = 0;\n    }\n  }\n  /**\n   * Returns whether or not if the mouse movement is being tracked.\n   */\n  ;\n\n  return DOMMouseMoveTracker;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (DOMMouseMoveTracker);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/DOMMouseMoveTracker.js?");
+
+/***/ }),
+
+/***/ "./node_modules/dom-lib/esm/PointerMoveTracker.js":
+/*!********************************************************!*\
+  !*** ./node_modules/dom-lib/esm/PointerMoveTracker.js ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ PointerMoveTracker; }\n/* harmony export */ });\n/* harmony import */ var _on_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./on.js */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _utils_isEventSupported_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/isEventSupported.js */ \"./node_modules/dom-lib/esm/utils/isEventSupported.js\");\n\n\n\n/**\n * Track mouse/touch events for a given element.\n */\nvar PointerMoveTracker = /*#__PURE__*/function () {\n  /**\n   * onMove is the callback that will be called on every mouse move.\n   * onMoveEnd is called on mouse up when movement has ended.\n   */\n  function PointerMoveTracker(domNode, _ref) {\n    var _this = this;\n\n    var onMove = _ref.onMove,\n        onMoveEnd = _ref.onMoveEnd,\n        _ref$useTouchEvent = _ref.useTouchEvent,\n        useTouchEvent = _ref$useTouchEvent === void 0 ? true : _ref$useTouchEvent;\n    this.isDragStatus = false;\n    this.useTouchEvent = true;\n    this.animationFrameID = null;\n    this.domNode = void 0;\n    this.onMove = null;\n    this.onMoveEnd = null;\n    this.eventMoveToken = null;\n    this.eventUpToken = null;\n    this.moveEvent = null;\n    this.deltaX = 0;\n    this.deltaY = 0;\n    this.x = 0;\n    this.y = 0;\n\n    this.isDragging = function () {\n      return _this.isDragStatus;\n    };\n\n    this.onDragMove = function (event) {\n      var x = _this.getClientX(event);\n\n      var y = _this.getClientY(event);\n\n      _this.deltaX += x - _this.x;\n      _this.deltaY += x - _this.y;\n\n      if (_this.animationFrameID === null) {\n        // The mouse may move faster then the animation frame does.\n        // Use `requestAnimationFrame` to avoid over-updating.\n        _this.animationFrameID = requestAnimationFrame(_this.didDragMove);\n      }\n\n      _this.x = x;\n      _this.y = y;\n      _this.moveEvent = event;\n\n      if (event.cancelable) {\n        event.preventDefault();\n      }\n    };\n\n    this.didDragMove = function () {\n      _this.animationFrameID = null;\n\n      _this.onMove(_this.deltaX, _this.deltaY, _this.moveEvent);\n\n      _this.deltaX = 0;\n      _this.deltaY = 0;\n    };\n\n    this.onDragUp = function (event) {\n      var _this$onMoveEnd;\n\n      if (_this.animationFrameID) {\n        _this.didDragMove();\n      }\n\n      (_this$onMoveEnd = _this.onMoveEnd) === null || _this$onMoveEnd === void 0 ? void 0 : _this$onMoveEnd.call(_this, event);\n    };\n\n    this.domNode = domNode;\n    this.onMove = onMove;\n    this.onMoveEnd = onMoveEnd;\n    this.useTouchEvent = useTouchEvent;\n  }\n\n  var _proto = PointerMoveTracker.prototype;\n\n  _proto.isSupportTouchEvent = function isSupportTouchEvent() {\n    return this.useTouchEvent && (0,_utils_isEventSupported_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('touchstart');\n  };\n\n  _proto.getClientX = function getClientX(event) {\n    var _touches;\n\n    return this.isSupportTouchEvent() ? (_touches = event.touches) === null || _touches === void 0 ? void 0 : _touches[0].clientX : event.clientX;\n  };\n\n  _proto.getClientY = function getClientY(event) {\n    var _touches2;\n\n    return this.isSupportTouchEvent() ? (_touches2 = event.touches) === null || _touches2 === void 0 ? void 0 : _touches2[0].clientY : event.clientY;\n  }\n  /**\n   * This is to set up the listeners for listening to mouse move\n   * and mouse up signaling the movement has ended. Please note that these\n   * listeners are added at the document.body level. It takes in an event\n   * in order to grab inital state.\n   */\n  ;\n\n  _proto.captureMoves = function captureMoves(event) {\n    if (!this.eventMoveToken && !this.eventUpToken) {\n      if (this.isSupportTouchEvent()) {\n        this.eventMoveToken = (0,_on_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'touchmove', this.onDragMove, {\n          passive: false\n        });\n        this.eventUpToken = (0,_on_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'touchend', this.onDragUp, {\n          passive: false\n        });\n        (0,_on_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'touchcancel', this.releaseMoves);\n      } else {\n        this.eventMoveToken = (0,_on_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'mousemove', this.onDragMove);\n        this.eventUpToken = (0,_on_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.domNode, 'mouseup', this.onDragUp);\n      }\n    }\n\n    if (!this.isDragStatus) {\n      this.deltaX = 0;\n      this.deltaY = 0;\n      this.isDragStatus = true;\n      this.x = this.getClientX(event);\n      this.y = this.getClientY(event);\n    }\n\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n  }\n  /**\n   * These releases all of the listeners on document.body.\n   */\n  ;\n\n  _proto.releaseMoves = function releaseMoves() {\n    if (this.eventMoveToken) {\n      this.eventMoveToken.off();\n      this.eventMoveToken = null;\n    }\n\n    if (this.eventUpToken) {\n      this.eventUpToken.off();\n      this.eventUpToken = null;\n    }\n\n    if (this.animationFrameID !== null) {\n      cancelAnimationFrame(this.animationFrameID);\n      this.animationFrameID = null;\n    }\n\n    if (this.isDragStatus) {\n      this.isDragStatus = false;\n      this.x = 0;\n      this.y = 0;\n    }\n  }\n  /**\n   * Returns whether or not if the mouse movement is being tracked.\n   */\n  ;\n\n  return PointerMoveTracker;\n}();\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/PointerMoveTracker.js?");
 
 /***/ }),
 
@@ -12004,7 +12114,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _on_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/emptyFunction */ \"./node_modules/dom-lib/esm/utils/emptyFunction.js\");\n/* harmony import */ var _utils_normalizeWheel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/normalizeWheel */ \"./node_modules/dom-lib/esm/utils/normalizeWheel.js\");\n/* harmony import */ var _requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./requestAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n\n\n\n\nvar swapWheelAxis = function swapWheelAxis(normalizedEvent) {\n  return {\n    spinX: normalizedEvent.spinY,\n    spinY: normalizedEvent.spinX,\n    pixelX: normalizedEvent.pixelY,\n    pixelY: normalizedEvent.pixelX\n  };\n};\n\nvar WheelHandler = /*#__PURE__*/function () {\n  function WheelHandler(onWheel, handleScrollX, handleScrollY, stopPropagation) {\n    this.animationFrameID = null;\n    this.deltaX = 0;\n    this.deltaY = 0;\n    this.handleScrollX = null;\n    this.handleScrollY = null;\n    this.stopPropagation = null;\n    this.onWheelCallback = null;\n    this.didWheel = this.didWheel.bind(this);\n\n    if (typeof handleScrollX !== 'function') {\n      handleScrollX = handleScrollX ? _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsTrue : _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsFalse;\n    }\n\n    if (typeof handleScrollY !== 'function') {\n      handleScrollY = handleScrollY ? _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsTrue : _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsFalse;\n    }\n\n    if (typeof stopPropagation !== 'function') {\n      stopPropagation = stopPropagation ? _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsTrue : _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsFalse;\n    }\n\n    this.handleScrollX = handleScrollX;\n    this.handleScrollY = handleScrollY;\n    this.stopPropagation = stopPropagation;\n    this.onWheelCallback = onWheel;\n    this.onWheel = this.onWheel.bind(this);\n  }\n\n  var _proto = WheelHandler.prototype;\n\n  _proto.onWheel = function onWheel(event) {\n    var normalizedEvent = (0,_utils_normalizeWheel__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(event); // on some platforms (e.g. Win10), browsers do not automatically swap deltas for horizontal scroll\n\n    if (navigator.platform !== 'MacIntel' && event.shiftKey) {\n      normalizedEvent = swapWheelAxis(normalizedEvent);\n    }\n\n    var deltaX = this.deltaX + normalizedEvent.pixelX;\n    var deltaY = this.deltaY + normalizedEvent.pixelY;\n    var handleScrollX = this.handleScrollX(deltaX, deltaY);\n    var handleScrollY = this.handleScrollY(deltaY, deltaX);\n\n    if (!handleScrollX && !handleScrollY) {\n      return;\n    }\n\n    this.deltaX += handleScrollX ? normalizedEvent.pixelX : 0;\n    this.deltaY += handleScrollY ? normalizedEvent.pixelY : 0;\n    event.preventDefault();\n    var changed;\n\n    if (this.deltaX !== 0 || this.deltaY !== 0) {\n      if (this.stopPropagation()) {\n        event.stopPropagation();\n      }\n\n      changed = true;\n    }\n\n    if (changed === true && this.animationFrameID === null) {\n      this.animationFrameID = (0,_requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(this.didWheel);\n    }\n  };\n\n  _proto.didWheel = function didWheel() {\n    this.animationFrameID = null;\n    this.onWheelCallback(this.deltaX, this.deltaY);\n    this.deltaX = 0;\n    this.deltaY = 0;\n  };\n\n  return WheelHandler;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (WheelHandler);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/WheelHandler.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/emptyFunction.js */ \"./node_modules/dom-lib/esm/utils/emptyFunction.js\");\n/* harmony import */ var _utils_normalizeWheel_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/normalizeWheel.js */ \"./node_modules/dom-lib/esm/utils/normalizeWheel.js\");\n/* harmony import */ var _requestAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./requestAnimationFramePolyfill.js */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n\n\n\n\nvar swapWheelAxis = function swapWheelAxis(normalizedEvent) {\n  return {\n    spinX: normalizedEvent.spinY,\n    spinY: normalizedEvent.spinX,\n    pixelX: normalizedEvent.pixelY,\n    pixelY: normalizedEvent.pixelX\n  };\n};\n/**\n * Used to handle scrolling trackpad and mouse wheel events.\n */\n\n\nvar WheelHandler = /*#__PURE__*/function () {\n  function WheelHandler(onWheel, handleScrollX, handleScrollY, stopPropagation) {\n    this.animationFrameID = null;\n    this.deltaX = 0;\n    this.deltaY = 0;\n    this.handleScrollX = null;\n    this.handleScrollY = null;\n    this.stopPropagation = null;\n    this.onWheelCallback = null;\n    this.didWheel = this.didWheel.bind(this);\n\n    if (typeof handleScrollX !== 'function') {\n      handleScrollX = handleScrollX ? _utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsTrue : _utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsFalse;\n    }\n\n    if (typeof handleScrollY !== 'function') {\n      handleScrollY = handleScrollY ? _utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsTrue : _utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsFalse;\n    }\n\n    if (typeof stopPropagation !== 'function') {\n      stopPropagation = stopPropagation ? _utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsTrue : _utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].thatReturnsFalse;\n    }\n\n    this.handleScrollX = handleScrollX;\n    this.handleScrollY = handleScrollY;\n    this.stopPropagation = stopPropagation;\n    this.onWheelCallback = onWheel;\n    this.onWheel = this.onWheel.bind(this);\n  }\n  /**\n   * Binds the wheel handler.\n   * @param event The wheel event.\n   */\n\n\n  var _proto = WheelHandler.prototype;\n\n  _proto.onWheel = function onWheel(event) {\n    var normalizedEvent = (0,_utils_normalizeWheel_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(event); // on some platforms (e.g. Win10), browsers do not automatically swap deltas for horizontal scroll\n\n    if (navigator.platform !== 'MacIntel' && event.shiftKey) {\n      normalizedEvent = swapWheelAxis(normalizedEvent);\n    }\n\n    var deltaX = this.deltaX + normalizedEvent.pixelX;\n    var deltaY = this.deltaY + normalizedEvent.pixelY;\n    var handleScrollX = this.handleScrollX(deltaX, deltaY);\n    var handleScrollY = this.handleScrollY(deltaY, deltaX);\n\n    if (!handleScrollX && !handleScrollY) {\n      return;\n    }\n\n    this.deltaX += handleScrollX ? normalizedEvent.pixelX : 0;\n    this.deltaY += handleScrollY ? normalizedEvent.pixelY : 0;\n    event.preventDefault();\n    var changed;\n\n    if (this.deltaX !== 0 || this.deltaY !== 0) {\n      if (this.stopPropagation()) {\n        event.stopPropagation();\n      }\n\n      changed = true;\n    }\n\n    if (changed === true && this.animationFrameID === null) {\n      this.animationFrameID = (0,_requestAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(this.didWheel);\n    }\n  }\n  /**\n   * Fires a callback if the wheel event has changed.\n   */\n  ;\n\n  _proto.didWheel = function didWheel() {\n    this.animationFrameID = null;\n    this.onWheelCallback(this.deltaX, this.deltaY);\n    this.deltaX = 0;\n    this.deltaY = 0;\n  };\n\n  return WheelHandler;\n}();\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (WheelHandler);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/WheelHandler.js?");
 
 /***/ }),
 
@@ -12015,7 +12125,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _uti
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _hasClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hasClass */ \"./node_modules/dom-lib/esm/hasClass.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (target, className) {\n  if (className) {\n    if (target.classList) {\n      target.classList.add(className);\n    } else if (!(0,_hasClass__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, className)) {\n      target.className = target.className + \" \" + className;\n    }\n  }\n\n  return target;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/addClass.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ addClass; }\n/* harmony export */ });\n/* harmony import */ var _hasClass_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hasClass.js */ \"./node_modules/dom-lib/esm/hasClass.js\");\n\n/**\n * Adds specific class to a given element\n *\n * @param target The element to add class to\n * @param className The class to be added\n *\n * @returns The target element\n */\n\nfunction addClass(target, className) {\n  if (className) {\n    if (target.classList) {\n      target.classList.add(className);\n    } else if (!(0,_hasClass_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, className)) {\n      target.className = target.className + \" \" + className;\n    }\n  }\n\n  return target;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/addClass.js?");
 
 /***/ }),
 
@@ -12026,7 +12136,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _has
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_hyphenateStyleName__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/hyphenateStyleName */ \"./node_modules/dom-lib/esm/utils/hyphenateStyleName.js\");\n/* harmony import */ var _removeStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./removeStyle */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, property, value) {\n  var css = '';\n  var props = property;\n\n  if (typeof property === 'string') {\n    if (value === undefined) {\n      throw new Error('value is undefined');\n    }\n\n    (props = {})[property] = value;\n  }\n\n  if (typeof props === 'object') {\n    for (var _key in props) {\n      if (Object.prototype.hasOwnProperty.call(props, _key)) {\n        if (!props[_key] && props[_key] !== 0) {\n          (0,_removeStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node, (0,_utils_hyphenateStyleName__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_key));\n        } else {\n          css += (0,_utils_hyphenateStyleName__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_key) + \":\" + props[_key] + \";\";\n        }\n      }\n    }\n  }\n\n  node.style.cssText += \";\" + css;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/addStyle.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_hyphenateStyleName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/hyphenateStyleName.js */ \"./node_modules/dom-lib/esm/utils/hyphenateStyleName.js\");\n/* harmony import */ var _removeStyle_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./removeStyle.js */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n\n\n\nfunction addStyle(node, property, value) {\n  var css = '';\n  var props = property;\n\n  if (typeof property === 'string') {\n    if (value === undefined) {\n      throw new Error('value is undefined');\n    }\n\n    (props = {})[property] = value;\n  }\n\n  if (typeof props === 'object') {\n    for (var _key in props) {\n      if (Object.prototype.hasOwnProperty.call(props, _key)) {\n        if (!props[_key] && props[_key] !== 0) {\n          (0,_removeStyle_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node, (0,_utils_hyphenateStyleName_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_key));\n        } else {\n          css += (0,_utils_hyphenateStyleName_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_key) + \":\" + props[_key] + \";\";\n        }\n      }\n    }\n  }\n\n  node.style.cssText += \";\" + css;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (addStyle);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/addStyle.js?");
 
 /***/ }),
 
@@ -12037,7 +12147,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _uti
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n/* harmony default export */ __webpack_exports__[\"default\"] = (canUseDOM);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/canUseDOM.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/**\n * Checks if the current environment is in the browser and can access and modify the DOM.\n */\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n/* harmony default export */ __webpack_exports__[\"default\"] = (canUseDOM);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/canUseDOM.js?");
 
 /***/ }),
 
@@ -12048,7 +12158,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nvar canUseDOM = !!(typeof win
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_getGlobal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/getGlobal */ \"./node_modules/dom-lib/esm/utils/getGlobal.js\");\n\nvar g = (0,_utils_getGlobal__WEBPACK_IMPORTED_MODULE_0__[\"default\"])();\n/**\n * @deprecated use `cancelAnimationFrame` instead\n */\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (g.cancelAnimationFrame || g.clearTimeout);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_getGlobal_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/getGlobal.js */ \"./node_modules/dom-lib/esm/utils/getGlobal.js\");\n\nvar g = (0,_utils_getGlobal_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])();\n/**\n * @deprecated use `cancelAnimationFrame` instead\n */\n\nvar cancelAnimationFramePolyfill = g.cancelAnimationFrame || g.clearTimeout;\n/* harmony default export */ __webpack_exports__[\"default\"] = (cancelAnimationFramePolyfill);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js?");
 
 /***/ }),
 
@@ -12059,7 +12169,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _uti
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\n\nvar fallback = function fallback(context, node) {\n  if (!node) return false;\n\n  do {\n    if (node === context) {\n      return true;\n    }\n  } while (node.parentNode && (node = node.parentNode));\n\n  return false;\n}; // HTML DOM and SVG DOM may have different support levels,\n// so we need to check on context instead of a document root element.\n\n\nvar contains = function contains(context, node) {\n  if (!node) return false;\n\n  if (context.contains) {\n    return context.contains(node);\n  } else if (context.compareDocumentPosition) {\n    return context === node || !!(context.compareDocumentPosition(node) & 16);\n  }\n\n  return fallback(context, node);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ((function () {\n  return _canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"] ? contains : fallback;\n})());\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/contains.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM.js */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\n\nvar fallback = function fallback(context, node) {\n  if (!node) return false;\n\n  do {\n    if (node === context) {\n      return true;\n    }\n  } while (node.parentNode && (node = node.parentNode));\n\n  return false;\n};\n/**\n * Checks if an element contains another given element.\n *\n * @param context The context element\n * @param node The element to check\n * @returns  `true` if the given element is contained, `false` otherwise\n */\n\n\nvar contains = function contains(context, node) {\n  if (!node) return false;\n\n  if (context.contains) {\n    return context.contains(node);\n  } else if (context.compareDocumentPosition) {\n    return context === node || !!(context.compareDocumentPosition(node) & 16);\n  }\n\n  return fallback(context, node);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ((function () {\n  return _canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"] ? contains : fallback;\n})());\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/contains.js?");
 
 /***/ }),
 
@@ -12070,7 +12180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _can
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\nvar vendorMap = {\n  animation: 'animationend',\n  OAnimation: 'oAnimationEnd',\n  MozAnimation: 'animationend',\n  WebkitAnimation: 'webkitAnimationEnd'\n};\n\nfunction getAnimationEnd() {\n  if (!_canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"]) {\n    return;\n  }\n\n  var tempAnimationEnd;\n  var style = document.createElement('div').style;\n\n  for (tempAnimationEnd in vendorMap) {\n    if (style[tempAnimationEnd] !== undefined) {\n      return vendorMap[tempAnimationEnd];\n    }\n  }\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getAnimationEnd);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getAnimationEnd.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM.js */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\nvar vendorMap = {\n  animation: 'animationend',\n  OAnimation: 'oAnimationEnd',\n  MozAnimation: 'animationend',\n  WebkitAnimation: 'webkitAnimationEnd'\n};\n\nfunction getAnimationEnd() {\n  if (!_canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]) {\n    return;\n  }\n\n  var tempAnimationEnd;\n  var style = document.createElement('div').style;\n\n  for (tempAnimationEnd in vendorMap) {\n    if (style[tempAnimationEnd] !== undefined) {\n      return vendorMap[tempAnimationEnd];\n    }\n  }\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getAnimationEnd);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getAnimationEnd.js?");
 
 /***/ }),
 
@@ -12081,7 +12191,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _can
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (container, defaultContainer) {\n  container = typeof container === 'function' ? container() : container;\n  return container || defaultContainer;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getContainer.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getContainer; }\n/* harmony export */ });\n/**\n * Get a DOM container\n * @param container\n * @param defaultContainer\n * @returns\n */\nfunction getContainer(container, defaultContainer) {\n  container = typeof container === 'function' ? container() : container;\n  return container || defaultContainer;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getContainer.js?");
 
 /***/ }),
 
@@ -12092,7 +12202,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, client) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n\n  if (win) {\n    return win.innerHeight;\n  }\n\n  return client ? node.clientHeight : (0,_getOffset__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node).height;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getHeight.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getHeight; }\n/* harmony export */ });\n/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _getOffset_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffset.js */ \"./node_modules/dom-lib/esm/getOffset.js\");\n\n\n/**\n * Get the height of a DOM element\n * @param node The DOM element\n * @param client Whether to get the client height\n * @returns The height of the DOM element\n */\n\nfunction getHeight(node, client) {\n  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n\n  if (win) {\n    return win.innerHeight;\n  }\n\n  return client ? node.clientHeight : (0,_getOffset_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node).height;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getHeight.js?");
 
 /***/ }),
 
@@ -12103,7 +12213,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _get
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ownerDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _contains__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./contains */ \"./node_modules/dom-lib/esm/contains.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node) {\n  var doc = (0,_ownerDocument__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(doc);\n  var docElem = doc && doc.documentElement;\n  var box = {\n    top: 0,\n    left: 0,\n    height: 0,\n    width: 0\n  };\n\n  if (!doc) {\n    return null;\n  } // Make sure it's not a disconnected DOM node\n\n\n  if (!(0,_contains__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(docElem, node)) {\n    return box;\n  }\n\n  if ((node === null || node === void 0 ? void 0 : node.getBoundingClientRect) !== undefined) {\n    box = node.getBoundingClientRect();\n  }\n\n  if ((box.width || box.height) && docElem && win) {\n    box = {\n      top: box.top + (win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0),\n      left: box.left + (win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0),\n      width: (box.width === null ? node.offsetWidth : box.width) || 0,\n      height: (box.height === null ? node.offsetHeight : box.height) || 0\n    };\n  }\n\n  return box;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getOffset.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getOffset; }\n/* harmony export */ });\n/* harmony import */ var _ownerDocument_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ownerDocument.js */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getWindow.js */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _contains_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./contains.js */ \"./node_modules/dom-lib/esm/contains.js\");\n\n\n\n\n/**\n * Get the offset of a DOM element\n * @param node The DOM element\n * @returns The offset of the DOM element\n */\nfunction getOffset(node) {\n  var doc = (0,_ownerDocument_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(doc);\n  var docElem = doc && doc.documentElement;\n  var box = {\n    top: 0,\n    left: 0,\n    height: 0,\n    width: 0\n  };\n\n  if (!doc) {\n    return null;\n  } // Make sure it's not a disconnected DOM node\n\n\n  if (!(0,_contains_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(docElem, node)) {\n    return box;\n  }\n\n  if ((node === null || node === void 0 ? void 0 : node.getBoundingClientRect) !== undefined) {\n    box = node.getBoundingClientRect();\n  }\n\n  if ((box.width || box.height) && docElem && win) {\n    box = {\n      top: box.top + (win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0),\n      left: box.left + (win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0),\n      width: (box.width === null ? node.offsetWidth : box.width) || 0,\n      height: (box.height === null ? node.offsetHeight : box.height) || 0\n    };\n  }\n\n  return box;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getOffset.js?");
 
 /***/ }),
 
@@ -12114,7 +12224,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _own
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ownerDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n/* harmony import */ var _nodeName__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nodeName */ \"./node_modules/dom-lib/esm/nodeName.js\");\n/* harmony import */ var _getStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getStyle */ \"./node_modules/dom-lib/esm/getStyle.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node) {\n  var doc = (0,_ownerDocument__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n  var offsetParent = node === null || node === void 0 ? void 0 : node.offsetParent;\n\n  while (offsetParent && (0,_nodeName__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node) !== 'html' && (0,_getStyle__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(offsetParent, 'position') === 'static') {\n    offsetParent = offsetParent.offsetParent;\n  }\n\n  return offsetParent || doc.documentElement;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getOffsetParent.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getOffsetParent; }\n/* harmony export */ });\n/* harmony import */ var _ownerDocument_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ownerDocument.js */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n/* harmony import */ var _nodeName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nodeName.js */ \"./node_modules/dom-lib/esm/nodeName.js\");\n/* harmony import */ var _getStyle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getStyle.js */ \"./node_modules/dom-lib/esm/getStyle.js\");\n\n\n\n/**\n * Get the offset parent of a DOM element\n * @param node The DOM element\n * @returns The offset parent of the DOM element\n */\n\nfunction getOffsetParent(node) {\n  var doc = (0,_ownerDocument_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n  var offsetParent = node === null || node === void 0 ? void 0 : node.offsetParent;\n\n  while (offsetParent && (0,_nodeName_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node) !== 'html' && (0,_getStyle_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(offsetParent, 'position') === 'static') {\n    offsetParent = offsetParent.offsetParent;\n  }\n\n  return offsetParent || doc.documentElement;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getOffsetParent.js?");
 
 /***/ }),
 
@@ -12125,7 +12235,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _own
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _getOffsetParent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffsetParent */ \"./node_modules/dom-lib/esm/getOffsetParent.js\");\n/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _getStyle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getStyle */ \"./node_modules/dom-lib/esm/getStyle.js\");\n/* harmony import */ var _scrollTop__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var _scrollLeft__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var _nodeName__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./nodeName */ \"./node_modules/dom-lib/esm/nodeName.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, offsetParent, calcMargin) {\n  if (calcMargin === void 0) {\n    calcMargin = true;\n  }\n\n  var parentOffset = {\n    top: 0,\n    left: 0\n  };\n  var offset = null; // Fixed elements are offset from window (parentOffset = {top:0, left: 0},\n  // because it is its only offset parent\n\n  if ((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(node, 'position') === 'fixed') {\n    offset = node.getBoundingClientRect();\n  } else {\n    offsetParent = offsetParent || (0,_getOffsetParent__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n    offset = (0,_getOffset__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(node);\n\n    if ((0,_nodeName__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(offsetParent) !== 'html') {\n      var nextParentOffset = (0,_getOffset__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(offsetParent);\n\n      if (nextParentOffset) {\n        parentOffset.top = nextParentOffset.top;\n        parentOffset.left = nextParentOffset.left;\n      }\n    }\n\n    parentOffset.top += parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(offsetParent, 'borderTopWidth'), 10) - (0,_scrollTop__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(offsetParent) || 0;\n    parentOffset.left += parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(offsetParent, 'borderLeftWidth'), 10) - (0,_scrollLeft__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(offsetParent) || 0;\n  } // Subtract parent offsets and node margins\n\n\n  if (offset) {\n    var marginTop = calcMargin ? parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(node, 'marginTop'), 10) || 0 : 0;\n    var marginLeft = calcMargin ? parseInt((0,_getStyle__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(node, 'marginLeft'), 10) || 0 : 0;\n    return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, offset, {\n      top: offset.top - parentOffset.top - marginTop,\n      left: offset.left - parentOffset.left - marginLeft\n    });\n  }\n\n  return null;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getPosition.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getPosition; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _getOffsetParent_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffsetParent.js */ \"./node_modules/dom-lib/esm/getOffsetParent.js\");\n/* harmony import */ var _getOffset_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getOffset.js */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _getStyle_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getStyle.js */ \"./node_modules/dom-lib/esm/getStyle.js\");\n/* harmony import */ var _scrollTop_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./scrollTop.js */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var _scrollLeft_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./scrollLeft.js */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var _nodeName_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./nodeName.js */ \"./node_modules/dom-lib/esm/nodeName.js\");\n\n\n\n\n\n\n\n/**\n * Get the position of a DOM element\n * @param node  The DOM element\n * @param offsetParent  The offset parent of the DOM element\n * @param calcMargin  Whether to calculate the margin\n * @returns  The position of the DOM element\n */\n\nfunction getPosition(node, offsetParent, calcMargin) {\n  if (calcMargin === void 0) {\n    calcMargin = true;\n  }\n\n  var parentOffset = {\n    top: 0,\n    left: 0\n  };\n  var offset = null; // Fixed elements are offset from window (parentOffset = {top:0, left: 0},\n  // because it is its only offset parent\n\n  if ((0,_getStyle_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(node, 'position') === 'fixed') {\n    offset = node.getBoundingClientRect();\n  } else {\n    offsetParent = offsetParent || (0,_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n    offset = (0,_getOffset_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(node);\n\n    if ((0,_nodeName_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(offsetParent) !== 'html') {\n      var nextParentOffset = (0,_getOffset_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(offsetParent);\n\n      if (nextParentOffset) {\n        parentOffset.top = nextParentOffset.top;\n        parentOffset.left = nextParentOffset.left;\n      }\n    }\n\n    parentOffset.top += parseInt((0,_getStyle_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(offsetParent, 'borderTopWidth'), 10) - (0,_scrollTop_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(offsetParent) || 0;\n    parentOffset.left += parseInt((0,_getStyle_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(offsetParent, 'borderLeftWidth'), 10) - (0,_scrollLeft_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(offsetParent) || 0;\n  } // Subtract parent offsets and node margins\n\n\n  if (offset) {\n    var marginTop = calcMargin ? parseInt((0,_getStyle_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(node, 'marginTop'), 10) || 0 : 0;\n    var marginLeft = calcMargin ? parseInt((0,_getStyle_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(node, 'marginLeft'), 10) || 0 : 0;\n    return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, offset, {\n      top: offset.top - parentOffset.top - marginTop,\n      left: offset.left - parentOffset.left - marginLeft\n    });\n  }\n\n  return null;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getPosition.js?");
 
 /***/ }),
 
@@ -12136,7 +12246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\nvar size;\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (recalc) {\n  if (size === undefined || recalc) {\n    if (_canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"]) {\n      var scrollDiv = document.createElement('div');\n      var body = document.body;\n      scrollDiv.style.position = 'absolute';\n      scrollDiv.style.top = '-9999px';\n      scrollDiv.style.width = '50px';\n      scrollDiv.style.height = '50px';\n      scrollDiv.style.overflow = 'scroll';\n      body.appendChild(scrollDiv);\n      size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n      body.removeChild(scrollDiv);\n    }\n  }\n\n  return size;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getScrollbarSize.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getScrollbarSize; }\n/* harmony export */ });\n/* harmony import */ var _canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM.js */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\nvar size;\n/**\n * Returns the size of the scrollbar.\n * @param recalc Force recalculation.\n * @returns The size of the scrollbar.\n */\n\nfunction getScrollbarSize(recalc) {\n  if (size === undefined || recalc) {\n    if (_canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]) {\n      var scrollDiv = document.createElement('div');\n      var body = document.body;\n      scrollDiv.style.position = 'absolute';\n      scrollDiv.style.top = '-9999px';\n      scrollDiv.style.width = '50px';\n      scrollDiv.style.height = '50px';\n      scrollDiv.style.overflow = 'scroll';\n      body.appendChild(scrollDiv);\n      size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n      body.removeChild(scrollDiv);\n    }\n  }\n\n  return size;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getScrollbarSize.js?");
 
 /***/ }),
 
@@ -12147,7 +12257,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _can
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_camelizeStyleName__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/camelizeStyleName */ \"./node_modules/dom-lib/esm/utils/camelizeStyleName.js\");\n/* harmony import */ var _utils_getComputedStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/getComputedStyle */ \"./node_modules/dom-lib/esm/utils/getComputedStyle.js\");\n/* harmony import */ var _utils_hyphenateStyleName__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/hyphenateStyleName */ \"./node_modules/dom-lib/esm/utils/hyphenateStyleName.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, property) {\n  if (property) {\n    var value = node.style[(0,_utils_camelizeStyleName__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(property)];\n\n    if (value) {\n      return value;\n    }\n\n    var styles = (0,_utils_getComputedStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n\n    if (styles) {\n      return styles.getPropertyValue((0,_utils_hyphenateStyleName__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(property));\n    }\n  }\n\n  return node.style || (0,_utils_getComputedStyle__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getStyle.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getStyle; }\n/* harmony export */ });\n/* harmony import */ var _utils_camelizeStyleName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/camelizeStyleName.js */ \"./node_modules/dom-lib/esm/utils/camelizeStyleName.js\");\n/* harmony import */ var _utils_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/getComputedStyle.js */ \"./node_modules/dom-lib/esm/utils/getComputedStyle.js\");\n/* harmony import */ var _utils_hyphenateStyleName_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/hyphenateStyleName.js */ \"./node_modules/dom-lib/esm/utils/hyphenateStyleName.js\");\n\n\n\n/**\n * Gets the value for a style property\n * @param node  The DOM element\n * @param property  The style property\n * @returns The value of the style property\n */\n\nfunction getStyle(node, property) {\n  if (property) {\n    var value = node.style[(0,_utils_camelizeStyleName_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(property)];\n\n    if (value) {\n      return value;\n    }\n\n    var styles = (0,_utils_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n\n    if (styles) {\n      return styles.getPropertyValue((0,_utils_hyphenateStyleName_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(property));\n    }\n  }\n\n  return node.style || (0,_utils_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getStyle.js?");
 
 /***/ }),
 
@@ -12158,7 +12268,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _uti
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getTransitionEnd; }\n/* harmony export */ });\n/* harmony import */ var _getTransitionProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getTransitionProperties */ \"./node_modules/dom-lib/esm/getTransitionProperties.js\");\n\nfunction getTransitionEnd() {\n  return (0,_getTransitionProperties__WEBPACK_IMPORTED_MODULE_0__[\"default\"])().end;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getTransitionEnd.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getTransitionEnd; }\n/* harmony export */ });\n/* harmony import */ var _getTransitionProperties_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getTransitionProperties.js */ \"./node_modules/dom-lib/esm/getTransitionProperties.js\");\n\nfunction getTransitionEnd() {\n  return (0,_getTransitionProperties_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])().end;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getTransitionEnd.js?");
 
 /***/ }),
 
@@ -12169,7 +12279,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\n\nfunction getTransitionProperties() {\n  if (!_canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"]) {\n    return {};\n  }\n\n  var vendorMap = {\n    O: function O(e) {\n      return \"o\" + e.toLowerCase();\n    },\n    Moz: function Moz(e) {\n      return e.toLowerCase();\n    },\n    Webkit: function Webkit(e) {\n      return \"webkit\" + e;\n    },\n    ms: function ms(e) {\n      return \"MS\" + e;\n    }\n  };\n  var vendors = Object.keys(vendorMap);\n  var style = document.createElement('div').style;\n  var tempTransitionEnd;\n  var tempPrefix = '';\n\n  for (var i = 0; i < vendors.length; i += 1) {\n    var vendor = vendors[i];\n\n    if (vendor + \"TransitionProperty\" in style) {\n      tempPrefix = \"-\" + vendor.toLowerCase();\n      tempTransitionEnd = vendorMap[vendor]('TransitionEnd');\n      break;\n    }\n  }\n\n  if (!tempTransitionEnd && 'transitionProperty' in style) {\n    tempTransitionEnd = 'transitionend';\n  }\n\n  style = null;\n\n  var addPrefix = function addPrefix(name) {\n    return tempPrefix + \"-\" + name;\n  };\n\n  return {\n    end: tempTransitionEnd,\n    backfaceVisibility: addPrefix('backface-visibility'),\n    transform: addPrefix('transform'),\n    property: addPrefix('transition-property'),\n    timing: addPrefix('transition-timing-function'),\n    delay: addPrefix('transition-delay'),\n    duration: addPrefix('transition-duration')\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getTransitionProperties);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getTransitionProperties.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM.js */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\n\nfunction getTransitionProperties() {\n  if (!_canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]) {\n    return {};\n  }\n\n  var vendorMap = {\n    O: function O(e) {\n      return \"o\" + e.toLowerCase();\n    },\n    Moz: function Moz(e) {\n      return e.toLowerCase();\n    },\n    Webkit: function Webkit(e) {\n      return \"webkit\" + e;\n    },\n    ms: function ms(e) {\n      return \"MS\" + e;\n    }\n  };\n  var vendors = Object.keys(vendorMap);\n  var style = document.createElement('div').style;\n  var tempTransitionEnd;\n  var tempPrefix = '';\n\n  for (var i = 0; i < vendors.length; i += 1) {\n    var vendor = vendors[i];\n\n    if (vendor + \"TransitionProperty\" in style) {\n      tempPrefix = \"-\" + vendor.toLowerCase();\n      tempTransitionEnd = vendorMap[vendor]('TransitionEnd');\n      break;\n    }\n  }\n\n  if (!tempTransitionEnd && 'transitionProperty' in style) {\n    tempTransitionEnd = 'transitionend';\n  }\n\n  style = null;\n\n  var addPrefix = function addPrefix(name) {\n    return tempPrefix + \"-\" + name;\n  };\n\n  return {\n    end: tempTransitionEnd,\n    backfaceVisibility: addPrefix('backface-visibility'),\n    transform: addPrefix('transform'),\n    property: addPrefix('transition-property'),\n    timing: addPrefix('transition-timing-function'),\n    delay: addPrefix('transition-delay'),\n    duration: addPrefix('transition-duration')\n  };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getTransitionProperties);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getTransitionProperties.js?");
 
 /***/ }),
 
@@ -12180,7 +12290,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _can
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, client) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n\n  if (win) {\n    return win.innerWidth;\n  }\n\n  if (client) {\n    return node.clientWidth;\n  }\n\n  var offset = (0,_getOffset__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n  return offset ? offset.width : 0;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getWidth.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getWidth; }\n/* harmony export */ });\n/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _getOffset_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getOffset.js */ \"./node_modules/dom-lib/esm/getOffset.js\");\n\n\n/**\n * Get the width of a DOM element\n * @param node The DOM element\n * @param client Whether to get the client width\n * @returns The width of the DOM element\n */\n\nfunction getWidth(node, client) {\n  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n\n  if (win) {\n    return win.innerWidth;\n  }\n\n  if (client) {\n    return node.clientWidth;\n  }\n\n  var offset = (0,_getOffset_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n  return offset ? offset.width : 0;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getWidth.js?");
 
 /***/ }),
 
@@ -12191,7 +12301,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _get
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node) {\n  if (node === (node === null || node === void 0 ? void 0 : node.window)) {\n    return node;\n  }\n\n  return (node === null || node === void 0 ? void 0 : node.nodeType) === 9 ? (node === null || node === void 0 ? void 0 : node.defaultView) || (node === null || node === void 0 ? void 0 : node.parentWindow) : null;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getWindow.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ getWindow; }\n/* harmony export */ });\n/**\n * Get the Window object of browser\n * @param node The DOM element\n * @returns The Window object of browser\n */\nfunction getWindow(node) {\n  if (node === (node === null || node === void 0 ? void 0 : node.window)) {\n    return node;\n  }\n\n  return (node === null || node === void 0 ? void 0 : node.nodeType) === 9 ? (node === null || node === void 0 ? void 0 : node.defaultView) || (node === null || node === void 0 ? void 0 : node.parentWindow) : null;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/getWindow.js?");
 
 /***/ }),
 
@@ -12202,7 +12312,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (target, className) {\n  if (target.classList) {\n    return !!className && target.classList.contains(className);\n  }\n\n  return (\" \" + target.className + \" \").indexOf(\" \" + className + \" \") !== -1;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/hasClass.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ hasClass; }\n/* harmony export */ });\n/**\n * Check whether an element has a specific class\n *\n * @param target The element to be checked\n * @param className The class to be checked\n *\n * @returns `true` if the element has the class, `false` otherwise\n */\nfunction hasClass(target, className) {\n  if (target.classList) {\n    return !!className && target.classList.contains(className);\n  }\n\n  return (\" \" + target.className + \" \").indexOf(\" \" + className + \" \") !== -1;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/hasClass.js?");
 
 /***/ }),
 
@@ -12213,7 +12323,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"DOMMouseMoveTracker\": function() { return /* reexport safe */ _DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"WheelHandler\": function() { return /* reexport safe */ _WheelHandler__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"addClass\": function() { return /* reexport safe */ _addClass__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"addStyle\": function() { return /* reexport safe */ _addStyle__WEBPACK_IMPORTED_MODULE_30__[\"default\"]; },\n/* harmony export */   \"canUseDOM\": function() { return /* reexport safe */ _canUseDOM__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */   \"cancelAnimationFramePolyfill\": function() { return /* reexport safe */ _cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   \"contains\": function() { return /* reexport safe */ _contains__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; },\n/* harmony export */   \"getAnimationEnd\": function() { return /* reexport safe */ _getAnimationEnd__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   \"getContainer\": function() { return /* reexport safe */ _getContainer__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; },\n/* harmony export */   \"getHeight\": function() { return /* reexport safe */ _getHeight__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; },\n/* harmony export */   \"getOffset\": function() { return /* reexport safe */ _getOffset__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */   \"getOffsetParent\": function() { return /* reexport safe */ _getOffsetParent__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; },\n/* harmony export */   \"getPosition\": function() { return /* reexport safe */ _getPosition__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; },\n/* harmony export */   \"getScrollbarSize\": function() { return /* reexport safe */ _getScrollbarSize__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; },\n/* harmony export */   \"getStyle\": function() { return /* reexport safe */ _getStyle__WEBPACK_IMPORTED_MODULE_28__[\"default\"]; },\n/* harmony export */   \"getWidth\": function() { return /* reexport safe */ _getWidth__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; },\n/* harmony export */   \"getWindow\": function() { return /* reexport safe */ _getWindow__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */   \"hasClass\": function() { return /* reexport safe */ _hasClass__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"isFocusable\": function() { return /* reexport safe */ _isFocusable__WEBPACK_IMPORTED_MODULE_27__[\"default\"]; },\n/* harmony export */   \"isOverflowing\": function() { return /* reexport safe */ _isOverflowing__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; },\n/* harmony export */   \"nodeName\": function() { return /* reexport safe */ _nodeName__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; },\n/* harmony export */   \"off\": function() { return /* reexport safe */ _off__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"on\": function() { return /* reexport safe */ _on__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   \"ownerDocument\": function() { return /* reexport safe */ _ownerDocument__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; },\n/* harmony export */   \"ownerWindow\": function() { return /* reexport safe */ _ownerWindow__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; },\n/* harmony export */   \"removeClass\": function() { return /* reexport safe */ _removeClass__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"removeStyle\": function() { return /* reexport safe */ _removeStyle__WEBPACK_IMPORTED_MODULE_29__[\"default\"]; },\n/* harmony export */   \"requestAnimationFramePolyfill\": function() { return /* reexport safe */ _requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"scrollLeft\": function() { return /* reexport safe */ _scrollLeft__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; },\n/* harmony export */   \"scrollTop\": function() { return /* reexport safe */ _scrollTop__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */   \"toggleClass\": function() { return /* reexport safe */ _toggleClass__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"translateDOMPositionXY\": function() { return /* reexport safe */ _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_31__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./on */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _off__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./off */ \"./node_modules/dom-lib/esm/off.js\");\n/* harmony import */ var _WheelHandler__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./WheelHandler */ \"./node_modules/dom-lib/esm/WheelHandler.js\");\n/* harmony import */ var _DOMMouseMoveTracker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DOMMouseMoveTracker */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var _addClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./addClass */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var _removeClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\");\n/* harmony import */ var _hasClass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hasClass */ \"./node_modules/dom-lib/esm/hasClass.js\");\n/* harmony import */ var _toggleClass__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./toggleClass */ \"./node_modules/dom-lib/esm/toggleClass.js\");\n/* harmony import */ var _cancelAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./cancelAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n/* harmony import */ var _requestAnimationFramePolyfill__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./requestAnimationFramePolyfill */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/* harmony import */ var _getAnimationEnd__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./getAnimationEnd */ \"./node_modules/dom-lib/esm/getAnimationEnd.js\");\n/* harmony import */ var _ownerDocument__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n/* harmony import */ var _ownerWindow__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ownerWindow */ \"./node_modules/dom-lib/esm/ownerWindow.js\");\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _getContainer__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./getContainer */ \"./node_modules/dom-lib/esm/getContainer.js\");\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n/* harmony import */ var _contains__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./contains */ \"./node_modules/dom-lib/esm/contains.js\");\n/* harmony import */ var _scrollTop__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./scrollTop */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var _scrollLeft__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./scrollLeft */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var _getOffset__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./getOffset */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _nodeName__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./nodeName */ \"./node_modules/dom-lib/esm/nodeName.js\");\n/* harmony import */ var _getOffsetParent__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./getOffsetParent */ \"./node_modules/dom-lib/esm/getOffsetParent.js\");\n/* harmony import */ var _getPosition__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./getPosition */ \"./node_modules/dom-lib/esm/getPosition.js\");\n/* harmony import */ var _isOverflowing__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./isOverflowing */ \"./node_modules/dom-lib/esm/isOverflowing.js\");\n/* harmony import */ var _getScrollbarSize__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./getScrollbarSize */ \"./node_modules/dom-lib/esm/getScrollbarSize.js\");\n/* harmony import */ var _getHeight__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./getHeight */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var _getWidth__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./getWidth */ \"./node_modules/dom-lib/esm/getWidth.js\");\n/* harmony import */ var _isFocusable__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./isFocusable */ \"./node_modules/dom-lib/esm/isFocusable.js\");\n/* harmony import */ var _getStyle__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./getStyle */ \"./node_modules/dom-lib/esm/getStyle.js\");\n/* harmony import */ var _removeStyle__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./removeStyle */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var _addStyle__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./addStyle */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var _translateDOMPositionXY__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./translateDOMPositionXY */ \"./node_modules/dom-lib/esm/translateDOMPositionXY.js\");\n/** events */\n\n\n\n\n/** classNames */\n\n\n\n\n\n/** animation */\n\n\n\n\n/** DOM query */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/** styles */\n\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"DOMMouseMoveTracker\": function() { return /* reexport safe */ _DOMMouseMoveTracker_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"PointerMoveTracker\": function() { return /* reexport safe */ _PointerMoveTracker_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"WheelHandler\": function() { return /* reexport safe */ _WheelHandler_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"addClass\": function() { return /* reexport safe */ _addClass_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"addStyle\": function() { return /* reexport safe */ _addStyle_js__WEBPACK_IMPORTED_MODULE_31__[\"default\"]; },\n/* harmony export */   \"canUseDOM\": function() { return /* reexport safe */ _canUseDOM_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; },\n/* harmony export */   \"cancelAnimationFramePolyfill\": function() { return /* reexport safe */ _cancelAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"contains\": function() { return /* reexport safe */ _contains_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */   \"getAnimationEnd\": function() { return /* reexport safe */ _getAnimationEnd_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; },\n/* harmony export */   \"getContainer\": function() { return /* reexport safe */ _getContainer_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */   \"getHeight\": function() { return /* reexport safe */ _getHeight_js__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; },\n/* harmony export */   \"getOffset\": function() { return /* reexport safe */ _getOffset_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; },\n/* harmony export */   \"getOffsetParent\": function() { return /* reexport safe */ _getOffsetParent_js__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; },\n/* harmony export */   \"getPosition\": function() { return /* reexport safe */ _getPosition_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; },\n/* harmony export */   \"getScrollbarSize\": function() { return /* reexport safe */ _getScrollbarSize_js__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; },\n/* harmony export */   \"getStyle\": function() { return /* reexport safe */ _getStyle_js__WEBPACK_IMPORTED_MODULE_29__[\"default\"]; },\n/* harmony export */   \"getWidth\": function() { return /* reexport safe */ _getWidth_js__WEBPACK_IMPORTED_MODULE_27__[\"default\"]; },\n/* harmony export */   \"getWindow\": function() { return /* reexport safe */ _getWindow_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; },\n/* harmony export */   \"hasClass\": function() { return /* reexport safe */ _hasClass_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"isFocusable\": function() { return /* reexport safe */ _isFocusable_js__WEBPACK_IMPORTED_MODULE_28__[\"default\"]; },\n/* harmony export */   \"isOverflowing\": function() { return /* reexport safe */ _isOverflowing_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; },\n/* harmony export */   \"nodeName\": function() { return /* reexport safe */ _nodeName_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; },\n/* harmony export */   \"off\": function() { return /* reexport safe */ _off_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"on\": function() { return /* reexport safe */ _on_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   \"ownerDocument\": function() { return /* reexport safe */ _ownerDocument_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; },\n/* harmony export */   \"ownerWindow\": function() { return /* reexport safe */ _ownerWindow_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */   \"removeClass\": function() { return /* reexport safe */ _removeClass_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"removeStyle\": function() { return /* reexport safe */ _removeStyle_js__WEBPACK_IMPORTED_MODULE_30__[\"default\"]; },\n/* harmony export */   \"requestAnimationFramePolyfill\": function() { return /* reexport safe */ _requestAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   \"scrollLeft\": function() { return /* reexport safe */ _scrollLeft_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */   \"scrollTop\": function() { return /* reexport safe */ _scrollTop_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; },\n/* harmony export */   \"toggleClass\": function() { return /* reexport safe */ _toggleClass_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   \"translateDOMPositionXY\": function() { return /* reexport safe */ _translateDOMPositionXY_js__WEBPACK_IMPORTED_MODULE_32__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _on_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./on.js */ \"./node_modules/dom-lib/esm/on.js\");\n/* harmony import */ var _off_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./off.js */ \"./node_modules/dom-lib/esm/off.js\");\n/* harmony import */ var _WheelHandler_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./WheelHandler.js */ \"./node_modules/dom-lib/esm/WheelHandler.js\");\n/* harmony import */ var _DOMMouseMoveTracker_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DOMMouseMoveTracker.js */ \"./node_modules/dom-lib/esm/DOMMouseMoveTracker.js\");\n/* harmony import */ var _PointerMoveTracker_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PointerMoveTracker.js */ \"./node_modules/dom-lib/esm/PointerMoveTracker.js\");\n/* harmony import */ var _addClass_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./addClass.js */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var _removeClass_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./removeClass.js */ \"./node_modules/dom-lib/esm/removeClass.js\");\n/* harmony import */ var _hasClass_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hasClass.js */ \"./node_modules/dom-lib/esm/hasClass.js\");\n/* harmony import */ var _toggleClass_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./toggleClass.js */ \"./node_modules/dom-lib/esm/toggleClass.js\");\n/* harmony import */ var _cancelAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./cancelAnimationFramePolyfill.js */ \"./node_modules/dom-lib/esm/cancelAnimationFramePolyfill.js\");\n/* harmony import */ var _requestAnimationFramePolyfill_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./requestAnimationFramePolyfill.js */ \"./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js\");\n/* harmony import */ var _getAnimationEnd_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./getAnimationEnd.js */ \"./node_modules/dom-lib/esm/getAnimationEnd.js\");\n/* harmony import */ var _ownerDocument_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ownerDocument.js */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n/* harmony import */ var _ownerWindow_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ownerWindow.js */ \"./node_modules/dom-lib/esm/ownerWindow.js\");\n/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./getWindow.js */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _getContainer_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./getContainer.js */ \"./node_modules/dom-lib/esm/getContainer.js\");\n/* harmony import */ var _canUseDOM_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./canUseDOM.js */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n/* harmony import */ var _contains_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./contains.js */ \"./node_modules/dom-lib/esm/contains.js\");\n/* harmony import */ var _scrollTop_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./scrollTop.js */ \"./node_modules/dom-lib/esm/scrollTop.js\");\n/* harmony import */ var _scrollLeft_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./scrollLeft.js */ \"./node_modules/dom-lib/esm/scrollLeft.js\");\n/* harmony import */ var _getOffset_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./getOffset.js */ \"./node_modules/dom-lib/esm/getOffset.js\");\n/* harmony import */ var _nodeName_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./nodeName.js */ \"./node_modules/dom-lib/esm/nodeName.js\");\n/* harmony import */ var _getOffsetParent_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./getOffsetParent.js */ \"./node_modules/dom-lib/esm/getOffsetParent.js\");\n/* harmony import */ var _getPosition_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./getPosition.js */ \"./node_modules/dom-lib/esm/getPosition.js\");\n/* harmony import */ var _isOverflowing_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./isOverflowing.js */ \"./node_modules/dom-lib/esm/isOverflowing.js\");\n/* harmony import */ var _getScrollbarSize_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./getScrollbarSize.js */ \"./node_modules/dom-lib/esm/getScrollbarSize.js\");\n/* harmony import */ var _getHeight_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./getHeight.js */ \"./node_modules/dom-lib/esm/getHeight.js\");\n/* harmony import */ var _getWidth_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./getWidth.js */ \"./node_modules/dom-lib/esm/getWidth.js\");\n/* harmony import */ var _isFocusable_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./isFocusable.js */ \"./node_modules/dom-lib/esm/isFocusable.js\");\n/* harmony import */ var _getStyle_js__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./getStyle.js */ \"./node_modules/dom-lib/esm/getStyle.js\");\n/* harmony import */ var _removeStyle_js__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./removeStyle.js */ \"./node_modules/dom-lib/esm/removeStyle.js\");\n/* harmony import */ var _addStyle_js__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./addStyle.js */ \"./node_modules/dom-lib/esm/addStyle.js\");\n/* harmony import */ var _translateDOMPositionXY_js__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./translateDOMPositionXY.js */ \"./node_modules/dom-lib/esm/translateDOMPositionXY.js\");\n/** events */\n\n\n\n\n\n/** classNames */\n\n\n\n\n\n/** animation */\n\n\n\n\n/** DOM query */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/** styles */\n\n\n\n\n\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/index.js?");
 
 /***/ }),
 
@@ -12224,7 +12334,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nvar selector = \"input:not([type='hidden']):not([disabled]), \\nselect:not([disabled]), textarea:not([disabled]), a[href], \\nbutton:not([disabled]),[tabindex],iframe,object, embed, area[href], \\naudio[controls],video[controls],[contenteditable]:not([contenteditable='false'])\";\n\nfunction isVisible(element) {\n  var htmlElement = element;\n  return htmlElement.offsetWidth > 0 || htmlElement.offsetHeight > 0 || element.getClientRects().length > 0;\n}\n/**\n * Checks whether `element` is focusable or not.\n *\n * isFocusable(document.querySelector(\"input\")); // true\n * isFocusable(document.querySelector(\"input[tabindex='-1']\")); // true\n * isFocusable(document.querySelector(\"input[hidden]\")); // false\n * isFocusable(document.querySelector(\"input:disabled\")); // false\n */\n\n\nfunction isFocusable(element) {\n  return isVisible(element) && (element === null || element === void 0 ? void 0 : element.matches(selector));\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (isFocusable);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/isFocusable.js?");
+eval("__webpack_require__.r(__webpack_exports__);\nvar selector = \"input:not([type='hidden']):not([disabled]), \\nselect:not([disabled]), textarea:not([disabled]), a[href], \\nbutton:not([disabled]),[tabindex],iframe,object, embed, area[href], \\naudio[controls],video[controls],[contenteditable]:not([contenteditable='false'])\";\n\nfunction isVisible(element) {\n  var htmlElement = element;\n  return htmlElement.offsetWidth > 0 || htmlElement.offsetHeight > 0 || element.getClientRects().length > 0;\n}\n/**\n * Checks whether `element` is focusable or not.\n *\n * ```typescript\n * isFocusable(document.querySelector(\"input\")); // true\n * isFocusable(document.querySelector(\"input[tabindex='-1']\")); // true\n * isFocusable(document.querySelector(\"input[hidden]\")); // false\n * isFocusable(document.querySelector(\"input:disabled\")); // false\n * ```\n */\n\n\nfunction isFocusable(element) {\n  return isVisible(element) && (element === null || element === void 0 ? void 0 : element.matches(selector));\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (isFocusable);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/isFocusable.js?");
 
 /***/ }),
 
@@ -12235,7 +12345,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nvar selector = \"input:not([t
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _ownerDocument__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n\n\n\nfunction bodyIsOverflowing(node) {\n  var doc = (0,_ownerDocument__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(doc);\n  var fullWidth = win.innerWidth;\n\n  if (doc.body) {\n    return doc.body.clientWidth < fullWidth;\n  }\n\n  return false;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (container) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(container);\n  var isBody = container && container.tagName.toLowerCase() === 'body';\n  return win || isBody ? bodyIsOverflowing(container) : container.scrollHeight > container.clientHeight;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/isOverflowing.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ isOverflowing; }\n/* harmony export */ });\n/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ \"./node_modules/dom-lib/esm/getWindow.js\");\n/* harmony import */ var _ownerDocument_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ownerDocument.js */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n\n\n\nfunction bodyIsOverflowing(node) {\n  var doc = (0,_ownerDocument_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(node);\n  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(doc);\n  var fullWidth = win.innerWidth;\n\n  if (doc.body) {\n    return doc.body.clientWidth < fullWidth;\n  }\n\n  return false;\n}\n/**\n * Check if the document is overflowing and account for the scrollbar width\n * @param container The container to check\n * @returns The document is overflowing\n */\n\n\nfunction isOverflowing(container) {\n  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(container);\n  var isBody = container && container.tagName.toLowerCase() === 'body';\n  return win || isBody ? bodyIsOverflowing(container) : container.scrollHeight > container.clientHeight;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/isOverflowing.js?");
 
 /***/ }),
 
@@ -12246,7 +12356,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _get
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node) {\n  var _node$nodeName;\n\n  return (node === null || node === void 0 ? void 0 : node.nodeName) && (node === null || node === void 0 ? void 0 : (_node$nodeName = node.nodeName) === null || _node$nodeName === void 0 ? void 0 : _node$nodeName.toLowerCase());\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/nodeName.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ nodeName; }\n/* harmony export */ });\n/**\n * Get the name of the DOM element\n * @param node The DOM element\n * @returns The name of the DOM element\n */\nfunction nodeName(node) {\n  var _node$nodeName;\n\n  return (node === null || node === void 0 ? void 0 : node.nodeName) && (node === null || node === void 0 ? void 0 : (_node$nodeName = node.nodeName) === null || _node$nodeName === void 0 ? void 0 : _node$nodeName.toLowerCase());\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/nodeName.js?");
 
 /***/ }),
 
@@ -12257,7 +12367,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ on; }\n/* harmony export */ });\n/**\n * Unbind `target` event `eventName`'s callback `listener`.\n */\nfunction on(target, eventName, listener, options) {\n  if (options === void 0) {\n    options = false;\n  }\n\n  target.removeEventListener(eventName, listener, options);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/off.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ on; }\n/* harmony export */ });\n/**\n * Unbind `target` event `eventName`'s callback `listener`.\n * @param target The DOM element\n * @param eventName The event name\n * @param listener  The event listener\n * @param options The event options\n */\nfunction on(target, eventName, listener, options) {\n  if (options === void 0) {\n    options = false;\n  }\n\n  target.removeEventListener(eventName, listener, options);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/off.js?");
 
 /***/ }),
 
@@ -12268,7 +12378,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ on; }\n/* harmony export */ });\n/**\n * Bind `target` event `eventName`'s callback `listener`.\n */\nfunction on(target, eventType, listener, options) {\n  if (options === void 0) {\n    options = false;\n  }\n\n  target.addEventListener(eventType, listener, options);\n  return {\n    off: function off() {\n      target.removeEventListener(eventType, listener, options);\n    }\n  };\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/on.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ on; }\n/* harmony export */ });\n/**\n * Bind `target` event `eventName`'s callback `listener`.\n * @param target The DOM element\n * @param eventType The event name\n * @param listener  The event listener\n * @param options   The event options\n * @returns   The event listener\n */\nfunction on(target, eventType, listener, options) {\n  if (options === void 0) {\n    options = false;\n  }\n\n  target.addEventListener(eventType, listener, options);\n  return {\n    off: function off() {\n      target.removeEventListener(eventType, listener, options);\n    }\n  };\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/on.js?");
 
 /***/ }),
 
@@ -12279,7 +12389,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node) {\n  return node && node.ownerDocument || document;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/ownerDocument.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ ownerDocument; }\n/* harmony export */ });\n/**\n * Returns the top-level document object of the node.\n * @param node The DOM element\n * @returns The top-level document object of the node\n */\nfunction ownerDocument(node) {\n  return node && node.ownerDocument || document;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/ownerDocument.js?");
 
 /***/ }),
 
@@ -12290,7 +12400,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ownerDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ownerDocument */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (componentOrElement) {\n  var doc = (0,_ownerDocument__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(componentOrElement);\n  return doc.defaultView;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/ownerWindow.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ ownerWindow; }\n/* harmony export */ });\n/* harmony import */ var _ownerDocument_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ownerDocument.js */ \"./node_modules/dom-lib/esm/ownerDocument.js\");\n\n/**\n * Returns the top-level window object of the node.\n * @param componentOrElement The DOM element\n * @returns The top-level window object of the node\n */\n\nfunction ownerWindow(componentOrElement) {\n  var doc = (0,_ownerDocument_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(componentOrElement);\n  return doc.defaultView;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/ownerWindow.js?");
 
 /***/ }),
 
@@ -12301,7 +12411,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _own
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (target, className) {\n  if (className) {\n    if (target.classList) {\n      target.classList.remove(className);\n    } else {\n      target.className = target.className.replace(new RegExp(\"(^|\\\\s)\" + className + \"(?:\\\\s|$)\", 'g'), '$1').replace(/\\s+/g, ' ') // multiple spaces to one\n      .replace(/^\\s*|\\s*$/g, ''); // trim the ends\n    }\n  }\n\n  return target;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/removeClass.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ removeClass; }\n/* harmony export */ });\n/**\n * Remove a class from a given element\n *\n * @param target The element to remove the class from\n * @param className The class to be removed\n *\n * @returns The target element\n */\nfunction removeClass(target, className) {\n  if (className) {\n    if (target.classList) {\n      target.classList.remove(className);\n    } else {\n      target.className = target.className.replace(new RegExp(\"(^|\\\\s)\" + className + \"(?:\\\\s|$)\", 'g'), '$1').replace(/\\s+/g, ' ') // multiple spaces to one\n      .replace(/^\\s*|\\s*$/g, ''); // trim the ends\n    }\n  }\n\n  return target;\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/removeClass.js?");
 
 /***/ }),
 
@@ -12312,7 +12422,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nfunction removeStyle(node, key) {\n  var _style, _style$removeProperty;\n\n  (_style = node.style) === null || _style === void 0 ? void 0 : (_style$removeProperty = _style.removeProperty) === null || _style$removeProperty === void 0 ? void 0 : _style$removeProperty.call(_style, key);\n}\n/**\n * key(s) typeof [string , array] ?\n */\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, keys) {\n  if (typeof keys === 'string') {\n    removeStyle(node, keys);\n  } else if (Array.isArray(keys)) {\n    keys.forEach(function (key) {\n      return removeStyle(node, key);\n    });\n  }\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/removeStyle.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ removeStyle; }\n/* harmony export */ });\nfunction _removeStyle(node, key) {\n  var _style, _style$removeProperty;\n\n  (_style = node.style) === null || _style === void 0 ? void 0 : (_style$removeProperty = _style.removeProperty) === null || _style$removeProperty === void 0 ? void 0 : _style$removeProperty.call(_style, key);\n}\n/**\n * Remove a style property from a DOM element\n * @param node The DOM element\n * @param keys key(s) typeof [string , array]\n */\n\n\nfunction removeStyle(node, keys) {\n  if (typeof keys === 'string') {\n    _removeStyle(node, keys);\n  } else if (Array.isArray(keys)) {\n    keys.forEach(function (key) {\n      return _removeStyle(node, key);\n    });\n  }\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/removeStyle.js?");
 
 /***/ }),
 
@@ -12323,7 +12433,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nfunction removeStyle(node, ke
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/emptyFunction */ \"./node_modules/dom-lib/esm/utils/emptyFunction.js\");\n/* harmony import */ var _utils_getGlobal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/getGlobal */ \"./node_modules/dom-lib/esm/utils/getGlobal.js\");\n\n\nvar g = (0,_utils_getGlobal__WEBPACK_IMPORTED_MODULE_1__[\"default\"])();\nvar lastTime = 0;\n\nfunction _setTimeout(callback) {\n  var currTime = Date.now();\n  var timeDelay = Math.max(0, 16 - (currTime - lastTime));\n  lastTime = currTime + timeDelay;\n  return g.setTimeout(function () {\n    callback(Date.now());\n  }, timeDelay);\n}\n/**\n * @deprecated Use `requestAnimationFrame` instead.\n */\n\n\nvar requestAnimationFramePolyfill = g.requestAnimationFrame || _setTimeout; // Works around a rare bug in Safari 6 where the first request is never invoked.\n\nrequestAnimationFramePolyfill(_utils_emptyFunction__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ __webpack_exports__[\"default\"] = (requestAnimationFramePolyfill);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/emptyFunction.js */ \"./node_modules/dom-lib/esm/utils/emptyFunction.js\");\n/* harmony import */ var _utils_getGlobal_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/getGlobal.js */ \"./node_modules/dom-lib/esm/utils/getGlobal.js\");\n\n\nvar g = (0,_utils_getGlobal_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])();\nvar lastTime = 0;\n\nfunction _setTimeout(callback) {\n  var currTime = Date.now();\n  var timeDelay = Math.max(0, 16 - (currTime - lastTime));\n  lastTime = currTime + timeDelay;\n  return g.setTimeout(function () {\n    callback(Date.now());\n  }, timeDelay);\n}\n/**\n * @deprecated Use `requestAnimationFrame` instead.\n */\n\n\nvar requestAnimationFramePolyfill = g.requestAnimationFrame || _setTimeout; // Works around a rare bug in Safari 6 where the first request is never invoked.\n\nrequestAnimationFramePolyfill(_utils_emptyFunction_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ __webpack_exports__[\"default\"] = (requestAnimationFramePolyfill);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/requestAnimationFramePolyfill.js?");
 
 /***/ }),
 
@@ -12334,7 +12444,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _uti
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/dom-lib/esm/getWindow.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, val) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n  var left = node.scrollLeft;\n  var top = 0;\n\n  if (win) {\n    left = win.pageXOffset;\n    top = win.pageYOffset;\n  }\n\n  if (val !== undefined) {\n    if (win) {\n      win.scrollTo(val, top);\n    } else {\n      node.scrollLeft = val;\n    }\n  }\n\n  return left;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/scrollLeft.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ \"./node_modules/dom-lib/esm/getWindow.js\");\n\n/**\n * Gets the number of pixels to scroll the element's content from the left edge.\n * @param node The DOM element\n */\n\nfunction scrollLeft(node, val) {\n  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n  var left = node.scrollLeft;\n  var top = 0;\n\n  if (win) {\n    left = win.pageXOffset;\n    top = win.pageYOffset;\n  }\n\n  if (val !== undefined) {\n    if (win) {\n      win.scrollTo(val, top);\n    } else {\n      node.scrollLeft = val;\n    }\n  }\n\n  return left;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (scrollLeft);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/scrollLeft.js?");
 
 /***/ }),
 
@@ -12345,7 +12455,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _get
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow */ \"./node_modules/dom-lib/esm/getWindow.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (node, val) {\n  var win = (0,_getWindow__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n  var top = node.scrollTop;\n  var left = 0;\n\n  if (win) {\n    top = win.pageYOffset;\n    left = win.pageXOffset;\n  }\n\n  if (val !== undefined) {\n    if (win) {\n      win.scrollTo(left, val);\n    } else {\n      node.scrollTop = val;\n    }\n  }\n\n  return top;\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/scrollTop.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ \"./node_modules/dom-lib/esm/getWindow.js\");\n\n/**\n * Gets the number of pixels that an element's content is scrolled vertically.\n * @param node The DOM element\n */\n\nfunction scrollTop(node, val) {\n  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(node);\n  var top = node.scrollTop;\n  var left = 0;\n\n  if (win) {\n    top = win.pageYOffset;\n    left = win.pageXOffset;\n  }\n\n  if (val !== undefined) {\n    if (win) {\n      win.scrollTo(left, val);\n    } else {\n      node.scrollTop = val;\n    }\n  }\n\n  return top;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (scrollTop);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/scrollTop.js?");
 
 /***/ }),
 
@@ -12356,7 +12466,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _get
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _hasClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hasClass */ \"./node_modules/dom-lib/esm/hasClass.js\");\n/* harmony import */ var _addClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./addClass */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var _removeClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./removeClass */ \"./node_modules/dom-lib/esm/removeClass.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (target, className) {\n  if ((0,_hasClass__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, className)) {\n    return (0,_removeClass__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(target, className);\n  }\n\n  return (0,_addClass__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(target, className);\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/toggleClass.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ toggleClass; }\n/* harmony export */ });\n/* harmony import */ var _hasClass_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hasClass.js */ \"./node_modules/dom-lib/esm/hasClass.js\");\n/* harmony import */ var _addClass_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./addClass.js */ \"./node_modules/dom-lib/esm/addClass.js\");\n/* harmony import */ var _removeClass_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./removeClass.js */ \"./node_modules/dom-lib/esm/removeClass.js\");\n\n\n\n/**\n * Toggle a class on an element\n * @param target The DOM element\n * @param className The class name\n * @returns The DOM element\n */\n\nfunction toggleClass(target, className) {\n  if ((0,_hasClass_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, className)) {\n    return (0,_removeClass_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(target, className);\n  }\n\n  return (0,_addClass_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(target, className);\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/toggleClass.js?");
 
 /***/ }),
 
@@ -12367,7 +12477,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _has
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getTranslateDOMPositionXY\": function() { return /* binding */ getTranslateDOMPositionXY; }\n/* harmony export */ });\n/* harmony import */ var _utils_BrowserSupportCore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/BrowserSupportCore */ \"./node_modules/dom-lib/esm/utils/BrowserSupportCore.js\");\n/* harmony import */ var _utils_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/getVendorPrefixedName */ \"./node_modules/dom-lib/esm/utils/getVendorPrefixedName.js\");\n/* harmony import */ var _utils_getGlobal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/getGlobal */ \"./node_modules/dom-lib/esm/utils/getGlobal.js\");\n/**\n * Source code reference from:\n * https://github.com/facebook/fbjs/blob/d308fa83c9/packages/fbjs/src/dom/translateDOMPositionXY.js\n */\n\n\n\nvar g = (0,_utils_getGlobal__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\nvar TRANSFORM = (0,_utils_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('transform');\nvar BACKFACE_VISIBILITY = (0,_utils_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('backfaceVisibility');\nvar defaultConfig = {\n  enable3DTransform: true\n};\n\nvar appendLeftAndTop = function appendLeftAndTop(style, x, y) {\n  if (x === void 0) {\n    x = 0;\n  }\n\n  if (y === void 0) {\n    y = 0;\n  }\n\n  style.left = x + \"px\";\n  style.top = y + \"px\";\n  return style;\n};\n\nvar appendTranslate = function appendTranslate(style, x, y) {\n  if (x === void 0) {\n    x = 0;\n  }\n\n  if (y === void 0) {\n    y = 0;\n  }\n\n  style[TRANSFORM] = \"translate(\" + x + \"px,\" + y + \"px)\";\n  return style;\n};\n\nvar appendTranslate3d = function appendTranslate3d(style, x, y) {\n  if (x === void 0) {\n    x = 0;\n  }\n\n  if (y === void 0) {\n    y = 0;\n  }\n\n  style[TRANSFORM] = \"translate3d(\" + x + \"px,\" + y + \"px,0)\";\n  style[BACKFACE_VISIBILITY] = 'hidden';\n  return style;\n};\n\nvar getTranslateDOMPositionXY = function getTranslateDOMPositionXY(conf) {\n  if (conf === void 0) {\n    conf = defaultConfig;\n  }\n\n  if (conf.forceUseTransform) {\n    return conf.enable3DTransform ? appendTranslate3d : appendTranslate;\n  }\n\n  if (_utils_BrowserSupportCore__WEBPACK_IMPORTED_MODULE_0__[\"default\"].hasCSSTransforms()) {\n    var ua = g.window ? g.window.navigator.userAgent : 'UNKNOWN';\n    var isSafari = /Safari\\//.test(ua) && !/Chrome\\//.test(ua); // It appears that Safari messes up the composition order\n    // of GPU-accelerated layers\n    // (see bug https://bugs.webkit.org/show_bug.cgi?id=61824).\n    // Use 2D translation instead.\n\n    if (!isSafari && _utils_BrowserSupportCore__WEBPACK_IMPORTED_MODULE_0__[\"default\"].hasCSS3DTransforms() && conf.enable3DTransform) {\n      return appendTranslate3d;\n    }\n\n    return appendTranslate;\n  }\n\n  return appendLeftAndTop;\n};\nvar translateDOMPositionXY = getTranslateDOMPositionXY();\n/* harmony default export */ __webpack_exports__[\"default\"] = (translateDOMPositionXY);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/translateDOMPositionXY.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getTranslateDOMPositionXY\": function() { return /* binding */ getTranslateDOMPositionXY; }\n/* harmony export */ });\n/* harmony import */ var _utils_BrowserSupportCore_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/BrowserSupportCore.js */ \"./node_modules/dom-lib/esm/utils/BrowserSupportCore.js\");\n/* harmony import */ var _utils_getVendorPrefixedName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/getVendorPrefixedName.js */ \"./node_modules/dom-lib/esm/utils/getVendorPrefixedName.js\");\n/* harmony import */ var _utils_getGlobal_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/getGlobal.js */ \"./node_modules/dom-lib/esm/utils/getGlobal.js\");\n/**\n * Source code reference from:\n * https://github.com/facebook/fbjs/blob/d308fa83c9/packages/fbjs/src/dom/translateDOMPositionXY.js\n */\n\n\n\nvar g = (0,_utils_getGlobal_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\nvar TRANSFORM = (0,_utils_getVendorPrefixedName_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('transform');\nvar BACKFACE_VISIBILITY = (0,_utils_getVendorPrefixedName_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('backfaceVisibility');\n\nvar appendLeftAndTop = function appendLeftAndTop(style, x, y) {\n  if (x === void 0) {\n    x = 0;\n  }\n\n  if (y === void 0) {\n    y = 0;\n  }\n\n  style.left = x + \"px\";\n  style.top = y + \"px\";\n  return style;\n};\n\nvar appendTranslate = function appendTranslate(style, x, y) {\n  if (x === void 0) {\n    x = 0;\n  }\n\n  if (y === void 0) {\n    y = 0;\n  }\n\n  style[TRANSFORM] = \"translate(\" + x + \"px,\" + y + \"px)\";\n  return style;\n};\n\nvar appendTranslate3d = function appendTranslate3d(style, x, y) {\n  if (x === void 0) {\n    x = 0;\n  }\n\n  if (y === void 0) {\n    y = 0;\n  }\n\n  style[TRANSFORM] = \"translate3d(\" + x + \"px,\" + y + \"px,0)\";\n  style[BACKFACE_VISIBILITY] = 'hidden';\n  return style;\n};\n\nvar getTranslateDOMPositionXY = function getTranslateDOMPositionXY(conf) {\n  var _ref = conf || {},\n      _ref$enableTransform = _ref.enableTransform,\n      enableTransform = _ref$enableTransform === void 0 ? true : _ref$enableTransform,\n      _ref$enable3DTransfor = _ref.enable3DTransform,\n      enable3DTransform = _ref$enable3DTransfor === void 0 ? true : _ref$enable3DTransfor,\n      forceUseTransform = _ref.forceUseTransform;\n\n  if (forceUseTransform) {\n    return conf.enable3DTransform ? appendTranslate3d : appendTranslate;\n  }\n\n  if (_utils_BrowserSupportCore_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].hasCSSTransforms() && enableTransform) {\n    var ua = g.window ? g.window.navigator.userAgent : 'UNKNOWN';\n    var isSafari = /Safari\\//.test(ua) && !/Chrome\\//.test(ua); // It appears that Safari messes up the composition order\n    // of GPU-accelerated layers\n    // (see bug https://bugs.webkit.org/show_bug.cgi?id=61824).\n    // Use 2D translation instead.\n\n    if (!isSafari && _utils_BrowserSupportCore_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].hasCSS3DTransforms() && enable3DTransform) {\n      return appendTranslate3d;\n    }\n\n    return appendTranslate;\n  }\n\n  return appendLeftAndTop;\n};\nvar translateDOMPositionXY = getTranslateDOMPositionXY();\n/* harmony default export */ __webpack_exports__[\"default\"] = (translateDOMPositionXY);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/translateDOMPositionXY.js?");
 
 /***/ }),
 
@@ -12378,7 +12488,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getVendorPrefixedName */ \"./node_modules/dom-lib/esm/utils/getVendorPrefixedName.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  /**\n   * @return {bool} True if browser supports css animations.\n   */\n  hasCSSAnimations: function hasCSSAnimations() {\n    return !!(0,_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('animationName');\n  },\n\n  /**\n   * @return {bool} True if browser supports css transforms.\n   */\n  hasCSSTransforms: function hasCSSTransforms() {\n    return !!(0,_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('transform');\n  },\n\n  /**\n   * @return {bool} True if browser supports css 3d transforms.\n   */\n  hasCSS3DTransforms: function hasCSS3DTransforms() {\n    return !!(0,_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('perspective');\n  },\n\n  /**\n   * @return {bool} True if browser supports css transitions.\n   */\n  hasCSSTransitions: function hasCSSTransitions() {\n    return !!(0,_getVendorPrefixedName__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('transition');\n  }\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/BrowserSupportCore.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _getVendorPrefixedName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getVendorPrefixedName.js */ \"./node_modules/dom-lib/esm/utils/getVendorPrefixedName.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  /**\n   * @return {bool} True if browser supports css animations.\n   */\n  hasCSSAnimations: function hasCSSAnimations() {\n    return !!(0,_getVendorPrefixedName_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('animationName');\n  },\n\n  /**\n   * @return {bool} True if browser supports css transforms.\n   */\n  hasCSSTransforms: function hasCSSTransforms() {\n    return !!(0,_getVendorPrefixedName_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('transform');\n  },\n\n  /**\n   * @return {bool} True if browser supports css 3d transforms.\n   */\n  hasCSS3DTransforms: function hasCSS3DTransforms() {\n    return !!(0,_getVendorPrefixedName_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('perspective');\n  },\n\n  /**\n   * @return {bool} True if browser supports css transitions.\n   */\n  hasCSSTransitions: function hasCSSTransitions() {\n    return !!(0,_getVendorPrefixedName_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('transition');\n  }\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/BrowserSupportCore.js?");
 
 /***/ }),
 
@@ -12400,7 +12510,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nvar populated = false; // Bro
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _stringFormatter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stringFormatter */ \"./node_modules/dom-lib/esm/utils/stringFormatter.js\");\n\nvar msPattern = /^ms-/;\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (name) {\n  return (0,_stringFormatter__WEBPACK_IMPORTED_MODULE_0__.camelize)(name.replace(msPattern, 'ms-'));\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/camelizeStyleName.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ camelizeStyleName; }\n/* harmony export */ });\n/* harmony import */ var _stringFormatter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stringFormatter.js */ \"./node_modules/dom-lib/esm/utils/stringFormatter.js\");\n\nvar msPattern = /^-ms-/;\nfunction camelizeStyleName(name) {\n  // The `-ms` prefix is converted to lowercase `ms`.\n  // http://www.andismith.com/blog/2012/02/modernizr-prefixed/\n  return (0,_stringFormatter_js__WEBPACK_IMPORTED_MODULE_0__.camelize)(name.replace(msPattern, 'ms-'));\n}\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/camelizeStyleName.js?");
 
 /***/ }),
 
@@ -12444,7 +12554,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// the only reliable means to
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n/* harmony import */ var _stringFormatter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./stringFormatter */ \"./node_modules/dom-lib/esm/utils/stringFormatter.js\");\n\n\nvar memoized = {};\nvar prefixes = ['Webkit', 'ms', 'Moz', 'O'];\nvar prefixRegex = new RegExp(\"^(\" + prefixes.join('|') + \")\");\nvar testStyle = _canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"] ? document.createElement('div').style : {};\n\nfunction getWithPrefix(name) {\n  for (var i = 0; i < prefixes.length; i += 1) {\n    var prefixedName = prefixes[i] + name;\n\n    if (prefixedName in testStyle) {\n      return prefixedName;\n    }\n  }\n\n  return null;\n}\n/**\n * @param {string} property Name of a css property to check for.\n * @return {?string} property name supported in the browser, or null if not\n * supported.\n */\n\n\nfunction getVendorPrefixedName(property) {\n  var name = (0,_stringFormatter__WEBPACK_IMPORTED_MODULE_1__.camelize)(property);\n\n  if (memoized[name] === undefined) {\n    var capitalizedName = name.charAt(0).toUpperCase() + name.slice(1);\n\n    if (prefixRegex.test(capitalizedName)) {\n      throw new Error(\"getVendorPrefixedName must only be called with unprefixed\\n          CSS property names. It was called with \" + property);\n    }\n\n    memoized[name] = name in testStyle ? name : getWithPrefix(capitalizedName);\n  }\n\n  return memoized[name] || name;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getVendorPrefixedName);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/getVendorPrefixedName.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../canUseDOM.js */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n/* harmony import */ var _stringFormatter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./stringFormatter.js */ \"./node_modules/dom-lib/esm/utils/stringFormatter.js\");\n\n\nvar memoized = {};\nvar prefixes = ['Webkit', 'ms', 'Moz', 'O'];\nvar prefixRegex = new RegExp(\"^(\" + prefixes.join('|') + \")\");\nvar testStyle = _canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"] ? document.createElement('div').style : {};\n\nfunction getWithPrefix(name) {\n  for (var i = 0; i < prefixes.length; i += 1) {\n    var prefixedName = prefixes[i] + name;\n\n    if (prefixedName in testStyle) {\n      return prefixedName;\n    }\n  }\n\n  return null;\n}\n/**\n * @param {string} property Name of a css property to check for.\n * @return {?string} property name supported in the browser, or null if not\n * supported.\n */\n\n\nfunction getVendorPrefixedName(property) {\n  var name = (0,_stringFormatter_js__WEBPACK_IMPORTED_MODULE_1__.camelize)(property);\n\n  if (memoized[name] === undefined) {\n    var capitalizedName = name.charAt(0).toUpperCase() + name.slice(1);\n\n    if (prefixRegex.test(capitalizedName)) {\n      throw new Error(\"getVendorPrefixedName must only be called with unprefixed\\n          CSS property names. It was called with \" + property);\n    }\n\n    memoized[name] = name in testStyle ? name : getWithPrefix(capitalizedName);\n  }\n\n  return memoized[name] || name;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (getVendorPrefixedName);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/getVendorPrefixedName.js?");
 
 /***/ }),
 
@@ -12455,7 +12565,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _can
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _stringFormatter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stringFormatter */ \"./node_modules/dom-lib/esm/utils/stringFormatter.js\");\n\nvar msPattern = /^ms-/;\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (string) {\n  return (0,_stringFormatter__WEBPACK_IMPORTED_MODULE_0__.hyphenate)(string).replace(msPattern, '-ms-');\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/hyphenateStyleName.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _stringFormatter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stringFormatter.js */ \"./node_modules/dom-lib/esm/utils/stringFormatter.js\");\n\nvar msPattern = /^ms-/;\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (string) {\n  return (0,_stringFormatter_js__WEBPACK_IMPORTED_MODULE_0__.hyphenate)(string).replace(msPattern, '-ms-');\n});\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/hyphenateStyleName.js?");
 
 /***/ }),
 
@@ -12466,7 +12576,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _str
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../canUseDOM */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\nvar useHasFeature;\n\nif (_canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"]) {\n  useHasFeature = document.implementation && document.implementation.hasFeature && // always returns true in newer browsers as per the standard.\n  // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature\n  document.implementation.hasFeature('', '') !== true;\n}\n\nfunction isEventSupported(eventNameSuffix, capture) {\n  if (!_canUseDOM__WEBPACK_IMPORTED_MODULE_0__[\"default\"] || capture && !('addEventListener' in document)) {\n    return false;\n  }\n\n  var eventName = \"on\" + eventNameSuffix;\n  var isSupported = (eventName in document);\n\n  if (!isSupported) {\n    var element = document.createElement('div');\n    element.setAttribute(eventName, 'return;');\n    isSupported = typeof element[eventName] === 'function';\n  }\n\n  if (!isSupported && useHasFeature && eventNameSuffix === 'wheel') {\n    // This is the only way to test support for the `wheel` event in IE9+.\n    isSupported = document.implementation.hasFeature('Events.wheel', '3.0');\n  }\n\n  return isSupported;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (isEventSupported);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/isEventSupported.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../canUseDOM.js */ \"./node_modules/dom-lib/esm/canUseDOM.js\");\n\nvar useHasFeature;\n\nif (_canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]) {\n  useHasFeature = document.implementation && document.implementation.hasFeature && // always returns true in newer browsers as per the standard.\n  // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature\n  document.implementation.hasFeature('', '') !== true;\n}\n\nfunction isEventSupported(eventNameSuffix, capture) {\n  if (!_canUseDOM_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"] || capture && !('addEventListener' in document)) {\n    return false;\n  }\n\n  var eventName = \"on\" + eventNameSuffix;\n  var isSupported = (eventName in document);\n\n  if (!isSupported) {\n    var element = document.createElement('div');\n    element.setAttribute(eventName, 'return;');\n    isSupported = typeof element[eventName] === 'function';\n  }\n\n  if (!isSupported && useHasFeature && eventNameSuffix === 'wheel') {\n    // This is the only way to test support for the `wheel` event in IE9+.\n    isSupported = document.implementation.hasFeature('Events.wheel', '3.0');\n  }\n\n  return isSupported;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (isEventSupported);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/isEventSupported.js?");
 
 /***/ }),
 
@@ -12477,7 +12587,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _can
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _UserAgent__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserAgent */ \"./node_modules/dom-lib/esm/utils/UserAgent.js\");\n/* harmony import */ var _isEventSupported__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isEventSupported */ \"./node_modules/dom-lib/esm/utils/isEventSupported.js\");\n\n // Reasonable defaults\n\nvar PIXEL_STEP = 10;\nvar LINE_HEIGHT = 40;\nvar PAGE_HEIGHT = 800;\n\nfunction normalizeWheel(event) {\n  var sX = 0;\n  var sY = 0; // spinX, spinY\n\n  var pX = 0;\n  var pY = 0; // pixelX, pixelY\n  // Legacy\n\n  if ('detail' in event) {\n    sY = event.detail;\n  }\n\n  if ('wheelDelta' in event) {\n    sY = -event.wheelDelta / 120;\n  }\n\n  if ('wheelDeltaY' in event) {\n    sY = -event.wheelDeltaY / 120;\n  }\n\n  if ('wheelDeltaX' in event) {\n    sX = -event.wheelDeltaX / 120;\n  } // side scrolling on FF with DOMMouseScroll\n\n\n  if ('axis' in event && event.axis === event.HORIZONTAL_AXIS) {\n    sX = sY;\n    sY = 0;\n  }\n\n  pX = sX * PIXEL_STEP;\n  pY = sY * PIXEL_STEP;\n\n  if ('deltaY' in event) {\n    pY = event.deltaY;\n  }\n\n  if ('deltaX' in event) {\n    pX = event.deltaX;\n  }\n\n  if ((pX || pY) && event.deltaMode) {\n    if (event.deltaMode === 1) {\n      // delta in LINE units\n      pX *= LINE_HEIGHT;\n      pY *= LINE_HEIGHT;\n    } else {\n      // delta in PAGE units\n      pX *= PAGE_HEIGHT;\n      pY *= PAGE_HEIGHT;\n    }\n  } // Fall-back if spin cannot be determined\n\n\n  if (pX && !sX) {\n    sX = pX < 1 ? -1 : 1;\n  }\n\n  if (pY && !sY) {\n    sY = pY < 1 ? -1 : 1;\n  }\n\n  return {\n    spinX: sX,\n    spinY: sY,\n    pixelX: pX,\n    pixelY: pY\n  };\n}\n/**\n * The best combination if you prefer spinX + spinY normalization.  It favors\n * the older DOMMouseScroll for Firefox, as FF does not include wheelDelta with\n * 'wheel' event, making spin speed determination impossible.\n */\n\n\nnormalizeWheel.getEventType = function () {\n  if (_UserAgent__WEBPACK_IMPORTED_MODULE_0__[\"default\"].firefox()) {\n    return 'DOMMouseScroll';\n  }\n\n  return (0,_isEventSupported__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('wheel') ? 'wheel' : 'mousewheel';\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (normalizeWheel);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/normalizeWheel.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _UserAgent_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserAgent.js */ \"./node_modules/dom-lib/esm/utils/UserAgent.js\");\n/* harmony import */ var _isEventSupported_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isEventSupported.js */ \"./node_modules/dom-lib/esm/utils/isEventSupported.js\");\n\n // Reasonable defaults\n\nvar PIXEL_STEP = 10;\nvar LINE_HEIGHT = 40;\nvar PAGE_HEIGHT = 800;\n\nfunction normalizeWheel(event) {\n  var sX = 0;\n  var sY = 0; // spinX, spinY\n\n  var pX = 0;\n  var pY = 0; // pixelX, pixelY\n  // Legacy\n\n  if ('detail' in event) {\n    sY = event.detail;\n  }\n\n  if ('wheelDelta' in event) {\n    sY = -event.wheelDelta / 120;\n  }\n\n  if ('wheelDeltaY' in event) {\n    sY = -event.wheelDeltaY / 120;\n  }\n\n  if ('wheelDeltaX' in event) {\n    sX = -event.wheelDeltaX / 120;\n  } // side scrolling on FF with DOMMouseScroll\n\n\n  if ('axis' in event && event.axis === event.HORIZONTAL_AXIS) {\n    sX = sY;\n    sY = 0;\n  }\n\n  pX = sX * PIXEL_STEP;\n  pY = sY * PIXEL_STEP;\n\n  if ('deltaY' in event) {\n    pY = event.deltaY;\n  }\n\n  if ('deltaX' in event) {\n    pX = event.deltaX;\n  }\n\n  if ((pX || pY) && event.deltaMode) {\n    if (event.deltaMode === 1) {\n      // delta in LINE units\n      pX *= LINE_HEIGHT;\n      pY *= LINE_HEIGHT;\n    } else {\n      // delta in PAGE units\n      pX *= PAGE_HEIGHT;\n      pY *= PAGE_HEIGHT;\n    }\n  } // Fall-back if spin cannot be determined\n\n\n  if (pX && !sX) {\n    sX = pX < 1 ? -1 : 1;\n  }\n\n  if (pY && !sY) {\n    sY = pY < 1 ? -1 : 1;\n  }\n\n  return {\n    spinX: sX,\n    spinY: sY,\n    pixelX: pX,\n    pixelY: pY\n  };\n}\n/**\n * The best combination if you prefer spinX + spinY normalization.  It favors\n * the older DOMMouseScroll for Firefox, as FF does not include wheelDelta with\n * 'wheel' event, making spin speed determination impossible.\n */\n\n\nnormalizeWheel.getEventType = function () {\n  if (_UserAgent_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].firefox()) {\n    return 'DOMMouseScroll';\n  }\n\n  return (0,_isEventSupported_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('wheel') ? 'wheel' : 'mousewheel';\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (normalizeWheel);\n\n//# sourceURL=webpack://rsuite/./node_modules/dom-lib/esm/utils/normalizeWheel.js?");
 
 /***/ }),