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

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -1,19 +1,18 @@
 'use client';
 import React, { useCallback, useContext } from 'react';
 import isNil from 'lodash/isNil';
-import { useClassNames } from "../internals/hooks/index.js";
-import { createChainedFunction, shallowEqual } from "../internals/utils/index.js";
-import { SidenavContext } from "./Sidenav.js";
 import Ripple from "../internals/Ripple/index.js";
 import SafeAnchor from "../SafeAnchor/index.js";
 import NavContext from "../Nav/NavContext.js";
+import { forwardRef, createChainedFunction, shallowEqual } from "../internals/utils/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { SidenavContext } from "./Sidenav.js";
 import { useRenderDropdownItem } from "../Dropdown/useRenderDropdownItem.js";
-import classNames from 'classnames';
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
-const ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const ExpandedSidenavDropdownItem = forwardRef((props, ref) => {
   const sidenav = useContext(SidenavContext);
   const nav = useContext(NavContext);
   if (!sidenav || !nav) {
@@ -84,7 +83,7 @@ const ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef((props, ref) =
     'aria-current': selected || undefined,
     ...menuitemEventHandlers,
     children: /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.cloneElement(icon, {
-      className: classNames(prefix('menu-icon'), icon.props.className)
+      className: merge(prefix('menu-icon'), icon.props.className)
     }), children, /*#__PURE__*/React.createElement(Ripple, null))
   }, SafeAnchor);
 });

package/esm/Sidenav/ExpandedSidenavDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
+import type { WithAsProps } from '../internals/types';
+import type { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownMenuProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLLIElement>, 'title' | 'onSelect'> {
     /** Primary content */
     children?: React.ReactNode;
@@ -22,5 +22,5 @@ export interface SidenavDropdownMenuProps<T = any> extends WithAsProps, Omit<Rea
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
-declare const ExpandedSidenavDropdownMenu: RsRefForwardingComponent<'li', SidenavDropdownMenuProps>;
+declare const ExpandedSidenavDropdownMenu: import("../internals/types").InternalRefForwardingComponent<"li", SidenavDropdownMenuProps<any>, never> & Record<string, never>;
 export default ExpandedSidenavDropdownMenu;

package/esm/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -8,15 +8,15 @@ import Ripple from "../internals/Ripple/index.js";
 import Disclosure from "../internals/Disclosure/Disclosure.js";
 import ArrowLeftLine from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLine from '@rsuite/icons/ArrowRightLine';
+import { forwardRef, createChainedFunction } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
-import { createChainedFunction } from "../internals/utils/index.js";
 import { SidenavContext } from "./Sidenav.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
-const ExpandedSidenavDropdownMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
+const ExpandedSidenavDropdownMenu = forwardRef((props, ref) => {
   const sidenavContext = useContext(SidenavContext);
   if (!sidenavContext) {
     throw new Error('<SidenavDropdownMenu> component is not supposed to be used standalone. Use <Nav.Menu> inside <Sidenav> instead.');

package/esm/Sidenav/Sidenav.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-import SidenavBody from './SidenavBody';
-import SidenavHeader from './SidenavHeader';
-import SidenavToggle from './SidenavToggle';
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface SidenavProps<T = string | number> extends WithAsProps {
     /** Whether to expand the Sidenav */
     expanded?: boolean;
@@ -40,14 +37,17 @@ export interface SidenavContextType<T = string | number> {
      */
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
-export interface SidenavComponent extends RsRefForwardingComponent<'div', SidenavProps> {
-    Header: typeof SidenavHeader;
-    Body: typeof SidenavBody;
-    Toggle: typeof SidenavToggle;
-}
 /**
  * The `Sidenav` component is an encapsulation of the page sidebar `Nav`.
  * @see https://rsuitejs.com/components/sidenav/
  */
-declare const Sidenav: SidenavComponent;
+declare const Sidenav: import("../internals/types").InternalRefForwardingComponent<"div", SidenavProps<string | number>, never> & {
+    Header: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+        name: string;
+    }>, never> & Record<string, never>;
+    Body: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+        name: string;
+    }>, never> & Record<string, never>;
+    Toggle: import("../internals/types").InternalRefForwardingComponent<"div", import("./SidenavToggle").SidenavToggleProps, never> & Record<string, never>;
+};
 export default Sidenav;

package/esm/Sidenav/Sidenav.js

@@ -6,17 +6,22 @@ import Transition from "../Animation/Transition.js";
 import SidenavBody from "./SidenavBody.js";
 import SidenavHeader from "./SidenavHeader.js";
 import SidenavToggle from "./SidenavToggle.js";
+import { forwardRef, mergeRefs, shallowEqual } from "../internals/utils/index.js";
 import { useClassNames, useControlled } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-import { mergeRefs, shallowEqual } from "../internals/utils/index.js";
 export const SidenavContext = /*#__PURE__*/React.createContext(null);
 const emptyArray = [];
+const Subcomponents = {
+  Header: SidenavHeader,
+  Body: SidenavBody,
+  Toggle: SidenavToggle
+};
 
 /**
  * The `Sidenav` component is an encapsulation of the page sidebar `Nav`.
  * @see https://rsuitejs.com/components/sidenav/
  */
-const Sidenav = /*#__PURE__*/React.forwardRef(function Sidenav(props, ref) {
+const Sidenav = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Sidenav', props);
@@ -78,9 +83,6 @@ const Sidenav = /*#__PURE__*/React.forwardRef(function Sidenav(props, ref) {
       className: merge(classes, className)
     }));
   }));
-});
-Sidenav.Header = SidenavHeader;
-Sidenav.Body = SidenavBody;
-Sidenav.Toggle = SidenavToggle;
+}, Subcomponents);
 Sidenav.displayName = 'Sidenav';
 export default Sidenav;

