rsuite 6.0.0-canary-20250103 → 6.0.0-canary-2025011413

package/esm/index.js

@@ -1,131 +1,151 @@
 'use client';
 // Typography
 // --------------------------------------------------------
-export { default as Text } from "./Text/index.js";
-export { default as Heading } from "./Heading/index.js";
-export { default as HeadingGroup } from "./HeadingGroup/index.js";
-export { default as Highlight } from "./Highlight/index.js";
-export { default as SafeAnchor } from "./SafeAnchor/index.js";
+export * from "./Text/index.js";
+export * from "./Heading/index.js";
+export * from "./HeadingGroup/index.js";
+export * from "./Highlight/index.js";
+export * from "./SafeAnchor/index.js";
+
 // Buttons
 // --------------------------------------------------------
-export { default as Button } from "./Button/index.js";
-export { default as IconButton } from "./IconButton/index.js";
-export { default as ButtonToolbar } from "./ButtonToolbar/index.js";
-export { default as ButtonGroup } from "./ButtonGroup/index.js";
+export * from "./Button/index.js";
+export * from "./IconButton/index.js";
+export * from "./ButtonToolbar/index.js";
+export * from "./ButtonGroup/index.js";
+
 // Overlays
 // --------------------------------------------------------
-export { default as Whisper } from "./Whisper/index.js";
-export { default as Tooltip } from "./Tooltip/index.js";
-export { default as Popover } from "./Popover/index.js";
-export { default as Modal } from "./Modal/index.js";
-export { default as Drawer } from "./Drawer/index.js";
-export { default as Dropdown } from "./Dropdown/index.js";
+export * from "./Whisper/index.js";
+export * from "./Tooltip/index.js";
+export * from "./Popover/index.js";
+export * from "./Modal/index.js";
+export * from "./Drawer/index.js";
+export * from "./Dropdown/index.js";
+
 // Status
 // --------------------------------------------------------
-export { default as Notification } from "./Notification/index.js";
-export { default as Message } from "./Message/index.js";
-export { default as Loader } from "./Loader/index.js";
-export { default as Placeholder } from "./Placeholder/index.js";
-export { default as Badge } from "./Badge/index.js";
-export { default as toaster } from "./toaster/index.js";
-export { default as useToaster } from "./useToaster/index.js";
-export { default as Progress } from "./Progress/index.js";
+export * from "./Notification/index.js";
+export * from "./Message/index.js";
+export * from "./Loader/index.js";
+export * from "./Placeholder/index.js";
+export * from "./Badge/index.js";
+export * from "./toaster/index.js";
+export * from "./useToaster/index.js";
+export * from "./Progress/index.js";
+
 // Media
 // --------------------------------------------------------
-export { default as Avatar } from "./Avatar/index.js";
-export { default as AvatarGroup } from "./AvatarGroup/index.js";
-export { default as Image } from "./Image/index.js";
+export * from "./Avatar/index.js";
+export * from "./AvatarGroup/index.js";
+export * from "./Image/index.js";
+
 // Nav
 // --------------------------------------------------------
-export { default as Nav } from "./Nav/index.js";
-export { default as Navbar } from "./Navbar/index.js";
-export { default as Sidenav } from "./Sidenav/index.js";
-export { default as Breadcrumb } from "./Breadcrumb/index.js";
-export { default as Pagination } from "./Pagination/index.js";
-export { default as Steps } from "./Steps/index.js";
+export * from "./Nav/index.js";
+export * from "./Navbar/index.js";
+export * from "./Sidenav/index.js";
+export * from "./Breadcrumb/index.js";
+export * from "./Pagination/index.js";
+export * from "./Steps/index.js";
+
 // Form
 // --------------------------------------------------------
-export { default as Form, useFormClassNames } from "./Form/index.js";
+export * from "./Form/index.js";
+export * from "./FormGroup/index.js";
+export * from "./FormErrorMessage/index.js";
+export * from "./FormControlLabel/index.js";
+export * from "./FormHelpText/index.js";
+export * from "./FormControl/index.js";
+
 // Data Entry
 // --------------------------------------------------------
