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

package/esm/DateRangePicker/DateRangePicker.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { PickerComponent } from '../internals/Picker';
-import type { DisabledDateFunction, RangeType, DateRange } from './types';
+import * as StaticMethods from './disabledDateUtils';
+import type { DateOptionPreset } from '../internals/types';
+import type { DisabledDateFunction, DateRange } from './types';
 import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
 import type { DateRangePickerLocale } from '../locales';
 import type { MonthDropdownProps } from '../Calendar/types';
@@ -12,7 +13,7 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
     /**
      * Predefined date ranges
      */
-    ranges?: RangeType[];
+    ranges?: DateOptionPreset<DateRange>[];
     /**
      * Format of the date displayed in the input box
      */
@@ -146,7 +147,7 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
     /**
      * Called after clicking the shortcut button
      */
-    onShortcutClick?: (range: RangeType, event: React.MouseEvent) => void;
+    onShortcutClick?: (range: DateOptionPreset<DateRange>, event: React.MouseEvent) => void;
     /**
      * Called when the value is cleared
      */
@@ -160,28 +161,10 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
      */
     renderTitle?: (date: Date) => React.ReactNode;
 }
-export interface DateRangePickerComponent extends PickerComponent<DateRangePickerProps> {
-    /** Allow the maximum number of days specified, other dates are disabled */
-    allowedMaxDays: (days: number) => DisabledDateFunction;
-    /** Only allowed days are specified, other dates are disabled */
-    allowedDays: (days: number) => DisabledDateFunction;
-    /** Allow specified date range, other dates are disabled */
-    allowedRange: (startDate: string | Date, endDate: string | Date) => DisabledDateFunction;
-    /** Disable dates after the specified date */
-    before: (beforeDate: string | Date) => DisabledDateFunction;
-    /** Disable dates before the specified date */
-    after: (afterDate: string | Date) => DisabledDateFunction;
-    /** Disable dates after today. */
-    beforeToday: () => DisabledDateFunction;
-    /** Disable dates before today */
-    afterToday: () => DisabledDateFunction;
-    /** Used to combine multiple conditions */
-    combine: (...args: any) => DisabledDateFunction;
-}
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
  * @see https://rsuitejs.com/components/date-range-picker
  */
-declare const DateRangePicker: DateRangePickerComponent;
+declare const DateRangePicker: import("../internals/types").InternalRefForwardingComponent<"div", DateRangePickerProps, never> & typeof StaticMethods;
 export default DateRangePicker;

package/esm/DateRangePicker/DateRangePicker.js

@@ -9,26 +9,27 @@ import TimeIcon from '@rsuite/icons/Time';
 import Toolbar from "../DatePicker/Toolbar.js";
 import PredefinedRanges from "../DatePicker/PredefinedRanges.js";
 import Stack from "../Stack/index.js";
-import { DateRangePickerProvider } from "./DateRangePickerProvider.js";
 import DateRangeInput from "../DateRangeInput/index.js";
 import InputGroup from "../InputGroup/index.js";
 import Header from "./Header.js";
 import useDateDisabled from "./hooks/useDateDisabled.js";
 import useCustomizedInput from "../DatePicker/hooks/useCustomizedInput.js";
 import Calendar from "./Calendar.js";
+import * as StaticMethods from "./disabledDateUtils.js";
+import { DateRangePickerProvider } from "./DateRangePickerProvider.js";
 import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils.js";
 import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants/index.js";
 import { useClassNames, useControlled, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import { omitTriggerPropKeys, PickerPopup, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
-import { createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils/index.js";
+import { forwardRef, createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils/index.js";
 import { addMonths, addDays, copyTime, calendarOnlyProps, endOfDay, isValid, isBefore, isSameDay, isAfter, isSameMonth, reverseDateRangeOmitTime, startOfDay, DateMode, useDateMode } from "../internals/utils/date/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
  * @see https://rsuitejs.com/components/date-range-picker
  */
-const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(props, ref) {
+const DateRangePicker = forwardRef((props, ref) => {
   var _ref, _ref2;
   const {
     formatDate,
@@ -806,6 +807,6 @@ const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(p
     onClose: handleClean,
     showCleanButton: showCleanButton
   }))));
-});
+}, StaticMethods);
 DateRangePicker.displayName = 'DateRangePicker';
 export default DateRangePicker;

