rsuite 5.51.0 → 5.53.0

package/cjs/Toggle/Toggle.js

@@ -10,7 +10,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _propTypes2 = require("../internals/propTypes");
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _Loader = _interopRequireDefault(require("../Loader"));
 /**
  * The `Toggle` component is used to activate or deactivate an element.
@@ -106,7 +107,7 @@ Toggle.propTypes = {
   className: _propTypes.default.string,
   onChange: _propTypes.default.func,
   as: _propTypes.default.elementType,
-  size: _propTypes.default.oneOf(['sm', 'md', 'lg']),
+  size: (0, _propTypes2.oneOf)(['sm', 'md', 'lg']),
   locale: _propTypes.default.shape({
     on: _propTypes.default.string,
     off: _propTypes.default.string

package/cjs/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/cjs/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/cjs/TreePicker/TreePicker.js

@@ -14,11 +14,13 @@ var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Windowing = require("../Windowing");
+var _Windowing = require("../internals/Windowing");
+var _propTypes2 = require("../internals/propTypes");
 var _TreeNode = _interopRequireDefault(require("./TreeNode"));
 var _treeUtils = require("../utils/treeUtils");
 var _utils = require("../utils");
-var _Picker = require("../Picker");
+var _Picker = require("../internals/Picker");
+var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
 var emptyArray = [];
 var itemSize = function itemSize() {
@@ -631,7 +633,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       ref: (0, _utils.mergeRefs)(overlay, speakerRef),
       onKeyDown: onPickerKeydown,
       target: trigger
-    }, searchable ? /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {
+    }, searchable ? /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
       placeholder: locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeywordState,
@@ -700,7 +702,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 TreePicker.displayName = 'TreePicker';
 TreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   locale: _propTypes.default.any,
-  appearance: _propTypes.default.oneOf(['default', 'subtle']),
+  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),
   height: _propTypes.default.number,
   draggable: _propTypes.default.bool,
   virtualized: _propTypes.default.bool,

package/cjs/Uploader/UploadFileItem.js

@@ -11,8 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Attachment = _interopRequireDefault(require("@rsuite/icons/legacy/Attachment"));
 var _Reload = _interopRequireDefault(require("@rsuite/icons/Reload"));
+var _propTypes2 = require("../internals/propTypes");
 var _utils = require("../utils");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 /**
  * Format display file size
  * @param size
@@ -266,7 +267,7 @@ UploadFileItem.displayName = 'UploadFileItem';
 UploadFileItem.propTypes = {
   locale: _propTypes.default.any,
   file: _propTypes.default.object.isRequired,
-  listType: _propTypes.default.oneOf(['text', 'picture-text', 'picture']),
+  listType: (0, _propTypes2.oneOf)(['text', 'picture-text', 'picture']),
   disabled: _propTypes.default.bool,
   className: _propTypes.default.string,
   maxPreviewFileSize: _propTypes.default.number,

package/cjs/Uploader/Uploader.js

@@ -13,7 +13,8 @@ var _find = _interopRequireDefault(require("lodash/find"));
 var _UploadFileItem = _interopRequireDefault(require("./UploadFileItem"));
 var _UploadTrigger = _interopRequireDefault(require("./UploadTrigger"));
 var _utils = require("../utils");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
+var _propTypes2 = require("../internals/propTypes");
 // Define several states of the file during the upload process.
 
 var getFiles = function getFiles(event) {
@@ -426,7 +427,7 @@ Uploader.propTypes = {
   withCredentials: _propTypes.default.bool,
   headers: _propTypes.default.object,
   locale: _propTypes.default.any,
-  listType: _propTypes.default.oneOf(['text', 'picture-text', 'picture']),
+  listType: (0, _propTypes2.oneOf)(['text', 'picture-text', 'picture']),
   shouldQueueUpdate: _propTypes.default.func,
   shouldUpload: _propTypes.default.func,
   onChange: _propTypes.default.func,

package/cjs/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/cjs/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _createComponent = _interopRequireDefault(require("../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 = (0, _createComponent.default)({
+  name: 'VisuallyHidden',
+  componentAs: 'span'
+});
+var _default = VisuallyHidden;
+exports.default = _default;

package/cjs/VisuallyHidden/index.d.ts

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

package/cjs/VisuallyHidden/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _VisuallyHidden = _interopRequireDefault(require("./VisuallyHidden"));
+var _default = _VisuallyHidden.default;
+exports.default = _default;

package/cjs/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/cjs/Whisper/Whisper.js

@@ -9,8 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
+var _OverlayTrigger = _interopRequireDefault(require("../internals/Overlay/OverlayTrigger"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
 /**
  * The `Whisper` component is used to display a floating element.
@@ -42,7 +43,7 @@ Whisper.propTypes = {
   onClose: _propTypes.default.func,
   onEntered: _propTypes.default.func,
   onExited: _propTypes.default.func,
-  placement: _propTypes.default.oneOf(_utils.PLACEMENT),
+  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT),
   /**
    * Prevent floating element overflow
    */

