rsuite 5.51.0 → 5.52.0

package/esm/Dropdown/DropdownItem.js

@@ -4,8 +4,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _pick from "lodash/pick";
 import React, { useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import deprecatePropType, { deprecatePropTypeNew } from '../utils/deprecatePropType';
-import MenuItem from '../Menu/MenuItem';
+import { deprecatePropType, deprecatePropTypeNew, oneOf } from '../internals/propTypes';
+import MenuItem from '../internals/Menu/MenuItem';
 import DropdownContext from './DropdownContext';
 import isNil from 'lodash/isNil';
 import { mergeRefs, shallowEqual, useClassNames } from '../utils';
@@ -16,6 +16,7 @@ import { useRenderDropdownItem } from './useRenderDropdownItem';
 import warnOnce from '../utils/warnOnce';
 import Nav from '../Nav';
 import DropdownSeparator from './DropdownSeparator';
+import classNames from 'classnames';
 /**
  * The `<Dropdown.Item>` API
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
@@ -118,7 +119,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classes
     }, menuitem, dataAttributes, restProps, {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.cloneElement(icon, {
-        className: prefix('menu-icon')
+        className: classNames(prefix('menu-icon'), icon.props.className)
       }), children)
     }));
   });
@@ -128,7 +129,7 @@ DropdownItem.propTypes = {
   as: PropTypes.elementType,
   divider: deprecatePropTypeNew(PropTypes.bool, 'Use Dropdown.Separator component instead.'),
   panel: PropTypes.bool,
-  trigger: PropTypes.oneOfType([PropTypes.array, PropTypes.oneOf(['click', 'hover'])]),
+  trigger: PropTypes.oneOfType([PropTypes.array, oneOf(['click', 'hover'])]),
   open: deprecatePropType(PropTypes.bool),
   active: PropTypes.bool,
   disabled: PropTypes.bool,

package/esm/Dropdown/DropdownMenu.js

@@ -5,15 +5,16 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 import React, { useCallback, useContext, useMemo } from 'react';
 import omit from 'lodash/omit';
-import Menu from '../Menu/Menu';
-import MenuItem from '../Menu/MenuItem';
+import Menu from '../internals/Menu/Menu';
+import MenuItem from '../internals/Menu/MenuItem';
+import Menubar from '../internals/Menu/Menubar';
+import { oneOf } from '../internals/propTypes';
 import { mergeRefs, useClassNames } from '../utils';
 import PropTypes from 'prop-types';
 import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
 import AngleRight from '@rsuite/icons/legacy/AngleRight';
 import useCustom from '../utils/useCustom';
 import DropdownContext from './DropdownContext';
-import Menubar from '../Menu/Menubar';
 import Nav from '../Nav';
 import NavContext from '../Nav/NavContext';
 import warnOnce from '../utils/warnOnce';
@@ -169,7 +170,7 @@ DropdownMenu.propTypes = {
   pullLeft: PropTypes.bool,
   title: PropTypes.node,
   open: PropTypes.bool,
-  trigger: PropTypes.oneOf(['click', 'hover']),
+  trigger: oneOf(['click', 'hover']),
   eventKey: PropTypes.any,
   expanded: PropTypes.bool,
   collapsible: PropTypes.bool,

package/esm/Dropdown/DropdownToggle.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import Button from '../Button';
 import { useClassNames } from '../utils';
 import useToggleCaret from '../utils/useToggleCaret';
+import { oneOf } from '../internals/propTypes';
 var DropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? Button : _props$as,
@@ -48,6 +49,6 @@ DropdownToggle.propTypes = {
   noCaret: PropTypes.bool,
   as: PropTypes.elementType,
   renderToggle: PropTypes.func,
-  placement: PropTypes.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 export default DropdownToggle;

package/esm/FlexboxGrid/FlexboxGrid.js

@@ -5,6 +5,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import FlexboxGridItem from './FlexboxGridItem';
+import { oneOf } from '../internals/propTypes';
 /**
  * The FlexboxGrid component is a box that can be used to layout other components.
  * @see https://rsuitejs.com/components/flexbox-grid
@@ -34,7 +35,7 @@ FlexboxGrid.displayName = 'FlexboxGrid';
 FlexboxGrid.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,
-  align: PropTypes.oneOf(['top', 'middle', 'bottom']),
-  justify: PropTypes.oneOf(['start', 'end', 'center', 'space-around', 'space-between'])
+  align: oneOf(['top', 'middle', 'bottom']),
+  justify: oneOf(['start', 'end', 'center', 'space-around', 'space-between'])
 };
 export default FlexboxGrid;

package/esm/Form/Form.js

@@ -15,6 +15,7 @@ import FormHelpText from '../FormHelpText';
 import { useFormClassNames } from './useFormClassNames';
 import useSchemaModel from './useSchemaModel';
 import { useControlled, useEventCallback } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `Form` component is a form interface for collecting and validating user input.
  * @see https://rsuitejs.com/components/form
@@ -286,12 +287,12 @@ Form.propTypes = {
   classPrefix: PropTypes.string,
   children: PropTypes.node,
   errorFromContext: PropTypes.bool,
-  layout: PropTypes.oneOf(['horizontal', 'vertical', 'inline']),
+  layout: oneOf(['horizontal', 'vertical', 'inline']),
   fluid: PropTypes.bool,
   formValue: PropTypes.object,
   formDefaultValue: PropTypes.object,
   formError: PropTypes.object,
-  checkTrigger: PropTypes.oneOf(['change', 'blur', 'none']),
+  checkTrigger: oneOf(['change', 'blur', 'none']),
   onChange: PropTypes.func,
   onError: PropTypes.func,
   onCheck: PropTypes.func,

package/esm/FormControl/FormControl.js

@@ -14,6 +14,7 @@ import { useClassNames } from '../utils';
 import FormContext, { FormValueContext } from '../Form/FormContext';
 import { FormGroupContext } from '../FormGroup/FormGroup';
 import { useWillUnmount, useEventCallback } from '../utils';
+import { oneOf } from '../internals/propTypes';
 import useRegisterModel from './useRegisterModel';
 import Toggle from '../Toggle';
 
@@ -187,14 +188,14 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
 FormControl.displayName = 'FormControl';
 FormControl.propTypes = {
   name: PropTypes.string.isRequired,
-  checkTrigger: PropTypes.oneOf(['change', 'blur', 'none']),
+  checkTrigger: oneOf(['change', 'blur', 'none']),
   checkAsync: PropTypes.bool,
   accepter: PropTypes.any,
   onChange: PropTypes.func,
   onBlur: PropTypes.func,
   classPrefix: PropTypes.string,
   errorMessage: PropTypes.node,
-  errorPlacement: PropTypes.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),
+  errorPlacement: oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),
   value: PropTypes.any
 };
 export default FormControl;

package/esm/FormErrorMessage/FormErrorMessage.js

@@ -7,6 +7,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import { placementPolyfill, useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/
@@ -48,6 +49,6 @@ FormErrorMessage.propTypes = {
   classPrefix: PropTypes.string,
   children: PropTypes.node,
   className: PropTypes.string,
-  placement: PropTypes.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 export default FormErrorMessage;

package/esm/IconButton/IconButton.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
+import { oneOf } from '../internals/propTypes';
 import { useClassNames } from '../utils';
 import Button from '../Button';
 /**
@@ -38,6 +39,6 @@ IconButton.propTypes = {
   classPrefix: PropTypes.string,
   circle: PropTypes.bool,
   children: PropTypes.node,
-  placement: PropTypes.oneOf(['left', 'right'])
+  placement: oneOf(['left', 'right'])
 };
 export default IconButton;

package/esm/Input/Input.js

@@ -5,8 +5,9 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { FormGroupContext } from '../FormGroup/FormGroup';
 import { InputGroupContext } from '../InputGroup/InputGroup';
-import Plaintext from '../Plaintext';
-import { createChainedFunction, TypeChecker, mergeRefs, useClassNames, KEY_VALUES } from '../utils';
+import Plaintext from '../internals/Plaintext';
+import { createChainedFunction, mergeRefs, useClassNames, KEY_VALUES } from '../utils';
+import { refType, oneOf } from '../internals/propTypes';
 /**
  * The `<Input>` component is used to get user input in a text field.
  *
@@ -92,8 +93,8 @@ Input.propTypes = {
   disabled: PropTypes.bool,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
-  inputRef: TypeChecker.refType,
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
+  inputRef: refType,
   onChange: PropTypes.func,
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,

package/esm/InputGroup/InputGroup.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import InputGroupAddon from './InputGroupAddon';
 import InputGroupButton from './InputGroupButton';
 import { useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
 export var InputGroupContext = /*#__PURE__*/React.createContext(null);
 /**
  * The `InputGroup` component is used to specify an input field with an add-on.
@@ -72,7 +73,7 @@ InputGroup.propTypes = {
   children: PropTypes.node,
   disabled: PropTypes.bool,
   inside: PropTypes.bool,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs'])
+  size: oneOf(['lg', 'md', 'sm', 'xs'])
 };
 InputGroup.Addon = InputGroupAddon;
 InputGroup.Button = InputGroupButton;

package/esm/InputNumber/InputNumber.js

@@ -12,6 +12,7 @@ import InputGroupAddon from '../InputGroup/InputGroupAddon';
 import Input from '../Input';
 import Button from '../Button';
 import { partitionHTMLProps, createChainedFunction, useClassNames, useControlled, KEY_VALUES } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * Check if the value is a number.
  * @param value
@@ -268,8 +269,8 @@ InputNumber.propTypes = {
   readOnly: PropTypes.bool,
   plaintext: PropTypes.bool,
   scrollable: PropTypes.bool,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
-  buttonAppearance: PropTypes.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
+  buttonAppearance: oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),
   onWheel: PropTypes.func,
   onChange: PropTypes.func
 };

package/esm/InputPicker/InputPicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import type { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { InputPickerLocale } from '../locales';
 import type { SelectProps } from '../SelectPicker';
-interface InputItemDataType extends ItemDataType {
+export interface InputItemDataType extends ItemDataType {
     create?: boolean;
 }
 export declare type ValueType = any;

package/esm/InputPicker/InputPicker.js

@@ -16,10 +16,11 @@ import pick from 'lodash/pick';
 import getWidth from 'dom-lib/getWidth';
 import shallowEqual from '../utils/shallowEqual';
 import { filterNodesOfTree } from '../utils/treeUtils';
-import Plaintext from '../Plaintext';
+import Plaintext from '../internals/Plaintext';
 import { createChainedFunction, tplTransform, useClassNames, useCustom, useControlled, useEventCallback, mergeRefs, isOneOf, KEY_VALUES } from '../utils';
+import { oneOf } from '../internals/propTypes';
 import { getDataGroupBy } from '../utils/getDataGroupBy';
-import { Listbox, ListItem, ListCheckItem, PickerToggle, PickerPopup, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, usePickerRef, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
+import { Listbox, ListItem, ListCheckItem, PickerToggle, PickerPopup, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, usePickerRef, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
 import Tag from '../Tag';
 import InputAutosize from './InputAutosize';
 import TextBox from './TextBox';
@@ -700,7 +701,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 InputPicker.displayName = 'InputPicker';
 InputPicker.propTypes = _extends({}, listPickerPropTypes, {
   locale: PropTypes.any,
-  appearance: PropTypes.oneOf(['default', 'subtle']),
+  appearance: oneOf(['default', 'subtle']),
   cacheData: PropTypes.array,
   menuAutoWidth: PropTypes.bool,
   menuMaxHeight: PropTypes.number,

package/esm/InputPicker/TagList.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject;
 import React from 'react';
 import { useClassNames } from '../utils';
-import useCombobox from '../Picker/hooks/useCombobox';
+import useCombobox from '../internals/Picker/hooks/useCombobox';
 var TagList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     rest = _objectWithoutPropertiesLoose(props, ["children"]);

package/esm/InputPicker/index.d.ts

@@ -1,3 +1,3 @@
 import InputPicker from './InputPicker';
-export type { InputPickerProps } from './InputPicker';
+export type { InputPickerProps, InputItemDataType } from './InputPicker';
 export default InputPicker;

package/esm/List/List.js

@@ -7,6 +7,7 @@ import useSortHelper from './helper/useSortHelper';
 import { mergeRefs, useClassNames } from '../utils';
 import ListContext from './ListContext';
 import ListItem from './ListItem';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
@@ -83,7 +84,7 @@ List.propTypes = {
   bordered: PropTypes.bool,
   hover: PropTypes.bool,
   sortable: PropTypes.bool,
-  size: PropTypes.oneOf(['lg', 'md', 'sm']),
+  size: oneOf(['lg', 'md', 'sm']),
   autoScroll: PropTypes.bool,
   pressDelay: PropTypes.number,
   transitionDuration: PropTypes.number,

package/esm/List/helper/useSortHelper.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
 import { Collection, ManagedItem } from './useManager';
-interface MovedItemInfo {
+export interface MovedItemInfo {
     collection: Collection;
     node: HTMLElement;
     newIndex: number;

package/esm/Loader/Loader.js

@@ -4,6 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
@@ -60,7 +61,7 @@ Loader.propTypes = {
   inverse: PropTypes.bool,
   vertical: PropTypes.bool,
   content: PropTypes.node,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
-  speed: PropTypes.oneOf(['normal', 'fast', 'slow'])
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
+  speed: oneOf(['normal', 'fast', 'slow'])
 };
 export default Loader;

package/esm/Message/Message.js

@@ -6,7 +6,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import React, { useState, useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useTimeout, MESSAGE_STATUS_ICONS, STATUS, useIsMounted } from '../utils';
-import CloseButton from '../CloseButton';
+import { oneOf } from '../internals/propTypes';
+import CloseButton from '../internals/CloseButton';
 import ToastContext from '../toaster/ToastContext';
 /**
  * The `Message` component is used to display important messages to users.
@@ -79,7 +80,7 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Message.displayName = 'Message';
 Message.propTypes = {
-  type: PropTypes.oneOf(STATUS),
+  type: oneOf(STATUS),
   className: PropTypes.string,
   onClose: PropTypes.func,
   closable: PropTypes.bool,

package/esm/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseModalProps } from '../Overlay/Modal';
+import { BaseModalProps } from '../internals/Overlay/Modal';
 import ModalDialog from './ModalDialog';
 import ModalBody from './ModalBody';
 import ModalHeader from './ModalHeader';

package/esm/Modal/Modal.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import pick from 'lodash/pick';
 import on from 'dom-lib/on';
 import getAnimationEnd from 'dom-lib/getAnimationEnd';
-import BaseModal, { modalPropTypes } from '../Overlay/Modal';
+import BaseModal, { modalPropTypes } from '../internals/Overlay/Modal';
 import Bounce from '../Animation/Bounce';
 import { useClassNames, mergeRefs, useWillUnmount } from '../utils';
 import ModalDialog, { modalDialogPropTypes } from './ModalDialog';
@@ -19,7 +19,7 @@ import ModalTitle from './ModalTitle';
 import ModalFooter from './ModalFooter';
 import { useBodyStyles } from './utils';
 import useUniqueId from '../utils/useUniqueId';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
 import DrawerContext from '../Drawer/DrawerContext';
 var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
 /**
@@ -211,11 +211,10 @@ Modal.propTypes = _extends({}, modalPropTypes, {
   animationTimeout: PropTypes.number,
   classPrefix: PropTypes.string,
   dialogClassName: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.oneOf(modalSizes), PropTypes.number, PropTypes.string]),
+  size: PropTypes.oneOfType([oneOf(modalSizes), PropTypes.number, PropTypes.string]),
   dialogStyle: PropTypes.object,
   dialogAs: PropTypes.elementType,
   full: deprecatePropType(PropTypes.bool, 'Use size="full" instead.'),
-  overflow: PropTypes.bool,
-  drawer: PropTypes.bool
+  overflow: PropTypes.bool
 });
 export default Modal;

package/esm/Modal/ModalDialog.js

@@ -6,8 +6,9 @@ var _templateObject;
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, SIZE } from '../utils';
+import { oneOf } from '../internals/propTypes';
 export var modalDialogPropTypes = {
-  size: PropTypes.oneOf(SIZE),
+  size: oneOf(SIZE),
   className: PropTypes.string,
   classPrefix: PropTypes.string,
   dialogClassName: PropTypes.string,

package/esm/Modal/ModalHeader.js

@@ -5,7 +5,7 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { createChainedFunction, useClassNames } from '../utils';
 import { ModalContext } from './ModalContext';
-import CloseButton from '../CloseButton';
+import CloseButton from '../internals/CloseButton';
 import Close from '@rsuite/icons/Close';
 import IconButton from '../IconButton';
 import DrawerContext from '../Drawer/DrawerContext';

package/esm/MultiCascader/MultiCascader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 export declare type ValueType = (number | string)[];
 export interface MultiCascaderProps<T = ValueType> extends FormControlPickerProps<T, PickerLocale, ItemDataType>, Pick<PickerToggleProps, 'loading'> {

package/esm/MultiCascader/MultiCascader.js

@@ -13,7 +13,9 @@ import { useCascadeValue, useColumnData, useFlattenData, isSomeChildChecked } fr
 import { getNodeParents, findNodeOfTree } from '../utils/treeUtils';
 import { getColumnsAndPaths } from '../Cascader/utils';
 import { createChainedFunction, mergeRefs, getSafeRegExpString, useClassNames, useCustom, useUpdateEffect, useControlled, useEventCallback } from '../utils';
-import { PickerToggle, PickerPopup, SearchBar, SelectedElement, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
+import { PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
+import SearchBox from '../internals/SearchBox';
+import { oneOf } from '../internals/propTypes';
 var emptyArray = [];
 
 /**
@@ -384,7 +386,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       style: styles,
       target: trigger,
       onKeyDown: onPickerKeyDown
-    }, searchable && /*#__PURE__*/React.createElement(SearchBar, {
+    }, searchable && /*#__PURE__*/React.createElement(SearchBox, {
       placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeyword,
@@ -475,7 +477,7 @@ MultiCascader.propTypes = _extends({}, listPickerPropTypes, {
   value: PropTypes.array,
   disabledItemValues: PropTypes.array,
   locale: PropTypes.any,
-  appearance: PropTypes.oneOf(['default', 'subtle']),
+  appearance: oneOf(['default', 'subtle']),
   cascade: PropTypes.bool,
   inline: PropTypes.bool,
   countable: PropTypes.bool,

package/esm/MultiCascader/TreeView.js

@@ -6,7 +6,7 @@ import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
 import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
 import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
 import { useClassNames, shallowEqual, useCustom, useEventCallback } from '../utils';
-import { ListCheckItem, useCombobox } from '../Picker';
+import { ListCheckItem, useCombobox } from '../internals/Picker';
 import { isSomeParentChecked, isSomeChildChecked } from './utils';
 var emptyArray = [];
 

package/esm/Nav/Nav.js

@@ -9,7 +9,8 @@ import { NavbarContext } from '../Navbar/Navbar';
 import { SidenavContext } from '../Sidenav/Sidenav';
 import NavContext from './NavContext';
 import useEnsuredRef from '../utils/useEnsuredRef';
-import Menubar from '../Menu/Menubar';
+import Menubar from '../internals/Menu/Menubar';
+import { oneOf } from '../internals/propTypes';
 import NavDropdown from './NavDropdown';
 import NavMenu, { NavMenuActionType, NavMenuContext } from './NavMenu';
 import deprecateComponent from '../utils/deprecateComponent';
@@ -181,7 +182,7 @@ Nav.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.node,
-  appearance: PropTypes.oneOf(['default', 'subtle', 'tabs']),
+  appearance: oneOf(['default', 'subtle', 'tabs']),
   // Reverse Direction of tabs/subtle
   reversed: PropTypes.bool,
   justified: PropTypes.bool,

package/esm/Nav/NavDropdown.js

@@ -6,9 +6,9 @@ import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
 import { initialState, reducer } from '../Dropdown/DropdownState';
-import Menu from '../Menu/Menu';
+import Menu from '../internals/Menu/Menu';
 import kebabCase from 'lodash/kebabCase';
 import NavContext from './NavContext';
 import NavDropdownItem from './NavDropdownItem';
@@ -128,8 +128,8 @@ NavDropdown.Menu = NavDropdownMenu;
 NavDropdown.displayName = 'Nav.Dropdown';
 NavDropdown.propTypes = {
   classPrefix: PropTypes.string,
-  trigger: PropTypes.oneOfType([PropTypes.array, PropTypes.oneOf(['click', 'hover', 'contextMenu'])]),
-  placement: PropTypes.oneOf(PLACEMENT_8),
+  trigger: PropTypes.oneOfType([PropTypes.array, oneOf(['click', 'hover', 'contextMenu'])]),
+  placement: oneOf(PLACEMENT_8),
   title: PropTypes.node,
   disabled: PropTypes.bool,
   icon: PropTypes.node,

package/esm/Nav/NavDropdownItem.js

@@ -3,12 +3,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
-import deprecatePropType from '../utils/deprecatePropType';
-import MenuItem from '../Menu/MenuItem';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
+import MenuItem from '../internals/Menu/MenuItem';
 import isNil from 'lodash/isNil';
 import { mergeRefs, shallowEqual, useClassNames } from '../utils';
 import NavContext from './NavContext';
 import { useRenderDropdownItem } from '../Dropdown/useRenderDropdownItem';
+import classNames from 'classnames';
 /**
  * @private
  */
@@ -84,7 +85,7 @@ var NavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classes
     }, menuitem, dataAttributes, restProps, {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.cloneElement(icon, {
-        className: prefix('menu-icon')
+        className: classNames(prefix('menu-icon'), icon.props.className)
       }), children)
     }));
   });
@@ -94,7 +95,7 @@ NavDropdownItem.propTypes = {
   as: PropTypes.elementType,
   divider: PropTypes.bool,
   panel: PropTypes.bool,
-  trigger: PropTypes.oneOfType([PropTypes.array, PropTypes.oneOf(['click', 'hover'])]),
+  trigger: PropTypes.oneOfType([PropTypes.array, oneOf(['click', 'hover'])]),
   open: deprecatePropType(PropTypes.bool),
   active: PropTypes.bool,
   disabled: PropTypes.bool,

package/esm/Nav/NavDropdownMenu.js

@@ -5,15 +5,15 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 import React, { useCallback, useContext } from 'react';
 import omit from 'lodash/omit';
-import Menu from '../Menu/Menu';
-import MenuItem from '../Menu/MenuItem';
+import Menu from '../internals/Menu/Menu';
+import MenuItem from '../internals/Menu/MenuItem';
 import { mergeRefs, useClassNames } from '../utils';
 import PropTypes from 'prop-types';
 import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
 import AngleRight from '@rsuite/icons/legacy/AngleRight';
 import useCustom from '../utils/useCustom';
 import NavContext from './NavContext';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
 /**
  * @private
  */
@@ -117,7 +117,7 @@ NavDropdownMenu.propTypes = {
   icon: PropTypes.any,
   classPrefix: PropTypes.string,
   pullLeft: deprecatePropType(PropTypes.bool, 'Use openDirection="start" instead.'),
-  openDirection: PropTypes.oneOf(['start', 'end']),
+  openDirection: oneOf(['start', 'end']),
   noCaret: PropTypes.bool,
   title: PropTypes.node,
   open: PropTypes.bool,

package/esm/Nav/NavDropdownToggle.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import { useClassNames } from '../utils';
 import NavItem from './NavItem';
+import { oneOf } from '../internals/propTypes';
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -49,6 +50,6 @@ NavDropdownToggle.propTypes = {
   noCaret: PropTypes.bool,
   as: PropTypes.elementType,
   renderToggle: PropTypes.func,
-  placement: PropTypes.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 export default NavDropdownToggle;

package/esm/Nav/NavItem.js

@@ -4,10 +4,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
-import Ripple from '../Ripple';
+import Ripple from '../internals/Ripple';
 import SafeAnchor from '../SafeAnchor';
 import { shallowEqual, useClassNames } from '../utils';
 import NavContext from './NavContext';
+import classNames from 'classnames';
 /**
  * The `Nav.Item` component is used to create navigation links.
  *
@@ -82,7 +83,7 @@ var NavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: style,
     "aria-selected": active || undefined
   }), icon && /*#__PURE__*/React.cloneElement(icon, {
-    className: prefix('icon')
+    className: classNames(prefix('icon'), icon.props.className)
   }), children, /*#__PURE__*/React.createElement(Ripple, null));
 });
 NavItem.displayName = 'Nav.Item';