-export { default as Toggle } from "./Toggle/index.js";
-export { default as Input } from "./Input/index.js";
-export { default as MaskedInput } from "./MaskedInput/index.js";
-export { default as InputNumber } from "./InputNumber/index.js";
-export { default as InputGroup } from "./InputGroup/index.js";
-export { default as Checkbox } from "./Checkbox/index.js";
-export { default as CheckboxGroup } from "./CheckboxGroup/index.js";
-export { default as Radio } from "./Radio/index.js";
-export { default as RadioGroup } from "./RadioGroup/index.js";
-export { default as RadioTile } from "./RadioTile/index.js";
-export { default as RadioTileGroup } from "./RadioTileGroup/index.js";
-export { default as SelectPicker } from "./SelectPicker/index.js";
-export { default as CheckPicker } from "./CheckPicker/index.js";
-export { default as InputPicker } from "./InputPicker/index.js";
-export { default as TagPicker } from "./TagPicker/index.js";
-export { default as TagInput } from "./TagInput/index.js";
-export { default as TreePicker } from "./TreePicker/index.js";
-export { default as CheckTreePicker } from "./CheckTreePicker/index.js";
-export { default as Cascader } from "./Cascader/index.js";
-export { default as MultiCascader } from "./MultiCascader/index.js";
-export { default as DateInput } from "./DateInput/index.js";
-export { default as DatePicker } from "./DatePicker/index.js";
-export { default as TimePicker } from "./TimePicker/index.js";
-export { default as DateRangeInput } from "./DateRangeInput/index.js";
-export { default as DateRangePicker } from "./DateRangePicker/index.js";
-export { default as TimeRangePicker } from "./TimeRangePicker/index.js";
-export { default as AutoComplete } from "./AutoComplete/index.js";
-export { default as Uploader } from "./Uploader/index.js";
-export { default as Slider } from "./Slider/index.js";
-export { default as RangeSlider } from "./RangeSlider/index.js";
-export { default as Rate } from "./Rate/index.js";
-export { default as InlineEdit } from "./InlineEdit/index.js";
+export * from "./Toggle/index.js";
+export * from "./Input/index.js";
+export * from "./MaskedInput/index.js";
+export * from "./InputNumber/index.js";
+export * from "./InputGroup/index.js";
+export * from "./Checkbox/index.js";
+export * from "./CheckboxGroup/index.js";
+export * from "./Radio/index.js";
+export * from "./RadioGroup/index.js";
+export * from "./RadioTile/index.js";
+export * from "./RadioTileGroup/index.js";
+export * from "./SelectPicker/index.js";
+export * from "./CheckPicker/index.js";
+export * from "./InputPicker/index.js";
+export * from "./TagPicker/index.js";
+export * from "./TagInput/index.js";
+export * from "./TreePicker/index.js";
+export * from "./CheckTreePicker/index.js";
+export * from "./Cascader/index.js";
+export * from "./MultiCascader/index.js";
+export * from "./DateInput/index.js";
+export * from "./DatePicker/index.js";
+export * from "./TimePicker/index.js";
+export * from "./DateRangeInput/index.js";
+export * from "./DateRangePicker/index.js";
+export * from "./TimeRangePicker/index.js";
+export * from "./AutoComplete/index.js";
+export * from "./Uploader/index.js";
+export * from "./Slider/index.js";
+export * from "./RangeSlider/index.js";
+export * from "./Rate/index.js";
+export * from "./InlineEdit/index.js";
+
 // Data Display
 // --------------------------------------------------------
-export { default as Tree } from "./Tree/index.js";
-export { default as CheckTree } from "./CheckTree/index.js";
-export { default as Card } from "./Card/index.js";
-export { default as CardGroup } from "./CardGroup/index.js";
-export { default as CascadeTree } from "./CascadeTree/index.js";
-export { default as MultiCascadeTree } from "./MultiCascadeTree/index.js";
-export { default as Panel } from "./Panel/index.js";
-export { default as PanelGroup } from "./PanelGroup/index.js";
-export { default as Stat } from "./Stat/index.js";
-export { default as StatGroup } from "./StatGroup/index.js";
-export { default as Table } from "./Table/index.js";
-export { default as Timeline } from "./Timeline/index.js";
-export { default as Tag } from "./Tag/index.js";
-export { default as TagGroup } from "./TagGroup/index.js";
-export { default as List } from "./List/index.js";
-export { default as Calendar } from "./Calendar/index.js";
-export { default as Carousel } from "./Carousel/index.js";
+export * from "./Tree/index.js";
+export * from "./CheckTree/index.js";
+export * from "./Card/index.js";
+export * from "./CardGroup/index.js";
+export * from "./CascadeTree/index.js";
+export * from "./MultiCascadeTree/index.js";
+export * from "./Panel/index.js";
+export * from "./PanelGroup/index.js";
+export * from "./Stat/index.js";
+export * from "./StatGroup/index.js";
+export * from "./Table/index.js";
+export * from "./Timeline/index.js";
+export * from "./Tag/index.js";
+export * from "./TagGroup/index.js";
+export * from "./List/index.js";
+export * from "./Calendar/index.js";
+export * from "./Carousel/index.js";
+
 // Layout
 // --------------------------------------------------------
