rsuite 5.51.0 → 5.53.0

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/Tabs/Tab.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface TabProps {
+    /**
+     * The children of the tab.
+     */
+    children?: React.ReactNode;
+    /**
+     * The disabled state of the tab.
+     */
+    disabled?: boolean;
+    /**
+     * The event key of the tab.
+     */
+    eventKey?: string;
+    /**
+     * The icon of the tab.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Content for the tab title.
+     */
+    title: React.ReactNode;
+}
+declare const Tab: React.FC<TabProps>;
+export default Tab;

package/esm/Tabs/Tab.js

@@ -0,0 +1,15 @@
+'use client';
+import React from 'react';
+import PropTypes from 'prop-types';
+var Tab = function Tab() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+Tab.displayName = 'Tab';
+Tab.propTypes = {
+  disabled: PropTypes.bool,
+  eventKey: PropTypes.string,
+  title: PropTypes.node,
+  children: PropTypes.node,
+  icon: PropTypes.node
+};
+export default Tab;

package/esm/Tabs/TabPanel.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { WithAsProps } from '../@types/common';
+interface TabPanelProps extends WithAsProps {
+    /** The active state of the tab. */
+    active?: boolean;
+    /** The HTML id attribute, which should be unique. */
+    id?: string;
+}
+declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
+export default TabPanel;

package/esm/Tabs/TabPanel.js

@@ -0,0 +1,27 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import { useClassNames } from '../utils';
+var TabPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'tab-panel' : _props$classPrefix,
+    children = props.children,
+    active = props.active,
+    className = props.className,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "children", "active", "className"]);
+  var _useClassNames = useClassNames(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    role: "tabpanel",
+    ref: ref,
+    tabIndex: 0,
+    hidden: !active,
+    className: merge(className, withClassPrefix())
+  }, rest), children);
+});
+TabPanel.displayName = 'TabPanel';
+export default TabPanel;

package/esm/Tabs/Tabs.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import Tab from './Tab';
+export interface TabsProps extends WithAsProps {
+    /**
+     * The tabs appearance style.
+     */
+    appearance?: 'tabs' | 'subtle';
+    /**
+     * Mark the Tab with a matching `eventKey` as active.
+     */
+    activeKey?: string;
+    /**
+     * The default active tabKey.
+     */
+    defaultActiveKey?: string;
+    /**
+     * Reversed display.
+     * @default false
+     */
+    reversed?: boolean;
+    /**
+     * Vertical display.
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * The HTML id attribute, which should be unique.
+     * @default use generated id
+     */
+    id?: string;
+    /**
+     * Callback fired when a Tab is selected.
+     * @param eventKey
+     * @param event
+     * @returns
+     */
+    onSelect?: (eventKey: string, event: React.MouseEvent) => void;
+}
+interface TabsComponent extends RsRefForwardingComponent<'div', TabsProps> {
+    Tab: typeof Tab;
+}
+/**
+ * Tabs are a set of layered sections of content, known as tab panels, that display one panel of content at a time.
+ *
+ * @version 5.53.0
+ * @see https://rsuitejs.com/components/tabs
+ */
+declare const Tabs: TabsComponent;
+export default Tabs;

package/esm/Tabs/Tabs.js

