rsuite 5.61.0 → 5.62.0

package/cjs/RangeSlider/RangeSlider.js

@@ -12,12 +12,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _Slider = require("../Slider/Slider");
 var _ProgressBar = _interopRequireDefault(require("../Slider/ProgressBar"));
 var _Handle = _interopRequireDefault(require("../Slider/Handle"));
 var _Graduated = _interopRequireDefault(require("../Slider/Graduated"));
-var _utils2 = require("../Slider/utils");
+var _utils = require("../Slider/utils");
 var _propTypes2 = require("../internals/propTypes");
 var defaultDefaultValue = [0, 0];
 
@@ -66,11 +66,11 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   // Define the parameter position of the handle
   var handleIndexs = (0, _react.useRef)([0, 1]);
-  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)('RangeSlider'),
+  var _useCustom = (0, _hooks.useCustom)('RangeSlider'),
     rtl = _useCustom.rtl;
   var classes = merge(className, withClassPrefix({
     vertical: vertical,
@@ -79,7 +79,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     'with-mark': renderMark
   }));
   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]);
 
   /**
@@ -89,13 +89,13 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (typeof value === 'undefined') {
       return;
     }
-    return [(0, _utils2.checkValue)(value[0], min, max), (0, _utils2.checkValue)(value[1], min, max)];
+    return [(0, _utils.checkValue)(value[0], min, max), (0, _utils.checkValue)(value[1], 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]; // The count of values ​​that can be entered.
   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
@@ -118,11 +118,11 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       var barWidth = getBarWidth();
       val = Math.round(offset / (barWidth / count)) * step;
     }
-    return (0, _utils2.precisionMath)(val);
+    return (0, _utils.precisionMath)(val);
   }, [count, getBarHeight, getBarWidth, step, vertical]);
   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;
@@ -176,7 +176,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   /**
    * Callback function that is fired when the mousemove is triggered
    */
