rsuite 5.61.0 → 5.62.1

package/cjs/Slider/Handle.js

@@ -9,9 +9,11 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Input = _interopRequireDefault(require("./Input"));
 var _useDrag2 = _interopRequireDefault(require("./useDrag"));
+var _excluded = ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "role", "tabIndex", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd", "onKeyDown", "data-range", "data-key"];
 var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _extends2;
   var _props$as = props.as,
@@ -36,11 +38,11 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onKeyDown = props.onKeyDown,
     dataRange = props['data-range'],
     dateKey = props['data-key'],
-    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"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var horizontalKey = rtl ? 'right' : 'left';
   var direction = vertical ? 'bottom' : horizontalKey;
   var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[direction] = position + "%", _extends2));
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var _useDrag = (0, _useDrag2.default)({
@@ -98,5 +100,4 @@ Handle.propTypes = {
   onDragStart: _propTypes.default.func,
   onDragEnd: _propTypes.default.func
 };
-var _default = Handle;
-exports.default = _default;
+var _default = exports.default = Handle;

package/cjs/Slider/Input.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
+var _excluded = ["style"];
 var rangeStyles = {
   position: 'absolute',
   overflow: 'hidden',
@@ -16,7 +17,7 @@ var rangeStyles = {
 };
 var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["style"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     type: "range",
     readOnly: true,
@@ -25,5 +26,4 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, rest));
 });
 Input.displayName = 'Input';
-var _default = Input;
-exports.default = _default;
+var _default = exports.default = Input;

