rsuite 5.51.0 → 5.52.0

package/esm/SelectPicker/SelectPicker.js

@@ -12,7 +12,9 @@ import isFunction from 'lodash/isFunction';
 import omit from 'lodash/omit';
 import { createChainedFunction, useCustom, useClassNames, useControlled, useEventCallback, mergeRefs, shallowEqual } from '../utils';
 import { getDataGroupBy } from '../utils/getDataGroupBy';
-import { Listbox, ListItem, PickerToggle, PickerToggleTrigger, PickerPopup, SearchBar, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
+import { Listbox, ListItem, PickerToggle, PickerToggleTrigger, PickerPopup, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
+import SearchBox from '../internals/SearchBox';
+import { oneOf } from '../internals/propTypes';
 var emptyArray = [];
 /**
  * The `SelectPicker` component is used to select an item from a list of data.
@@ -253,7 +255,7 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       style: styles,
       onKeyDown: onPickerKeyDown,
       target: trigger
-    }, searchable && /*#__PURE__*/React.createElement(SearchBar, {
+    }, searchable && /*#__PURE__*/React.createElement(SearchBox, {
       placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeyword,
@@ -299,7 +301,7 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 SelectPicker.displayName = 'SelectPicker';
 SelectPicker.propTypes = _extends({}, listPickerPropTypes, {
   locale: PropTypes.any,
-  appearance: PropTypes.oneOf(['default', 'subtle']),
+  appearance: oneOf(['default', 'subtle']),
   menuAutoWidth: PropTypes.bool,
   menuMaxHeight: PropTypes.number,
   renderMenu: PropTypes.func,

package/esm/Sidenav/ExpandedSidenavDropdown.js

@@ -7,9 +7,9 @@ import kebabCase from 'lodash/kebabCase';
 import omit from 'lodash/omit';
 import { useClassNames, placementPolyfill, PLACEMENT_8, mergeRefs } from '../utils';
 import { SidenavContext } from './Sidenav';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
 import SidenavDropdownCollapse from './SidenavDropdownCollapse';
-import Disclosure from '../Disclosure/Disclosure';
+import Disclosure from '../internals/Disclosure/Disclosure';
 import useInternalId from '../utils/useInternalId';
 import SidenavDropdownToggle from './SidenavDropdownToggle';
 import { NavMenuContext } from '../Nav/NavMenu';
@@ -109,7 +109,7 @@ ExpandedSidenavDropdown.displayName = 'Sidenav.Dropdown';
 ExpandedSidenavDropdown.propTypes = {
   activeKey: PropTypes.any,
   classPrefix: PropTypes.string,
-  placement: PropTypes.oneOf(PLACEMENT_8),
+  placement: oneOf(PLACEMENT_8),
   title: PropTypes.node,
   disabled: PropTypes.bool,
   icon: PropTypes.node,

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -6,10 +6,11 @@ import isNil from 'lodash/isNil';
 import { createChainedFunction, shallowEqual, useClassNames } from '../utils';
 import { SidenavContext } from './Sidenav';
 import PropTypes from 'prop-types';
-import Ripple from '../Ripple';
+import Ripple from '../internals/Ripple';
 import SafeAnchor from '../SafeAnchor';
 import NavContext from '../Nav/NavContext';
 import { useRenderDropdownItem } from '../Dropdown/useRenderDropdownItem';
+import classNames from 'classnames';
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
@@ -83,7 +84,7 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props,
     'aria-current': selected || undefined
   }, menuitemEventHandlers, {
     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, /*#__PURE__*/React.createElement(Ripple, null))
   }), SafeAnchor);
 });

package/esm/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -13,8 +13,8 @@ import ArrowLeftLine from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLine from '@rsuite/icons/ArrowRightLine';
 import PropTypes from 'prop-types';
 import SidenavDropdownCollapse from './SidenavDropdownCollapse';
-import Ripple from '../Ripple';
-import Disclosure from '../Disclosure/Disclosure';
+import Ripple from '../internals/Ripple';
+import Disclosure from '../internals/Disclosure/Disclosure';
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView

package/esm/Sidenav/Sidenav.js

@@ -10,7 +10,7 @@ import SidenavBody from './SidenavBody';
 import SidenavHeader from './SidenavHeader';
 import SidenavToggle from './SidenavToggle';
 import { useClassNames, useControlled, mergeRefs } from '../utils';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
 export var SidenavContext = /*#__PURE__*/React.createContext(null);
 var emptyArray = [];
 
@@ -93,7 +93,7 @@ Sidenav.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,
   expanded: PropTypes.bool,
-  appearance: PropTypes.oneOf(['default', 'inverse', 'subtle']),
+  appearance: oneOf(['default', 'inverse', 'subtle']),
   defaultOpenKeys: PropTypes.array,
   openKeys: PropTypes.array,
   onOpenChange: PropTypes.func,

package/esm/Sidenav/SidenavDropdown.js

@@ -7,9 +7,9 @@ import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
 import { SidenavContext } from './Sidenav';
-import deprecatePropType from '../utils/deprecatePropType';
-import Menu from '../Menu/Menu';
-import MenuItem from '../Menu/MenuItem';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
+import Menu from '../internals/Menu/Menu';
+import MenuItem from '../internals/Menu/MenuItem';
 import kebabCase from 'lodash/kebabCase';
 import ExpandedSidenavDropdown from './ExpandedSidenavDropdown';
 import NavContext from '../Nav/NavContext';
@@ -161,8 +161,8 @@ SidenavDropdown.displayName = 'Sidenav.Dropdown';
 SidenavDropdown.propTypes = {
   activeKey: PropTypes.any,
   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/Sidenav/SidenavDropdownItem.js

@@ -4,13 +4,14 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { SidenavContext } from './Sidenav';
-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 '../Nav/NavContext';
 import { useRenderDropdownItem } from '../Dropdown/useRenderDropdownItem';
 import ExpandedSidenavDropdownItem from './ExpandedSidenavDropdownItem';
+import classNames from 'classnames';
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Item> within a <Sidenav>
@@ -100,7 +101,7 @@ var SidenavDropdownItem = /*#__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)
     }));
   });
@@ -110,7 +111,7 @@ SidenavDropdownItem.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/Sidenav/SidenavDropdownMenu.js

@@ -5,8 +5,8 @@ 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 { SidenavContext } from './Sidenav';

package/esm/Sidenav/SidenavDropdownToggle.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import { useClassNames } from '../utils';
 import SidenavItem from './SidenavItem';
+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 @@ SidenavDropdownToggle.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 SidenavDropdownToggle;

package/esm/Sidenav/SidenavItem.js

@@ -5,14 +5,15 @@ import React, { useContext, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
 import { useClassNames, shallowEqual, mergeRefs, createChainedFunction } from '../utils';
-import Ripple from '../Ripple';
+import Ripple from '../internals/Ripple';
 import SafeAnchor from '../SafeAnchor';
 import NavContext from '../Nav/NavContext';
-import MenuItem from '../Menu/MenuItem';
+import MenuItem from '../internals/Menu/MenuItem';
 import omit from 'lodash/omit';
 import { SidenavContext } from './Sidenav';
 import Whisper from '../Whisper';
 import Tooltip from '../Tooltip';
+import classNames from 'classnames';
 /**
  * @private
  */
@@ -56,6 +57,9 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
   }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);
+  var clonedIcon = icon ? /*#__PURE__*/React.cloneElement(icon, {
+    className: classNames(prefix('icon'), icon.props.className)
+  }) : null;
   if (!sidenav.expanded) {
     return /*#__PURE__*/React.createElement(Whisper, {
       trigger: "hover",
@@ -86,9 +90,7 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }, omit(rest, ['divider', 'panel']), triggerProps, menuitem, {
           onMouseOver: createChainedFunction(menuitem.onMouseOver, triggerProps.onMouseOver),
           onMouseOut: createChainedFunction(menuitem.onMouseOut, triggerProps.onMouseOut)
-        }), icon && /*#__PURE__*/React.cloneElement(icon, {
-          className: prefix('icon')
-        }), children, /*#__PURE__*/React.createElement(Ripple, null));
+        }), clonedIcon, children, /*#__PURE__*/React.createElement(Ripple, null));
       });
     });
   }