package/esm/DateRangePicker/index.d.ts

@@ -1,4 +1,6 @@
 import DateRangePicker from './DateRangePicker';
-export type { DateRangePickerComponent, DateRangePickerProps } from './DateRangePicker';
-export type { ValueType, DateRange, RangeType, DisabledDateFunction } from './types';
+export type { DateRangePickerProps } from './DateRangePicker';
+export type { DateRange, DisabledDateFunction } from './types';
+export * from './disabledDateUtils';
+export { DateRangePicker };
 export default DateRangePicker;

package/esm/DateRangePicker/index.js

@@ -1,7 +1,11 @@
 'use client';
 import DateRangePicker from "./DateRangePicker.js";
-import * as utils from "./disabledDateUtils.js";
-Object.keys(utils).forEach(key => {
-  DateRangePicker[key] = utils[key];
-});
+
+// export types
+
+// export utils
+export * from "./disabledDateUtils.js";
+
+// export components
+export { DateRangePicker };
 export default DateRangePicker;

package/esm/DateRangePicker/types.d.ts

@@ -1,13 +1,6 @@
-import React from 'react';
 import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 export type ValueType = [Date?, Date?];
 export type DateRange = [Date, Date];
-export interface RangeType<T = DateRange> {
-    label: React.ReactNode;
-    value: T | ((value?: T) => T);
-    closeOverlay?: boolean;
-    placement?: 'bottom' | 'left';
-}
 export type DisabledDateFunction = (
 /**
  * Date used to determine if disabling is required.

package/esm/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { WithAsProps } from '../internals/types';
 export interface DividerProps extends WithAsProps {
     /**
      * Vertical dividing line. Cannot be used with text.
@@ -9,5 +9,5 @@ export interface DividerProps extends WithAsProps {
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
  */
-declare const Divider: RsRefForwardingComponent<'div', DividerProps>;
+declare const Divider: import("../internals/types").InternalRefForwardingComponent<"div", DividerProps, never> & Record<string, never>;
 export default Divider;

package/esm/Divider/Divider.js

@@ -1,13 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
  */
-const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Divider = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Divider', props);

package/esm/Divider/index.d.ts

@@ -1,3 +1,4 @@
 import Divider from './Divider';
 export type { DividerProps } from './Divider';
+export { Divider };
 export default Divider;

package/esm/Divider/index.js

@@ -1,3 +1,8 @@
 'use client';
 import Divider from "./Divider.js";
+
+// export types
+
+// export components
+export { Divider };
 export default Divider;

package/esm/Drawer/Drawer.d.ts

@@ -1,30 +1,26 @@
 import React from 'react';
 import { ModalProps } from '../Modal';
-import { PlacementCardinal } from '../internals/types';
-import DrawerBody from './DrawerBody';
-import DrawerHeader from './DrawerHeader';
-import DrawerActions from './DrawerActions';
-import DrawerFooter from './DrawerFooter';
-import DrawerTitle from './DrawerTitle';
+import type { PlacementCardinal } from '../internals/types';
 export interface DrawerProps extends Omit<ModalProps, 'overflow'> {
     /** The placement of Drawer */
     placement?: PlacementCardinal;
     /** Custom close button */
     closeButton?: React.ReactNode | boolean;
 }
-interface DrawerComponent extends React.FC<DrawerProps> {
-    Body: typeof DrawerBody;
-    Header: typeof DrawerHeader;
-    Actions: typeof DrawerActions;
-    Title: typeof DrawerTitle;
-    /**
-     * @deprecated use <Drawer.Actions> instead
-     */
-    Footer: typeof DrawerFooter;
-}
 /**
  * The Drawer component is used to display extra content from a main content.
  * @see https://rsuitejs.com/components/drawer
  */
-declare const Drawer: DrawerComponent;
+declare const Drawer: import("../internals/types").InternalRefForwardingComponent<"div", DrawerProps, never> & {
+    Body: import("../internals/types").InternalRefForwardingComponent<"div", import("../Modal").ModalBodyProps, never> & Record<string, never>;
+    Header: import("../internals/types").InternalRefForwardingComponent<"div", import("../Modal").ModalHeaderProps, never> & Record<string, never>;
+    Actions: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+        name: string;
+    }>, never> & Record<string, never>;
+    Title: import("../internals/types").InternalRefForwardingComponent<"div", import("../internals/utils").ComponentProps, never> & Record<string, never>;
+    /**
+     * @deprecated use <Drawer.Actions> instead
+     */
+    Footer: import("../internals/types").InternalRefForwardingComponent<"div", import("../internals/utils").ComponentProps, never> & Record<string, never>;
+};
 export default Drawer;