package/cjs/index.d.ts

@@ -114,8 +114,12 @@ 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 Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
 export { default as Table } from './Table';
 export type { TableProps, ColumnProps, ColumnGroupProps, CellProps, TableLocaleType } from './Table';
 export { default as Progress } from './Progress';
@@ -163,5 +167,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/cjs/index.js

@@ -4,7 +4,7 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFormClassNames = exports.useToaster = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
 var _Button = _interopRequireDefault(require("./Button"));
 exports.Button = _Button.default;
 var _IconButton = _interopRequireDefault(require("./IconButton"));
@@ -123,8 +123,12 @@ var _CheckTree = _interopRequireDefault(require("./CheckTree"));
 exports.CheckTree = _CheckTree.default;
 var _Panel = _interopRequireDefault(require("./Panel"));
 exports.Panel = _Panel.default;
+var _Accordion = _interopRequireDefault(require("./Accordion"));
+exports.Accordion = _Accordion.default;
 var _PanelGroup = _interopRequireDefault(require("./PanelGroup"));
 exports.PanelGroup = _PanelGroup.default;
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+exports.Tabs = _Tabs.default;
 var _Table = _interopRequireDefault(require("./Table"));
 exports.Table = _Table.default;
 var _Progress = _interopRequireDefault(require("./Progress"));
@@ -174,4 +178,6 @@ exports.Affix = _Affix.default;
 var _CustomProvider = _interopRequireDefault(require("./CustomProvider"));
 exports.CustomProvider = _CustomProvider.default;
 var _useMediaQuery = _interopRequireDefault(require("./useMediaQuery"));
-exports.useMediaQuery = _useMediaQuery.default;
+exports.useMediaQuery = _useMediaQuery.default;
+var _VisuallyHidden = _interopRequireDefault(require("./VisuallyHidden"));
+exports.VisuallyHidden = _VisuallyHidden.default;

