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

package/esm/Checkbox/Checkbox.js

@@ -2,14 +2,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useMemo, useRef } from 'react';
 import { useControlled, useClassNames, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
-import { partitionHTMLProps, mergeRefs } from "../internals/utils/index.js";
+import { forwardRef, partitionHTMLProps, mergeRefs } from "../internals/utils/index.js";
 import { CheckboxGroupContext } from "../CheckboxGroup/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Checkbox component is used for selecting multiple options from a set.
  * @see https://rsuitejs.com/components/checkbox
  */
-const Checkbox = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Checkbox = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Checkbox', props);

package/esm/Checkbox/index.d.ts

@@ -1,3 +1,4 @@
 import Checkbox from './Checkbox';
-export type { CheckboxProps, ValueType } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+export { Checkbox };
 export default Checkbox;

package/esm/Checkbox/index.js

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

package/esm/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '../internals/types';
-import type { ValueType } from '../Checkbox';
-export interface CheckboxGroupProps<V = ValueType[]> extends WithAsProps, FormControlBaseProps<V> {
+import { WithAsProps, FormControlBaseProps } from '../internals/types';
+export interface CheckboxGroupProps<V = (string | number)[]> extends WithAsProps, FormControlBaseProps<V> {
     /** Used for the name of the form */
     name?: string;
     /** Primary content */
@@ -13,5 +12,5 @@ export interface CheckboxGroupProps<V = ValueType[]> extends WithAsProps, FormCo
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group
  */
-declare const CheckboxGroup: RsRefForwardingComponent<'div', CheckboxGroupProps>;
+declare const CheckboxGroup: import("../internals/types").InternalRefForwardingComponent<"div", CheckboxGroupProps<(string | number)[]>, never> & Record<string, never>;
 export default CheckboxGroup;

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -4,15 +4,15 @@ import React, { useCallback, useMemo } from 'react';
 import cloneDeep from 'lodash/cloneDeep';
 import remove from 'lodash/remove';
 import Plaintext from "../internals/Plaintext/index.js";
+import { forwardRef, shallowEqual } from "../internals/utils/index.js";
 import { useClassNames, useControlled } from "../internals/hooks/index.js";
-import { shallowEqual } from "../internals/utils/index.js";
 import { CheckboxGroupContext } from "./CheckboxGroupContext.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group
  */
-const CheckboxGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CheckboxGroup = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('CheckboxGroup', props);

package/esm/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import type { ValueType } from '../Checkbox';
 export interface CheckboxGroupContextValue {
     inline?: boolean;
     name?: string;
-    value?: ValueType[];
+    value?: (string | number)[];
     controlled?: boolean;
     disabled?: boolean;
     readOnly?: boolean;

package/esm/CheckboxGroup/index.d.ts

@@ -1,5 +1,6 @@
 import CheckboxGroup from './CheckboxGroup';
-export { CheckboxGroupContext } from './CheckboxGroupContext';
 export type { CheckboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupContextValue } from './CheckboxGroupContext';
+export { CheckboxGroupContext } from './CheckboxGroupContext';
+export { CheckboxGroup };
 export default CheckboxGroup;

package/esm/CheckboxGroup/index.js

@@ -1,4 +1,9 @@
 'use client';
 import CheckboxGroup from "./CheckboxGroup.js";
+
+// export types
+
+// export components
 export { CheckboxGroupContext } from "./CheckboxGroupContext.js";
+export { CheckboxGroup };
 export default CheckboxGroup;

package/esm/Col/Col.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { WithAsProps } from '../internals/types';
 export interface ColProps extends WithAsProps {
     /** The number of columns you wish to span for Extra small devices Phones (< 576px) */
     xs?: number;
@@ -65,5 +65,5 @@ export interface ColProps extends WithAsProps {
  * The `Col` component is used for layout and grids.
  * @see https://rsuitejs.com/en/components/grid
  */
-declare const Col: RsRefForwardingComponent<'div', ColProps>;
+declare const Col: import("../internals/types").InternalRefForwardingComponent<"div", ColProps, never> & Record<string, never>;
 export default Col;

package/esm/Col/Col.js

@@ -2,6 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import omit from 'lodash/omit';
+import { forwardRef } from "../internals/utils/index.js";
 import { COLUMN_SIZE } from "../internals/constants/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
@@ -9,7 +10,7 @@ import { useCustom } from "../CustomProvider/index.js";
  * The `Col` component is used for layout and grids.
  * @see https://rsuitejs.com/en/components/grid
  */
-const Col = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Col = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Col', props);

package/esm/Col/index.d.ts

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

package/esm/Col/index.js

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

package/esm/Container/Container.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export type ContainerProps = WithAsProps & React.HTMLAttributes<HTMLDivElement>;
 export declare const ContainerContext: React.Context<ContainerContextValue>;
 interface ContainerContextValue {
@@ -9,5 +9,5 @@ interface ContainerContextValue {
  * The Container component is used to wrap content in a themed container with a max-width.
  * @see https://rsuitejs.com/components/container
  */
-declare const Container: React.ForwardRefExoticComponent<WithAsProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Container: import("../internals/types").InternalRefForwardingComponent<"section", ContainerProps, never> & Record<string, never>;
 export default Container;

package/esm/Container/Container.js

@@ -1,6 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useState, useMemo } from 'react';
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 export const ContainerContext = /*#__PURE__*/React.createContext({});
@@ -8,7 +9,7 @@ export const ContainerContext = /*#__PURE__*/React.createContext({});
  * The Container component is used to wrap content in a themed container with a max-width.
  * @see https://rsuitejs.com/components/container
  */
-const Container = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Container = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Container', props);

package/esm/Container/index.d.ts

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

package/esm/Container/index.js

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

package/esm/Content/Content.d.ts

@@ -7,5 +7,8 @@ export type ContentProps = ComponentProps;
  * For Internet Explorer 11 and lower, it's suggested that an ARIA role of "main"
  * be added to the <main> element to ensure it is accessible
  */
-declare const Content: import("../internals/types").RsRefForwardingComponent<"main", ComponentProps, false>;
+declare const Content: import("../internals/types").InternalRefForwardingComponent<"main", Partial<{
+    name: string;
+    componentAs: "main";
+}>, never> & Record<string, never>;
 export default Content;

package/esm/Content/index.d.ts

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

package/esm/Content/index.js

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

package/esm/CustomProvider/index.d.ts

@@ -1,8 +1,9 @@
 import CustomProvider from './CustomProvider';
+export type { CustomProviderProps } from './CustomProvider';
+export type { ReactSuiteComponents } from './types';
+export { useCustom } from './useCustom';
 export { FormattedDate } from './FormattedDate';
 export { FormattedNumber } from './FormattedNumber';
-export { useCustom } from './useCustom';
 export { CustomContext } from './CustomProvider';
-export type { CustomProviderProps } from './CustomProvider';
-export type { ReactSuiteComponents } from './types';
+export { CustomProvider };
 export default CustomProvider;

package/esm/CustomProvider/index.js

@@ -1,7 +1,14 @@
 'use client';
 import CustomProvider from "./CustomProvider.js";
+
+// export types
+
+// export hooks
+export { useCustom } from "./useCustom.js";
+
+// export components
 export { FormattedDate } from "./FormattedDate.js";
 export { FormattedNumber } from "./FormattedNumber.js";
-export { useCustom } from "./useCustom.js";
 export { CustomContext } from "./CustomProvider.js";
+export { CustomProvider };
 export default CustomProvider;

package/esm/DOMHelper/index.d.ts

@@ -5,7 +5,7 @@ export * from 'dom-lib';
  * a wrapper of dom-lib with some custom methods.
  * @see https://rsuitejs.com/components/dom-helper/
  */
-declare const DOMHelper: {
+export declare const DOMHelper: {
     isElement: (value: any) => value is HTMLElement;
     on: typeof helpers.on;
     off: typeof helpers.off;

package/esm/DOMHelper/index.js

@@ -7,7 +7,7 @@ export * from 'dom-lib';
  * a wrapper of dom-lib with some custom methods.
  * @see https://rsuitejs.com/components/dom-helper/
  */
-const DOMHelper = {
+export const DOMHelper = {
   ...helpers,
   isElement
 };

package/esm/DateInput/DateInput.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { InputProps } from '../Input';
-import { FormControlBaseProps } from '../internals/types';
+import type { FormControlBaseProps } from '../internals/types';
 export interface DateInputProps extends Omit<InputProps, 'value' | 'onChange' | 'defaultValue'>, FormControlBaseProps<Date | null> {
     /**
      * Format of the date when rendered in the input. Format of the string is based on Unicode Technical Standard.
@@ -19,5 +18,5 @@ export interface DateInputProps extends Omit<InputProps, 'value' | 'onChange' |
  * @version 5.58.0
  * @see https://rsuitejs.com/components/date-input/
  */
-declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<unknown>>;
+declare const DateInput: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"input", InputProps, never> & Record<string, never>, DateInputProps, never> & Record<string, never>;
 export default DateInput;

package/esm/DateInput/DateInput.js

@@ -2,22 +2,22 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useRef, useMemo } from 'react';
 import Input from "../Input/index.js";
-import { useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
-import { isValid } from "../internals/utils/date/index.js";
-import { getInputSelectedState, validateDateTime, useInputSelection } from "./utils.js";
-import { useCustom } from "../CustomProvider/index.js";
 import useDateInputState from "./hooks/useDateInputState.js";
 import useKeyboardInputEvent from "./hooks/useKeyboardInputEvent.js";
 import useIsFocused from "./hooks/useIsFocused.js";
 import useFieldCursor from "./hooks/useFieldCursor.js";
 import useSelectedState from "./hooks/useSelectedState.js";
+import { useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { forwardRef, mergeRefs } from "../internals/utils/index.js";
+import { isValid } from "../internals/utils/date/index.js";
+import { getInputSelectedState, validateDateTime, useInputSelection } from "./utils.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The DateInput component lets users select a date with the keyboard.
  * @version 5.58.0
  * @see https://rsuitejs.com/components/date-input/
  */
-const DateInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+const DateInput = forwardRef((props, ref) => {
   const {
     propsWithDefaults,
     parseDate,

package/esm/DateInput/index.d.ts

@@ -1,9 +1,10 @@
 import DateInput from './DateInput';
+export type { DateInputProps } from './DateInput';
 export { useDateInputState } from './hooks/useDateInputState';
 export { useKeyboardInputEvent } from './hooks/useKeyboardInputEvent';
 export { useIsFocused } from './hooks/useIsFocused';
 export { useSelectedState } from './hooks/useSelectedState';
 export { useFieldCursor } from './hooks/useFieldCursor';
 export * from './utils';
-export type { DateInputProps } from './DateInput';
+export { DateInput };
 export default DateInput;

package/esm/DateInput/index.js

@@ -1,9 +1,18 @@
 'use client';
 import DateInput from "./DateInput.js";
+
+// export types
+
+// export hooks
 export { useDateInputState } from "./hooks/useDateInputState.js";
 export { useKeyboardInputEvent } from "./hooks/useKeyboardInputEvent.js";
 export { useIsFocused } from "./hooks/useIsFocused.js";
 export { useSelectedState } from "./hooks/useSelectedState.js";
 export { useFieldCursor } from "./hooks/useFieldCursor.js";
+
+// export utils
 export * from "./utils.js";
+
+// export components
+export { DateInput };
 export default DateInput;

package/esm/DatePicker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { RangeType } from './Toolbar';
-import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../internals/types';
+import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
+import type { DateOptionPreset } from '../internals/types';
 import type { DatePickerLocale } from '../locales';
 import type { DeprecatedProps } from './types';
 import type { MonthDropdownProps } from '../Calendar/types';
@@ -69,7 +69,7 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     /**
      * Predefined date Ranges
      */
-    ranges?: RangeType<Date>[];
+    ranges?: DateOptionPreset<Date>[];
     /**
      * Whether to show week numbers
      */
@@ -145,7 +145,7 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
     /**
      * Called after clicking the shortcut button
      */
-    onShortcutClick?: (range: RangeType<Date>, event: React.MouseEvent) => void;
+    onShortcutClick?: (range: DateOptionPreset<Date>, event: React.MouseEvent) => void;
     /**
      * Called when clean
      */
@@ -166,5 +166,5 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
  *
  * @see https://rsuitejs.com/components/date-picker
  */
-declare const DatePicker: RsRefForwardingComponent<'div', DatePickerProps>;
+declare const DatePicker: import("../internals/types").InternalRefForwardingComponent<"div", DatePickerProps, never> & Record<string, never>;
 export default DatePicker;

package/esm/DatePicker/DatePicker.js

@@ -6,8 +6,6 @@ import pick from 'lodash/pick';
 import CalenderSimpleIcon from '@rsuite/icons/CalenderSimple';
 import TimeIcon from '@rsuite/icons/Time';
 import CalendarContainer from "../Calendar/CalendarContainer.js";
-import { useCalendarDate } from "../Calendar/hooks/index.js";
-import { isEveryDateInMonth } from "../Calendar/utils/index.js";
 import Toolbar from "./Toolbar.js";
 import Stack from "../Stack/index.js";
 import PredefinedRanges from "./PredefinedRanges.js";
@@ -16,7 +14,9 @@ import InputGroup from "../InputGroup/index.js";
 import useMonthView from "./hooks/useMonthView.js";
 import useFocus from "./hooks/useFocus.js";
 import useCustomizedInput from "./hooks/useCustomizedInput.js";
-import { mergeRefs, partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
+import { useCalendarDate } from "../Calendar/hooks/index.js";
+import { isEveryDateInMonth } from "../Calendar/utils/index.js";
+import { forwardRef, mergeRefs, partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
 import { useClassNames, useControlled, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
 import { isValid, copyTime, disableTime, DateMode, useDateMode, calendarOnlyProps } from "../internals/utils/date/index.js";
 import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
@@ -29,7 +29,7 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/date-picker
  */
-const DatePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
+const DatePicker = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('DatePicker', props);

package/esm/DatePicker/PredefinedRanges.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { StackProps } from '../Stack';
-import { InnerRange, RangeType } from './types';
-import { CalendarLocale } from '../locales';
+import type { InnerRange } from './types';
+import type { CalendarLocale } from '../locales';
+import type { DateOptionPreset } from '../internals/types';
 export interface PredefinedRangesProps<T = any, Shortcut = T> extends StackProps {
-    ranges?: RangeType<Shortcut>[];
+    ranges?: DateOptionPreset<Shortcut>[];
     calendarDate: T;
     locale?: CalendarLocale;
     disableShortcut?: (value: T) => boolean;

package/esm/DatePicker/Toolbar.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { PredefinedRangesProps } from './PredefinedRanges';
-export type { RangeType } from './types';
 export interface ToolbarProps<T = any, Shortcut = T> extends PredefinedRangesProps<T, Shortcut> {
     hideOkBtn?: boolean;
     disableOkBtn?: (value: T) => boolean;

package/esm/DatePicker/Toolbar.js

@@ -2,9 +2,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Button from "../Button/index.js";
-import { useClassNames } from "../internals/hooks/index.js";
 import PredefinedRanges from "./PredefinedRanges.js";
 import Stack from "../Stack/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
 const OkButton = _ref => {
   let {
     disableOkBtn,

package/esm/DatePicker/hooks/useCustomizedInput.d.ts

@@ -10,7 +10,7 @@ interface UseCustomizedInputProps<T> {
 }
 declare function useCustomizedInput<T>(props: UseCustomizedInputProps<T>): {
     customValue: string | null;
-    Input: import("../../internals/types").RsRefForwardingComponent<"input", import("../../Input").InputProps, false> | import("react").ForwardRefExoticComponent<import("../../DateInput").DateInputProps & import("react").RefAttributes<unknown>> | import("react").ForwardRefExoticComponent<import("../../DateRangeInput").DateRangeInputProps & import("react").RefAttributes<unknown>>;
+    Input: (import("../../internals/types").InternalRefForwardingComponent<"input", import("../../Input").InputProps, never> & Record<string, never>) | (import("../../internals/types").InternalRefForwardingComponent<import("../../internals/types").InternalRefForwardingComponent<"input", import("../../Input").InputProps, never> & Record<string, never>, import("../../DateInput").DateInputProps, never> & Record<string, never>) | import("react").ForwardRefExoticComponent<import("../../DateRangeInput").DateRangeInputProps & import("react").RefAttributes<unknown>>;
     inputReadOnly: boolean;
     events: {
         onActive: () => void;

package/esm/DatePicker/index.d.ts

@@ -1,4 +1,4 @@
 import DatePicker from './DatePicker';
-export type { RangeType } from './types';
 export type { DatePickerProps } from './DatePicker';
+export { DatePicker };
 export default DatePicker;

package/esm/DatePicker/index.js

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

package/esm/DatePicker/types.d.ts

@@ -1,12 +1,6 @@
-import { ReactNode } from 'react';
+import type { DateOptionPreset } from '../internals/types';
 export type ToolbarValue = Date | [Date?, Date?];
-export interface RangeType<T> {
-    label: ReactNode;
-    closeOverlay?: boolean;
-    value: T | ((value: T) => T);
-    placement?: 'bottom' | 'left';
-}
-export interface InnerRange<T> extends Omit<RangeType<T>, 'value'> {
+export interface InnerRange<T> extends Omit<DateOptionPreset<T>, 'value'> {
     value: T;
 }
 export interface DeprecatedProps {

package/esm/DatePicker/utils.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="lodash" />
 import { ToolbarProps } from './Toolbar';
-import { InnerRange, RangeType } from './types';
-import { DateRange } from '../DateRangePicker/types';
+import type { DateOptionPreset } from '../internals/types';
+import type { InnerRange } from './types';
+import type { DateRange } from '../DateRangePicker/types';
 export declare function getDefaultRanges<T extends Date | DateRange>(value: T): InnerRange<T>[];
 /**
  * get Toolbar ranges from Toolbar props
@@ -9,8 +10,8 @@ export declare function getDefaultRanges<T extends Date | DateRange>(value: T):
  * @param calendarDate
  */
 export declare const getRanges: <T extends Date | DateRange>({ ranges, calendarDate }: Pick<ToolbarProps<T, T>, "calendarDate" | "ranges">) => InnerRange<T>[];
-export declare function splitRanges(ranges?: RangeType<Date>[]): {
-    sideRanges: RangeType<Date>[];
-    bottomRanges: RangeType<Date>[];
+export declare function splitRanges(ranges?: DateOptionPreset<Date>[]): {
+    sideRanges: DateOptionPreset<Date>[];
+    bottomRanges: DateOptionPreset<Date>[];
 };
 export declare const getRestProps: (props: any, omitProps?: string[]) => import("lodash").Omit<any, string>;

package/esm/DateRangeInput/DateRangeInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InputProps } from '../Input';
-import { FormControlBaseProps } from '../internals/types';
+import type { FormControlBaseProps } from '../internals/types';
 type ValueType = [Date | null, Date | null] | null;
 export interface DateRangeInputProps extends Omit<InputProps, 'value' | 'onChange' | 'defaultValue'>, FormControlBaseProps<ValueType> {
     /**

package/esm/DateRangeInput/index.d.ts

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

package/esm/DateRangeInput/index.js

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

package/esm/DateRangePicker/Calendar.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { CalendarProps as CalendarContainerProps } from '../Calendar/CalendarContainer';
 import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { DateRange } from './types';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { WithAsProps } from '../internals/types';
 import { DateRangePickerLocale } from '../locales';
 type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale';
 export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps, OmitCalendarCoreTypes> {
@@ -23,5 +23,5 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps,
     onSelect?: (index: number, date: Date, event: React.SyntheticEvent) => void;
     onMouseMove?: (date: Date) => void;
 }
-declare const Calendar: RsRefForwardingComponent<'div', CalendarProps>;
+declare const Calendar: import("../internals/types").InternalRefForwardingComponent<"div", CalendarProps, never> & Record<string, never>;
 export default Calendar;

package/esm/DateRangePicker/Calendar.js

@@ -2,10 +2,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback } from 'react';
 import CalendarContainer from "../Calendar/CalendarContainer.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { addMonths, startOfToday } from "../internals/utils/date/index.js";
 import { DATERANGE_DISABLED_TARGET } from "../internals/constants/index.js";
 import { useCalendarHandlers } from "./hooks/index.js";
-const Calendar = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Calendar = forwardRef((props, ref) => {
   const {
     as: Component = CalendarContainer,
     calendarDateRange = [startOfToday(), addMonths(startOfToday(), 1)],