package/esm/Drawer/Drawer.js

@@ -3,19 +3,30 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Slide from "../Animation/Slide.js";
 import Modal from "../Modal/index.js";
-import { useClassNames } from "../internals/hooks/index.js";
-import { deprecateComponent } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
 import DrawerBody from "./DrawerBody.js";
 import DrawerHeader from "./DrawerHeader.js";
 import DrawerActions from "./DrawerActions.js";
 import DrawerFooter from "./DrawerFooter.js";
 import DrawerTitle from "./DrawerTitle.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef, deprecateComponent } from "../internals/utils/index.js";
+import { useCustom } from "../CustomProvider/index.js";
+const Subcomponents = {
+  Body: DrawerBody,
+  Header: DrawerHeader,
+  Actions: DrawerActions,
+  Title: DrawerTitle,
+  /**
+   * @deprecated use <Drawer.Actions> instead
+   */
+  Footer: deprecateComponent(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.')
+};
+
 /**
  * The Drawer component is used to display extra content from a main content.
  * @see https://rsuitejs.com/components/drawer
  */
-const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(props, ref) {
+const Drawer = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Drawer', props);
@@ -45,16 +56,6 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(props, ref) {
     isDrawer: true,
     closeButton: closeButton
   }));
-});
-DrawerBody.displayName = 'DrawerBody';
-DrawerHeader.displayName = 'DrawerHeader';
-DrawerActions.displayName = 'DrawerActions';
-DrawerFooter.displayName = 'DrawerFooter';
-DrawerTitle.displayName = 'DrawerTitle';
-Drawer.Body = DrawerBody;
-Drawer.Header = DrawerHeader;
-Drawer.Actions = DrawerActions;
-Drawer.Footer = deprecateComponent(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
-Drawer.Title = DrawerTitle;
+}, Subcomponents);
 Drawer.displayName = 'Drawer';
 export default Drawer;

package/esm/Drawer/DrawerActions.d.ts

@@ -1,4 +1,6 @@
 import { ComponentProps } from '../internals/utils';
 export type DrawerActionsProps = ComponentProps;
-declare const DrawerActions: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
+declare const DrawerActions: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+    name: string;
+}>, never> & Record<string, never>;
 export default DrawerActions;

package/esm/Drawer/DrawerBody.d.ts

@@ -1,4 +1,4 @@
 import { ModalBodyProps } from '../Modal/ModalBody';
-import { RsRefForwardingComponent } from '../internals/types';
-declare const DrawerBody: RsRefForwardingComponent<'div', ModalBodyProps>;
+export type DrawerBodyProps = ModalBodyProps;
+declare const DrawerBody: import("../internals/types").InternalRefForwardingComponent<"div", ModalBodyProps, never> & Record<string, never>;
 export default DrawerBody;

package/esm/Drawer/DrawerBody.js

@@ -2,11 +2,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import ModalBody from "../Modal/ModalBody.js";
-const DrawerBody = /*#__PURE__*/React.forwardRef(function DrawerBody(props, ref) {
+import { forwardRef } from "../internals/utils/index.js";
+const DrawerBody = forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(ModalBody, _extends({
     classPrefix: "drawer-body"
   }, props, {
     ref: ref
   }));
 });
+DrawerBody.displayName = 'DrawerBody';
 export default DrawerBody;

package/esm/Drawer/DrawerFooter.d.ts