package/esm/Sidenav/SidenavBody.d.ts

@@ -5,5 +5,7 @@ export type SidenavBodyProps = ComponentProps;
  *
  * @see https://rsuitejs.com/components/sidenav
  */
-declare const SidenavBody: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
+declare const SidenavBody: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+    name: string;
+}>, never> & Record<string, never>;
 export default SidenavBody;

package/esm/Sidenav/SidenavDropdown.d.ts

@@ -1,11 +1,8 @@
 import React from 'react';
-import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
-import Button from '../Button';
-import NavDropdownItem from '../Nav/NavDropdownItem';
-import NavDropdownMenu from '../Nav/NavDropdownMenu';
+import type { PlacementCorners, WithAsProps } from '../internals/types';
+import type { IconProps } from '@rsuite/icons/Icon';
 export type SidenavDropdownTrigger = 'click' | 'hover' | 'contextMenu';
-export interface NavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
+export interface SidenavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
     /** Define the title as a submenu */
     title?: React.ReactNode;
     /** Set the icon */
@@ -44,14 +41,6 @@ export interface NavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLA
     /** Callback function for menu state switching */
     onToggle?: (open: boolean, eventKey?: T | undefined, event?: React.SyntheticEvent) => void;
 }
-export interface SidenavDropdownComponent extends RsRefForwardingComponent<'div', NavDropdownProps> {
-    <ToggleAs extends React.ElementType = typeof Button>(props: NavDropdownProps & {
-        ref?: React.Ref<any>;
-        toggleAs?: ToggleAs;
-    } & React.ComponentProps<ToggleAs>, context: any): JSX.Element | null;
-    Item: typeof NavDropdownItem;
-    Menu: typeof NavDropdownMenu;
-}
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>
@@ -63,5 +52,8 @@ export interface SidenavDropdownComponent extends RsRefForwardingComponent<'div'
  *   </Nav>
  * </Sidenav>
  */