-  var handleDragMove = (0, _utils.useEventCallback)(function (event, dataset) {
+  var handleDragMove = (0, _hooks.useEventCallback)(function (event, dataset) {
     if (disabled || readOnly) {
       return;
     }
@@ -190,7 +190,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   /**
    * Callback function that is fired when the mouseup is triggered
    */
-  var handleChangeCommitted = (0, _utils.useEventCallback)(function (event, dataset) {
+  var handleChangeCommitted = (0, _hooks.useEventCallback)(function (event, dataset) {
     if (disabled || readOnly) {
       return;
     }
@@ -200,7 +200,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
     }
   });
-  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {
+  var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
     var _event$target;
     var _event$target$dataset = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target['dataset'],
       key = _event$target$dataset.key;
@@ -240,7 +240,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
     }
   });
-  var handleBarClick = (0, _utils.useEventCallback)(function (event) {
+  var handleBarClick = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || readOnly) {
       return;
     }

package/cjs/Rate/Character.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 interface CharacterProps extends WithAsProps {
     vertical?: boolean;
     status?: 0 | 0.5 | 1;

package/cjs/Rate/Character.js

@@ -11,7 +11,7 @@ var _isNil2 = _interopRequireDefault(require("lodash/isNil"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _characterStatus;
 var characterStatus = (_characterStatus = {}, _characterStatus[0] = 'empty', _characterStatus[0.5] = 'half', _characterStatus[1] = 'full', _characterStatus);
 var getKey = function getKey(a, b) {
@@ -31,7 +31,7 @@ var Character = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onKeyDown = props.onKeyDown,
     onMouseMove = props.onMouseMove,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "vertical", "status", "disabled", "onClick", "onKeyDown", "onMouseMove"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix;

package/cjs/Rate/Rate.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent, FormControlBaseProps } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent, FormControlBaseProps } from '@/internals/types';
 export interface RateProps<T = number> extends WithAsProps, FormControlBaseProps<T> {
     allowHalf?: boolean;
     character?: React.ReactNode;

package/cjs/Rate/Rate.js

@@ -12,7 +12,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Star = _interopRequireDefault(require("@rsuite/icons/legacy/Star"));
 var _propTypes2 = require("../internals/propTypes");
-var _utils = require("../utils");
+var _constants = require("../internals/constants");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _utils2 = require("./utils");
 var _Character = _interopRequireDefault(require("./Character"));
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
@@ -48,7 +50,7 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderCharacter = props.renderCharacter,
     onChangeActive = props.onChangeActive,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "character", "className", "classPrefix", "disabled", "max", "readOnly", "vertical", "size", "color", "allowHalf", "value", "defaultValue", "cleanable", "plaintext", "onChange", "renderCharacter", "onChangeActive"]);
-  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
+  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1];
   var getCharacterMap = (0, _react.useCallback)(function (v) {
@@ -58,7 +60,7 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     characterMap = _useState[0],
     setCharacterMap = _useState[1];
   var hoverValue = (0, _utils2.transformCharacterMapToValue)(characterMap);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix(size, color, {
@@ -91,13 +93,13 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleKeyDown = (0, _react.useCallback)(function (index, event) {
     var key = event.key;
     var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);
-    if (key === _utils.KEY_VALUES.RIGHT && nextValue < max) {
+    if (key === _constants.KEY_VALUES.RIGHT && nextValue < max) {
       nextValue = allowHalf ? nextValue + 0.5 : nextValue + 1;
-    } else if (key === _utils.KEY_VALUES.LEFT && nextValue > 0) {
+    } else if (key === _constants.KEY_VALUES.LEFT && nextValue > 0) {
       nextValue = allowHalf ? nextValue - 0.5 : nextValue - 1;
     }
     setCharacterMap(getCharacterMap(nextValue));
-    if (key === _utils.KEY_VALUES.ENTER) {
+    if (key === _constants.KEY_VALUES.ENTER) {
       handleChangeValue(index, event);
     }
   }, [allowHalf, characterMap, getCharacterMap, handleChangeValue, max]);
@@ -163,7 +165,7 @@ Rate.propTypes = {
   max: _propTypes.default.number,
   renderCharacter: _propTypes.default.func,
   readOnly: _propTypes.default.bool,
-  size: (0, _propTypes2.oneOf)(_utils.SIZE),
+  size: (0, _propTypes2.oneOf)(_constants.SIZE),
   value: _propTypes.default.number,
   vertical: _propTypes.default.bool,
   onChange: _propTypes.default.func,

package/cjs/Row/Row.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface RowProps extends WithAsProps {
     gutter?: number;
 }

package/cjs/Row/Row.js

@@ -8,7 +8,8 @@ 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 _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 /**
  * The `Row` component is used for layout and grids.
  * @see https://rsuitejs.com/components/grid
@@ -23,7 +24,7 @@ var Row = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     children = props.children,
     style = props.style,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "gutter", "children", "style"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());

package/cjs/SafeAnchor/SafeAnchor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface SafeAnchorProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** Link specified url */
     href?: string;

package/cjs/SelectPicker/SelectPicker.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerHandle, PickerToggleProps } from '../internals/Picker';
-import { ListProps } from '../internals/Windowing';
-import { FormControlPickerProps, ItemDataType } from '../@types/common';
+import { PickerHandle, PickerToggleProps } from '@/internals/Picker';
+import { ListProps } from '@/internals/Windowing';
+import { FormControlPickerProps, ItemDataType } from '@/internals/types';
 export interface SelectProps<T> {
     /** Set group condition key in data */
     groupBy?: string;

package/cjs/SelectPicker/SelectPicker.js

@@ -14,8 +14,8 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _utils = require("../utils");
-var _getDataGroupBy = require("../utils/getDataGroupBy");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _propTypes2 = require("../internals/propTypes");
@@ -85,9 +85,9 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     overlay = _usePickerRef.overlay,
     list = _usePickerRef.list,
     searchInput = _usePickerRef.searchInput;
-  var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
     locale = _useCustom.locale;
-  var _ref = (0, _utils.useControlled)(valueProp, defaultValue),
+  var _ref = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _ref[0],
     setValue = _ref[1]; // Used to hover the focus item  when trigger `onKeydown`
   var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {
@@ -117,19 +117,19 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useState = (0, _react.useState)(false),
     active = _useState[0],
     setActive = _useState[1];
-  var handleClose = (0, _utils.useEventCallback)(function () {
+  var handleClose = (0, _hooks.useEventCallback)(function () {
     var _trigger$current, _trigger$current$clos;
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
   });
-  var handleSelect = (0, _utils.useEventCallback)(function (value, item, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (value, item, event) {
     var _target$current;
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);
     (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
   });
-  var handleChangeValue = (0, _utils.useEventCallback)(function (value, event) {
+  var handleChangeValue = (0, _hooks.useEventCallback)(function (value, event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   });
-  var handleMenuPressEnter = (0, _utils.useEventCallback)(function (event) {
+  var handleMenuPressEnter = (0, _hooks.useEventCallback)(function (event) {
     if (!focusItemValue) {
       return;
     }
@@ -143,14 +143,14 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     handleChangeValue(focusItemValue, event);
     handleClose();
   });
-  var handleItemSelect = (0, _utils.useEventCallback)(function (value, item, event) {
+  var handleItemSelect = (0, _hooks.useEventCallback)(function (value, item, event) {
     setValue(value);
     setFocusItemValue(value);
     handleSelect(value, item, event);
     handleChangeValue(value, event);
     handleClose();
   });
-  var handleClean = (0, _utils.useEventCallback)(function (event) {
+  var handleClean = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || !cleanable) {
       return;
     }
@@ -169,13 +169,13 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onMenuKeyDown: onFocusItem,
     onMenuPressEnter: handleMenuPressEnter
   }, rest));
-  var handleExited = (0, _utils.useEventCallback)(function () {
+  var handleExited = (0, _hooks.useEventCallback)(function () {
     resetSearch();
     setActive(false);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
     setFocusItemValue(null);
   });
-  var handleEntered = (0, _utils.useEventCallback)(function () {
+  var handleEntered = (0, _hooks.useEventCallback)(function () {
     setActive(true);
     setFocusItemValue(value);
   });
@@ -190,7 +190,7 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
    * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.
    */
   var hasValue = !!activeItem || !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
   var selectedElement = placeholder;
@@ -217,7 +217,7 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 
     // Create a tree structure data when set `groupBy`
     if (groupBy) {
-      items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);
+      items = (0, _utils.getDataGroupBy)(items, groupBy, sort);
     } else if (typeof sort === 'function') {
       items = items.sort(sort(false));
     }

package/cjs/Sidebar/Sidebar.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface SidebarProps extends WithAsProps {
     /** Width */
     width?: number | string;

package/cjs/Sidebar/Sidebar.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _Container = require("../Container/Container");
 /**
  * The `Sidebar` component for use with the `Container` component.
@@ -26,7 +26,7 @@ var Sidebar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     width = _props$width === void 0 ? 260 : _props$width,
     style = props.style,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "collapsible", "width", "style"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({

package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface SidenavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
     /** Define the title as a submenu */

package/cjs/Sidenav/ExpandedSidenavDropdown.js

@@ -11,12 +11,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _utils = require("../utils");
+var _constants = require("../internals/constants");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
 var _propTypes2 = require("../internals/propTypes");
 var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdownCollapse"));
 var _Disclosure = _interopRequireDefault(require("../internals/Disclosure/Disclosure"));
-var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
 var _SidenavDropdownToggle = _interopRequireDefault(require("./SidenavDropdownToggle"));
 var _NavMenu = require("../Nav/NavMenu");
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
@@ -51,10 +52,10 @@ var ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (p
     openProp = props.open,
     onToggle = props.onToggle,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "renderToggle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var internalId = (0, _useInternalId.default)('SidenavDropdown');
+  var internalId = (0, _hooks.useInternalId)('SidenavDropdown');
   var uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
   var _sidenav$openKeys = sidenav.openKeys,
     openKeys = _sidenav$openKeys === void 0 ? [] : _sidenav$openKeys,
@@ -115,7 +116,7 @@ ExpandedSidenavDropdown.displayName = 'Sidenav.Dropdown';
 ExpandedSidenavDropdown.propTypes = {
   activeKey: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
-  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
+  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,

package/cjs/Sidenav/ExpandedSidenavDropdownItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */

package/cjs/Sidenav/ExpandedSidenavDropdownItem.js

@@ -9,7 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
@@ -43,7 +44,7 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(functio
     onClick = props.onClick,
     onSelect = props.onSelect,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "children", "disabled", "divider", "panel", "className", "style", "classPrefix", "icon", "eventKey", "onClick", "onSelect"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface SidenavDropdownMenuProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLLIElement>, 'title' | 'onSelect'> {
     /** Primary content */

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -11,9 +11,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
-var _useCustom2 = _interopRequireDefault(require("../utils/useCustom"));
 var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
 var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -45,9 +45,9 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(functio
     onClick = props.onClick,
     onSelect = props.onSelect,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "onClick", "onSelect"]);
-  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),
+  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
     rtl = _useCustom.rtl;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;

package/cjs/Sidenav/Sidenav.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import SidenavBody from './SidenavBody';
 import SidenavHeader from './SidenavHeader';
 import SidenavToggle from './SidenavToggle';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface SidenavProps<T = string> extends WithAsProps {
     /** Whether to expand the Sidenav */
     expanded?: boolean;

package/cjs/Sidenav/Sidenav.js

@@ -11,11 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _remove = _interopRequireDefault(require("lodash/remove"));
 var _Transition = _interopRequireDefault(require("../Animation/Transition"));
-var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
 var _SidenavBody = _interopRequireDefault(require("./SidenavBody"));
 var _SidenavHeader = _interopRequireDefault(require("./SidenavHeader"));
 var _SidenavToggle = _interopRequireDefault(require("./SidenavToggle"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var SidenavContext = /*#__PURE__*/_react.default.createContext(null);
 exports.SidenavContext = SidenavContext;
@@ -42,17 +42,17 @@ var Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onSelect = props.onSelect,
     onOpenChange = props.onOpenChange,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "appearance", "expanded", "activeKey", "defaultOpenKeys", "openKeys", "onSelect", "onOpenChange"]);
-  var _useControlled = (0, _utils.useControlled)(openKeysProp, defaultOpenKeys),
+  var _useControlled = (0, _hooks.useControlled)(openKeysProp, defaultOpenKeys),
     openKeys = _useControlled[0],
     setOpenKeys = _useControlled[1];
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix(appearance));
   var handleOpenChange = (0, _react.useCallback)(function (eventKey, event) {
     var find = function find(key) {
-      return (0, _shallowEqual.default)(key, eventKey);
+      return (0, _utils.shallowEqual)(key, eventKey);
     };
     var nextOpenKeys = [].concat(openKeys);
     if (nextOpenKeys.some(find)) {

package/cjs/Sidenav/SidenavBody.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type SidenavBodyProps = ComponentProps;
 /**
  * The `Sidenav.Body` component for use with the `Sidenav` component.
  *
  * @see https://rsuitejs.com/components/sidenav
  */
-declare const SidenavBody: import("../@types/common").RsRefForwardingComponent<"div", ComponentProps>;
+declare const SidenavBody: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
 export default SidenavBody;

package/cjs/Sidenav/SidenavBody.js

@@ -1,16 +1,15 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
+var _utils = require("../internals/utils");
 /**
  * The `Sidenav.Body` component for use with the `Sidenav` component.
  *
  * @see https://rsuitejs.com/components/sidenav
  */
-var SidenavBody = (0, _createComponent.default)({
+var SidenavBody = (0, _utils.createComponent)({
   name: 'SidenavBody'
 });
 var _default = SidenavBody;

package/cjs/Sidenav/SidenavDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';

package/cjs/Sidenav/SidenavDropdown.js

@@ -11,7 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _utils = require("../utils");
+var _constants = require("../internals/constants");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
 var _propTypes2 = require("../internals/propTypes");
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
@@ -62,14 +64,14 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
     menuStyle = props.menuStyle,
     style = props.style,
     toggleProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
-  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
     withMenuClassPrefix = _useClassNames2.withClassPrefix,
     mergeMenuClassName = _useClassNames2.merge;
-  var _useClassNames3 = (0, _utils.useClassNames)('nav-item'),
+  var _useClassNames3 = (0, _hooks.useClassNames)('nav-item'),
     withNavItemClassPrefix = _useClassNames3.withClassPrefix,
     mergeNavItemClassNames = _useClassNames3.merge;
   var items = navMenu[0].items;
@@ -168,7 +170,7 @@ SidenavDropdown.propTypes = {
   activeKey: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
   trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
-  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
+  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,

package/cjs/Sidenav/SidenavDropdownCollapse.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StandardProps } from '../@types/common';
+import { StandardProps } from '@/internals/types';
 export interface SidenavDropdownCollapseProps extends StandardProps {
     open?: boolean;
 }

package/cjs/Sidenav/SidenavDropdownCollapse.js

@@ -11,7 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Collapse = _interopRequireDefault(require("../Animation/Collapse"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var SidenavDropdownCollapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
@@ -19,7 +20,7 @@ var SidenavDropdownCollapse = /*#__PURE__*/_react.default.forwardRef(function (p
     classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
     open = props.open,
     restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "classPrefix", "open"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;