@@ -1,4 +1,4 @@
 import { ModalFooterProps } from '../Modal/ModalFooter';
-import { RsRefForwardingComponent } from '../internals/types';
-declare const DrawerFooter: RsRefForwardingComponent<'div', ModalFooterProps>;
+export type DrawerFooterProps = ModalFooterProps;
+declare const DrawerFooter: import("../internals/types").InternalRefForwardingComponent<"div", import("../internals/utils").ComponentProps, never> & Record<string, never>;
 export default DrawerFooter;

package/esm/Drawer/DrawerFooter.js

@@ -2,11 +2,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import ModalFooter from "../Modal/ModalFooter.js";
-const DrawerFooter = /*#__PURE__*/React.forwardRef(function DrawerFooter(props, ref) {
+import { forwardRef } from "../internals/utils/index.js";
+const DrawerFooter = forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(ModalFooter, _extends({
     classPrefix: "drawer-footer"
   }, props, {
     ref: ref
   }));
 });
+DrawerFooter.displayName = 'DrawerFooter';
 export default DrawerFooter;

package/esm/Drawer/DrawerHeader.d.ts

@@ -1,4 +1,4 @@
 import { ModalHeaderProps } from '../Modal/ModalHeader';
-import { RsRefForwardingComponent } from '../internals/types';
-declare const DrawerHeader: RsRefForwardingComponent<'div', ModalHeaderProps>;
+export type DrawerHeaderProps = ModalHeaderProps;
+declare const DrawerHeader: import("../internals/types").InternalRefForwardingComponent<"div", ModalHeaderProps, never> & Record<string, never>;
 export default DrawerHeader;

package/esm/Drawer/DrawerHeader.js

@@ -2,11 +2,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import ModalHeader from "../Modal/ModalHeader.js";
-const DrawerHeader = /*#__PURE__*/React.forwardRef(function DrawerHeader(props, ref) {
+import { forwardRef } from "../internals/utils/index.js";
+const DrawerHeader = forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(ModalHeader, _extends({
     classPrefix: "drawer-header"
   }, props, {
     ref: ref
   }));
 });
+DrawerHeader.displayName = 'DrawerHeader';
 export default DrawerHeader;

package/esm/Drawer/DrawerTitle.d.ts

@@ -1,4 +1,4 @@
 import { ModalTitleProps } from '../Modal/ModalTitle';
-import { RsRefForwardingComponent } from '../internals/types';
-declare const DrawerTitle: RsRefForwardingComponent<'div', ModalTitleProps>;
+export type DrawerTitleProps = ModalTitleProps;
+declare const DrawerTitle: import("../internals/types").InternalRefForwardingComponent<"div", import("../internals/utils").ComponentProps, never> & Record<string, never>;
 export default DrawerTitle;

package/esm/Drawer/DrawerTitle.js

@@ -2,11 +2,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import ModalTitle from "../Modal/ModalTitle.js";
-const DrawerTitle = /*#__PURE__*/React.forwardRef(function DrawerTitle(props, ref) {
+import { forwardRef } from "../internals/utils/index.js";
+const DrawerTitle = forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(ModalTitle, _extends({
     classPrefix: "drawer-title"
   }, props, {
     ref: ref
   }));
 });
+DrawerTitle.displayName = 'DrawerTitle';
 export default DrawerTitle;

package/esm/Drawer/index.d.ts

@@ -1,3 +1,14 @@
 import Drawer from './Drawer';
+import DrawerActions from './DrawerActions';
+import DrawerBody from './DrawerBody';
+import DrawerFooter from './DrawerFooter';
+import DrawerHeader from './DrawerHeader';
+import DrawerTitle from './DrawerTitle';
 export type { DrawerProps } from './Drawer';
+export type { DrawerActionsProps } from './DrawerActions';
+export type { DrawerBodyProps } from './DrawerBody';
+export type { DrawerFooterProps } from './DrawerFooter';
+export type { DrawerHeaderProps } from './DrawerHeader';
+export type { DrawerTitleProps } from './DrawerTitle';
+export { Drawer, DrawerActions, DrawerBody, DrawerFooter, DrawerHeader, DrawerTitle };
 export default Drawer;

