rsuite 5.46.0 → 5.46.1

package/dist/rsuite.css

@@ -538,7 +538,7 @@
   --rs-progress-bar-success: var(--rs-color-green);
   --rs-progress-bar-fail: var(--rs-color-red);
   --rs-placeholder: var(--rs-gray-600);
-  --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
+  --rs-placeholder-active: var(--rs-gray-500);
   --rs-breadcrumb-item-active-text: #fff;
   --rs-dropdown-divider: var(--rs-gray-600);
   --rs-dropdown-item-bg-hover: var(--rs-gray-600);
@@ -880,7 +880,7 @@
   --rs-progress-bar-success: var(--rs-color-green);
   --rs-progress-bar-fail: var(--rs-color-red);
   --rs-placeholder: var(--rs-gray-600);
-  --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
+  --rs-placeholder-active: var(--rs-gray-500);
   --rs-breadcrumb-item-active-text: #fff;
   --rs-dropdown-divider: var(--rs-gray-600);
   --rs-dropdown-item-bg-hover: var(--rs-gray-600);

package/dist/rsuite.js

@@ -1808,7 +1808,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _TableRow = _interopRequireDefault(__webpack_require__(/*! ./TableRow */ \"./src/Calendar/TableRow.tsx\"));\nvar _TableHeaderRow = _interopRequireDefault(__webpack_require__(/*! ./TableHeaderRow */ \"./src/Calendar/TableHeaderRow.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Table.tsx\",\n  _this = void 0;\nvar Table = /*#__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-table' : _props$classPrefix,\n    _props$rows = props.rows,\n    rows = _props$rows === void 0 ? [] : _props$rows,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"rows\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"grid\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 9\n    }\n  }), rows.map(function (week, index) {\n    return /*#__PURE__*/_react.default.createElement(_TableRow.default, {\n      key: index,\n      weekendDate: week,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 11\n      }\n    });\n  }));\n});\nTable.displayName = 'CalendarTable';\nTable.propTypes = {\n  rows: _propTypes.default.array,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = Table;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Table.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 _TableRow = _interopRequireDefault(__webpack_require__(/*! ./TableRow */ \"./src/Calendar/TableRow.tsx\"));\nvar _TableHeaderRow = _interopRequireDefault(__webpack_require__(/*! ./TableHeaderRow */ \"./src/Calendar/TableHeaderRow.tsx\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/Table.tsx\",\n  _this = void 0;\nvar Table = /*#__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-table' : _props$classPrefix,\n    _props$rows = props.rows,\n    rows = _props$rows === void 0 ? [] : _props$rows,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"rows\"]);\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix());\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    role: \"grid\"\n  }, rest, {\n    ref: ref,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 9\n    }\n  }), rows.map(function (week, index) {\n    return /*#__PURE__*/_react.default.createElement(_TableRow.default, {\n      key: index,\n      weekendDate: week,\n      rowIndex: index + 1,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 11\n      }\n    });\n  }));\n});\nTable.displayName = 'CalendarTable';\nTable.propTypes = {\n  rows: _propTypes.default.array,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = Table;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/Table.tsx?");
 
 /***/ }),
 