package/cjs/Slider/Mark.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface MarkProps extends WithAsProps {
     mark: number;
     last?: boolean;

package/cjs/Slider/Mark.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var Mark = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'span' : _props$as,
@@ -16,7 +16,7 @@ var Mark = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'slider-mark' : _props$classPrefix,
     className = props.className,
     renderMark = props.renderMark;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix;
@@ -42,5 +42,4 @@ Mark.propTypes = {
   last: _propTypes.default.bool,
   renderMark: _propTypes.default.func
 };
-var _default = Mark;
-exports.default = _default;
+var _default = exports.default = Mark;

package/cjs/Slider/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 interface ProgressBarProps extends WithAsProps {
     vertical?: boolean;
     rtl?: boolean;

package/cjs/Slider/ProgressBar.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var ProgressBar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _extends2;
   var _props$as = props.as,
@@ -22,7 +22,7 @@ var ProgressBar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     start = _props$start === void 0 ? 0 : _props$start,
     style = props.style,
     className = props.className;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var sizeKey = vertical ? 'height' : 'width';
@@ -48,5 +48,4 @@ ProgressBar.propTypes = {
   start: _propTypes.default.number,
   end: _propTypes.default.number
 };
-var _default = ProgressBar;
-exports.default = _default;
+var _default = exports.default = ProgressBar;

package/cjs/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { WithAsProps, FormControlBaseProps } from '../@types/common';
+import { WithAsProps, FormControlBaseProps } from '../internals/types';
 export interface LocaleType {
     placeholder?: string;
     searchPlaceholder?: string;

package/cjs/Slider/Slider.js

@@ -1,10 +1,9 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.sliderPropTypes = void 0;
+exports.sliderPropTypes = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
@@ -15,10 +14,13 @@ var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
 var _Handle = _interopRequireDefault(require("./Handle"));
 var _Graduated = _interopRequireDefault(require("./Graduated"));
-var _utils = require("../utils");
-var _utils2 = require("./utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("./utils");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var sliderPropTypes = {
+var _excluded = ["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"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var sliderPropTypes = exports.sliderPropTypes = {
   min: _propTypes.default.number,
   max: _propTypes.default.number,
   step: _propTypes.default.number,
@@ -49,7 +51,6 @@ var sliderPropTypes = {
  *
  * @see https://rsuitejs.com/components/slider
  */
-exports.sliderPropTypes = sliderPropTypes;
 var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var ariaLabel = props['aria-label'],
     ariaLabelledby = props['aria-labelledby'],
@@ -86,13 +87,13 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderMark = props.renderMark,
     onChange = props.onChange,
     onChangeCommitted = props.onChangeCommitted,
-    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"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var barRef = (0, _react.useRef)(null);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
-  var _useCustom = (0, _utils.useCustom)('Slider'),
+  var _useCustom = (0, _hooks.useCustom)('Slider'),
     rtl = _useCustom.rtl;
   var classes = merge(className, withClassPrefix({
     vertical: vertical,
@@ -102,20 +103,20 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     readonly: readOnly
   }));
   var max = (0, _react.useMemo)(function () {
-    return (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min);
+    return (0, _utils.precisionMath)(Math.floor((maxProp - min) / step) * step + min);
   }, [maxProp, min, step]);
 
   /**
    * Returns a valid value that does not exceed the specified range of values.
    */
   var getValidValue = (0, _react.useCallback)(function (value) {
-    return (0, _utils2.checkValue)(value, min, max);
+    return (0, _utils.checkValue)(value, min, max);
   }, [max, min]);
-  var _useControlled = (0, _utils.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),
+  var _useControlled = (0, _hooks.useControlled)(getValidValue(valueProp), getValidValue(defaultValue)),
     value = _useControlled[0],
     setValue = _useControlled[1];
   var count = (0, _react.useMemo)(function () {
-    return (0, _utils2.precisionMath)((max - min) / step);
+    return (0, _utils.precisionMath)((max - min) / step);
   }, [max, min, step]);
 
   // Get the height of the progress bar
@@ -138,7 +139,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       var barWidth = getBarWidth();
       value = Math.round(offset / (barWidth / count)) * step;
     }
-    return (0, _utils2.precisionMath)(value);
+    return (0, _utils.precisionMath)(value);
   }, [count, getBarHeight, getBarWidth, step, vertical]);
 
   /**
@@ -146,7 +147,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
   var getValueByPosition = (0, _react.useCallback)(function (event) {
     var barOffset = (0, _getOffset.default)(barRef.current);
-    var _getPosition = (0, _utils2.getPosition)(event),
+    var _getPosition = (0, _utils.getPosition)(event),
       pageX = _getPosition.pageX,
       pageY = _getPosition.pageY;
     var offset = vertical ? barOffset.top + barOffset.height - pageY : pageX - barOffset.left;
@@ -157,7 +158,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   /**
    * Callback function that is fired when the mousemove is triggered
    */
-  var handleChangeValue = (0, _utils.useEventCallback)(function (event) {
+  var handleChangeValue = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || readOnly) {
       return;
     }
@@ -169,18 +170,18 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   /**
    * Callback function that is fired when the mouseup is triggered
    */
-  var handleChangeCommitted = (0, _utils.useEventCallback)(function (event) {
+  var handleChangeCommitted = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || readOnly) {
       return;
     }
     var nextValue = getValidValue(getValueByPosition(event));
     onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
   });
-  var handleClickBar = (0, _utils.useEventCallback)(function (event) {
+  var handleClickBar = (0, _hooks.useEventCallback)(function (event) {
     handleChangeValue(event);
     handleChangeCommitted(event);
   });
-  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {
+  var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
     var nextValue;
     var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';
     var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';
@@ -262,5 +263,4 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 Slider.displayName = 'Slider';
 Slider.propTypes = sliderPropTypes;
-var _default = Slider;
-exports.default = _default;
+var _default = exports.default = Slider;

package/cjs/Slider/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Slider = _interopRequireDefault(require("./Slider"));
-var _default = _Slider.default;
-exports.default = _default;
+var _default = exports.default = _Slider.default;

package/cjs/Slider/useDrag.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _PointerMoveTracker = _interopRequireDefault(require("dom-lib/PointerMoveTracker"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var useDrag = function useDrag(props) {
   var rootRef = (0, _react.useRef)(null);
   var tooltipRef = (0, _react.useRef)(null);
@@ -36,7 +36,7 @@ var useDrag = function useDrag(props) {
       (0, _addStyle.default)(tooltipElement, 'left', "-" + width / 2 + "px");
     }
   }, [tooltip]);
-  var handleDragMove = (0, _utils.useEventCallback)(function (_deltaX, _deltaY, event) {
+  var handleDragMove = (0, _hooks.useEventCallback)(function (_deltaX, _deltaY, event) {
     var _moveTracker$current2;
     if ((_moveTracker$current2 = moveTracker.current) !== null && _moveTracker$current2 !== void 0 && _moveTracker$current2.isDragging()) {
       var _rootRef$current;
@@ -44,7 +44,7 @@ var useDrag = function useDrag(props) {
       setTooltipPosition();
     }
   });
-  var handleDragEnd = (0, _utils.useEventCallback)(function (event) {
+  var handleDragEnd = (0, _hooks.useEventCallback)(function (event) {
     var _rootRef$current2;
     setActive(false);
     releaseMoves();
@@ -57,7 +57,7 @@ var useDrag = function useDrag(props) {
       useTouchEvent: true
     });
   }, [handleDragEnd, handleDragMove]);
-  var onMoveStart = (0, _utils.useEventCallback)(function (event) {
+  var onMoveStart = (0, _hooks.useEventCallback)(function (event) {
     var _moveTracker$current3, _rootRef$current3;
     if (disabled) {
       return;
@@ -68,7 +68,7 @@ var useDrag = function useDrag(props) {
     setActive(true);
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event);
   });
-  var onMouseEnter = (0, _utils.useEventCallback)(function () {
+  var onMouseEnter = (0, _hooks.useEventCallback)(function () {
     setTooltipPosition();
   });
   (0, _react.useEffect)(function () {
@@ -84,5 +84,4 @@ var useDrag = function useDrag(props) {
     onMouseEnter: onMouseEnter
   };
 };
-var _default = useDrag;
-exports.default = _default;
+var _default = exports.default = useDrag;

package/cjs/Slider/utils.js

@@ -5,18 +5,17 @@ exports.__esModule = true;
 exports.checkValue = checkValue;
 exports.getPosition = getPosition;
 exports.precisionMath = void 0;
-var precisionMath = function precisionMath(value) {
+var precisionMath = exports.precisionMath = function precisionMath(value) {
   return parseFloat(value.toFixed(10));
 };
-exports.precisionMath = precisionMath;
 function checkValue(value, min, max) {
   if (typeof value === 'undefined' || value === null) {
     return value;
   }
-  if (value < min) {
+  if (typeof value === 'number' && value < min) {
     return min;
   }
-  if (value > max) {
+  if (typeof value === 'number' && value > max) {
     return max;
   }
   return value;

package/cjs/Stack/Stack.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import StackItem from './StackItem';
 export interface StackProps extends WithAsProps {
     /**

package/cjs/Stack/Stack.js

@@ -8,9 +8,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _hooks = require("../internals/hooks");
 var _StackItem = _interopRequireDefault(require("./StackItem"));
+var _excluded = ["as", "alignItems", "classPrefix", "childrenRenderMode", "className", "children", "direction", "justifyContent", "spacing", "divider", "style", "wrap"];
 /**
  * The `Stack` component is a quick layout component through Flexbox,
  * supporting vertical and horizontal stacking, custom spacing and line wrapping.
@@ -35,10 +37,10 @@ var Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     divider = props.divider,
     style = props.style,
     wrap = props.wrap,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "alignItems", "classPrefix", "childrenRenderMode", "className", "children", "direction", "justifyContent", "spacing", "divider", "style", "wrap"]);
-  var _useCustom = (0, _utils.useCustom)('Stack'),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _hooks.useCustom)('Stack'),
     rtl = _useCustom.rtl;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -68,10 +70,10 @@ var Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       key: index,
       className: prefix('item'),
       style: !isSupportGap ? itemStyles : undefined
-    }, child) : /*#__PURE__*/_react.default.cloneElement(child, {
+    }, child) : ( /*#__PURE__*/_react.default.cloneElement(child, {
       className: merge(prefix('item'), child.props.className),
       style: !isSupportGap ? (0, _extends2.default)({}, itemStyles, child.props.style) : child.props.style
-    });
+    }));
     return [childNode, index < count - 1 ? divider : null];
   }));
 });
@@ -88,5 +90,4 @@ Stack.propTypes = {
   divider: _propTypes.default.node,
   wrap: _propTypes.default.bool
 };
-var _default = Stack;
-exports.default = _default;
+var _default = exports.default = Stack;

package/cjs/Stack/StackItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '../internals/types';
 export interface StackItemProps extends WithAsProps {
     alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
     flex?: React.CSSProperties['flex'];
@@ -14,14 +14,14 @@ export interface StackItemProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/components/stack
  */
-declare function StackItem(props: StackItemProps): JSX.Element;
+declare function StackItem(props: StackItemProps): React.JSX.Element;
 declare namespace StackItem {
     var displayName: string;
     var propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         alignSelf: PropTypes.Requireable<string>;
-        flex: PropTypes.Requireable<string | number>;
+        flex: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         grow: PropTypes.Requireable<number>;
         shrink: PropTypes.Requireable<number>;
         order: PropTypes.Requireable<number>;

package/cjs/Stack/StackItem.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _propTypes2 = require("../internals/propTypes");
+var _excluded = ["as", "style", "className", "alignSelf", "flex", "grow", "shrink", "order", "basis"];
 /**
  * The `Stack.Item` component is used to set the layout of the child element in the `Stack` component.
  *
@@ -25,7 +26,7 @@ function StackItem(props) {
     shrink = props.shrink,
     order = props.order,
     basis = props.basis,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "style", "className", "alignSelf", "flex", "grow", "shrink", "order", "basis"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     className: className,
     style: (0, _extends2.default)({

package/cjs/Stack/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Stack = _interopRequireDefault(require("./Stack"));
-var _default = _Stack.default;
-exports.default = _default;
+var _default = exports.default = _Stack.default;

package/cjs/Steps/StepItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface StepItemProps extends WithAsProps {
     /** The width of each item. */
     itemWidth?: number | string;

package/cjs/Steps/StepItem.js

@@ -11,7 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Check = _interopRequireDefault(require("@rsuite/icons/Check"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _propTypes2 = require("../internals/propTypes");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _excluded = ["as", "className", "classPrefix", "style", "itemWidth", "status", "icon", "stepNumber", "description", "title"];
 var STEP_STATUS_ICON = {
   finish: /*#__PURE__*/_react.default.createElement(_Check.default, null),
   wait: null,
@@ -37,8 +38,8 @@ var StepItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     stepNumber = props.stepNumber,
     description = props.description,
     title = props.title,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "style", "itemWidth", "status", "icon", "stepNumber", "description", "title"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
@@ -84,5 +85,4 @@ StepItem.propTypes = {
   description: _propTypes.default.node,
   title: _propTypes.default.node
 };
-var _default = StepItem;
-exports.default = _default;
+var _default = exports.default = StepItem;

package/cjs/Steps/Steps.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import StepItem from './StepItem';
 export interface StepsProps extends WithAsProps {
     /** Vertical display */

package/cjs/Steps/Steps.js

@@ -8,9 +8,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
 var _StepItem = _interopRequireDefault(require("./StepItem"));
+var _excluded = ["as", "classPrefix", "className", "children", "vertical", "small", "current", "currentStatus"];
 /**
  * The `Steps` component is used to guide users to complete tasks in accordance with the process.
  *
@@ -29,8 +31,8 @@ var Steps = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     current = _props$current === void 0 ? 0 : _props$current,
     _props$currentStatus = props.currentStatus,
     currentStatus = _props$currentStatus === void 0 ? 'process' : _props$currentStatus,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "vertical", "small", "current", "currentStatus"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix;
@@ -82,5 +84,4 @@ Steps.propTypes = {
   current: _propTypes.default.number,
   currentStatus: (0, _propTypes2.oneOf)(['finish', 'wait', 'process', 'error'])
 };
-var _default = Steps;
-exports.default = _default;
+var _default = exports.default = Steps;

package/cjs/Steps/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Steps = _interopRequireDefault(require("./Steps"));
-var _default = _Steps.default;
-exports.default = _default;
+var _default = exports.default = _Steps.default;

package/cjs/Table/Table.js

@@ -8,13 +8,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _rsuiteTable = require("rsuite-table");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _excluded = ["locale", "loadAnimation"];
 var CustomTable = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var localeProp = props.locale,
     _props$loadAnimation = props.loadAnimation,
     loadAnimation = _props$loadAnimation === void 0 ? true : _props$loadAnimation,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["locale", "loadAnimation"]);
-  var _useCustom = (0, _utils.useCustom)('Table', localeProp),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _hooks.useCustom)('Table', localeProp),
     locale = _useCustom.locale,
     rtl = _useCustom.rtl;
   return /*#__PURE__*/_react.default.createElement(_rsuiteTable.Table, (0, _extends2.default)({}, rest, {
@@ -48,5 +49,4 @@ var Table = Object.assign(CustomTable, {
    */
   ColumnGroup: _rsuiteTable.ColumnGroup
 });
-var _default = Table;
-exports.default = _default;
+var _default = exports.default = Table;

package/cjs/Table/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Table = _interopRequireDefault(require("./Table"));
-var _default = _Table.default;
-exports.default = _default;
+var _default = exports.default = _Table.default;

package/cjs/Tabs/Tab.js

@@ -17,5 +17,4 @@ Tab.propTypes = {
   children: _propTypes.default.node,
   icon: _propTypes.default.node
 };
-var _default = Tab;
-exports.default = _default;
+var _default = exports.default = Tab;

package/cjs/Tabs/TabPanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '../internals/types';
 interface TabPanelProps extends WithAsProps {
     /** The active state of the tab. */
     active?: boolean;

package/cjs/Tabs/TabPanel.js

@@ -7,7 +7,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _excluded = ["as", "classPrefix", "children", "active", "className"];
 var TabPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -16,8 +17,8 @@ var TabPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     children = props.children,
     active = props.active,
     className = props.className,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "children", "active", "className"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
@@ -29,5 +30,4 @@ var TabPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, rest), children);
 });
 TabPanel.displayName = 'TabPanel';
-var _default = TabPanel;
-exports.default = _default;
+var _default = exports.default = TabPanel;

package/cjs/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import Tab from './Tab';
 export interface TabsProps extends WithAsProps {
     /**