package/esm/Drawer/index.js

@@ -1,3 +1,13 @@
 'use client';
 import Drawer from "./Drawer.js";
+import DrawerActions from "./DrawerActions.js";
+import DrawerBody from "./DrawerBody.js";
+import DrawerFooter from "./DrawerFooter.js";
+import DrawerHeader from "./DrawerHeader.js";
+import DrawerTitle from "./DrawerTitle.js";
+
+// export types
+
+// export components
+export { Drawer, DrawerActions, DrawerBody, DrawerFooter, DrawerHeader, DrawerTitle };
 export default Drawer;

package/esm/Dropdown/Dropdown.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
+import Button from '../Button';
 import DropdownMenu from './DropdownMenu';
-import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
 import DropdownItem from './DropdownItem';
-import Button from '../Button';
 import DropdownSeparator from './DropdownSeparator';
+import { IconProps } from '@rsuite/icons/Icon';
+import type { PlacementCorners, WithAsProps, InternalRefForwardingComponent } from '../internals/types';
 export type DropdownTrigger = 'click' | 'hover' | 'contextMenu';
 export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
     /** Define the title as a submenu */
@@ -52,7 +52,7 @@ export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttr
     /** Selected callback function */
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
-export interface DropdownComponent extends RsRefForwardingComponent<'div', DropdownProps> {
+export interface DropdownComponent extends InternalRefForwardingComponent<'div', DropdownProps> {
     <ToggleAs extends React.ElementType = typeof Button>(props: DropdownProps & {
         ref?: React.Ref<any>;
         toggleAs?: ToggleAs;

package/esm/Dropdown/Dropdown.js

@@ -4,18 +4,23 @@ import React, { useContext, useMemo, useReducer } from 'react';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import DropdownMenu from "./DropdownMenu.js";
-import { useClassNames } from "../internals/hooks/index.js";
-import { mergeRefs, placementPolyfill, warnOnce } from "../internals/utils/index.js";
-import { initialState, reducer } from "./DropdownState.js";
-import { useCustom } from "../CustomProvider/index.js";
 import DropdownItem from "./DropdownItem.js";
+import DropdownSeparator from "./DropdownSeparator.js";
 import DropdownContext from "./DropdownContext.js";
 import Menu from "../internals/Menu/Menu.js";
 import DropdownToggle from "./DropdownToggle.js";
 import kebabCase from 'lodash/kebabCase';
 import NavContext from "../Nav/NavContext.js";
 import Nav from "../Nav/index.js";
-import DropdownSeparator from "./DropdownSeparator.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef, mergeRefs, placementPolyfill, warnOnce } from "../internals/utils/index.js";
+import { initialState, reducer } from "./DropdownState.js";
+import { useCustom } from "../CustomProvider/index.js";
+const Subcomponents = {
+  Item: DropdownItem,
+  Menu: DropdownMenu,
+  Separator: DropdownSeparator
+};
 /**
  * The `Dropdown` component is used to select an option from a set of options.
  * @see https://rsuitejs.com/components/dropdown
@@ -24,7 +29,7 @@ import DropdownSeparator from "./DropdownSeparator.js";
  * - When used inside `<Sidenav>`, renders a `<TreeviewRootItem>`;
  * - Otherwise renders a `<MenuRoot>`
  */
-const Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, ref) {
+const Dropdown = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Dropdown', props);
@@ -151,9 +156,6 @@ const Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, ref) {
       style: style
     }));
   }));
-});
-Dropdown.Item = DropdownItem;
-Dropdown.Menu = DropdownMenu;
-Dropdown.Separator = DropdownSeparator;
+}, Subcomponents);
 Dropdown.displayName = 'Dropdown';
 export default Dropdown;

