rsuite 5.61.0 → 5.62.1

package/cjs/Sidenav/SidenavDropdown.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
@@ -11,7 +10,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"));
@@ -23,6 +24,12 @@ var _NavDropdownItem = _interopRequireDefault(require("../Nav/NavDropdownItem"))
 var _NavDropdownMenu = _interopRequireDefault(require("../Nav/NavDropdownMenu"));
 var _SidenavDropdownToggle = _interopRequireDefault(require("./SidenavDropdownToggle"));
 var _NavMenu = require("../Nav/NavMenu");
+var _excluded = ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"],
+  _excluded2 = ["active"],
+  _excluded3 = ["open"],
+  _excluded4 = ["open"];
+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; }
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>
@@ -61,15 +68,15 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
     children = props.children,
     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),
+    toggleProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  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;
@@ -110,7 +117,7 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
       disabled: disabled
     }, function (_ref, menuitemRef) {
       var active = _ref.active,
-        menuitemProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["active"]);
+        menuitemProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
       return /*#__PURE__*/_react.default.createElement(_SidenavDropdownToggle.default, (0, _extends2.default)({
         ref: (0, _utils.mergeRefs)(buttonRef, menuitemRef),
         as: toggleAs,
@@ -126,7 +133,7 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
     openMenuOn: menuButtonTriggers,
     renderMenuPopup: function renderMenuPopup(_ref2, popupRef) {
       var open = _ref2.open,
-        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["open"]);
+        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded3);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       // When inside a collapsed <Sidenav>, render a header in menu
       var showHeader = !!sidenav;
@@ -151,7 +158,7 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, function (_ref3, menuContainerRef) {
     var _withClassPrefix;
     var open = _ref3.open,
-      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref3, ["open"]);
+      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded4);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix.submenu = true, _withClassPrefix['selected-within'] = hasSelectedItems, _withClassPrefix)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuContainerRef),
@@ -168,7 +175,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,
@@ -192,5 +199,4 @@ SidenavDropdown.propTypes = {
   onClick: _propTypes.default.func,
   renderToggle: _propTypes.default.func
 };
-var _default = SidenavDropdown;
-exports.default = _default;
+var _default = exports.default = SidenavDropdown;

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,15 +11,18 @@ 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 _excluded = ["className", "classPrefix", "open"],
+  _excluded2 = ["className"];
 var SidenavDropdownCollapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
     _props$classPrefix = props.classPrefix,
     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),
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -32,7 +35,7 @@ var SidenavDropdownCollapse = /*#__PURE__*/_react.default.forwardRef(function (p
     enteringClassName: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["collapsing"])))
   }, function (transitionProps, transitionRef) {
     var transitionClassName = transitionProps.className,
-      transitionRestProps = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, ["className"]);
+      transitionRestProps = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);
     return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, transitionRef),
       role: "group",
@@ -47,5 +50,4 @@ SidenavDropdownCollapse.propTypes = {
   classPrefix: _propTypes.default.string,
   open: _propTypes.default.bool
 };
-var _default = SidenavDropdownCollapse;
-exports.default = _default;
+var _default = exports.default = SidenavDropdownCollapse;

package/cjs/Sidenav/SidenavDropdownItem.d.ts

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

