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

package/esm/Pagination/LimitPicker.d.ts

@@ -1,15 +1,14 @@
-import React from 'react';
 import { type SelectPickerProps } from '../SelectPicker';
 import { PaginationLocale } from '../locales';
-import { OnChangeCallback, TypeAttributes } from '../internals/types';
+import type { OnChangeCallback, SizeType } from '../internals/types';
 interface LimitPickerProps extends Omit<SelectPickerProps<any>, 'locale' | 'disabled' | 'data'> {
     disabled?: boolean | ((eventKey: number | string) => boolean);
     limitOptions: number[];
     locale: PaginationLocale;
     limit: number;
-    size?: TypeAttributes.Size;
+    size?: SizeType;
     prefix: (input: string) => string;
     onChangeLimit: OnChangeCallback<any>;
 }
-declare const LimitPicker: (props: LimitPickerProps) => React.JSX.Element;
+declare const LimitPicker: import("../internals/types").InternalRefForwardingComponent<"div", LimitPickerProps, never> & Record<string, never>;
 export default LimitPicker;

package/esm/Pagination/LimitPicker.js

@@ -2,9 +2,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useRef } from 'react';
 import SelectPicker from "../SelectPicker/index.js";
-import { tplTransform } from "../internals/utils/index.js";
-const LimitPicker = props => {
+import { forwardRef, mergeRefs, tplTransform } from "../internals/utils/index.js";
+const LimitPicker = forwardRef((props, ref) => {
   const {
+    as: Component = 'div',
     disabled,
     limitOptions,
     locale,
@@ -22,9 +23,9 @@ const LimitPicker = props => {
       label: locale.limit && tplTransform(locale.limit, item)
     };
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Component, {
     className: prefix('limit'),
-    ref: containerRef
+    ref: mergeRefs(containerRef, ref)
   }, /*#__PURE__*/React.createElement(SelectPicker, _extends({}, rest, {
     size: size,
     cleanable: false,
@@ -39,5 +40,5 @@ const LimitPicker = props => {
     disabled: disabledPicker,
     container: () => containerRef.current
   })));
-};
+});
 export default LimitPicker;

package/esm/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { RsRefForwardingComponent, WithAsProps, TypeAttributes } from '../internals/types';
+import type { WithAsProps, SizeType } from '../internals/types';
 import type { PaginationLocale } from '../locales';
 export interface PaginationProps extends WithAsProps {
     /** Current page number */
@@ -29,7 +29,7 @@ export interface PaginationProps extends WithAsProps {
     /** Custom locale */
     locale?: PaginationLocale;
     /** A pagination can have different sizes */
-    size?: TypeAttributes.Size;
+    size?: SizeType;
     /** callback function for pagination clicked */
     onSelect?: (eventKey: string | number, event: React.MouseEvent) => void;
 }
@@ -38,5 +38,5 @@ export interface PaginationProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/components/pagination
  */
-declare const Pagination: RsRefForwardingComponent<'div', PaginationProps>;
+declare const Pagination: import("../internals/types").InternalRefForwardingComponent<"div", PaginationProps, never> & Record<string, never>;
 export default Pagination;

package/esm/Pagination/Pagination.js

@@ -7,6 +7,7 @@ import PageTopIcon from '@rsuite/icons/PageTop';
 import PageNextIcon from '@rsuite/icons/PageNext';
 import PageEndIcon from '@rsuite/icons/PageEnd';
 import PaginationButton from "./PaginationButton.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 const PAGINATION_ICONS = {
@@ -21,7 +22,7 @@ const PAGINATION_ICONS = {
  *
  * @see https://rsuitejs.com/components/pagination
  */
-const Pagination = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Pagination = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Pagination', props);

package/esm/Pagination/PaginationButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface PaginationButtonProps<T = number | string> extends WithAsProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onSelect'> {
     /** The value of the current option */
     eventKey: T;
@@ -14,5 +14,5 @@ export interface PaginationButtonProps<T = number | string> extends WithAsProps,
     /** Select the callback function for the current option  */
     onSelect?: (eventKey: T, event: React.MouseEvent) => void;
 }
-declare const PaginationButton: RsRefForwardingComponent<'button', PaginationButtonProps>;
+declare const PaginationButton: import("../internals/types").InternalRefForwardingComponent<"button", PaginationButtonProps<string | number>, never> & Record<string, never>;
 export default PaginationButton;

package/esm/Pagination/PaginationButton.js

@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Ripple from "../internals/Ripple/index.js";
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
-import { createChainedFunction } from "../internals/utils/index.js";
-const PaginationButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef, createChainedFunction } from "../internals/utils/index.js";
+const PaginationButton = forwardRef((props, ref) => {
   const {
     as: Component = 'button',
     active,

package/esm/Pagination/PaginationGroup.d.ts

@@ -1,5 +1,4 @@
 import { PaginationProps } from './Pagination';
-import type { RsRefForwardingComponent } from '../internals/types';
 /**
  * The layout of the paging component.
  */
@@ -43,5 +42,5 @@ export interface PaginationGroupProps extends PaginationProps {
  *
  * @see https://rsuitejs.com/components/pagination
  */
-declare const PaginationGroup: RsRefForwardingComponent<'div', PaginationGroupProps>;
+declare const PaginationGroup: import("../internals/types").InternalRefForwardingComponent<"div", PaginationGroupProps, never> & Record<string, never>;
 export default PaginationGroup;

package/esm/Pagination/PaginationGroup.js

@@ -7,7 +7,7 @@ import Divider from "../Divider/index.js";
 import Input from "../Input/index.js";
 import LimitPicker from "./LimitPicker.js";
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { tplTransform } from "../internals/utils/index.js";
+import { forwardRef, tplTransform } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 
 /**
@@ -22,7 +22,7 @@ const defaultLimitOptions = [30, 50, 100];
  *
  * @see https://rsuitejs.com/components/pagination
  */
-const PaginationGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+const PaginationGroup = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     activePage: activePageProp,
@@ -117,6 +117,7 @@ const PaginationGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
           className: classNames(prefix('skip'))
         }, locale.skip && tplTransform(locale.skip, /*#__PURE__*/React.createElement(Input, {
           size: size,
+          disabled: typeof disabled === 'function' ? disabled('skip') : Boolean(disabled),
           onBlur: handleInputBlur,
           onPressEnter: handleInputPressEnter
         })));

package/esm/Pagination/index.d.ts

@@ -1,5 +1,4 @@
 import PaginationGroup from './PaginationGroup';
 export type { PaginationGroupProps as PaginationProps } from './PaginationGroup';
-export type { PaginationProps as BasePaginationProps } from './Pagination';
-export type { PaginationButtonProps } from './PaginationButton';
+export { PaginationGroup as Pagination };
 export default PaginationGroup;

package/esm/Pagination/index.js

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

package/esm/Panel/AccordionButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface AccordionButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface AccordionButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     expanded?: boolean;
     controlId?: string;
     classPrefix?: string;

package/esm/Panel/Panel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AnimationEventProps, RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { AnimationEventProps, WithAsProps } from '../internals/types';
 export interface PanelProps<T = string | number> extends WithAsProps, AnimationEventProps {
     /**
      * Show border
@@ -70,5 +70,5 @@ export interface PanelProps<T = string | number> extends WithAsProps, AnimationE
  * The `Panel` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/panel
  */
-declare const Panel: RsRefForwardingComponent<'div', PanelProps>;
+declare const Panel: import("../internals/types").InternalRefForwardingComponent<"div", PanelProps<string | number>, never> & Record<string, never>;
 export default Panel;

package/esm/Panel/Panel.js

@@ -4,6 +4,7 @@ import React, { useContext } from 'react';
 import PanelHeader from "./PanelHeader.js";
 import PanelBody from "./PanelBody.js";
 import useExpanded from "./hooks/useExpanded.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 import { PanelGroupContext } from "../PanelGroup/index.js";
@@ -11,7 +12,7 @@ import { PanelGroupContext } from "../PanelGroup/index.js";
  * The `Panel` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/panel
  */
-const Panel = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Panel = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Panel', props);

package/esm/Panel/PanelBody.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, AnimationEventProps } from '../internals/types';
-interface PanelBodyProps extends WithAsProps, AnimationEventProps, React.HTMLAttributes<HTMLDivElement> {
+export interface PanelBodyProps extends WithAsProps, AnimationEventProps, React.HTMLAttributes<HTMLDivElement> {
     collapsible?: boolean;
     expanded?: boolean;
     bodyFill?: boolean;

package/esm/Panel/PanelHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps } from '../internals/types';
-interface PanelHeaderProps extends WithAsProps, React.HTMLAttributes<HTMLHeadingElement> {
+export interface PanelHeaderProps extends WithAsProps, React.HTMLAttributes<HTMLHeadingElement> {
     caretAs?: React.ElementType;
     collapsible?: boolean;
     disabled?: boolean;

package/esm/Panel/index.d.ts

@@ -1,3 +1,8 @@
 import Panel from './Panel';
+import PanelBody from './PanelBody';
+import PanelHeader from './PanelHeader';
 export type { PanelProps } from './Panel';
+export type { PanelBodyProps } from './PanelBody';
+export type { PanelHeaderProps } from './PanelHeader';
+export { Panel, PanelBody, PanelHeader };
 export default Panel;

package/esm/Panel/index.js

@@ -1,3 +1,10 @@
 'use client';
 import Panel from "./Panel.js";
+import PanelBody from "./PanelBody.js";
+import PanelHeader from "./PanelHeader.js";
+
+// export types
+
+// export components
+export { Panel, PanelBody, PanelHeader };
 export default Panel;

package/esm/PanelGroup/PanelGroup.d.ts

@@ -25,5 +25,5 @@ export declare const PanelGroupContext: React.Context<PanelGroupContext>;
  * The `PanelGroup` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/panel
  */
-declare const PanelGroup: React.ForwardRefExoticComponent<PanelGroupProps<KeyType> & React.RefAttributes<unknown>>;
+declare const PanelGroup: import("../internals/types").InternalRefForwardingComponent<"div", PanelGroupProps<KeyType>, never> & Record<string, never>;
 export default PanelGroup;

package/esm/PanelGroup/PanelGroup.js

@@ -1,6 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 export const PanelGroupContext = /*#__PURE__*/React.createContext({});
@@ -9,7 +10,7 @@ export const PanelGroupContext = /*#__PURE__*/React.createContext({});
  * The `PanelGroup` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/panel
  */
-const PanelGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+const PanelGroup = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('PanelGroup', props);

package/esm/PanelGroup/index.d.ts

@@ -1,4 +1,5 @@
 import PanelGroup from './PanelGroup';
-export { PanelGroupContext } from './PanelGroup';
 export type { PanelGroupProps } from './PanelGroup';
+export { PanelGroupContext } from './PanelGroup';
+export { PanelGroup };
 export default PanelGroup;

package/esm/PanelGroup/index.js

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

package/esm/Placeholder/Placeholder.d.ts

@@ -1,8 +1,8 @@
 import PlaceholderGraph from './PlaceholderGraph';
 import PlaceholderGrid from './PlaceholderGrid';
 import PlaceholderParagraph, { PlaceholderParagraphProps } from './PlaceholderParagraph';
-import { RsRefForwardingComponent } from '../internals/types';
-export interface Placeholder extends RsRefForwardingComponent<'div', PlaceholderParagraphProps> {
+import { InternalRefForwardingComponent } from '../internals/types';
+export interface Placeholder extends InternalRefForwardingComponent<'div', PlaceholderParagraphProps> {
     Paragraph: typeof PlaceholderParagraph;
     Grid: typeof PlaceholderGrid;
     Graph: typeof PlaceholderGraph;

package/esm/Placeholder/PlaceholderGraph.d.ts

@@ -1,4 +1,4 @@
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface PlaceholderGraphProps extends WithAsProps {
     /**
      * The height of the graph.
@@ -21,5 +21,5 @@ export interface PlaceholderGraphProps extends WithAsProps {
  * The `Placeholder.Graph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
-declare const PlaceholderGraph: RsRefForwardingComponent<'div', PlaceholderGraphProps>;
+declare const PlaceholderGraph: import("../internals/types").InternalRefForwardingComponent<"div", PlaceholderGraphProps, never> & Record<string, never>;
 export default PlaceholderGraph;

package/esm/Placeholder/PlaceholderGraph.js

@@ -3,11 +3,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 /**
  * The `Placeholder.Graph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
-const PlaceholderGraph = /*#__PURE__*/React.forwardRef((props, ref) => {
+const PlaceholderGraph = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('PlaceholderGraph', props);

package/esm/Placeholder/PlaceholderGrid.d.ts

@@ -1,4 +1,4 @@
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface PlaceholderGridProps extends WithAsProps {
     /**
      * The number of rows.
@@ -37,5 +37,5 @@ export interface PlaceholderGridProps extends WithAsProps {
  * The `Placeholder.Grid` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
-declare const PlaceholderGrid: RsRefForwardingComponent<'div', PlaceholderGridProps>;
+declare const PlaceholderGrid: import("../internals/types").InternalRefForwardingComponent<"div", PlaceholderGridProps, never> & Record<string, never>;
 export default PlaceholderGrid;

package/esm/Placeholder/PlaceholderGrid.js

@@ -3,11 +3,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 /**
  * The `Placeholder.Grid` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
-const PlaceholderGrid = /*#__PURE__*/React.forwardRef((props, ref) => {
+const PlaceholderGrid = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('PlaceholderGrid', props);

package/esm/Placeholder/PlaceholderParagraph.d.ts

@@ -1,4 +1,4 @@
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface PlaceholderParagraphProps extends WithAsProps {
     /**
      * The number of rows.
@@ -34,5 +34,5 @@ export interface PlaceholderParagraphProps extends WithAsProps {
  * The `Placeholder.Paragraph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
-declare const PlaceholderParagraph: RsRefForwardingComponent<'div', PlaceholderParagraphProps>;
+declare const PlaceholderParagraph: import("../internals/types").InternalRefForwardingComponent<"div", PlaceholderParagraphProps, never> & Record<string, never>;
 export default PlaceholderParagraph;

package/esm/Placeholder/PlaceholderParagraph.js

@@ -3,11 +3,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 /**
  * The `Placeholder.Paragraph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
-const PlaceholderParagraph = /*#__PURE__*/React.forwardRef((props, ref) => {
+const PlaceholderParagraph = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('PlaceholderParagraph', props);

package/esm/Placeholder/index.d.ts

@@ -1,5 +1,9 @@
 import Placeholder from './Placeholder';
+import PlaceholderGraph from './PlaceholderGraph';
+import PlaceholderGrid from './PlaceholderGrid';
+import PlaceholderParagraph from './PlaceholderParagraph';
 export type { PlaceholderGraphProps } from './PlaceholderGraph';
 export type { PlaceholderGridProps } from './PlaceholderGrid';
 export type { PlaceholderParagraphProps } from './PlaceholderParagraph';
+export { Placeholder, PlaceholderParagraph, PlaceholderGrid, PlaceholderGraph };
 export default Placeholder;

package/esm/Placeholder/index.js

@@ -1,3 +1,11 @@
 'use client';
 import Placeholder from "./Placeholder.js";
+import PlaceholderGraph from "./PlaceholderGraph.js";
+import PlaceholderGrid from "./PlaceholderGrid.js";
+import PlaceholderParagraph from "./PlaceholderParagraph.js";
+
+// export types
+
+// export components
+export { Placeholder, PlaceholderParagraph, PlaceholderGrid, PlaceholderGraph };
 export default Placeholder;

package/esm/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface PopoverProps extends WithAsProps {
     /** The title of the component. */
     title?: React.ReactNode;
@@ -14,5 +14,5 @@ export interface PopoverProps extends WithAsProps {
  * The `Popover` component is used to display a popup window for a target component.
  * @see https://rsuitejs.com/components/popover
  */
-declare const Popover: RsRefForwardingComponent<'div', PopoverProps>;
+declare const Popover: import("../internals/types").InternalRefForwardingComponent<"div", PopoverProps, never> & Record<string, never>;
 export default Popover;

package/esm/Popover/Popover.js

@@ -2,13 +2,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Heading from "../Heading/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Popover` component is used to display a popup window for a target component.
  * @see https://rsuitejs.com/components/popover
  */
-const Popover = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Popover = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Popover', props);

package/esm/Popover/index.d.ts

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

package/esm/Popover/index.js

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

package/esm/Progress/Progress.d.ts

@@ -1,7 +1,7 @@
 import ProgressCircle from './ProgressCircle';
 import ProgressLine, { ProgressLineProps } from './ProgressLine';
-import { RsRefForwardingComponent } from '../internals/types';
-export interface Progress extends RsRefForwardingComponent<'div', ProgressLineProps> {
+import { InternalRefForwardingComponent } from '../internals/types';
+export interface Progress extends InternalRefForwardingComponent<'div', ProgressLineProps> {
     Line: typeof ProgressLine;
     Circle: typeof ProgressCircle;
 }

package/esm/Progress/ProgressCircle.d.ts

@@ -1,4 +1,4 @@
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface ProgressCircleProps extends WithAsProps {
     /** Line color */
     strokeColor?: string;
@@ -25,5 +25,5 @@ export interface ProgressCircleProps extends WithAsProps {
  * The `Progress.Circle` component is used to display the progress of current operation.
  * @see https://rsuitejs.com/components/progress/#circle
  */
-declare const ProgressCircle: RsRefForwardingComponent<'div', ProgressCircleProps>;
+declare const ProgressCircle: import("../internals/types").InternalRefForwardingComponent<"div", ProgressCircleProps, never> & Record<string, never>;
 export default ProgressCircle;

package/esm/Progress/ProgressCircle.js

@@ -2,13 +2,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback } from 'react';
 import { PROGRESS_STATUS_ICON } from "../internals/constants/statusIcons.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Progress.Circle` component is used to display the progress of current operation.
  * @see https://rsuitejs.com/components/progress/#circle
  */
-const ProgressCircle = /*#__PURE__*/React.forwardRef((props, ref) => {
+const ProgressCircle = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('ProgressCircle', props);

package/esm/Progress/ProgressLine.d.ts

@@ -1,4 +1,4 @@
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface ProgressLineProps extends WithAsProps {
     /** Line color */
     strokeColor?: string;
@@ -21,5 +21,5 @@ export interface ProgressLineProps extends WithAsProps {
  * The `Progress.Line` component is used to display the progress of current operation.
  * @see https://rsuitejs.com/components/progress/#line
  */
-declare const ProgressLine: RsRefForwardingComponent<'div', ProgressLineProps>;
+declare const ProgressLine: import("../internals/types").InternalRefForwardingComponent<"div", ProgressLineProps, never> & Record<string, never>;
 export default ProgressLine;

package/esm/Progress/ProgressLine.js

@@ -2,13 +2,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import { PROGRESS_STATUS_ICON } from "../internals/constants/statusIcons.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Progress.Line` component is used to display the progress of current operation.
  * @see https://rsuitejs.com/components/progress/#line
  */
-const ProgressLine = /*#__PURE__*/React.forwardRef((props, ref) => {
+const ProgressLine = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('ProgressLine', props);

package/esm/Progress/index.d.ts

@@ -1,4 +1,7 @@
 import Progress from './Progress';
+import ProgressCircle from './ProgressCircle';
+import ProgressLine from './ProgressLine';
 export type { ProgressCircleProps } from './ProgressCircle';
 export type { ProgressLineProps } from './ProgressLine';
+export { Progress, ProgressCircle, ProgressLine };
 export default Progress;

package/esm/Progress/index.js

@@ -1,3 +1,10 @@
 'use client';
 import Progress from "./Progress.js";
+import ProgressCircle from "./ProgressCircle.js";
+import ProgressLine from "./ProgressLine.js";
+
+// export types
+
+// export components
+export { Progress, ProgressCircle, ProgressLine };
 export default Progress;

package/esm/Radio/Radio.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
-import type { WithAsProps, TypeAttributes } from '../internals/types';
-export type ValueType = string | number;
-export interface RadioProps<T = ValueType> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+import type { WithAsProps, ColorType } from '../internals/types';
+export interface RadioProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * The color of the radio when checked
      *
      * @version 5.56.0
      */
-    color?: TypeAttributes.Color;
+    color?: ColorType;
     /**
      * The disable of component
      */
@@ -59,5 +58,5 @@ export interface RadioProps<T = ValueType> extends WithAsProps, Omit<React.HTMLA
  * The `Radio` component is a simple radio button.
  * @see https://rsuitejs.com/components/radio
  */
-declare const Radio: React.ForwardRefExoticComponent<RadioProps<ValueType> & React.RefAttributes<unknown>>;
+declare const Radio: import("../internals/types").InternalRefForwardingComponent<"div", RadioProps<string | number>, never> & Record<string, never>;
 export default Radio;

package/esm/Radio/Radio.js

@@ -3,13 +3,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import { RadioContext } from "../RadioGroup/RadioGroup.js";
 import { useClassNames, useControlled, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
-import { partitionHTMLProps } from "../internals/utils/index.js";
+import { forwardRef, partitionHTMLProps } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Radio` component is a simple radio button.
  * @see https://rsuitejs.com/components/radio
  */
-const Radio = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Radio = forwardRef((props, ref) => {
   const radioContext = useContext(RadioContext);
   const {
     propsWithDefaults

package/esm/Radio/index.d.ts

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