rsuite 5.50.0 → 5.52.0

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

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

@@ -6,7 +6,7 @@ import React, { useMemo, useReducer, useRef, useCallback, useContext } from 'rea
 import DisclosureContext, { DisclosureActionTypes } from './DisclosureContext';
 import DisclosureButton from './DisclosureButton';
 import DisclosureContent from './DisclosureContent';
-import useClickOutside from '../utils/useClickOutside';
+import useClickOutside from '../../utils/useClickOutside';
 var initialDisclosureState = {
   open: false
 };

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

@@ -1,7 +1,7 @@
 'use client';
 import { useCallback, useRef } from 'react';
 import { DisclosureActionTypes } from './DisclosureContext';
-import { KEY_VALUES } from '../utils';
+import { KEY_VALUES } from '../../utils';
 import useDisclosureContext from './useDisclosureContext';
 function DisclosureButton(props) {
   var children = props.children;

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

@@ -4,13 +4,13 @@ import React, { useCallback, useContext, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
 import MenuContext, { MenuActionTypes, MoveFocusTo } from './MenuContext';
-import { KEY_VALUES, useCustom } from '../utils';
-import useUniqueId from '../utils/useUniqueId';
+import { KEY_VALUES, useCustom } from '../../utils';
+import useUniqueId from '../../utils/useUniqueId';
 import useMenu from './useMenu';
-import useFocus from '../utils/useFocus';
-import useClickOutside from '../utils/useClickOutside';
-import { isFocusLeaving } from '../utils/events';
-import { isFocusableElement } from '../utils/dom';
+import useFocus from '../../utils/useFocus';
+import useClickOutside from '../../utils/useClickOutside';
+import { isFocusLeaving } from '../../utils/events';
+import { isFocusableElement } from '../../utils/dom';
 var defaultOpenMenuOn = ['click'];
 
 /**

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

@@ -2,7 +2,7 @@
 import { useCallback, useContext, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
-import useUniqueId from '../utils/useUniqueId';
+import useUniqueId from '../../utils/useUniqueId';
 import MenuContext, { MenuActionTypes, MoveFocusTo } from './MenuContext';
 /**
  * Headless ARIA `menuitem`

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

@@ -3,10 +3,10 @@
 import React, { useCallback, useRef } from 'react';
 import isNil from 'lodash/isNil';
 import MenuContext, { MenuActionTypes, MoveFocusTo } from './MenuContext';
-import { KEY_VALUES, useCustom } from '../utils';
-import { isFocusEntering, isFocusLeaving } from '../utils/events';
+import { KEY_VALUES, useCustom } from '../../utils';
+import { isFocusEntering, isFocusLeaving } from '../../utils/events';
 import useMenu from './useMenu';
-import { isFocusableElement } from '../utils/dom';
+import { isFocusableElement } from '../../utils/dom';
 /**
  * @private
  */

package/esm/{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/esm/{Overlay → internals/Overlay}/Modal.js

@@ -7,9 +7,9 @@ import classNames from 'classnames';
 import contains from 'dom-lib/contains';
 import on from 'dom-lib/on';
 import ModalManager from './ModalManager';
-import Fade from '../Animation/Fade';
-import { animationPropTypes } from '../Animation/utils';
-import { mergeRefs, usePortal, createChainedFunction, useWillUnmount, useEventCallback, KEY_VALUES } from '../utils';
+import Fade from '../../Animation/Fade';
+import { animationPropTypes } from '../../Animation/utils';
+import { mergeRefs, usePortal, createChainedFunction, useWillUnmount, useEventCallback, KEY_VALUES } from '../../utils';
 import OverlayContext from './OverlayContext';
 var manager;
 function getManager() {

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

@@ -4,8 +4,8 @@ import React, { useState, useRef, useCallback, useContext } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import Position from './Position';
-import { mergeRefs, useRootClose } from '../utils';
-import Fade from '../Animation/Fade';
+import { mergeRefs, useRootClose } from '../../utils';
+import Fade from '../../Animation/Fade';
 import OverlayContext from './OverlayContext';
 export var overlayPropTypes = {
   container: PropTypes.any,

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

@@ -7,8 +7,8 @@ import get from 'lodash/get';
 import isNil from 'lodash/isNil';
 import contains from 'dom-lib/contains';
 import Overlay from './Overlay';
-import { createChainedFunction, usePortal, useControlled } from '../utils';
-import isOneOf from '../utils/isOneOf';
+import { createChainedFunction, usePortal, useControlled } from '../../utils';
+import isOneOf from '../../utils/isOneOf';
 import OverlayContext from './OverlayContext';
 function mergeEvents(events, props) {
   if (events === void 0) {

package/esm/{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/esm/{Overlay → internals/Overlay}/Position.js

@@ -9,10 +9,10 @@ import on from 'dom-lib/on';
 import addClass from 'dom-lib/addClass';
 import addStyle from 'dom-lib/addStyle';
 import { ResizeObserver } from '@juggle/resize-observer';
-import isElement from '../DOMHelper/isElement';
+import isElement from '../../DOMHelper/isElement';
 import positionUtils from './positionUtils';
-import { getDOMNode } from '../utils';
-import { useUpdateEffect } from '../utils';
+import { getDOMNode } from '../../utils';
+import { useUpdateEffect } from '../../utils';
 var usePosition = function usePosition(props, ref) {
   var _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'right' : _props$placement,

package/esm/{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/{cjs/Picker/DropdownMenuCheckItem.d.ts → esm/internals/Picker/ListCheckItem.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { CheckboxProps } from '../Checkbox';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export interface DropdownMenuCheckItemProps extends WithAsProps {
+import { CheckboxProps } from '../../Checkbox';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+export interface ListCheckItemProps extends WithAsProps {
     active?: boolean;
     checkboxAs?: React.ElementType | string;
     classPrefix?: string;
@@ -19,5 +19,5 @@ export interface DropdownMenuCheckItemProps extends WithAsProps {
     onKeyDown?: (event: React.KeyboardEvent) => void;
     renderMenuItemCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
 }
-declare const DropdownMenuCheckItem: RsRefForwardingComponent<'div', DropdownMenuCheckItemProps>;
-export default DropdownMenuCheckItem;
+declare const ListCheckItem: RsRefForwardingComponent<'div', ListCheckItemProps>;
+export default ListCheckItem;

package/esm/{Picker/DropdownMenuCheckItem.js → internals/Picker/ListCheckItem.js}

@@ -1,11 +1,11 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
-import Checkbox from '../Checkbox';
-var DropdownMenuCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+import React from 'react';
+import { useClassNames, useEventCallback } from '../../utils';
+import Checkbox from '../../Checkbox';
+import useCombobox from './hooks/useCombobox';
+var ListCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$active = props.active,
     active = _props$active === void 0 ? false : _props$active,
     _props$as = props.as,
@@ -28,19 +28,21 @@ var DropdownMenuCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref)
     onSelectItem = props.onSelectItem,
     renderMenuItemCheckbox = props.renderMenuItemCheckbox,
     rest = _objectWithoutPropertiesLoose(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "onKeyDown", "onSelect", "onCheck", "onSelectItem", "renderMenuItemCheckbox"]);
-  var handleChange = useCallback(function (value, checked, event) {
+  var handleChange = useEventCallback(function (value, checked, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event, checked);
-  }, [onSelect]);
-  var handleCheck = useCallback(function (event) {
+  });
+  var handleCheck = useEventCallback(function (event) {
     if (!disabled) {
       onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, event, !active);
     }
-  }, [value, disabled, onCheck, active]);
-  var handleSelectItem = useCallback(function (event) {
+  });
+  var handleSelectItem = useEventCallback(function (event) {
     if (!disabled) {
       onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(value, event, !active);
     }
-  }, [value, disabled, onSelectItem, active]);
+  });
+  var _useCombobox = useCombobox(),
+    id = _useCombobox.id;
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix;
   var checkboxItemClasses = withClassPrefix({
@@ -63,6 +65,7 @@ var DropdownMenuCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref)
     role: "option",
     "aria-selected": active,
     "aria-disabled": disabled,
+    id: id ? id + "-opt-" + value : undefined,
     "data-key": value
   }, rest, {
     ref: ref,
@@ -72,23 +75,5 @@ var DropdownMenuCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref)
     role: "checkbox"
   }, checkboxProps)));
 });
-DropdownMenuCheckItem.displayName = 'DropdownMenuCheckItem';
-DropdownMenuCheckItem.propTypes = {
-  classPrefix: PropTypes.string,
-  active: PropTypes.bool,
-  disabled: PropTypes.bool,
-  checkable: PropTypes.bool,
-  indeterminate: PropTypes.bool,
-  value: PropTypes.any,
-  onSelect: PropTypes.func,
-  onCheck: PropTypes.func,
-  onSelectItem: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  focus: PropTypes.bool,
-  title: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  as: PropTypes.elementType,
-  checkboxAs: PropTypes.elementType
-};
-export default DropdownMenuCheckItem;
+ListCheckItem.displayName = 'ListCheckItem';
+export default ListCheckItem;

package/esm/internals/Picker/ListItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
+    active?: boolean;
+    disabled?: boolean;
+    value?: string | number;
+    focus?: boolean;
+    title?: string;
+    onSelect?: (value: any, event: React.MouseEvent) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    renderItem?: (value: any) => React.ReactNode;
+}
+declare const ListItem: RsRefForwardingComponent<'div', ListItemProps>;
+export default ListItem;

package/esm/{Picker/DropdownMenuItem.js → internals/Picker/ListItem.js}

@@ -1,15 +1,17 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
-var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+import React from 'react';
+import { useClassNames, useEventCallback } from '../../utils';
+import useCombobox from './hooks/useCombobox';
+var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
-    active = props.active,
+    _props$role = props.role,
+    role = _props$role === void 0 ? 'option' : _props$role,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
+    active = props.active,
     children = props.children,
     className = props.className,
     disabled = props.disabled,
@@ -18,13 +20,15 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onKeyDown = props.onKeyDown,
     onSelect = props.onSelect,
     renderItem = props.renderItem,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "classPrefix", "children", "className", "disabled", "focus", "value", "onKeyDown", "onSelect", "renderItem"]);