@@ -118,9 +120,7 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: style,
     "aria-selected": selected || undefined,
     "data-event-key": eventKey
-  }, rest), icon && /*#__PURE__*/React.cloneElement(icon, {
-    className: prefix('icon')
-  }), children, /*#__PURE__*/React.createElement(Ripple, null));
+  }, rest), clonedIcon, children, /*#__PURE__*/React.createElement(Ripple, null));
 });
 SidenavItem.displayName = 'Sidenav.Item';
 SidenavItem.propTypes = {

package/esm/Sidenav/SidenavToggle.js

@@ -7,7 +7,7 @@ import IconButton from '../IconButton';
 import { useClassNames } from '../utils';
 import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
 import AngleRight from '@rsuite/icons/legacy/AngleRight';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType } from '../internals/propTypes';
 import { SidenavContext } from './Sidenav';
 var SidenavToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var sidenav = useContext(SidenavContext);

package/esm/Slider/Slider.js

@@ -11,7 +11,7 @@ import Handle from './Handle';
 import Graduated from './Graduated';
 import { useClassNames, useControlled, useCustom } from '../utils';
 import { precisionMath, checkValue } from './utils';
-import Plaintext from '../Plaintext';
+import Plaintext from '../internals/Plaintext';
 export var sliderPropTypes = {
   min: PropTypes.number,
   max: PropTypes.number,

package/esm/Stack/Stack.js

@@ -4,6 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useCustom, isSupportFlexGap } from '../utils';
+import { oneOf } from '../internals/propTypes';
 import StackItem from './StackItem';
 /**
  * The `Stack` component is a quick layout component through Flexbox,
@@ -75,9 +76,9 @@ Stack.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node,
   classPrefix: PropTypes.string,
-  direction: PropTypes.oneOf(['row', 'row-reverse', 'column', 'column-reverse']),
-  alignItems: PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),
-  justifyContent: PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around']),
+  direction: oneOf(['row', 'row-reverse', 'column', 'column-reverse']),
+  alignItems: oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),
+  justifyContent: oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around']),
   spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),
   divider: PropTypes.node,
   wrap: PropTypes.bool

package/esm/Stack/StackItem.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';
 /**
  * The `Stack.Item` component is used to set the layout of the child element in the `Stack` component.
  *
@@ -38,7 +39,7 @@ StackItem.displayName = 'StackItem';
 StackItem.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node,
-  alignSelf: PropTypes.oneOf(['flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
+  alignSelf: oneOf(['flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
   flex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   grow: PropTypes.number,
   shrink: PropTypes.number,

package/esm/Steps/StepItem.js

@@ -5,6 +5,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Check from '@rsuite/icons/Check';
 import Close from '@rsuite/icons/Close';
+import { oneOf } from '../internals/propTypes';
 import { useClassNames } from '../utils';
 var STEP_STATUS_ICON = {
   finish: /*#__PURE__*/React.createElement(Check, null),