@@ -1841,7 +1841,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nvar _interopRequireWildcard = __webpack_require__(/*! @babel/runtime/helpers/interopRequireWildcard */ \"./node_modules/@babel/runtime/helpers/interopRequireWildcard.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/utils/index.ts\");\nvar _dateUtils = __webpack_require__(/*! ../utils/dateUtils */ \"./src/utils/dateUtils.ts\");\nvar _CalendarContext = __webpack_require__(/*! ./CalendarContext */ \"./src/Calendar/CalendarContext.ts\");\nvar _TableCell = _interopRequireDefault(__webpack_require__(/*! ./TableCell */ \"./src/Calendar/TableCell.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableRow.tsx\",\n  _this = void 0;\nvar TableRow = /*#__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-table' : _props$classPrefix,\n    _props$weekendDate = props.weekendDate,\n    weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"weekendDate\"]);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    _useCalendarContext$d = _useCalendarContext.date,\n    selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,\n    dateRange = _useCalendarContext.dateRange,\n    disabledDate = _useCalendarContext.disabledDate,\n    hoverRangeValue = _useCalendarContext.hoverRangeValue,\n    inSameMonth = _useCalendarContext.inSameMonth,\n    isoWeek = _useCalendarContext.isoWeek,\n    onSelect = _useCalendarContext.onSelect,\n    showWeekNumbers = _useCalendarContext.showWeekNumbers;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n  }, [onSelect]);\n  var renderDays = function renderDays() {\n    var days = [];\n    var _ref = dateRange || [],\n      selectedStartDate = _ref[0],\n      selectedEndDate = _ref[1];\n    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],\n      hoverStartDate = _ref2[0],\n      hoverEndDate = _ref2[1];\n    var isRangeSelectionMode = typeof dateRange !== 'undefined';\n    for (var i = 0; i < 7; i += 1) {\n      var thisDate = (0, _dateUtils.addDays)(weekendDate, i);\n      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _utils.DATERANGE_DISABLED_TARGET.CALENDAR);\n      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));\n      var rangeStart = !unSameMonth && selectedStartDate && (0, _dateUtils.isSameDay)(thisDate, selectedStartDate);\n      var rangeEnd = !unSameMonth && selectedEndDate && (0, _dateUtils.isSameDay)(thisDate, selectedEndDate);\n      var isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _dateUtils.isSameDay)(thisDate, selected);\n\n      // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component\n      //           Calendar is not supposed to be reused this way\n      var inRange = false;\n      // for Selected\n      if (selectedStartDate && selectedEndDate) {\n        if ((0, _dateUtils.isBefore)(thisDate, selectedEndDate) && (0, _dateUtils.isAfter)(thisDate, selectedStartDate)) {\n          inRange = true;\n        }\n        if ((0, _dateUtils.isBefore)(thisDate, selectedStartDate) && (0, _dateUtils.isAfter)(thisDate, selectedEndDate)) {\n          inRange = true;\n        }\n      }\n\n      // for Hovering\n      if (!isSelected && hoverStartDate && hoverEndDate) {\n        if (!(0, _dateUtils.isAfter)(thisDate, hoverEndDate) && !(0, _dateUtils.isBefore)(thisDate, hoverStartDate)) {\n          inRange = true;\n        }\n        if (!(0, _dateUtils.isAfter)(thisDate, hoverStartDate) && !(0, _dateUtils.isBefore)(thisDate, hoverEndDate)) {\n          inRange = true;\n        }\n      }\n      days.push( /*#__PURE__*/_react.default.createElement(_TableCell.default, {\n        key: (0, _dateUtils.format)(thisDate, 'yyyy-MM-dd'),\n        date: thisDate,\n        disabled: disabled,\n        selected: isSelected,\n        onSelect: handleSelect,\n        unSameMonth: unSameMonth,\n        rangeStart: rangeStart,\n        rangeEnd: rangeEnd,\n        inRange: inRange,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 85,\n          columnNumber: 11\n        }\n      }));\n    }\n    return days;\n  };\n  var classes = merge(className, prefix('row'));\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"row\",\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 104,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('cell-week-number'),\n    role: \"rowheader\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 106,\n      columnNumber: 11\n    }\n  }, (0, _dateUtils.format)(weekendDate, isoWeek ? 'I' : 'w')), renderDays());\n});\nTableRow.displayName = 'CalendarTableRow';\nTableRow.propTypes = {\n  weekendDate: _propTypes.default.instanceOf(Date),\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = TableRow;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableRow.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 _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 _TableCell = _interopRequireDefault(__webpack_require__(/*! ./TableCell */ \"./src/Calendar/TableCell.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Calendar/TableRow.tsx\",\n  _this = void 0;\nvar TableRow = /*#__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-table' : _props$classPrefix,\n    _props$weekendDate = props.weekendDate,\n    weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,\n    rowIndex = props.rowIndex,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, [\"as\", \"className\", \"classPrefix\", \"weekendDate\", \"rowIndex\"]);\n  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),\n    _useCalendarContext$d = _useCalendarContext.date,\n    selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,\n    dateRange = _useCalendarContext.dateRange,\n    disabledDate = _useCalendarContext.disabledDate,\n    hoverRangeValue = _useCalendarContext.hoverRangeValue,\n    inSameMonth = _useCalendarContext.inSameMonth,\n    isoWeek = _useCalendarContext.isoWeek,\n    onSelect = _useCalendarContext.onSelect,\n    showWeekNumbers = _useCalendarContext.showWeekNumbers;\n  var _useClassNames = (0, _utils.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge;\n  var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {\n    if (disabled) {\n      return;\n    }\n    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);\n  }, [onSelect]);\n  var renderDays = function renderDays() {\n    var days = [];\n    var _ref = dateRange || [],\n      selectedStartDate = _ref[0],\n      selectedEndDate = _ref[1];\n    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],\n      hoverStartDate = _ref2[0],\n      hoverEndDate = _ref2[1];\n    var isRangeSelectionMode = typeof dateRange !== 'undefined';\n    for (var i = 0; i < 7; i += 1) {\n      var thisDate = (0, _dateUtils.addDays)(weekendDate, i);\n      var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _utils.DATERANGE_DISABLED_TARGET.CALENDAR);\n      var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));\n      var rangeStart = !unSameMonth && selectedStartDate && (0, _dateUtils.isSameDay)(thisDate, selectedStartDate);\n      var rangeEnd = !unSameMonth && selectedEndDate && (0, _dateUtils.isSameDay)(thisDate, selectedEndDate);\n      var isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _dateUtils.isSameDay)(thisDate, selected);\n\n      // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component\n      //           Calendar is not supposed to be reused this way\n      var inRange = false;\n      // for Selected\n      if (selectedStartDate && selectedEndDate) {\n        if ((0, _dateUtils.isBefore)(thisDate, selectedEndDate) && (0, _dateUtils.isAfter)(thisDate, selectedStartDate)) {\n          inRange = true;\n        }\n        if ((0, _dateUtils.isBefore)(thisDate, selectedStartDate) && (0, _dateUtils.isAfter)(thisDate, selectedEndDate)) {\n          inRange = true;\n        }\n      }\n\n      // for Hovering\n      if (!isSelected && hoverStartDate && hoverEndDate) {\n        if (!(0, _dateUtils.isAfter)(thisDate, hoverEndDate) && !(0, _dateUtils.isBefore)(thisDate, hoverStartDate)) {\n          inRange = true;\n        }\n        if (!(0, _dateUtils.isAfter)(thisDate, hoverStartDate) && !(0, _dateUtils.isBefore)(thisDate, hoverEndDate)) {\n          inRange = true;\n        }\n      }\n      days.push( /*#__PURE__*/_react.default.createElement(_TableCell.default, {\n        key: (0, _dateUtils.format)(thisDate, 'yyyy-MM-dd'),\n        date: thisDate,\n        disabled: disabled,\n        selected: isSelected,\n        onSelect: handleSelect,\n        unSameMonth: unSameMonth,\n        rangeStart: rangeStart,\n        rangeEnd: rangeEnd,\n        inRange: inRange,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 87,\n          columnNumber: 11\n        }\n      }));\n    }\n    return days;\n  };\n  var classes = merge(className, prefix('row'));\n  var week = (0, _dateUtils.format)(weekendDate, isoWeek ? 'I' : 'w', {\n    firstWeekContainsDate: 4\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: ref,\n    role: \"row\",\n    \"aria-rowindex\": rowIndex,\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 107,\n      columnNumber: 7\n    }\n  }), showWeekNumbers && /*#__PURE__*/_react.default.createElement(\"div\", {\n    role: \"rowheader\",\n    \"aria-label\": \"Week \" + week,\n    className: prefix('cell-week-number'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 109,\n      columnNumber: 11\n    }\n  }, week), renderDays());\n});\nTableRow.displayName = 'CalendarTableRow';\nTableRow.propTypes = {\n  weekendDate: _propTypes.default.instanceOf(Date),\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string\n};\nvar _default = TableRow;\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://rsuite/./src/Calendar/TableRow.tsx?");
 
 /***/ }),
 