-  var handleClick = useCallback(function (event) {
+    rest = _objectWithoutPropertiesLoose(props, ["as", "role", "classPrefix", "active", "children", "className", "disabled", "focus", "value", "onKeyDown", "onSelect", "renderItem"]);
+  var _useCombobox = useCombobox(),
+    id = _useCombobox.id;
+  var handleClick = useEventCallback(function (event) {
     event.preventDefault();
     if (!disabled) {
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event);
     }
-  }, [onSelect, disabled, value]);
+  });
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = withClassPrefix({
@@ -33,9 +37,10 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled
   });
   return /*#__PURE__*/React.createElement(Component, _extends({
-    role: "option",
+    role: role,
     "aria-selected": active,
     "aria-disabled": disabled,
+    id: id ? id + "-opt-" + value : undefined,
     "data-key": value
   }, rest, {
     ref: ref,
@@ -47,18 +52,5 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: classes
   }, renderItem ? renderItem(value) : children));
 });
-DropdownMenuItem.displayName = 'DropdownMenuItem';
-DropdownMenuItem.propTypes = {
-  classPrefix: PropTypes.string,
-  active: PropTypes.bool,
-  disabled: PropTypes.bool,
-  value: PropTypes.any,
-  onSelect: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  focus: PropTypes.bool,
-  title: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  as: PropTypes.elementType
-};
-export default DropdownMenuItem;
+ListItem.displayName = 'ListItem';
+export default ListItem;