-export { default as Grid } from "./Grid/index.js";
-export { default as Row } from "./Row/index.js";
-export { default as Col } from "./Col/index.js";
-export { default as FlexboxGrid } from "./FlexboxGrid/index.js";
-export { default as Container } from "./Container/index.js";
-export { default as Content } from "./Content/index.js";
-export { default as Header } from "./Header/index.js";
-export { default as Sidebar } from "./Sidebar/index.js";
-export { default as Footer } from "./Footer/index.js";
-export { default as Divider } from "./Divider/index.js";
-export { default as Stack, HStack, VStack } from "./Stack/index.js";
+export * from "./Grid/index.js";
+export * from "./Row/index.js";
+export * from "./Col/index.js";
+export * from "./FlexboxGrid/index.js";
+export * from "./Container/index.js";
+export * from "./Content/index.js";
+export * from "./Header/index.js";
+export * from "./Sidebar/index.js";
+export * from "./Footer/index.js";
+export * from "./Divider/index.js";
+export * from "./Stack/index.js";
+
 // Utils
 // --------------------------------------------------------
-export { default as Schema } from "./Schema/index.js";
-export { default as Animation } from "./Animation/index.js";
-export { default as DOMHelper } from "./DOMHelper/index.js";
-export { default as Affix } from "./Affix/index.js";
-export { default as CustomProvider } from "./CustomProvider/index.js";
-// Hooks
+export * from "./Schema/index.js";
+export * from "./Animation/index.js";
+export * from "./DOMHelper/index.js";
+export * from "./Affix/index.js";
+export * from "./CustomProvider/index.js";
 
-export { default as useMediaQuery } from "./useMediaQuery/index.js";
-export { default as useBreakpointValue } from "./useBreakpointValue/index.js";
+// Hooks
+// --------------------------------------------------------
+export * from "./useMediaQuery/index.js";
+export * from "./useBreakpointValue/index.js";
 
 // Disclosure
 // --------------------------------------------------------
-export { default as VisuallyHidden } from "./VisuallyHidden/index.js";
-export { default as Tabs } from "./Tabs/index.js";
-export { default as Accordion } from "./Accordion/index.js";
+export * from "./VisuallyHidden/index.js";
+export * from "./Tabs/index.js";
+export * from "./Accordion/index.js";
+
+// Types
+// --------------------------------------------------------
+export {};

package/esm/internals/CloseButton/CloseButton.d.ts

@@ -1,5 +1,5 @@
-import { WithAsProps, RsRefForwardingComponent } from '../types';
 import { CloseButtonLocale } from '../../locales';