@@ -72,7 +73,7 @@ StepItem.propTypes = {
   classPrefix: PropTypes.string,
   style: PropTypes.object,
   itemWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  status: PropTypes.oneOf(['finish', 'wait', 'process', 'error']),
+  status: oneOf(['finish', 'wait', 'process', 'error']),
   icon: PropTypes.object,
   stepNumber: PropTypes.number,
   description: PropTypes.node,

package/esm/Steps/Steps.js

@@ -4,6 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, ReactChildren } from '../utils';
+import { oneOf } from '../internals/propTypes';
 import StepItem from './StepItem';
 /**
  * The `Steps` component is used to guide users to complete tasks in accordance with the process.
@@ -74,6 +75,6 @@ Steps.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node,
   current: PropTypes.number,
-  currentStatus: PropTypes.oneOf(['finish', 'wait', 'process', 'error'])
+  currentStatus: oneOf(['finish', 'wait', 'process', 'error'])
 };
 export default Steps;

package/esm/Tag/Tag.js

@@ -6,7 +6,7 @@ var _templateObject, _templateObject2;
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useCustom } from '../utils';
-import CloseButton from '../CloseButton';
+import CloseButton from '../internals/CloseButton';
 /**
  * The `Tag` component is used to label and categorize.
  * It can be used to mark the status of an object or classify it into different categories.

package/esm/TagInput/index.d.ts

@@ -1,6 +1,6 @@
 import { InputPickerProps } from '../InputPicker/InputPicker';
 import { TagOnlyProps } from '../InputPicker/InputPickerContext';
-import type { PickerComponent } from '../Picker/types';
+import type { PickerComponent } from '../internals/Picker/types';
 export declare type TagInputProps = Omit<InputPickerProps<readonly string[]>, 'data'> & Partial<TagOnlyProps>;
 /**
  * The `TagInput` component is an enhancement of Input and supports input tags and management tags.

package/esm/TagPicker/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InputPickerProps } from '../InputPicker/InputPicker';
 import { TagOnlyProps } from '../InputPicker/InputPickerContext';
-import type { PickerComponent } from '../Picker/types';
+import type { PickerComponent } from '../internals/Picker/types';
 import type { CheckboxProps } from '../Checkbox';
 export interface TagPickerProps extends InputPickerProps, Partial<TagOnlyProps> {
     /**

package/esm/Timeline/Timeline.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import some from 'lodash/some';
 import TimelineItem from './TimelineItem';
 import { useClassNames, ReactChildren } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The `Timeline` component is used to display a list of items in chronological order.
  *
@@ -60,7 +61,7 @@ Timeline.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,
   children: PropTypes.node,
-  align: PropTypes.oneOf(['left', 'right', 'alternate']),
+  align: oneOf(['left', 'right', 'alternate']),
   endless: PropTypes.bool
 };
 export default Timeline;

package/esm/Toggle/Toggle.js

@@ -4,7 +4,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { partitionHTMLProps, useClassNames, useControlled, useCustom } from '../utils';
-import Plaintext from '../Plaintext';
+import { oneOf } from '../internals/propTypes';
+import Plaintext from '../internals/Plaintext';
 import Loader from '../Loader';
 /**
  * The `Toggle` component is used to activate or deactivate an element.
@@ -100,7 +101,7 @@ Toggle.propTypes = {
   className: PropTypes.string,
   onChange: PropTypes.func,
   as: PropTypes.elementType,
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  size: oneOf(['sm', 'md', 'lg']),
   locale: PropTypes.shape({
     on: PropTypes.string,
     off: PropTypes.string

package/esm/Tree/Tree.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps, ItemDataType, RsRefForwardingComponent } from '../@types/common';
-import { ListProps } from '../Windowing';
+import { ListProps } from '../internals/Windowing';
 /**
  * Tree Node Drag Type
  */