package/esm/internals/Picker/ListItemGroup.d.ts

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

package/esm/{Picker/DropdownMenuGroup.js → internals/Picker/ListItemGroup.js}

@@ -4,10 +4,9 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2;
 import React from 'react';
-import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from '../../utils';
 import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
-var DropdownMenuGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ListItemGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -33,10 +32,5 @@ var DropdownMenuGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["caret"])))
   })));
 });
-DropdownMenuGroup.displayName = 'DropdownMenuGroup';
-DropdownMenuGroup.propTypes = {
-  classPrefix: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node
-};
-export default DropdownMenuGroup;
+ListItemGroup.displayName = 'ListItemGroup';
+export default ListItemGroup;

package/esm/internals/Picker/Listbox.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+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[];
+    group?: boolean;
+    groupBy?: string;
+    disabledItemValues?: any[];
+    activeItemValues?: any[];
+    focusItemValue?: any;
+    maxHeight?: number;
+    valueKey?: string;
+    labelKey?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    listItemAs: React.ElementType | string;
+    listItemClassPrefix?: string;
+    listItemProps?: any;
+    rowHeight?: number;
+    rowGroupHeight?: number;
+    virtualized?: boolean;
+    listProps?: Partial<ListProps>;
+    listRef?: React.Ref<ListHandle>;
+    /** Custom selected option */
+    renderMenuItem?: (itemLabel: React.ReactNode, item: any) => React.ReactNode;
+    renderMenuGroup?: (title: React.ReactNode, item: any) => React.ReactNode;
+    onSelect?: Multiple extends true ? (value: any, item: any, event: React.MouseEvent, checked: boolean) => void : Multiple extends false ? (value: any, item: any, event: React.MouseEvent) => void : any;
+    onGroupTitleClick?: (event: React.MouseEvent) => void;
+}
+export declare type ListboxComponent = React.ForwardRefExoticComponent<ListboxProps> & {
+    <Multiple = false>(props: ListboxProps<Multiple>): React.ReactElement | null;
+};
+declare const Listbox: ListboxComponent;
+export default Listbox;