package/cjs/{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/cjs/{CloseButton → internals/CloseButton}/CloseButton.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 /**
  * Close button for components such as Message and Notification.
  */

package/cjs/{Disclosure → internals/Disclosure}/Disclosure.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _DisclosureContext = _interopRequireWildcard(require("./DisclosureContext"));
 var _DisclosureButton = _interopRequireDefault(require("./DisclosureButton"));
 var _DisclosureContent = _interopRequireDefault(require("./DisclosureContent"));
-var _useClickOutside = _interopRequireDefault(require("../utils/useClickOutside"));
+var _useClickOutside = _interopRequireDefault(require("../../utils/useClickOutside"));
 // Headless Disclosure
 // Ref: https://w3c.github.io/aria-practices/#disclosure
 

package/cjs/{Disclosure → internals/Disclosure}/DisclosureButton.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _DisclosureContext = require("./DisclosureContext");
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var _useDisclosureContext2 = _interopRequireDefault(require("./useDisclosureContext"));
 function DisclosureButton(props) {
   var children = props.children;

package/cjs/{Menu → internals/Menu}/Menu.js

@@ -10,14 +10,24 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
-var _utils = require("../utils");
-var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
+var _utils = require("../../utils");
+var _useUniqueId = _interopRequireDefault(require("../../utils/useUniqueId"));
 var _useMenu = _interopRequireDefault(require("./useMenu"));
-var _useFocus2 = _interopRequireDefault(require("../utils/useFocus"));
-var _useClickOutside = _interopRequireDefault(require("../utils/useClickOutside"));
-var _events = require("../utils/events");
-var _dom = require("../utils/dom");
+var _useFocus2 = _interopRequireDefault(require("../../utils/useFocus"));
+var _useClickOutside = _interopRequireDefault(require("../../utils/useClickOutside"));
+var _events = require("../../utils/events");
+var _dom = require("../../utils/dom");
 var defaultOpenMenuOn = ['click'];
+function getMenuItemTarget(event) {
+  var _event$currentTarget;
+  var target = event.target;
+  if (target.getAttribute('role') === 'menuitem') {
+    return target;
+  }
+  return Array.from((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.querySelectorAll('[role="menuitem"]')).find(function (item) {
+    return item.contains(target);
+  });
+}
 
 /**
  * Headless ARIA `menu`
@@ -292,7 +302,8 @@ function Menu(_ref) {
 
   // Only used for clicks bubbling from child `menuitem`s.
   var handleMenuClick = (0, _react.useCallback)(function (event) {
-    var target = event.target;
+    var target = getMenuItemTarget(event);
+    if (!target) return;
 
     // Only handle clicks on `menuitem`s
     if (target.getAttribute('role') !== 'menuitem') return;

package/cjs/{Menu → internals/Menu}/MenuItem.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
+var _useUniqueId = _interopRequireDefault(require("../../utils/useUniqueId"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 /**
  * Headless ARIA `menuitem`

package/cjs/{Menu → internals/Menu}/Menubar.js

@@ -8,10 +8,10 @@ exports.default = Menubar;
 var _react = _interopRequireWildcard(require("react"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
-var _utils = require("../utils");
-var _events = require("../utils/events");
+var _utils = require("../../utils");
+var _events = require("../../utils/events");
 var _useMenu = _interopRequireDefault(require("./useMenu"));
-var _dom = require("../utils/dom");
+var _dom = require("../../utils/dom");
 // Headless ARIA `menubar`
 
 /**

package/cjs/{Overlay → internals/Overlay}/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { WithAsProps, AnimationEventProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, AnimationEventProps, RsRefForwardingComponent } from '../../@types/common';
 export interface BaseModalProps extends WithAsProps, AnimationEventProps {
     /** Animation-related properties */
     animationProps?: any;

package/cjs/{Overlay → internals/Overlay}/Modal.js

@@ -13,9 +13,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
 var _ModalManager = _interopRequireDefault(require("./ModalManager"));
-var _Fade = _interopRequireDefault(require("../Animation/Fade"));
-var _utils = require("../Animation/utils");
-var _utils2 = require("../utils");
+var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
+var _utils = require("../../Animation/utils");
+var _utils2 = require("../../utils");
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var manager;
 function getManager() {

package/{esm → cjs/internals}/Overlay/Overlay.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { PositionChildProps } from './Position';
-import { TypeAttributes, AnimationEventProps, CursorPosition } from '../@types/common';
+import { TypeAttributes, AnimationEventProps, CursorPosition } from '../../@types/common';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
     children: React.ReactElement | ((props: PositionChildProps & React.HTMLAttributes<HTMLElement>, ref: React.RefCallback<HTMLElement>) => React.ReactElement);

package/cjs/{Overlay → internals/Overlay}/Overlay.js

@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Position = _interopRequireDefault(require("./Position"));
-var _utils = require("../utils");
-var _Fade = _interopRequireDefault(require("../Animation/Fade"));
+var _utils = require("../../utils");
+var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var overlayPropTypes = {
   container: _propTypes.default.any,

package/{esm → cjs/internals}/Overlay/OverlayTrigger.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import React from 'react';
-import { AnimationEventProps, StandardProps, TypeAttributes } from '../@types/common';
+import { AnimationEventProps, StandardProps, TypeAttributes } from '../../@types/common';
 import { PositionChildProps } from './Position';
 export declare type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends Omit<StandardProps, 'children'>, AnimationEventProps {

package/cjs/{Overlay → internals/Overlay}/OverlayTrigger.js

@@ -13,8 +13,8 @@ var _get = _interopRequireDefault(require("lodash/get"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
 var _Overlay = _interopRequireDefault(require("./Overlay"));
-var _utils = require("../utils");
-var _isOneOf = _interopRequireDefault(require("../utils/isOneOf"));
+var _utils = require("../../utils");
+var _isOneOf = _interopRequireDefault(require("../../utils/isOneOf"));
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 function mergeEvents(events, props) {
   if (events === void 0) {

package/cjs/{Overlay → internals/Overlay}/Position.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CursorPosition, TypeAttributes } from '../@types/common';
+import { CursorPosition, TypeAttributes } from '../../@types/common';
 export interface PositionChildProps {
     className: string;
     left?: number;

package/cjs/{Overlay → internals/Overlay}/Position.js

@@ -15,9 +15,9 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _addClass = _interopRequireDefault(require("dom-lib/addClass"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _resizeObserver = require("@juggle/resize-observer");
-var _isElement = _interopRequireDefault(require("../DOMHelper/isElement"));
+var _isElement = _interopRequireDefault(require("../../DOMHelper/isElement"));
 var _positionUtils = _interopRequireDefault(require("./positionUtils"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var usePosition = function usePosition(props, ref) {
   var _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'right' : _props$placement,

package/cjs/{Overlay → internals/Overlay}/positionUtils.d.ts

@@ -1,4 +1,4 @@
-import { CursorPosition, TypeAttributes } from '../@types/common';
+import { CursorPosition, TypeAttributes } from '../../@types/common';
 declare type Offset = {
     top: number;
     left: number;

package/{esm → cjs/internals}/Picker/ListCheckItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CheckboxProps } from '../Checkbox';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { CheckboxProps } from '../../Checkbox';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
 export interface ListCheckItemProps extends WithAsProps {
     active?: boolean;
     checkboxAs?: React.ElementType | string;

package/cjs/{Picker → internals/Picker}/ListCheckItem.js

@@ -5,11 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../utils");
-var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _utils = require("../../utils");
+var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
+var _templateObject;
 var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$active = props.active,
     active = _props$active === void 0 ? false : _props$active,
@@ -49,7 +51,9 @@ var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useCombobox = (0, _useCombobox2.default)(),
     id = _useCombobox.id;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix;
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    rootPrefix = _useClassNames.rootPrefix;
   var checkboxItemClasses = withClassPrefix({
     focus: focus
   });
@@ -66,6 +70,7 @@ var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onClick: handleSelectItem,
     onCheckboxClick: handleCheck
   };
+  console.log(className, 'className');
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "option",
     "aria-selected": active,
@@ -74,7 +79,7 @@ var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     "data-key": value
   }, rest, {
     ref: ref,
-    className: className,
+    className: merge(className, rootPrefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["picker-list-item"])))),
     tabIndex: -1
   }), renderMenuItemCheckbox ? renderMenuItemCheckbox(checkboxProps) : /*#__PURE__*/_react.default.createElement(CheckboxItem, (0, _extends2.default)({
     role: "checkbox"

package/cjs/{Picker → internals/Picker}/ListItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
 export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     active?: boolean;
     disabled?: boolean;

package/cjs/{Picker → internals/Picker}/ListItem.js

@@ -5,10 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
+var _templateObject;
 var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -35,7 +37,9 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   });
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix;
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    rootPrefix = _useClassNames.rootPrefix;
   var classes = withClassPrefix({
     active: active,
     focus: focus,
@@ -49,7 +53,7 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "data-key": value
   }, rest, {
     ref: ref,
-    className: className,
+    className: merge(className, rootPrefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["picker-list-item"])))),
     tabIndex: -1,
     onKeyDown: disabled ? null : onKeyDown,
     onClick: handleClick

package/{esm → cjs/internals}/Picker/ListItemGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '../../@types/common';
 export interface ListItemGroupProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ListItemGroup: React.ForwardRefExoticComponent<ListItemGroupProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/{Picker → internals/Picker}/ListItemGroup.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
 var _templateObject, _templateObject2;
 var ListItemGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/{esm → cjs/internals}/Picker/Listbox.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ListProps, ListHandle } from '../Windowing';
-import { StandardProps, ItemDataType } from '../@types/common';
+import { ListProps, ListHandle } from '../../internals/Windowing';
+import { StandardProps, ItemDataType } from '../../@types/common';
 export interface ListboxProps<Multiple = false> extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     classPrefix: string;
     data?: ItemDataType[];

package/cjs/{Picker → internals/Picker}/Listbox.js

@@ -18,11 +18,11 @@ var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Windowing = require("../Windowing");
-var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
-var _utils = require("../utils");
+var _Windowing = require("../../internals/Windowing");
+var _shallowEqual = _interopRequireDefault(require("../../utils/shallowEqual"));
+var _utils = require("../../utils");
 var _ListItemGroup = _interopRequireDefault(require("./ListItemGroup"));
-var _getDataGroupBy = require("../utils/getDataGroupBy");
+var _getDataGroupBy = require("../../utils/getDataGroupBy");
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
 var _this = void 0;
 var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -37,7 +37,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$disabledItemVa = props.disabledItemValues,
     disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
     _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'listbox' : _props$classPrefix,
     _props$valueKey = props.valueKey,
     valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
     _props$labelKey = props.labelKey,