package/esm/TreePicker/TreePicker.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 { TreeDragProps, TreeBaseProps } from '../Tree/Tree';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 export interface TreePickerProps<T = number | string> extends TreeBaseProps<T, ItemDataType>, TreeDragProps, FormControlPickerProps<T, PickerLocale, ItemDataType>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {

package/esm/TreePicker/TreePicker.js

@@ -8,12 +8,14 @@ import _omit from "lodash/omit";
 import _pick from "lodash/pick";
 import React, { useState, useEffect, useContext, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { List, AutoSizer } from '../Windowing';
+import { List, AutoSizer } from '../internals/Windowing';
+import { oneOf } from '../internals/propTypes';
 import TreeNode from './TreeNode';
 import { createDragPreview, getKeyParentMap, getPathTowardsItem, getTreeNodeIndent, removeDragPreview, stringifyTreeNodeLabel } from '../utils/treeUtils';
 import { createChainedFunction, useClassNames, useCustom, useControlled, useEventCallback, TREE_NODE_DROP_POSITION, KEY_VALUES, mergeRefs, shallowEqual } from '../utils';
 import { getExpandWhenSearching, hasVisibleChildren, getDragNodeKeys, calDropNodePosition, createUpdateTreeDataFunction, useTreeDrag, useFlattenTreeData, getTreeActiveNode, getDefaultExpandItemValues, useTreeNodeRefs, useTreeSearch, focusPreviousItem, getFocusableItems, focusNextItem, getActiveItem, toggleExpand, useGetTreeNodeChildren, focusToActiveTreeNode, leftArrowHandler, focusTreeNode, rightArrowHandler, isSearching } from '../utils/treeUtils';
-import { PickerToggle, PickerPopup, TreeView, SearchBar, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, usePickerRef, onMenuKeyDown as _onMenuKeyDown, listPickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from '../Picker';
+import { PickerToggle, PickerPopup, TreeView, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, usePickerRef, onMenuKeyDown as _onMenuKeyDown, listPickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from '../internals/Picker';
+import SearchBox from '../internals/SearchBox';
 import TreeContext from '../Tree/TreeContext';
 var emptyArray = [];
 var itemSize = function itemSize() {
@@ -626,7 +628,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ref: mergeRefs(overlay, speakerRef),
       onKeyDown: onPickerKeydown,
       target: trigger
-    }, searchable ? /*#__PURE__*/React.createElement(SearchBar, {
+    }, searchable ? /*#__PURE__*/React.createElement(SearchBox, {
       placeholder: locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeywordState,
@@ -695,7 +697,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 TreePicker.displayName = 'TreePicker';
 TreePicker.propTypes = _extends({}, listPickerPropTypes, {
   locale: PropTypes.any,
-  appearance: PropTypes.oneOf(['default', 'subtle']),
+  appearance: oneOf(['default', 'subtle']),
   height: PropTypes.number,
   draggable: PropTypes.bool,
   virtualized: PropTypes.bool,

package/esm/Uploader/UploadFileItem.js

@@ -5,8 +5,9 @@ import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import Attachment from '@rsuite/icons/legacy/Attachment';
 import Reload from '@rsuite/icons/Reload';
+import { oneOf } from '../internals/propTypes';
 import { previewFile, useClassNames } from '../utils';
-import CloseButton from '../CloseButton';
+import CloseButton from '../internals/CloseButton';
 /**
  * Format display file size
  * @param size
@@ -259,7 +260,7 @@ UploadFileItem.displayName = 'UploadFileItem';
 UploadFileItem.propTypes = {
   locale: PropTypes.any,
   file: PropTypes.object.isRequired,
-  listType: PropTypes.oneOf(['text', 'picture-text', 'picture']),
+  listType: oneOf(['text', 'picture-text', 'picture']),
   disabled: PropTypes.bool,
   className: PropTypes.string,
   maxPreviewFileSize: PropTypes.number,

package/esm/Uploader/Uploader.js

@@ -7,7 +7,8 @@ import find from 'lodash/find';
 import FileItem from './UploadFileItem';
 import UploadTrigger from './UploadTrigger';
 import { ajaxUpload, useClassNames, useCustom, guid, useWillUnmount } from '../utils';
-import Plaintext from '../Plaintext';
+import Plaintext from '../internals/Plaintext';
+import { oneOf } from '../internals/propTypes';
 
 // Define several states of the file during the upload process.
 
@@ -421,7 +422,7 @@ Uploader.propTypes = {
   withCredentials: PropTypes.bool,
   headers: PropTypes.object,
   locale: PropTypes.any,
-  listType: PropTypes.oneOf(['text', 'picture-text', 'picture']),
+  listType: oneOf(['text', 'picture-text', 'picture']),
   shouldQueueUpdate: PropTypes.func,
   shouldUpload: PropTypes.func,
   onChange: PropTypes.func,

package/esm/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from '../utils/createComponent';
+export declare type VisuallyHiddenProps = ComponentProps;
+/**
+ * VisuallyHidden is a component that visually hides its children while keeping them accessible to screen readers.
+ *
+ * @version 5.52.0
+ * @see https://rsuitejs.com/components/visually-hidden/
+ */
+declare const VisuallyHidden: import("../@types/common").RsRefForwardingComponent<"span", ComponentProps>;
+export default VisuallyHidden;

package/esm/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,13 @@
+'use client';
+import createComponent from '../utils/createComponent';
+/**
+ * VisuallyHidden is a component that visually hides its children while keeping them accessible to screen readers.
+ *
+ * @version 5.52.0
+ * @see https://rsuitejs.com/components/visually-hidden/
+ */
+var VisuallyHidden = createComponent({
+  name: 'VisuallyHidden',
+  componentAs: 'span'
+});
+export default VisuallyHidden;

package/esm/VisuallyHidden/index.d.ts

@@ -0,0 +1,3 @@
+import VisuallyHidden from './VisuallyHidden';
+export type { VisuallyHiddenProps } from './VisuallyHidden';
+export default VisuallyHidden;

package/esm/VisuallyHidden/index.js

@@ -0,0 +1,3 @@
+'use client';
+import VisuallyHidden from './VisuallyHidden';
+export default VisuallyHidden;

package/esm/Whisper/Whisper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { OverlayTriggerHandle } from '../Overlay/OverlayTrigger';
-import { OverlayTriggerProps } from '../Overlay/OverlayTrigger';
+import { OverlayTriggerHandle } from '../internals/Overlay/OverlayTrigger';
+import { OverlayTriggerProps } from '../internals/Overlay/OverlayTrigger';
 export declare type WhisperProps = OverlayTriggerProps;
 export declare type WhisperInstance = OverlayTriggerHandle;
 /**

package/esm/Whisper/Whisper.js

@@ -3,8 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import OverlayTrigger from '../Overlay/OverlayTrigger';
+import OverlayTrigger from '../internals/Overlay/OverlayTrigger';
 import { createChainedFunction, placementPolyfill, PLACEMENT } from '../utils';
+import { oneOf } from '../internals/propTypes';
 import { CustomContext } from '../CustomProvider';
 /**
  * The `Whisper` component is used to display a floating element.
@@ -36,7 +37,7 @@ Whisper.propTypes = {
   onClose: PropTypes.func,
   onEntered: PropTypes.func,
   onExited: PropTypes.func,
-  placement: PropTypes.oneOf(PLACEMENT),
+  placement: oneOf(PLACEMENT),
   /**
    * Prevent floating element overflow
    */

package/esm/index.d.ts

@@ -114,6 +114,8 @@ export { default as CheckTree } from './CheckTree';
 export type { CheckTreeProps } from './CheckTree';
 export { default as Panel } from './Panel';
 export type { PanelProps } from './Panel';
+export { default as Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';
 export { default as PanelGroup } from './PanelGroup';
 export type { PanelGroupProps } from './PanelGroup';
 export { default as Table } from './Table';
@@ -163,5 +165,7 @@ export type { AffixProps } from './Affix';
 export { default as CustomProvider } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';
 export type { Locale, CalendarLocale, PlaintextLocale, PaginationLocale, TableLocale, DatePickerLocale, DateRangePickerLocale, PickerLocale, InputPickerLocale, UploaderLocale, BreadcrumbLocale, ToggleLocale } from './locales';
-export type { PickerHandle } from './Picker';
+export type { PickerHandle } from './internals/Picker';
 export { default as useMediaQuery } from './useMediaQuery';
+export { default as VisuallyHidden } from './VisuallyHidden';
+export type { VisuallyHiddenProps } from './VisuallyHidden';

package/esm/index.js

@@ -61,6 +61,7 @@ export { default as Rate } from './Rate';
 export { default as Tree } from './Tree';
 export { default as CheckTree } from './CheckTree';
 export { default as Panel } from './Panel';
+export { default as Accordion } from './Accordion';
 export { default as PanelGroup } from './PanelGroup';
 export { default as Table } from './Table';
 export { default as Progress } from './Progress';
@@ -90,4 +91,5 @@ export { default as Animation } from './Animation';
 export { default as DOMHelper } from './DOMHelper';
 export { default as Affix } from './Affix';
 export { default as CustomProvider } from './CustomProvider';
-export { default as useMediaQuery } from './useMediaQuery';
+export { default as useMediaQuery } from './useMediaQuery';
+export { default as VisuallyHidden } from './VisuallyHidden';

package/esm/{CloseButton → internals/CloseButton}/CloseButton.d.ts

@@ -1,5 +1,5 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import { CloseButtonLocale } from '../locales';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import { CloseButtonLocale } from '../../locales';
 export interface CloseButtonProps extends WithAsProps {
     /** Custom locale */
     locale?: CloseButtonLocale;

package/esm/{CloseButton → internals/CloseButton}/CloseButton.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import Close from '@rsuite/icons/Close';
-import { useClassNames, useCustom } from '../utils';
+import { useClassNames, useCustom } from '../../utils';
 /**
  * Close button for components such as Message and Notification.
  */