+import type { WithAsProps } from '../types';
 export interface CloseButtonProps extends WithAsProps {
     /** Custom locale */
     locale?: CloseButtonLocale;
@@ -7,5 +7,5 @@ export interface CloseButtonProps extends WithAsProps {
 /**
  * Close button for components such as Message and Notification.
  */
-declare const CloseButton: RsRefForwardingComponent<'button', CloseButtonProps>;
+declare const CloseButton: import("../types").InternalRefForwardingComponent<"button", CloseButtonProps, never> & Record<string, never>;
 export default CloseButton;

package/esm/internals/CloseButton/CloseButton.js

@@ -2,12 +2,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Close from '@rsuite/icons/Close';
+import IconButton from "../../IconButton/index.js";
+import { forwardRef } from "../utils/index.js";
 import { useClassNames } from "../hooks/index.js";
 import { useCustom } from "../../CustomProvider/index.js";
 /**
  * Close button for components such as Message and Notification.
  */
-const CloseButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CloseButton = forwardRef((props, ref) => {
   const {
     as: Component = 'button',
     classPrefix = 'btn-close',
@@ -26,6 +28,16 @@ const CloseButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     closeLabel
   } = getLocale('CloseButton', overrideLocale);
   const classes = merge(className, withClassPrefix());
+  if (Component === IconButton) {
+    return /*#__PURE__*/React.createElement(IconButton, _extends({
+      icon: /*#__PURE__*/React.createElement(Close, null),
+      ref: ref,
+      className: classes,
+      "aria-label": closeLabel,
+      appearance: "subtle",
+      size: "sm"
+    }, rest));
+  }
   return /*#__PURE__*/React.createElement(Component, _extends({
     type: "button",
     ref: ref,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsPropsWithoutChildren, AnimationEventProps } from '../types';
+import type { WithAsPropsWithoutChildren, AnimationEventProps } from '../types';
 export interface BaseModalProps extends WithAsPropsWithoutChildren, AnimationEventProps {
     /** Animation-related properties */
     animationProps?: any;
@@ -46,5 +46,5 @@ export interface BaseModalProps extends WithAsPropsWithoutChildren, AnimationEve
     onMouseDown?: React.MouseEventHandler;
     onBackdropClick?: React.MouseEventHandler;
 }
-declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
+declare const Modal: any;
 export default Modal;

package/esm/internals/Overlay/Modal.js

@@ -4,12 +4,12 @@ import React, { useRef, useEffect, useState, useCallback, useMemo } from 'react'
 import classNames from 'classnames';
 import contains from 'dom-lib/contains';
 import on from 'dom-lib/on';
-import { KEY_VALUES } from "../constants/index.js";
-import { usePortal, useWillUnmount, useEventCallback } from "../hooks/index.js";
-import { mergeRefs, createChainedFunction } from "../utils/index.js";
 import ModalManager from "./ModalManager.js";
 import Fade from "../../Animation/Fade.js";
 import OverlayContext from "./OverlayContext.js";
+import { KEY_VALUES } from "../constants/index.js";
+import { usePortal, useWillUnmount, useEventCallback } from "../hooks/index.js";
+import { forwardRef, mergeRefs, createChainedFunction } from "../utils/index.js";
 let manager;
 function getManager() {
   if (!manager) manager = new ModalManager();
@@ -37,7 +37,7 @@ const useModalManager = () => {
     }, [])
   };
 };
-const Modal = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Modal = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     children,

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { PositionChildProps } from './Position';
-import { Placement, AnimationEventProps, CursorPosition } from '../types';
+import type { Placement, AnimationEventProps } from '../types';
+import type { CursorPosition } from './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

@@ -2,11 +2,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useState, useRef, useCallback, useContext } from 'react';
 import classNames from 'classnames';
+import Fade from "../../Animation/Fade.js";
+import OverlayContext from "./OverlayContext.js";
 import Position from "./Position.js";
 import { useRootClose } from "../hooks/index.js";
 import { mergeRefs } from "../utils/index.js";
-import Fade from "../../Animation/Fade.js";
-import OverlayContext from "./OverlayContext.js";
 /**
  * Overlay is a powerful component that helps you create floating components.
  * @private

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

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

package/esm/internals/Overlay/Position.js

@@ -7,9 +7,9 @@ import removeClass from 'dom-lib/removeClass';
 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.js";
 import positionUtils from "./positionUtils.js";
+import { ResizeObserver } from '@juggle/resize-observer';
 import { getDOMNode } from "../utils/index.js";
 import { useUpdateEffect } from "../hooks/index.js";
 const usePosition = (props, ref) => {

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

@@ -1,10 +1,5 @@
-import { CursorPosition, Placement } from '../types';
-type Offset = {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-};
+import type { Offset, Placement } from '../types';
+import type { CursorPosition } from './types';
 export interface PositionType {
     positionLeft?: number;
     positionTop?: number;

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

@@ -0,0 +1,6 @@
+export type CursorPosition = {
+    top: number;
+    left: number;
+    clientTop: number;
+    clientLeft: number;
+};

package/esm/internals/Overlay/types.js

@@ -0,0 +1,2 @@
+'use client';
+export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CheckboxProps } from '../../Checkbox';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import type { WithAsProps } from '../types';
 export interface ListCheckItemProps extends WithAsProps, Omit<CheckboxProps, 'onSelect'> {
     active?: boolean;
     checkboxAs?: React.ElementType | string;
@@ -10,5 +10,5 @@ export interface ListCheckItemProps extends WithAsProps, Omit<CheckboxProps, 'on
     onSelectItem?: (value: any, event: React.SyntheticEvent, checked: boolean) => void;
     renderCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
 }
-declare const ListCheckItem: RsRefForwardingComponent<'div', ListCheckItemProps>;
+declare const ListCheckItem: import("../types").InternalRefForwardingComponent<"div", ListCheckItemProps, never> & Record<string, never>;
 export default ListCheckItem;

package/esm/internals/Picker/ListCheckItem.js

@@ -1,10 +1,11 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import { useClassNames, useEventCallback } from "../hooks/index.js";
-import Checkbox from "../../Checkbox/index.js";
 import useCombobox from "./hooks/useCombobox.js";
-const ListCheckItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+import Checkbox from "../../Checkbox/index.js";
+import { useClassNames, useEventCallback } from "../hooks/index.js";
+import { forwardRef } from "../utils/index.js";
+const ListCheckItem = forwardRef((props, ref) => {
   const {
     active = false,
     as: Component = 'div',

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import type { WithAsProps } from '../types';
 export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     active?: boolean;
     disabled?: boolean;
@@ -10,5 +10,5 @@ export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HT
     onKeyDown?: (event: React.KeyboardEvent) => void;
     renderItem?: (value: any) => React.ReactNode;
 }
-declare const ListItem: RsRefForwardingComponent<'div', ListItemProps>;
+declare const ListItem: import("../types").InternalRefForwardingComponent<"div", ListItemProps, never> & Record<string, never>;
 export default ListItem;

package/esm/internals/Picker/ListItem.js

@@ -1,9 +1,10 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import { useClassNames, useEventCallback } from "../hooks/index.js";
 import useCombobox from "./hooks/useCombobox.js";
-const ListItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef } from "../utils/index.js";
+import { useClassNames, useEventCallback } from "../hooks/index.js";
+const ListItem = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     role = 'option',

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import type { WithAsProps } from '../types';
 import type { OverlayTriggerHandle } from './PickerToggleTrigger';
 export interface PickerPopupProps extends WithAsProps {
     placement?: string;
@@ -8,5 +8,5 @@ export interface PickerPopupProps extends WithAsProps {
     target?: React.RefObject<OverlayTriggerHandle>;
     onKeyDown?: (event: React.KeyboardEvent) => void;
 }
-declare const PickerPopup: RsRefForwardingComponent<'div', PickerPopupProps>;
+declare const PickerPopup: import("../types").InternalRefForwardingComponent<"div", PickerPopupProps, never> & Record<string, never>;
 export default PickerPopup;

package/esm/internals/Picker/PickerPopup.js

@@ -4,12 +4,12 @@ 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 { mergeRefs } from "../utils/index.js";
 import { useElementResize, useClassNames, useEventCallback } from "../hooks/index.js";
+import { forwardRef, mergeRefs } from "../utils/index.js";
 import { getDOMNode } from "../utils/index.js";
 const omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
 const resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
-const PickerPopup = /*#__PURE__*/React.forwardRef((props, ref) => {
+const PickerPopup = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'picker-popup',

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, Placement, DataItemValue } from '../types';
-import { IconProps } from '@rsuite/icons/Icon';
+import { ToggleButtonProps } from './ToggleButton';
+import type { IconProps } from '@rsuite/icons/Icon';
+import type { Placement, DataItemValue } from '../types';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;
     hasValue?: boolean;
@@ -31,5 +31,5 @@ export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps
     focusItemValue?: T | null;
     onClean?: (event: React.MouseEvent) => void;
 }
-declare const PickerToggle: RsRefForwardingComponent<typeof ToggleButton, PickerToggleProps>;
+declare const PickerToggle: import("../types").InternalRefForwardingComponent<React.ForwardRefExoticComponent<import("../..").ButtonProps & React.RefAttributes<HTMLDivElement>>, PickerToggleProps<DataItemValue>, never> & Record<string, never>;
 export default PickerToggle;

package/esm/internals/Picker/PickerToggle.js

@@ -2,14 +2,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useRef, useMemo } from 'react';
 import ToggleButton from "./ToggleButton.js";
-import { useClassNames, useEventCallback, useToggleCaret } from "../hooks/index.js";
-import { mergeRefs } from "../utils/index.js";
-import Plaintext from "../Plaintext/index.js";
-import Stack from "../../Stack/index.js";
 import PickerIndicator from "./PickerIndicator.js";
 import PickerLabel from "./PickerLabel.js";
+import Plaintext from "../Plaintext/index.js";
+import Stack from "../../Stack/index.js";
 import useCombobox from "./hooks/useCombobox.js";
-const PickerToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { useClassNames, useEventCallback, useToggleCaret } from "../hooks/index.js";
+import { forwardRef, mergeRefs } from "../utils/index.js";
+const PickerToggle = forwardRef((props, ref) => {
   const {
     active,
     as: Component = ToggleButton,