rsuite 5.60.2 → 5.62.0

package/esm/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 '@/internals/types';
 export interface BaseModalProps extends WithAsProps, AnimationEventProps {
     /** Animation-related properties */
     animationProps?: any;

package/esm/internals/Overlay/Modal.js

@@ -6,11 +6,13 @@ import PropTypes from 'prop-types';
 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 OverlayContext from './OverlayContext';
+import { KEY_VALUES } from "../constants";
+import { usePortal, useWillUnmount, useEventCallback } from "../hooks";
+import { mergeRefs, createChainedFunction } from "../utils";
+import ModalManager from "./ModalManager";
+import Fade from "../../Animation/Fade";
+import { animationPropTypes } from "../../Animation/utils";
+import OverlayContext from "./OverlayContext";
 var manager;
 function getManager() {
   if (!manager) manager = new ModalManager();

package/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 '@/internals/types';
 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/internals/Overlay/Overlay.js

@@ -3,10 +3,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 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 OverlayContext from './OverlayContext';
+import Position from "./Position";
+import { useRootClose } from "../hooks";
+import { mergeRefs } from "../utils";
+import Fade from "../../Animation/Fade";
+import OverlayContext from "./OverlayContext";
 export var overlayPropTypes = {
   container: PropTypes.any,
   children: PropTypes.any,

package/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 '@/internals/types';
 import { PositionChildProps } from './Position';
 export declare type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends Omit<StandardProps, 'children'>, AnimationEventProps {

package/esm/internals/Overlay/OverlayTrigger.js

@@ -6,10 +6,10 @@ import React, { useRef, useEffect, useImperativeHandle, useCallback, useContext,
 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 OverlayContext from './OverlayContext';
+import Overlay from "./Overlay";
+import { usePortal, useControlled } from "../hooks";
+import { createChainedFunction, isOneOf } from "../utils";
+import OverlayContext from "./OverlayContext";
 function mergeEvents(events, props) {
   if (events === void 0) {
     events = {};

package/esm/internals/Overlay/Position.d.ts

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

package/esm/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 positionUtils from './positionUtils';
-import { getDOMNode } from '../../utils';
-import { useUpdateEffect } from '../../utils';
+import isElement from "../../DOMHelper/isElement";
+import positionUtils from "./positionUtils";
+import { getDOMNode } from "../utils";
+import { useUpdateEffect } from "../hooks";
 var usePosition = function usePosition(props, ref) {
   var _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'right' : _props$placement,

package/esm/internals/Overlay/index.js

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

package/esm/internals/Overlay/positionUtils.d.ts

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

package/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 { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface ListCheckItemProps extends WithAsProps, Omit<CheckboxProps, 'onSelect'> {
     active?: boolean;
     checkboxAs?: React.ElementType | string;

package/esm/internals/Picker/ListCheckItem.js

@@ -4,9 +4,9 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject;
 import React from 'react';
-import { useClassNames, useEventCallback } from '../../utils';
-import Checkbox from '../../Checkbox';
-import useCombobox from './hooks/useCombobox';
+import { useClassNames, useEventCallback } from "../hooks";
+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,

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

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

package/esm/internals/Picker/ListItem.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject;
 import React from 'react';
-import { useClassNames, useEventCallback } from '../../utils';
-import useCombobox from './hooks/useCombobox';
+import { useClassNames, useEventCallback } from "../hooks";
+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,

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

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

package/esm/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 "../hooks";
 import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
 var ListItemGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,

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

@@ -1,35 +1,65 @@
 import React from 'react';
-import { ListProps, ListHandle } from '../../internals/Windowing';
-import { StandardProps, ItemDataType } from '../../@types/common';
-import { RSUITE_PICKER_GROUP_KEY } from '../../internals/symbols';
+import { ListProps, ListHandle } from '@/internals/Windowing';
+import { RSUITE_PICKER_GROUP_KEY } from '@/internals/symbols';
+import { StandardProps, ItemDataType, DataProps } from '@/internals/types';
 interface InnerItemDataType extends ItemDataType {
     [RSUITE_PICKER_GROUP_KEY]?: boolean;
 }
-export interface ListboxProps<Multiple = false> extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    classPrefix: string;
-    data?: InnerItemDataType[];
-    group?: boolean;
+/**
+ * Props for the Listbox component.
+ */
+/**
+ * Props for the Listbox component.
+ * @template Multiple - Whether multiple selection is enabled.
+ */
+export interface ListboxProps<Multiple = false> extends StandardProps, Partial<DataProps<InnerItemDataType>>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     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 */
+    /**
+     * Query string for filtering.
+     */
+    query?: string;
+    /**
+     * Custom function to render a selected option.
+     * @param itemLabel - The label of the item.
+     * @param item - The selected item.
+     * @returns The rendered React node.
+     */
     renderMenuItem?: (itemLabel: React.ReactNode, item: any) => React.ReactNode;
+    /**
+     * Custom function to render a menu group.
+     * @param title - The title of the group.
+     * @param item - The group item.
+     * @returns The rendered React node.
+     */
     renderMenuGroup?: (title: React.ReactNode, item: any) => React.ReactNode;
+    /**
+     * Event handler for selecting an option.
+     * @param value - The selected value.
+     * @param item - The selected item.
+     * @param event - The mouse event.
+     * @param checked - The checked state (only applicable for multiple selection).
+     */
     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;
+    /**
+     * Event handler for clicking on a group title.
+     * @param event - The mouse event.
+     */
     onGroupTitleClick?: (event: React.MouseEvent) => void;
 }
 export declare type ListboxComponent = React.ForwardRefExoticComponent<ListboxProps> & {

package/esm/internals/Picker/Listbox.js

@@ -13,17 +13,25 @@ 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 '../../internals/Windowing';
-import shallowEqual from '../../utils/shallowEqual';
-import { mergeRefs, useClassNames, useMount, useEventCallback } from '../../utils';
-import ListItemGroup from './ListItemGroup';
-import { KEY_GROUP_TITLE } from '../../utils/getDataGroupBy';
-import useCombobox from './hooks/useCombobox';
-import { RSUITE_PICKER_GROUP_KEY } from '../../internals/symbols';
+import { List, AutoSizer, VariableSizeList } from "../Windowing";
+import { RSUITE_PICKER_GROUP_KEY } from "../symbols";
+import { useClassNames, useMount, useEventCallback } from "../hooks";
+import { shallowEqual, mergeRefs } from "../utils";
+import { KEY_GROUP_TITLE } from "../utils/getDataGroupBy";
+import ListItemGroup from "./ListItemGroup";
+import useCombobox from "./hooks/useCombobox";
+import Highlight from "../../Highlight";
+
+/**
+ * Props for the Listbox component.
+ */
+/**
+ * Props for the Listbox component.
+ * @template Multiple - Whether multiple selection is enabled.
+ */
 var Listbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$data = props.data,
     data = _props$data === void 0 ? [] : _props$data,
-    group = props.group,
     groupBy = props.groupBy,
     _props$maxHeight = props.maxHeight,
     maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,
@@ -50,17 +58,19 @@ var Listbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,
     _props$rowGroupHeight = props.rowGroupHeight,
     rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,
+    query = props.query,
     renderMenuGroup = props.renderMenuGroup,
     renderMenuItem = props.renderMenuItem,
     onGroupTitleClick = props.onGroupTitleClick,
     onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["data", "group", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "listItemClassPrefix", "listItemAs", "listItemProps", "rowHeight", "rowGroupHeight", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
+    rest = _objectWithoutPropertiesLoose(props, ["data", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "listItemClassPrefix", "listItemAs", "listItemProps", "rowHeight", "rowGroupHeight", "query", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
+  var groupable = typeof groupBy !== 'undefined';
   var classes = merge(className, withClassPrefix('items', {
-    grouped: group
+    grouped: groupable
   }));
   var _useCombobox = useCombobox(),
     id = _useCombobox.id,
@@ -87,7 +97,7 @@ var Listbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var getRowHeight = function getRowHeight(list, index) {
     var item = list[index];
-    if (group && item[RSUITE_PICKER_GROUP_KEY] && index !== 0) {
+    if (groupable && item[RSUITE_PICKER_GROUP_KEY] && index !== 0) {
       return rowGroupHeight;
     }
     return rowHeight;
@@ -113,16 +123,12 @@ var Listbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
       scrollTop(container, Math.max(0, position.top - sHeight + 32));
     }
   }, [focusItemValue, menuBodyContainerRef, prefix]);
-  var filteredItems = group ? data.filter(function (item) {
+  var filteredItems = groupable ? data.filter(function (item) {
     var _item$parent;
     // Display group title items
     if (item[RSUITE_PICKER_GROUP_KEY]) return true;
 
     // Display items under the unfolded group
-    // FIXME-Doma
-    // `groupBy` is bound to be string when `group` is true
-    // because `group` is actually redundant as a prop
-    // It could simply be derived from `groupBy` value
     var groupValue = get(item, groupBy, '') || ( // FIXME-Doma
     // Usage of `item.parent` is strongly discouraged
     // It's only here for legacy support
@@ -139,7 +145,11 @@ var Listbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
       itemData = _ref.item;
     var item = itemData || data[index];
     var value = item[valueKey];
-    var label = item[labelKey];
+    var itemLabel = item[labelKey];
+    var label = query ? /*#__PURE__*/React.createElement(Highlight, {
+      query: query,
+      as: "span"
+    }, itemLabel) : itemLabel;
     if (isUndefined(label) && !item[RSUITE_PICKER_GROUP_KEY]) {
       throw Error("labelKey \"" + labelKey + "\" is not defined in \"data\" : " + index);
     }
@@ -147,13 +157,9 @@ var Listbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // Use `value` in keys when If `value` is string or number
     var itemKey = isString(value) || isNumber(value) ? value : index;
 
-    /**
-     * Render <ListboxGroup>
-     * when if `group` is enabled
-     */
-    if (group && item[RSUITE_PICKER_GROUP_KEY]) {
+    //  Render <ListboxGroup> component when `groupBy` is defined
+    if (groupable && item[RSUITE_PICKER_GROUP_KEY]) {
       var groupValue = item[KEY_GROUP_TITLE];
-      // TODO: grouped options should be owned by group
       return /*#__PURE__*/React.createElement(ListItemGroup, {
         style: style,
         classPrefix: 'picker-menu-group',

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

@@ -4,7 +4,8 @@ interface PickerIndicatorProps {
     caretAs?: React.ElementType | null;
     onClose?: (event: React.MouseEvent<HTMLElement>) => void;
     showCleanButton?: boolean;
+    disabled?: boolean;
     as?: React.ElementType;
 }
-declare const PickerIndicator: ({ loading, caretAs, onClose, showCleanButton, as: Component }: PickerIndicatorProps) => JSX.Element;
+declare const PickerIndicator: ({ loading, caretAs, onClose, showCleanButton, as: Component, disabled }: PickerIndicatorProps) => JSX.Element;
 export default PickerIndicator;

package/esm/internals/Picker/PickerIndicator.js

@@ -1,17 +1,18 @@
 'use client';
 import React from 'react';
 import { Icon } from '@rsuite/icons';
-import { useCustom, useClassNames } from '../../utils';
-import InputGroup from '../../InputGroup';
-import CloseButton from '../CloseButton';
-import Loader from '../../Loader';
+import { useCustom, useClassNames } from "../hooks";
+import InputGroup from "../../InputGroup";
+import CloseButton from "../CloseButton";
+import Loader from "../../Loader";
 var PickerIndicator = function PickerIndicator(_ref) {
   var loading = _ref.loading,
     caretAs = _ref.caretAs,
     onClose = _ref.onClose,
     showCleanButton = _ref.showCleanButton,
     _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? InputGroup.Addon : _ref$as;
+    Component = _ref$as === void 0 ? InputGroup.Addon : _ref$as,
+    disabled = _ref.disabled;
   var _useCustom = useCustom(),
     locale = _useCustom.locale;
   var _useClassNames = useClassNames('picker'),
@@ -23,7 +24,7 @@ var PickerIndicator = function PickerIndicator(_ref) {
         "data-testid": "spinner"
       });
     }
-    if (showCleanButton) {
+    if (showCleanButton && !disabled) {
       return /*#__PURE__*/React.createElement(CloseButton, {
         className: prefix('clean'),
         tabIndex: -1,
@@ -38,6 +39,9 @@ var PickerIndicator = function PickerIndicator(_ref) {
       className: prefix('caret-icon')
     });
   };
-  return /*#__PURE__*/React.createElement(Component, null, addon());
+  var props = Component === InputGroup.Addon ? {
+    disabled: disabled
+  } : undefined;
+  return /*#__PURE__*/React.createElement(Component, props, addon());
 };
 export default PickerIndicator;

package/esm/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/esm/internals/Picker/PickerPopup.d.ts

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

package/esm/internals/Picker/PickerPopup.js

@@ -5,7 +5,9 @@ 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 { mergeRefs } from "../utils";
+import { useElementResize, useClassNames, useEventCallback } from "../hooks";
+import { getDOMNode } 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/esm/internals/Picker/PickerToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../../@types/common';
+import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;

package/esm/internals/Picker/PickerToggle.js

@@ -4,14 +4,14 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject;
 import React, { useRef, useMemo } from 'react';
-import ToggleButton from './ToggleButton';
-import { useClassNames, mergeRefs, useEventCallback } from '../../utils';
-import Plaintext from '../Plaintext';
-import useToggleCaret from '../../utils/useToggleCaret';
-import Stack from '../../Stack';
-import PickerIndicator from './PickerIndicator';
-import PickerLabel from './PickerLabel';
-import useCombobox from './hooks/useCombobox';
+import ToggleButton from "./ToggleButton";
+import { useClassNames, useEventCallback, useToggleCaret } from "../hooks";
+import { mergeRefs } from "../utils";
+import Plaintext from "../Plaintext";
+import Stack from "../../Stack";
+import PickerIndicator from "./PickerIndicator";
+import PickerLabel from "./PickerLabel";
+import useCombobox from "./hooks/useCombobox";
 var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var active = props.active,
     _props$as = props.as,

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

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

package/esm/internals/Picker/PickerToggleTrigger.js

@@ -3,8 +3,9 @@ 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 '../../internals/Overlay/OverlayTrigger';
-import { placementPolyfill, useCustom, useUniqueId } from '../../utils';
+import OverlayTrigger from "../Overlay/OverlayTrigger";
+import { useCustom, useUniqueId } from "../hooks";
+import { placementPolyfill } from "../utils";
 export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
 export var ComboboxContextContext = /*#__PURE__*/React.createContext({

package/esm/internals/Picker/SelectedElement.js

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

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

@@ -1,7 +1,7 @@
 'use client';
-export { default as usePickerRef } from './usePickerRef';
-export { default as useCombobox } from './useCombobox';
-export { default as useFocusItemValue } from './useFocusItemValue';
-export { default as useToggleKeyDownEvent } from './useToggleKeyDownEvent';
-export { default as useSearch } from './useSearch';
-export { default as usePickerClassName } from './usePickerClassName';
+export { default as usePickerRef } from "./usePickerRef";
+export { default as useCombobox } from "./useCombobox";
+export { default as useFocusItemValue } from "./useFocusItemValue";
+export { default as useToggleKeyDownEvent } from "./useToggleKeyDownEvent";
+export { default as useSearch } from "./useSearch";
+export { default as usePickerClassName } from "./usePickerClassName";

package/esm/internals/Picker/hooks/useCombobox.d.ts

@@ -1,6 +1,6 @@
 declare function useCombobox(): {
     id: string | undefined;
-    popupType: "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    popupType: "dialog" | "menu" | "listbox" | "grid" | "tree" | undefined;
     multiple: boolean | undefined;
     labelId: string | undefined;
 };

package/esm/internals/Picker/hooks/useCombobox.js

@@ -1,6 +1,6 @@
 'use client';
 import { useContext } from 'react';
-import { ComboboxContextContext } from '../PickerToggleTrigger';
+import { ComboboxContextContext } from "../PickerToggleTrigger";
 function useCombobox() {
   var _useContext = useContext(ComboboxContextContext),
     id = _useContext.id,

package/esm/internals/Picker/hooks/useFocusItemValue.js

@@ -4,9 +4,10 @@ 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 { onMenuKeyDown } from '../utils';
+import { useEventCallback } from "../../hooks";
+import { shallowEqual } from "../../utils";
+import { findNodeOfTree } from "../../Tree/utils";
+import { onMenuKeyDown } from "../utils";
 /**
  * A hook that manages the focus state of the option.
  * @param defaultFocusItemValue

package/esm/internals/Picker/hooks/usePickerClassName.d.ts

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

package/esm/internals/Picker/hooks/usePickerClassName.js

@@ -2,7 +2,8 @@
 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 } from "../../hooks";
+import { placementPolyfill } from "../../utils";
 /**
  * The className of the assembled Toggle is on the Picker.
  */