@@ -0,0 +1,215 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _templateObject;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames, useControlled, ReactChildren, useEventCallback, useUniqueId, useCustom } from '../utils';
+import Nav from '../Nav';
+import Tab from './Tab';
+import TabPanel from './TabPanel';
+function getFocusableTabs(tablist) {
+  var tabs = tablist === null || tablist === void 0 ? void 0 : tablist.querySelectorAll('[role=tab]');
+  return Array.from(tabs).filter(function (tab) {
+    return !(tab.getAttribute('aria-disabled') === 'true');
+  });
+}
+function getFocusedTab(tablist) {
+  var tabs = getFocusableTabs(tablist);
+  return tabs.find(function (tab) {
+    return tab.getAttribute('aria-selected');
+  });
+}
+function nextItem(tablist) {
+  if (!tablist) {
+    return null;
+  }
+  var item = getFocusedTab(tablist);
+  var items = getFocusableTabs(tablist);
+  if (!item) {
+    return items[0];
+  }
+  var nextItem = items[items.indexOf(item) + 1];
+  if (!nextItem || nextItem.getAttribute('role') !== 'tab') {
+    return items[0];
+  }
+  return nextItem;
+}
+function previousItem(tablist) {
+  if (!tablist) {
+    return null;
+  }
+  var item = getFocusedTab(tablist);
+  var items = getFocusableTabs(tablist);
+  if (!item) {
+    return items[items.length - 1];
+  }
+  var previousItem = items[items.indexOf(item) - 1];
+  if (!previousItem || previousItem.getAttribute('role') !== 'tab') {
+    return items[items.length - 1];
+  }
+  return previousItem;
+}
+var renderPanels = function renderPanels(children, tabProps) {
+  var id = tabProps.id,
+    activeKey = tabProps.activeKey;
+  return ReactChildren.map(children, function (child) {
+    var _child$props = child.props,
+      eventKey = _child$props.eventKey,
+      children = _child$props.children;
+    var selected = eventKey === activeKey;
+    return /*#__PURE__*/React.createElement(TabPanel, {
+      "aria-labelledby": id + "-" + eventKey,
+      "aria-hidden": !selected,
+      id: id + "-panel-" + eventKey,
+      active: selected
+    }, children);
+  });
+};
+var renderTabs = function renderTabs(children, tabPanelProps) {
+  var id = tabPanelProps.id,
+    activeKey = tabPanelProps.activeKey;
+  return ReactChildren.map(children, function (child) {
+    var _child$props2 = child.props,
+      eventKey = _child$props2.eventKey,
+      title = _child$props2.title,
+      disabled = _child$props2.disabled,
+      icon = _child$props2.icon;
+    var selected = eventKey === activeKey;
+    return /*#__PURE__*/React.createElement(Nav.Item, {
+      role: "tab",
+      as: "button",
+      type: "button",
+      "aria-selected": selected,
+      "aria-controls": id + "-panel-" + eventKey,
+      "aria-disabled": disabled,
+      "data-event-key": eventKey,
+      disabled: disabled,
+      icon: icon,
+      id: id + "-" + eventKey,
+      tabIndex: selected ? undefined : -1,
+      eventKey: eventKey
+    }, title);
+  });
+};
+
+/**
+ * Tabs are a set of layered sections of content, known as tab panels, that display one panel of content at a time.
+ *
+ * @version 5.53.0
+ * @see https://rsuitejs.com/components/tabs
+ */
+var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'tabs' : _props$classPrefix,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'tabs' : _props$appearance,
+    className = props.className,
+    children = props.children,
+    activeKeyProp = props.activeKey,
+    defaultActiveKey = props.defaultActiveKey,
+    idProp = props.id,
+    reversed = props.reversed,
+    vertical = props.vertical,
+    onSelect = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "appearance", "className", "children", "activeKey", "defaultActiveKey", "id", "reversed", "vertical", "onSelect"]);
+  var id = useUniqueId('tab-', idProp);
+  var _useCustom = useCustom(),
+    rtl = _useCustom.rtl;
+  var _useControlled = useControlled(activeKeyProp, defaultActiveKey),
+    activeKey = _useControlled[0],
+    setActiveKey = _useControlled[1];
+  var _useClassNames = useClassNames(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
+  var tablistRef = React.useRef(null);
+  var handleSelect = useEventCallback(function (eventKey, event) {
+    setActiveKey(eventKey);
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
+  });
+  var handleKeyDown = useEventCallback(function (event) {
+    var _getFocusableTabs;
+    var target = event.target;
+    if (target.getAttribute('role') !== 'tab') {
+      return;
+    }
+    var previousItemKey = vertical ? 'ArrowUp' : 'ArrowLeft';
+    var nextItemKey = vertical ? 'ArrowDown' : 'ArrowRight';
+    if (!vertical && rtl) {
+      previousItemKey = 'ArrowRight';
+      nextItemKey = 'ArrowLeft';
+    }
+    var item = null;
+    switch (event.key) {
+      case previousItemKey:
+        item = previousItem(tablistRef.current);
+        event.preventDefault();
+        break;
+      case nextItemKey:
+        item = nextItem(tablistRef.current);
+        event.preventDefault();
+        break;
+      case 'Home':
+        item = (_getFocusableTabs = getFocusableTabs(tablistRef.current)) === null || _getFocusableTabs === void 0 ? void 0 : _getFocusableTabs[0];
+        event.preventDefault();
+        break;
+      case 'End':
+        var tabs = getFocusableTabs(tablistRef.current);
+        item = tabs[tabs.length - 1];
+        event.preventDefault();
+        break;
+    }
+    if (item) {
+      var _item;
+      var _item$dataset = (_item = item) === null || _item === void 0 ? void 0 : _item.dataset,
+        _eventKey = _item$dataset.eventKey;
+      handleSelect(_eventKey, event);
+      item.focus();
+    }
+  });
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: merge(className, withClassPrefix({
+      reversed: reversed,
+      vertical: vertical
+    }))
+  }, rest, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Nav, {
+    role: "tablist",
+    "aria-orientation": vertical ? 'vertical' : 'horizontal',
+    reversed: reversed,
+    vertical: vertical,
+    appearance: appearance,
+    activeKey: activeKey,
+    onSelect: handleSelect,
+    onKeyDown: handleKeyDown,
+    ref: tablistRef
+  }, renderTabs(children, {
+    id: id,
+    activeKey: activeKey
+  })), /*#__PURE__*/React.createElement("div", {
+    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["content"])))
+  }, renderPanels(children, {
+    id: id,
+    activeKey: activeKey
+  })));
+});
+Tabs.Tab = Tab;
+Tabs.displayName = 'Tabs';
+Tabs.propTypes = {
+  appearance: PropTypes.oneOf(['tabs', 'subtle']),
+  activeKey: PropTypes.any,
+  defaultActiveKey: PropTypes.any,
+  reversed: PropTypes.bool,
+  vertical: PropTypes.bool,
+  id: PropTypes.string,
+  className: PropTypes.string,
+  classPrefix: PropTypes.string,
+  children: PropTypes.node,
+  onSelect: PropTypes.func
+};
+export default Tabs;

package/esm/Tabs/index.d.ts

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

package/esm/Tabs/index.js

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

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
    */