rsuite 5.51.0 → 5.53.0

package/esm/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/esm/index.js

@@ -61,7 +61,9 @@ 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 Tabs } from './Tabs';
 export { default as Table } from './Table';
 export { default as Progress } from './Progress';
 export { default as Timeline } from './Timeline';
@@ -90,4 +92,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,14 +4,24 @@ 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'];
+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`
@@ -286,7 +296,8 @@ function Menu(_ref) {
 
   // Only used for clicks bubbling from child `menuitem`s.
   var handleMenuClick = 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/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 → esm/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/esm/{Picker → internals/Picker}/ListCheckItem.js

@@ -1,9 +1,11 @@
 '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 { useClassNames, useEventCallback } from '../utils';
-import Checkbox from '../Checkbox';
+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,
@@ -44,7 +46,9 @@ var ListCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useCombobox = useCombobox(),
     id = _useCombobox.id;
   var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix;
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    rootPrefix = _useClassNames.rootPrefix;
   var checkboxItemClasses = withClassPrefix({
     focus: focus
   });
@@ -61,6 +65,7 @@ var ListCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: handleSelectItem,
     onCheckboxClick: handleCheck
   };
+  console.log(className, 'className');
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "option",
     "aria-selected": active,
@@ -69,7 +74,7 @@ var ListCheckItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "data-key": value
   }, rest, {
     ref: ref,
-    className: className,
+    className: merge(className, rootPrefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["picker-list-item"])))),
     tabIndex: -1
   }), renderMenuItemCheckbox ? renderMenuItemCheckbox(checkboxProps) : /*#__PURE__*/React.createElement(CheckboxItem, _extends({
     role: "checkbox"

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

@@ -1,8 +1,10 @@
 '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 { useClassNames, useEventCallback } from '../utils';
+import { useClassNames, useEventCallback } from '../../utils';
 import useCombobox from './hooks/useCombobox';
 var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -30,7 +32,9 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   });
   var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix;
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    rootPrefix = _useClassNames.rootPrefix;
   var classes = withClassPrefix({
     active: active,
     focus: focus,
@@ -44,7 +48,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "data-key": value
   }, rest, {
     ref: ref,
-    className: className,
+    className: merge(className, rootPrefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["picker-list-item"])))),
     tabIndex: -1,
     onKeyDown: disabled ? null : onKeyDown,
     onClick: handleClick

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

@@ -4,7 +4,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2;
 import React from 'react';
-import { useClassNames } from '../utils';
+import { useClassNames } from '../../utils';
 import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
 var ListItemGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,

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

@@ -13,11 +13,11 @@ import scrollTop from 'dom-lib/scrollTop';
 import getHeight from 'dom-lib/getHeight';
 import get from 'lodash/get';
 import classNames from 'classnames';
-import { List, AutoSizer, VariableSizeList } from '../Windowing';
-import shallowEqual from '../utils/shallowEqual';
-import { mergeRefs, useClassNames, useMount, useEventCallback } from '../utils';
+import { List, AutoSizer, VariableSizeList } from '../../internals/Windowing';
+import shallowEqual from '../../utils/shallowEqual';
+import { mergeRefs, useClassNames, useMount, useEventCallback } from '../../utils';
 import ListItemGroup from './ListItemGroup';
-import { KEY_GROUP, KEY_GROUP_TITLE } from '../utils/getDataGroupBy';
+import { KEY_GROUP, KEY_GROUP_TITLE } from '../../utils/getDataGroupBy';
 import useCombobox from './hooks/useCombobox';
 var Listbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$data = props.data,
@@ -31,7 +31,7 @@ var Listbox = /*#__PURE__*/React.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,

package/esm/{Picker → internals/Picker}/PickerIndicator.js

@@ -1,10 +1,10 @@
 'use client';
 import React from 'react';
 import { Icon } from '@rsuite/icons';
-import { useCustom, useClassNames } from '../utils';
-import InputGroup from '../InputGroup';
+import { useCustom, useClassNames } from '../../utils';
+import InputGroup from '../../InputGroup';
 import CloseButton from '../CloseButton';
-import Loader from '../Loader';
+import Loader from '../../Loader';
 var PickerIndicator = function PickerIndicator(_ref) {
   var loading = _ref.loading,
     caretAs = _ref.caretAs,

package/esm/{Picker → internals/Picker}/PickerLabel.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
-import InputGroup from '../InputGroup';
+import InputGroup from '../../InputGroup';
 var PickerLabel = function PickerLabel(_ref) {
   var children = _ref.children,
     className = _ref.className,

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import { OverlayTriggerHandle } from '../Picker';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import type { OverlayTriggerHandle } from './PickerToggleTrigger';
 export interface PickerPopupProps extends WithAsProps {
     placement?: string;
     autoWidth?: boolean;

package/esm/{Picker → internals/Picker}/PickerPopup.js

@@ -5,7 +5,7 @@ import React, { useRef, useCallback, useEffect } from 'react';
 import omit from 'lodash/omit';
 import addStyle from 'dom-lib/addStyle';
 import getWidth from 'dom-lib/getWidth';
-import { getDOMNode, mergeRefs, useElementResize, useClassNames, useEventCallback } from '../utils';
+import { getDOMNode, mergeRefs, useElementResize, useClassNames, useEventCallback } from '../../utils';
 var omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
 var resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
 var PickerPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { RsRefForwardingComponent, TypeAttributes } from '../../@types/common';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 declare type ValueType = string | number;
 export interface PickerToggleProps extends ToggleButtonProps {

package/esm/{Picker → internals/Picker}/PickerToggle.js

@@ -5,10 +5,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject;
 import React, { useRef, useMemo } from 'react';
 import ToggleButton from './ToggleButton';
-import { useClassNames, mergeRefs, useEventCallback } from '../utils';
+import { useClassNames, mergeRefs, useEventCallback } from '../../utils';
 import Plaintext from '../Plaintext';
-import useToggleCaret from '../utils/useToggleCaret';
-import Stack from '../Stack';
+import useToggleCaret from '../../utils/useToggleCaret';
+import Stack from '../../Stack';
 import PickerIndicator from './PickerIndicator';
 import PickerLabel from './PickerLabel';
 import useCombobox from './hooks/useCombobox';

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
-import { PositionChildProps } from '../Overlay/Position';
-import { TypeAttributes, AnimationEventProps } from '../@types/common';
+import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../../internals/Overlay/OverlayTrigger';
+import { PositionChildProps } from '../../internals/Overlay/Position';
+import { TypeAttributes, AnimationEventProps } from '../../@types/common';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onClose'> {
     id?: string;

package/esm/{Picker → internals/Picker}/PickerToggleTrigger.js

@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import pick from 'lodash/pick';
-import OverlayTrigger from '../Overlay/OverlayTrigger';
-import { placementPolyfill, useCustom, useUniqueId } from '../utils';
+import OverlayTrigger from '../../internals/Overlay/OverlayTrigger';
+import { placementPolyfill, useCustom, useUniqueId } from '../../utils';
 export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
 export var ComboboxContextContext = /*#__PURE__*/React.createContext({

package/esm/{Picker → internals/Picker}/SelectedElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PickerLocale } from '../locales';
+import { PickerLocale } from '../../locales';
 export interface SelectedElementProps {
     selectedItems: any[];
     valueKey: string;

package/esm/{Picker → internals/Picker}/SelectedElement.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import reactToString from '../utils/reactToString';
+import reactToString from '../../utils/reactToString';
 var SelectedElement = function SelectedElement(props) {
   var selectedItems = props.selectedItems,
     prefix = props.prefix,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonProps } from '../Button';
+import { ButtonProps } from '../../Button';
 export declare type ToggleButtonProps = ButtonProps;
 declare const ToggleButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLDivElement>>;
 export default ToggleButton;

package/esm/{Picker → internals/Picker}/ToggleButton.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import Button from '../Button';
+import Button from '../../Button';
 var ToggleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
     ref: ref,

package/esm/{Picker → internals/Picker}/TreeView.js

@@ -14,7 +14,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     popupType = _useCombobox.popupType;
   return /*#__PURE__*/React.createElement("div", _extends({
     role: "tree",
-    id: id + "-" + popupType,
+    id: id ? id + "-" + popupType : undefined,
     "aria-multiselectable": multiselectable,
     "aria-labelledby": labelId,
     ref: ref

package/esm/{Picker → internals/Picker}/hooks/useFocusItemValue.js

@@ -4,8 +4,8 @@ import isFunction from 'lodash/isFunction';
 import isUndefined from 'lodash/isUndefined';
 import find from 'lodash/find';
 import { getHeight } from 'dom-lib';
-import { useEventCallback, shallowEqual } from '../../utils';
-import { findNodeOfTree } from '../../utils/treeUtils';
+import { useEventCallback, shallowEqual } from '../../../utils';
+import { findNodeOfTree } from '../../../utils/treeUtils';
 import { onMenuKeyDown } from '../utils';
 /**
  * A hook that manages the focus state of the option.

package/esm/{Picker → internals/Picker}/hooks/usePickerClassName.d.ts

@@ -1,4 +1,4 @@
-import { TypeAttributes } from '../../@types/common';
+import { TypeAttributes } from '../../../@types/common';
 export interface PickerClassNameProps {
     name?: string;
     classPrefix: string;

package/esm/{Picker → internals/Picker}/hooks/usePickerClassName.js

@@ -2,7 +2,7 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import kebabCase from 'lodash/kebabCase';
 import omit from 'lodash/omit';
-import { useClassNames, placementPolyfill } from '../../utils';
+import { useClassNames, placementPolyfill } from '../../../utils';
 /**
  * The className of the assembled Toggle is on the Picker.
  */

package/esm/{Picker → internals/Picker}/hooks/usePickerRef.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { OverlayTriggerHandle } from '../PickerToggleTrigger';
-import type { ListHandle } from '../../Windowing';
+import type { ListHandle } from '../../../internals/Windowing';
 export interface PickerDependentParameters {
     inline?: boolean;
 }

package/esm/{Picker → internals/Picker}/hooks/usePickerRef.js

@@ -1,6 +1,6 @@
 'use client';
 import { useImperativeHandle, useRef } from 'react';
-import useEventCallback from '../../utils/useEventCallback';
+import useEventCallback from '../../../utils/useEventCallback';
 /**
  * A hook of the exposed method of Picker
  */

package/esm/{Picker → internals/Picker}/hooks/useToggleKeyDownEvent.js

@@ -1,5 +1,5 @@
 'use client';
-import { useEventCallback, KEY_VALUES } from '../../utils';
+import { useEventCallback, KEY_VALUES } from '../../../utils';
 /**
  * A hook to control the toggle keyboard operation
  * @param props

package/esm/{Picker → internals/Picker}/index.d.ts

@@ -11,7 +11,6 @@ export { default as PickerToggle } from './PickerToggle';
 export { default as PickerLabel } from './PickerLabel';
 export { default as PickerIndicator } from './PickerIndicator';
 export { default as PickerToggleTrigger } from './PickerToggleTrigger';
-export { default as SearchBar } from './SearchBar';
 export { default as SelectedElement } from './SelectedElement';
 export { pickTriggerPropKeys, omitTriggerPropKeys };
 export type { OverlayTriggerHandle, PositionChildProps, PickerHandle, PickerComponent, PickerToggleProps };

package/esm/{Picker → internals/Picker}/index.js

@@ -10,7 +10,6 @@ export { default as PickerToggle } from './PickerToggle';
 export { default as PickerLabel } from './PickerLabel';
 export { default as PickerIndicator } from './PickerIndicator';
 export { default as PickerToggleTrigger } from './PickerToggleTrigger';
-export { default as SearchBar } from './SearchBar';
 export { default as SelectedElement } from './SelectedElement';
 export { pickTriggerPropKeys, omitTriggerPropKeys };
 export * from './hooks';