@@ -4195,7 +4195,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 _propTypeChecker = __webpack_require__(/*! ../utils/propTypeChecker */ \"./src/utils/propTypeChecker.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/RangeSlider/RangeSlider.tsx\",\n  _this = void 0;\nvar defaultDefaultValue = [0, 0];\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    _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\", \"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    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    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  }, [getNextValue, onChangeCommitted, isRangeMatchingConstraint, setValue]);\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 handleClick = (0, _react.useCallback)(function (event) {\n    if (disabled) {\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    }\n  }, [disabled, getValidValue, getValueByPosition, isRangeMatchingConstraint, onChange, 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: 342,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: merge(barClassName, prefix('bar')),\n    ref: barRef,\n    onClick: handleClick,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 343,\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: 345,\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: 353,\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: 363,\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: 367,\n      columnNumber: 7\n    }\n  }), handleTitle));\n});\nRangeSlider.displayName = 'RangeSlider';\nRangeSlider.propTypes = (0, _extends2.default)({}, _Slider.sliderPropTypes, {\n  value: (0, _propTypeChecker.tupleType)(_propTypes.default.number.isRequired, _propTypes.default.number.isRequired),\n  defaultValue: (0, _propTypeChecker.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 _propTypeChecker = __webpack_require__(/*! ../utils/propTypeChecker */ \"./src/utils/propTypeChecker.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/RangeSlider/RangeSlider.tsx\",\n  _this = void 0;\nvar defaultDefaultValue = [0, 0];\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: 354,\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: 355,\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: 357,\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: 365,\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: 375,\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: 379,\n      columnNumber: 7\n    }\n  }), handleTitle));\n});\nRangeSlider.displayName = 'RangeSlider';\nRangeSlider.propTypes = (0, _extends2.default)({}, _Slider.sliderPropTypes, {\n  value: (0, _propTypeChecker.tupleType)(_propTypes.default.number.isRequired, _propTypes.default.number.isRequired),\n  defaultValue: (0, _propTypeChecker.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?");
 
 /***/ }),
 