package/esm/Dropdown/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IconProps } from '@rsuite/icons/Icon';
-import type { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { IconProps } from '@rsuite/icons/Icon';
+import type { WithAsProps } from '../internals/types';
 export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;
@@ -51,5 +51,5 @@ export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
  * - Otherwise renders a `<MenuItem>`
  */
-declare const DropdownItem: RsRefForwardingComponent<'li', DropdownMenuItemProps>;
+declare const DropdownItem: import("../internals/types").InternalRefForwardingComponent<"li", DropdownMenuItemProps<any>, never> & Record<string, never>;
 export default DropdownItem;

package/esm/Dropdown/DropdownItem.js

@@ -6,20 +6,20 @@ import MenuItem from "../internals/Menu/MenuItem.js";
 import DropdownContext from "./DropdownContext.js";
 import isNil from 'lodash/isNil';
 import pick from 'lodash/pick';
-import { useClassNames, useInternalId } from "../internals/hooks/index.js";
-import { mergeRefs, shallowEqual, warnOnce } from "../internals/utils/index.js";
-import NavContext from "../Nav/NavContext.js";
-import { DropdownActionType } from "./DropdownState.js";
-import { useRenderDropdownItem } from "./useRenderDropdownItem.js";
 import Nav from "../Nav/index.js";
+import NavContext from "../Nav/NavContext.js";
 import Text from "../Text/index.js";
 import DropdownSeparator from "./DropdownSeparator.js";
+import { useClassNames, useInternalId } from "../internals/hooks/index.js";
+import { forwardRef, mergeRefs, shallowEqual, warnOnce } from "../internals/utils/index.js";
+import { DropdownActionType } from "./DropdownState.js";
+import { useRenderDropdownItem } from "./useRenderDropdownItem.js";
 /**
  * The `<Dropdown.Item>` API
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
  * - Otherwise renders a `<MenuItem>`
  */
-const DropdownItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const DropdownItem = forwardRef((props, ref) => {
   const {
     classPrefix = 'dropdown-item',
     className,

package/esm/Dropdown/DropdownSeparator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface DropdownSeparatorProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** You can use a custom element for this component */
     as?: React.ElementType;
@@ -10,5 +10,5 @@ export interface DropdownSeparatorProps extends WithAsProps, React.HTMLAttribute
  * Renders a non-focusable and non-interactive `separator`
  * Per ARIA APG https://www.w3.org/WAI/ARIA/apg/patterns/menu/
  */
-declare const DropdownSeparator: RsRefForwardingComponent<'li', DropdownSeparatorProps>;
+declare const DropdownSeparator: import("../internals/types").InternalRefForwardingComponent<"li", DropdownSeparatorProps, never> & Record<string, never>;
 export default DropdownSeparator;

package/esm/Dropdown/DropdownSeparator.js

@@ -1,6 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 /**
  * The `<Dropdown.Separator>` API
@@ -8,7 +9,7 @@ import { useClassNames } from "../internals/hooks/index.js";
  * Renders a non-focusable and non-interactive `separator`
  * Per ARIA APG https://www.w3.org/WAI/ARIA/apg/patterns/menu/
  */
-const DropdownSeparator = /*#__PURE__*/React.forwardRef((props, ref) => {
+const DropdownSeparator = forwardRef((props, ref) => {
   const {
     classPrefix = 'dropdown-item-divider',
     className,

package/esm/Dropdown/DropdownToggle.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-import Button from '../Button';
 import { IconProps } from '@rsuite/icons/Icon';
-import { WithAsProps, RsRefForwardingComponent, PlacementCorners } from '../internals/types';
+import { WithAsProps, PlacementCorners } from '../internals/types';
 export interface DropdownToggleProps extends WithAsProps {
     icon?: React.ReactElement<IconProps>;
     noCaret?: boolean;
     renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;
     placement?: PlacementCorners;
 }
-declare const DropdownToggle: RsRefForwardingComponent<typeof Button, DropdownToggleProps>;
+declare const DropdownToggle: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"button", import("../Button").ButtonProps, never> & Record<string, never>, DropdownToggleProps, never> & Record<string, never>;
 export default DropdownToggle;

package/esm/Dropdown/DropdownToggle.js

@@ -2,8 +2,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Button from "../Button/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames, useToggleCaret } from "../internals/hooks/index.js";
-const DropdownToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+const DropdownToggle = forwardRef((props, ref) => {
   const {
     as: Component = Button,
     className,