-declare const SidenavDropdown: SidenavDropdownComponent;
+declare const SidenavDropdown: import("../internals/types").InternalRefForwardingComponent<"div", SidenavDropdownProps<any>, never> & {
+    Item: import("../internals/types").InternalRefForwardingComponent<"li", import("../Nav/NavDropdownItem").NavDropdownItemProps<any>, never> & Record<string, never>;
+    Menu: React.ForwardRefExoticComponent<import("../Nav/NavDropdownMenu").NavDropdownMenuProps<any> & Omit<React.HTMLAttributes<HTMLUListElement>, "title" | "onSelect" | "onToggle"> & React.RefAttributes<HTMLElement>>;
+};
 export default SidenavDropdown;

package/esm/Sidenav/SidenavDropdown.js

@@ -3,9 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useMemo } from 'react';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
-import { useClassNames } from "../internals/hooks/index.js";
-import { mergeRefs, placementPolyfill } from "../internals/utils/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import SidenavDropdownToggle from "./SidenavDropdownToggle.js";
 import Menu from "../internals/Menu/Menu.js";
 import MenuItem from "../internals/Menu/MenuItem.js";
 import kebabCase from 'lodash/kebabCase';
@@ -13,8 +11,15 @@ import ExpandedSidenavDropdown from "./ExpandedSidenavDropdown.js";
 import NavContext from "../Nav/NavContext.js";
 import NavDropdownItem from "../Nav/NavDropdownItem.js";
 import NavDropdownMenu from "../Nav/NavDropdownMenu.js";
-import SidenavDropdownToggle from "./SidenavDropdownToggle.js";
 import { NavMenuContext } from "../Nav/NavMenu.js";
+import { forwardRef, mergeRefs, placementPolyfill } from "../internals/utils/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { SidenavContext } from "./Sidenav.js";
+const Subcomponents = {
+  Item: NavDropdownItem,
+  Menu: NavDropdownMenu
+};
+
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>
@@ -26,7 +31,7 @@ import { NavMenuContext } from "../Nav/NavMenu.js";
  *   </Nav>
  * </Sidenav>
  */
-const SidenavDropdown = /*#__PURE__*/React.forwardRef(function SidenavDropdown(props, ref) {
+const SidenavDropdown = forwardRef((props, ref) => {
   const sidenav = useContext(SidenavContext);
   const nav = useContext(NavContext);
   const navMenu = useContext(NavMenuContext);
@@ -158,8 +163,6 @@ const SidenavDropdown = /*#__PURE__*/React.forwardRef(function SidenavDropdown(p
       style: style
     }));
   });
-});
-SidenavDropdown.Item = NavDropdownItem;
-SidenavDropdown.Menu = NavDropdownMenu;
+}, Subcomponents);
 SidenavDropdown.displayName = 'Sidenav.Dropdown';
 export default SidenavDropdown;

package/esm/Sidenav/SidenavDropdownCollapse.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StandardProps } from '../internals/types';
+import type { StandardProps } from '../internals/types';
 export interface SidenavDropdownCollapseProps extends StandardProps {
     open?: boolean;
 }