@@ -4602,7 +4602,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__(/*! ../Plaintext */ \"./src/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};\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    readOnly: readOnly,\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    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 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: 278,\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: 285,\n      columnNumber: 5\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: barRef,\n    className: merge(barClassName, prefix('bar')),\n    onClick: handleChangeValue,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 286,\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: 288,\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: 296,\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: 307,\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__(/*! ../Plaintext */ \"./src/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};\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: 286,\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: 293,\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: 294,\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: 296,\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: 304,\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: 315,\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?");
 
 /***/ }),
 
@@ -10138,7 +10138,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 react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _prefix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n'use client';\n\n\n\n\n\n// This is the only way I found to break circular references between ClassArray and ClassValue\n// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540\n//eslint-disable-line @typescript-eslint/no-empty-interface\n/**\n * Add a prefix to all classNames.\n *\n * @param str prefix of className\n * @returns { withClassPrefix, merge, prefix }\n *  - withClassPrefix: A function of combining className and adding a prefix to each className.\n *    At the same time, the default `classPrefix` is the first className.\n *  - merge: A merge className function.\n *  - prefix: Add a prefix to className\n *  - rootPrefix\n */\nfunction useClassNames(str, controlled) {\n  var _ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_3__[\"default\"]) || {},\n    _ref$classPrefix = _ref.classPrefix,\n    contextClassPrefix = _ref$classPrefix === void 0 ? 'rs' : _ref$classPrefix;\n  var componentName = controlled ? str : (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(contextClassPrefix, str);\n\n  /**\n   * @example\n   *\n   * if str = 'button':\n   * prefix('red', { active: true }) => 'rs-button-red rs-button-active'\n   */\n  var prefix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var mergeClasses = arguments.length ? classnames__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, arguments).split(' ').map(function (item) {\n      return (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(componentName, item);\n    }) : [];\n    return mergeClasses.filter(function (cls) {\n      return cls;\n    }).join(' ');\n  }, [componentName]);\n\n  /**\n   * @example\n   *\n   * if str = 'button':\n   * withClassPrefix('red', { active: true }) => 'rs-button rs-button-red rs-button-active'\n   */\n  var withClassPrefix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {\n      classes[_key] = arguments[_key];\n    }\n    var mergeClasses = prefix(classes);\n    return mergeClasses ? componentName + \" \" + mergeClasses : componentName;\n  }, [componentName, prefix]);\n\n  /**\n   * @example\n   * rootPrefix('btn') => 'rs-btn'\n   * rootPrefix('btn', { active: true }) => 'rs-btn rs-active'\n   */\n  var rootPrefix = function rootPrefix() {\n    var mergeClasses = arguments.length ? classnames__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, arguments).split(' ').map(function (item) {\n      return (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(contextClassPrefix, item);\n    }) : [];\n    return mergeClasses.filter(function (cls) {\n      return cls;\n    }).join(' ');\n  };\n  return {\n    withClassPrefix: withClassPrefix,\n    merge: (classnames__WEBPACK_IMPORTED_MODULE_1___default()),\n    prefix: prefix,\n    rootPrefix: rootPrefix\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (useClassNames);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useClassNames.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _prefix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./prefix */ \"./node_modules/rsuite-table/es/utils/prefix.js\");\n/* harmony import */ var _TableContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../TableContext */ \"./node_modules/rsuite-table/es/TableContext.js\");\n'use client';\n\n\n\n\n\n// This is the only way I found to break circular references between ClassArray and ClassValue\n// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540\n\n//eslint-disable-line @typescript-eslint/no-empty-interface\n\n/**\n * Add a prefix to all classNames.\n *\n * @param str prefix of className\n * @returns { withClassPrefix, merge, prefix }\n *  - withClassPrefix: A function of combining className and adding a prefix to each className.\n *    At the same time, the default `classPrefix` is the first className.\n *  - merge: A merge className function.\n *  - prefix: Add a prefix to className\n *  - rootPrefix\n */\nfunction useClassNames(str, controlled) {\n  var _ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_TableContext__WEBPACK_IMPORTED_MODULE_3__[\"default\"]) || {},\n    _ref$classPrefix = _ref.classPrefix,\n    contextClassPrefix = _ref$classPrefix === void 0 ? 'rs' : _ref$classPrefix;\n  var componentName = controlled ? str : (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(contextClassPrefix, str);\n\n  /**\n   * @example\n   *\n   * if str = 'button':\n   * prefix('red', { active: true }) => 'rs-button-red rs-button-active'\n   */\n  var prefix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    var mergeClasses = arguments.length ? classnames__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, arguments).split(' ').map(function (item) {\n      return (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(componentName, item);\n    }) : [];\n    return mergeClasses.filter(function (cls) {\n      return cls;\n    }).join(' ');\n  }, [componentName]);\n\n  /**\n   * @example\n   *\n   * if str = 'button':\n   * withClassPrefix('red', { active: true }) => 'rs-button rs-button-red rs-button-active'\n   */\n  var withClassPrefix = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {\n      classes[_key] = arguments[_key];\n    }\n    var mergeClasses = prefix(classes);\n    return mergeClasses ? componentName + \" \" + mergeClasses : componentName;\n  }, [componentName, prefix]);\n\n  /**\n   * @example\n   * rootPrefix('btn') => 'rs-btn'\n   * rootPrefix('btn', { active: true }) => 'rs-btn rs-active'\n   */\n  var rootPrefix = function rootPrefix() {\n    var mergeClasses = arguments.length ? classnames__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, arguments).split(' ').map(function (item) {\n      return (0,_prefix__WEBPACK_IMPORTED_MODULE_2__.prefix)(contextClassPrefix, item);\n    }) : [];\n    return mergeClasses.filter(function (cls) {\n      return cls;\n    }).join(' ');\n  };\n  return {\n    withClassPrefix: withClassPrefix,\n    merge: (classnames__WEBPACK_IMPORTED_MODULE_1___default()),\n    prefix: prefix,\n    rootPrefix: rootPrefix\n  };\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (useClassNames);\n\n//# sourceURL=webpack://rsuite/./node_modules/rsuite-table/es/utils/useClassNames.js?");
 
 /***/ }),