package/cjs/Sidenav/SidenavDropdownItem.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
@@ -13,11 +12,16 @@ var _Sidenav = require("./Sidenav");
 var _propTypes2 = require("../internals/propTypes");
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
 var _ExpandedSidenavDropdownItem = _interopRequireDefault(require("./ExpandedSidenavDropdownItem"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"],
+  _excluded2 = ["selected", "active"];
+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; }
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Item> within a <Sidenav>
@@ -49,8 +53,8 @@ var SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props
     panel = props.panel,
     children = props.children,
     disabled = props.disabled,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
@@ -87,7 +91,7 @@ var SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props
   }, function (_ref, menuitemRef) {
     var selected = _ref.selected,
       active = _ref.active,
-      menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["selected", "active"]);
+      menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
     var classes = merge(className, withClassPrefix({
       'with-icon': icon,
       active: selected,
@@ -133,5 +137,4 @@ SidenavDropdownItem.propTypes = {
   classPrefix: _propTypes.default.string,
   tabIndex: _propTypes.default.number
 };
-var _default = SidenavDropdownItem;
-exports.default = _default;
+var _default = exports.default = SidenavDropdownItem;

package/cjs/Sidenav/SidenavDropdownMenu.d.ts

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

package/cjs/Sidenav/SidenavDropdownMenu.js

@@ -2,7 +2,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 exports.default = void 0;
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
@@ -12,15 +11,23 @@ var _react = _interopRequireWildcard(require("react"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Sidenav = require("./Sidenav");
 var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
 var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
-var _useCustom2 = _interopRequireDefault(require("../utils/useCustom"));
 var _ExpandedSidenavDropdownMenu = _interopRequireDefault(require("./ExpandedSidenavDropdownMenu"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _templateObject, _templateObject2;
+var _excluded = ["onToggle", "eventKey", "title", "classPrefix", "children"],
+  _excluded2 = ["icon", "className", "disabled"],
+  _excluded3 = ["open"],
+  _excluded4 = ["selected", "active"],
+  _excluded5 = ["open"],
+  _excluded6 = ["open"];
+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; }
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>
@@ -45,18 +52,18 @@ var SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
     children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children"]);
-  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = (0, _react.useCallback)(function (open, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
   }, [eventKey, onToggle]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     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)('dropdown-item'),
+  var _useClassNames3 = (0, _hooks.useClassNames)('dropdown-item'),
     mergeItemClassNames = _useClassNames3.merge,
     withItemClassPrefix = _useClassNames3.withClassPrefix,
     prefixItemClassName = _useClassNames3.prefix;
@@ -72,19 +79,19 @@ var SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props
     icon = _omit.icon,
     className = _omit.className,
     disabled = _omit.disabled,
-    menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, ["icon", "className", "disabled"]);
+    menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, _excluded2);
   var Icon = rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
   return /*#__PURE__*/_react.default.createElement(_Menu.default, {
     openMenuOn: ['mouseover', 'click'],
     renderMenuButton: function renderMenuButton(_ref, buttonRef) {
       var open = _ref.open,
-        menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["open"]);
+        menuButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded3);
       return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
         disabled: disabled
       }, function (_ref2, menuitemRef) {
         var selected = _ref2.selected,
           active = _ref2.active,
-          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["selected", "active"]);
+          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded4);
         var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["toggle"]))), withItemClassPrefix({
           'with-icon': icon,
           open: open,
@@ -106,7 +113,7 @@ var SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props
     },
     renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {
       var open = _ref3.open,
-        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, ["open"]);
+        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded5);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
@@ -117,7 +124,7 @@ var SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props
     onToggleMenu: handleToggleSubmenu
   }, function (_ref4, menuContainerRef) {
     var open = _ref4.open,
-      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, ["open"]);
+      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref4, _excluded6);
     var classes = mergeItemClassNames(className, withItemClassPrefix({
       disabled: disabled,
       open: open,
@@ -145,5 +152,4 @@ SidenavDropdownMenu.propTypes = {
   collapsible: _propTypes.default.bool,
   onToggle: _propTypes.default.func
 };
-var _default = SidenavDropdownMenu;
-exports.default = _default;
+var _default = exports.default = SidenavDropdownMenu;

package/cjs/Sidenav/SidenavDropdownToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '../Button';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 export interface SidenavDropdownToggleProps extends WithAsProps {
     noCaret?: boolean;
     renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;

package/cjs/Sidenav/SidenavDropdownToggle.js

@@ -9,9 +9,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _SidenavItem = _interopRequireDefault(require("./SidenavItem"));
 var _propTypes2 = require("../internals/propTypes");
+var _excluded = ["as", "className", "classPrefix", "renderToggle", "children", "noCaret"];
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -30,8 +31,8 @@ var SidenavDropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (pro
     renderToggle = props.renderToggle,
     children = props.children,
     noCaret = props.noCaret,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "renderToggle", "children", "noCaret"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
@@ -57,5 +58,4 @@ SidenavDropdownToggle.propTypes = {
   renderToggle: _propTypes.default.func,
   placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
-var _default = SidenavDropdownToggle;
-exports.default = _default;
+var _default = exports.default = SidenavDropdownToggle;

package/cjs/Sidenav/SidenavHeader.d.ts

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

package/cjs/Sidenav/SidenavHeader.js

@@ -1,17 +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.Header` component for use with the `Sidenav` component.
  *
  * @see https://rsuitejs.com/components/sidenav
  */
-var SidenavHeader = (0, _createComponent.default)({
+var SidenavHeader = (0, _utils.createComponent)({
   name: 'SidenavHeader'
 });
-var _default = SidenavHeader;
-exports.default = _default;
+var _default = exports.default = SidenavHeader;

package/cjs/Sidenav/SidenavItem.d.ts

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

package/cjs/Sidenav/SidenavItem.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
@@ -10,7 +9,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
@@ -20,6 +20,10 @@ var _Sidenav = require("./Sidenav");
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["as", "active", "children", "className", "disabled", "classPrefix", "icon", "eventKey", "style", "onClick", "onSelect", "divider", "panel", "tooltip"],
+  _excluded2 = ["selected", "active"];
+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; }
 /**
  * @private
  */
@@ -45,11 +49,11 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     panel = props.panel,
     _props$tooltip = props.tooltip,
     tooltip = _props$tooltip === void 0 ? children : _props$tooltip,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "children", "className", "disabled", "classPrefix", "icon", "eventKey", "style", "onClick", "onSelect", "divider", "panel", "tooltip"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _ref = (0, _react.useContext)(_NavContext.default),
     activeKey = _ref.activeKey,
     onSelectFromNav = _ref.onSelect;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
@@ -80,7 +84,7 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, function (_ref2, menuitemRef) {
         var selected = _ref2.selected,
           active = _ref2.active,
-          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["selected", "active"]);
+          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
         var classes = merge(className, withClassPrefix({
           focus: active,
           active: selected,
@@ -144,5 +148,4 @@ SidenavItem.propTypes = {
   onContextMenu: _propTypes.default.func,
   onClick: _propTypes.default.func
 };
-var _default = SidenavItem;
-exports.default = _default;
+var _default = exports.default = SidenavItem;

package/cjs/Sidenav/SidenavToggle.d.ts

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

package/cjs/Sidenav/SidenavToggle.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
@@ -10,11 +9,14 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
 var _propTypes2 = require("../internals/propTypes");
 var _Sidenav = require("./Sidenav");
+var _excluded = ["as", "expanded", "className", "classPrefix", "onToggle"];
+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 SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   if (!sidenav) {
@@ -27,9 +29,11 @@ var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'sidenav-toggle' : _props$classPrefix,
     onToggle = props.onToggle,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "expanded", "className", "classPrefix", "onToggle"]); // if `expanded` prop is provided, it takes priority
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+  // if `expanded` prop is provided, it takes priority
   var expanded = DEPRECATED_expanded !== null && DEPRECATED_expanded !== void 0 ? DEPRECATED_expanded : sidenav.expanded;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
@@ -57,5 +61,4 @@ SidenavToggle.propTypes = {
   expanded: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use <Sidenav expanded> instead.'),
   onToggle: _propTypes.default.func
 };
-var _default = SidenavToggle;
-exports.default = _default;
+var _default = exports.default = SidenavToggle;

package/cjs/Sidenav/index.js

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

package/cjs/Slider/Graduated.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface GraduatedProps extends WithAsProps {
     step: number;
     min: number;

package/cjs/Slider/Graduated.js

@@ -6,8 +6,8 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
-var _utils2 = require("./utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("./utils");
 var _Mark = _interopRequireDefault(require("./Mark"));
 var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -21,7 +21,7 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'slider' : _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;
   var activeIndexs = [];
@@ -30,13 +30,13 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   if (Array.isArray(value)) {
     var start = value[0],
       end = value[1];
-    startIndex = (0, _utils2.precisionMath)(start / step - min / step);
-    endIndex = (0, _utils2.precisionMath)(end / step - min / step);
-    activeIndexs.push((0, _utils2.precisionMath)(Math.ceil((start - min) / (max - min) * count)));
-    activeIndexs.push((0, _utils2.precisionMath)(Math.ceil((end - min) / (max - min) * count)));
+    startIndex = (0, _utils.precisionMath)(start / step - min / step);
+    endIndex = (0, _utils.precisionMath)(end / step - min / step);
+    activeIndexs.push((0, _utils.precisionMath)(Math.ceil((start - min) / (max - min) * count)));
+    activeIndexs.push((0, _utils.precisionMath)(Math.ceil((end - min) / (max - min) * count)));
   } else {
-    endIndex = (0, _utils2.precisionMath)(value / step - min / step);
-    activeIndexs.push((0, _utils2.precisionMath)(Math.ceil((value - min) / (max - min) * count)));
+    endIndex = (0, _utils.precisionMath)(value / step - min / step);
+    activeIndexs.push((0, _utils.precisionMath)(Math.ceil((value - min) / (max - min) * count)));
   }
   var graduatedItems = [];
   for (var i = 0; i < count; i += 1) {
@@ -44,14 +44,14 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       pass: i >= startIndex && i <= endIndex,
       active: ~activeIndexs.indexOf(i)
     });
-    var _mark = (0, _utils2.precisionMath)(i * step + min);
-    var lastMark = Math.min(max, _mark + step);
+    var mark = (0, _utils.precisionMath)(i * step + min);
+    var lastMark = Math.min(max, mark + step);
     var last = i === count - 1;
     graduatedItems.push( /*#__PURE__*/_react.default.createElement("li", {
       className: _classes,
       key: i
     }, /*#__PURE__*/_react.default.createElement(_Mark.default, {
-      mark: _mark,
+      mark: mark,
       renderMark: renderMark
     }), last ? /*#__PURE__*/_react.default.createElement(_Mark.default, {
       mark: lastMark,
@@ -74,5 +74,4 @@ Graduated.propTypes = {
   value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.number)]),
   renderMark: _propTypes.default.func
 };
-var _default = Graduated;
-exports.default = _default;
+var _default = exports.default = Graduated;

package/cjs/Slider/Handle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface HandleProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     vertical?: boolean;