package/esm/Sidenav/SidenavDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
+import type { WithAsProps } from '../internals/types';
+import type { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;
@@ -46,5 +46,5 @@ export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<Rea
  *   </Nav>
  * </Sidenav>
  */
-declare const SidenavDropdownItem: RsRefForwardingComponent<'li', SidenavDropdownItemProps>;
+declare const SidenavDropdownItem: import("../internals/types").InternalRefForwardingComponent<"li", SidenavDropdownItemProps<any>, never> & Record<string, never>;
 export default SidenavDropdownItem;

package/esm/Sidenav/SidenavDropdownItem.js

@@ -6,9 +6,9 @@ import MenuItem from "../internals/Menu/MenuItem.js";
 import isNil from 'lodash/isNil';
 import NavContext from "../Nav/NavContext.js";
 import ExpandedSidenavDropdownItem from "./ExpandedSidenavDropdownItem.js";
+import { forwardRef, mergeRefs, shallowEqual } from "../internals/utils/index.js";
 import { SidenavContext } from "./Sidenav.js";
 import { useClassNames } from "../internals/hooks/index.js";
-import { mergeRefs, shallowEqual } from "../internals/utils/index.js";
 import { useRenderDropdownItem } from "../Dropdown/useRenderDropdownItem.js";
 /**
  * @private this component is not supposed to be used directly
@@ -22,7 +22,7 @@ import { useRenderDropdownItem } from "../Dropdown/useRenderDropdownItem.js";
  *   </Nav>
  * </Sidenav>
  */
-const SidenavDropdownItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const SidenavDropdownItem = forwardRef((props, ref) => {
   const sidenav = useContext(SidenavContext);
   const nav = useContext(NavContext);
   if (!sidenav || !nav) {

package/esm/Sidenav/SidenavDropdownToggle.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import Button from '../Button';
-import { WithAsProps, RsRefForwardingComponent, PlacementCorners } from '../internals/types';
+import type { WithAsProps, PlacementCorners } from '../internals/types';
 export interface SidenavDropdownToggleProps extends WithAsProps {
     noCaret?: boolean;
     renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;
@@ -15,5 +14,5 @@ export interface SidenavDropdownToggleProps extends WithAsProps {
  *   </Nav.Menu>
  * </Nav>
  */
-declare const SidenavDropdownToggle: RsRefForwardingComponent<typeof Button, SidenavDropdownToggleProps>;
+declare const SidenavDropdownToggle: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"button", import("../Button").ButtonProps, never> & Record<string, never>, SidenavDropdownToggleProps, never> & Record<string, never>;
 export default SidenavDropdownToggle;

package/esm/Sidenav/SidenavDropdownToggle.js

@@ -2,8 +2,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
-import { useClassNames } from "../internals/hooks/index.js";
 import SidenavItem from "./SidenavItem.js";
+import { forwardRef } from "../internals/utils/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -13,7 +14,7 @@ import SidenavItem from "./SidenavItem.js";
  *   </Nav.Menu>
  * </Nav>
  */
-const SidenavDropdownToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+const SidenavDropdownToggle = forwardRef((props, ref) => {
   const {
     as: Component = SidenavItem,
     className,

package/esm/Sidenav/SidenavHeader.d.ts

@@ -5,5 +5,7 @@ export type SidenavHeaderProps = ComponentProps;
  *
  * @see https://rsuitejs.com/components/sidenav
  */
-declare const SidenavHeader: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
+declare const SidenavHeader: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+    name: string;
+}>, never> & Record<string, never>;
 export default SidenavHeader;

package/esm/Sidenav/SidenavItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
+import type { WithAsProps } from '../internals/types';
+import type { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */
     active?: boolean;
@@ -22,5 +22,5 @@ export interface SidenavItemProps<T = any> extends WithAsProps, Omit<React.HTMLA
 /**
  * @private
  */
-declare const SidenavItem: RsRefForwardingComponent<'li', SidenavItemProps>;
+declare const SidenavItem: import("../internals/types").InternalRefForwardingComponent<"li", SidenavItemProps<any>, never> & Record<string, never>;
 export default SidenavItem;

package/esm/Sidenav/SidenavItem.js

@@ -10,13 +10,13 @@ import MenuItem from "../internals/Menu/MenuItem.js";
 import omit from 'lodash/omit';
 import Whisper from "../Whisper/index.js";
 import Tooltip from "../Tooltip/index.js";
+import { forwardRef, shallowEqual, mergeRefs, createChainedFunction } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
-import { shallowEqual, mergeRefs, createChainedFunction } from "../internals/utils/index.js";
 import { SidenavContext } from "./Sidenav.js";
 /**
  * @private
  */
-const SidenavItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const SidenavItem = forwardRef((props, ref) => {
   const sidenav = useContext(SidenavContext);
   if (!sidenav) {
     throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');

package/esm/Sidenav/SidenavToggle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface SidenavToggleProps extends WithAsProps {
     /**
      * Expand then nav
@@ -10,5 +10,5 @@ export interface SidenavToggleProps extends WithAsProps {
     /** Callback function for menu state switching */
     onToggle?: (expanded: boolean, event: React.MouseEvent) => void;
 }
-declare const SidenavToggle: RsRefForwardingComponent<'div', SidenavToggleProps>;
+declare const SidenavToggle: import("../internals/types").InternalRefForwardingComponent<"div", SidenavToggleProps, never> & Record<string, never>;
 export default SidenavToggle;

package/esm/Sidenav/SidenavToggle.js

@@ -4,9 +4,10 @@ import React, { useContext } from 'react';
 import PagePreviousIcon from '@rsuite/icons/PagePrevious';
 import PageNextIcon from '@rsuite/icons/PageNext';
 import IconButton from "../IconButton/index.js";
-import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { SidenavContext } from "./Sidenav.js";
-const SidenavToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { useClassNames } from "../internals/hooks/index.js";
+const SidenavToggle = forwardRef((props, ref) => {
   const sidenav = useContext(SidenavContext);
   if (!sidenav) {
     throw new Error('<Sidenav.Toggle> must be rendered within a <Sidenav>');

package/esm/Sidenav/index.d.ts

@@ -1,6 +1,20 @@
 import Sidenav from './Sidenav';
-export type { SidenavProps, SidenavComponent } from './Sidenav';
+import SidenavToggle from './SidenavToggle';
+import SidenavHeader from './SidenavHeader';
+import SidenavBody from './SidenavBody';
+import SidenavItem from './SidenavItem';
+import SidenavDropdown from './SidenavDropdown';
+import SidenavDropdownItem from './SidenavDropdownItem';
+import SidenavDropdownMenu from './SidenavDropdownMenu';
+import SidenavDropdownToggle from './SidenavDropdownToggle';
+export type { SidenavProps } from './Sidenav';
 export type { SidenavToggleProps } from './SidenavToggle';
 export type { SidenavHeaderProps } from './SidenavHeader';
 export type { SidenavBodyProps } from './SidenavBody';
+export type { SidenavItemProps } from './SidenavItem';
+export type { SidenavDropdownProps } from './SidenavDropdown';
+export type { SidenavDropdownItemProps } from './SidenavDropdownItem';
+export type { SidenavDropdownMenuProps } from './SidenavDropdownMenu';
+export type { SidenavDropdownToggleProps } from './SidenavDropdownToggle';
+export { Sidenav, SidenavToggle, SidenavHeader, SidenavBody, SidenavItem, SidenavDropdown, SidenavDropdownItem, SidenavDropdownMenu, SidenavDropdownToggle };
 export default Sidenav;

package/esm/Sidenav/index.js

@@ -1,3 +1,16 @@
 'use client';
 import Sidenav from "./Sidenav.js";
+import SidenavToggle from "./SidenavToggle.js";
+import SidenavHeader from "./SidenavHeader.js";
+import SidenavBody from "./SidenavBody.js";
+import SidenavItem from "./SidenavItem.js";
+import SidenavDropdown from "./SidenavDropdown.js";
+import SidenavDropdownItem from "./SidenavDropdownItem.js";
+import SidenavDropdownMenu from "./SidenavDropdownMenu.js";
+import SidenavDropdownToggle from "./SidenavDropdownToggle.js";
+
+// export types
+
+// export components
+export { Sidenav, SidenavToggle, SidenavHeader, SidenavBody, SidenavItem, SidenavDropdown, SidenavDropdownItem, SidenavDropdownMenu, SidenavDropdownToggle };
 export default Sidenav;

package/esm/Slider/Graduated.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface GraduatedProps extends WithAsProps {
     step: number;
     min: number;
@@ -8,5 +8,5 @@ export interface GraduatedProps extends WithAsProps {
     value: number | number[];
     renderMark?: (mark: number) => React.ReactNode;
 }
-declare const Graduated: RsRefForwardingComponent<'div', GraduatedProps>;
+declare const Graduated: import("../internals/types").InternalRefForwardingComponent<"div", GraduatedProps, never> & Record<string, never>;
 export default Graduated;

package/esm/Slider/Graduated.js

@@ -1,9 +1,10 @@
 'use client';
 import React from 'react';
+import Mark from "./Mark.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { precisionMath } from "./utils.js";
-import Mark from "./Mark.js";
-const Graduated = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Graduated = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     step,

package/esm/Slider/Handle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface HandleProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     vertical?: boolean;
@@ -14,5 +14,5 @@ export interface HandleProps extends WithAsProps, React.HTMLAttributes<HTMLDivEl
     'data-range'?: number[];
     'data-key'?: string;
 }
-declare const Handle: RsRefForwardingComponent<'div', HandleProps>;
+declare const Handle: import("../internals/types").InternalRefForwardingComponent<"div", HandleProps, never> & Record<string, never>;
 export default Handle;

package/esm/Slider/Handle.js

@@ -2,11 +2,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Tooltip from "../Tooltip/index.js";
-import { useClassNames } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
 import Input from "./Input.js";
 import useDrag from "./useDrag.js";
-const Handle = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef, mergeRefs } from "../internals/utils/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+const Handle = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'slider',

package/esm/Slider/Mark.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface MarkProps extends WithAsProps {
     mark: number;
     last?: boolean;
     renderMark?: (mark: number) => React.ReactNode;
 }
-declare const Mark: RsRefForwardingComponent<'span', MarkProps>;
+declare const Mark: import("../internals/types").InternalRefForwardingComponent<"span", MarkProps, never> & Record<string, never>;
 export default Mark;

package/esm/Slider/Mark.js

@@ -1,7 +1,8 @@
 'use client';
 import React from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
-const Mark = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef } from "../internals/utils/index.js";
+const Mark = forwardRef((props, ref) => {
   const {
     as: Component = 'span',
     mark,

package/esm/Slider/ProgressBar.d.ts

@@ -1,9 +1,9 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 interface ProgressBarProps extends WithAsProps {
     vertical?: boolean;
     rtl?: boolean;
     start?: number;
     end?: number;
 }
-declare const ProgressBar: RsRefForwardingComponent<'div', ProgressBarProps>;
+declare const ProgressBar: import("../internals/types").InternalRefForwardingComponent<"div", ProgressBarProps, never> & Record<string, never>;
 export default ProgressBar;

package/esm/Slider/ProgressBar.js

@@ -1,7 +1,8 @@
 'use client';
 import React from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
-const ProgressBar = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef } from "../internals/utils/index.js";
+const ProgressBar = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'slider-progress-bar',

package/esm/Slider/Slider.d.ts

@@ -57,5 +57,5 @@ export interface SliderProps<T = number> extends WithAsProps, FormControlBasePro
  *
  * @see https://rsuitejs.com/components/slider
  */
-declare const Slider: React.ForwardRefExoticComponent<SliderProps<number> & React.RefAttributes<unknown>>;
+declare const Slider: import("../internals/types").InternalRefForwardingComponent<"div", SliderProps<number>, never> & Record<string, never>;
 export default Slider;

package/esm/Slider/Slider.js

@@ -10,13 +10,14 @@ import Graduated from "./Graduated.js";
 import Plaintext from "../internals/Plaintext/index.js";
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { precisionMath, checkValue, getPosition } from "./utils.js";
 /**
  * A Slider is an interface for users to adjust a value in a specific range.
  *
  * @see https://rsuitejs.com/components/slider
  */
-const Slider = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Slider = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Slider', props);

package/esm/Slider/index.d.ts

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

package/esm/Slider/index.js

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

package/esm/Stack/HStack.d.ts

@@ -1,13 +1,11 @@
-import Stack, { StackProps } from './Stack';
-import { RsRefForwardingComponent } from '../internals/types';
+import { StackProps } from './Stack';
 export interface HStackProps extends Omit<StackProps, 'direction'> {
     /**
      * Reverse the order of the children in the stack
      */
     reverse?: boolean;
 }
-export interface StackComponent extends RsRefForwardingComponent<'div', HStackProps> {
-    Item: typeof Stack.Item;
-}
-declare const HStack: StackComponent;
+declare const HStack: import("../internals/types").InternalRefForwardingComponent<"div", HStackProps, never> & {
+    Item: typeof import("./StackItem").default;
+};
 export default HStack;