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

package/esm/Modal/ModalHeader.js

@@ -1,13 +1,12 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
-import { useClassNames } from "../internals/hooks/index.js";
-import { createChainedFunction } from "../internals/utils/index.js";
-import { ModalContext } from "./ModalContext.js";
 import CloseButton from "../internals/CloseButton/index.js";
-import Close from '@rsuite/icons/Close';
 import IconButton from "../IconButton/index.js";
-const ModalHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef, createChainedFunction } from "../internals/utils/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { ModalContext } from "./ModalContext.js";
+const ModalHeader = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'modal-header',
@@ -28,20 +27,14 @@ const ModalHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
     isDrawer,
     onModalClose
   } = context || {};
-  const buttonElement = isDrawer ? /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(Close, null),
-    appearance: "subtle",
-    size: "sm",
-    className: prefix('close'),
-    onClick: createChainedFunction(onClose, onModalClose)
-  }) : /*#__PURE__*/React.createElement(CloseButton, {
-    className: prefix('close'),
-    onClick: createChainedFunction(onClose, onModalClose)
-  });
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes
-  }), closeButton && buttonElement, children);
+  }), closeButton && /*#__PURE__*/React.createElement(CloseButton, {
+    as: isDrawer ? IconButton : 'button',
+    className: prefix('close'),
+    onClick: createChainedFunction(onClose, onModalClose)
+  }), children);
 });
 ModalHeader.displayName = 'ModalHeader';
 export default ModalHeader;

package/esm/Modal/ModalTitle.d.ts

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

package/esm/Modal/ModalTitle.js

@@ -3,7 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import { ModalContext } from "./ModalContext.js";
 import { useClassNames } from "../internals/hooks/index.js";
-const ModalTitle = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef } from "../internals/utils/index.js";
+const ModalTitle = forwardRef((props, ref) => {
   const {
     as: Component = 'h4',
     classPrefix = 'modal-title',

package/esm/Modal/index.d.ts

@@ -1,4 +1,9 @@
 import Modal from './Modal';
+import ModalBody from './ModalBody';
+import ModalDialog from './ModalDialog';
+import ModalFooter from './ModalFooter';
+import ModalHeader from './ModalHeader';
+import ModalTitle from './ModalTitle';
 export type { ModalProps } from './Modal';
 export type { ModalBodyProps } from './ModalBody';
 export type { ModalDialogProps } from './ModalDialog';
@@ -6,4 +11,5 @@ export type { ModalFooterProps } from './ModalFooter';
 export type { ModalHeaderProps } from './ModalHeader';
 export type { ModalTitleProps } from './ModalTitle';
 export type { ModalSize } from './utils';
+export { Modal, ModalBody, ModalDialog, ModalFooter, ModalHeader, ModalTitle };
 export default Modal;

package/esm/Modal/index.js

@@ -1,3 +1,13 @@
 'use client';
 import Modal from "./Modal.js";
+import ModalBody from "./ModalBody.js";
+import ModalDialog from "./ModalDialog.js";
+import ModalFooter from "./ModalFooter.js";
+import ModalHeader from "./ModalHeader.js";
+import ModalTitle from "./ModalTitle.js";
+
+// export types
+
+// export components
+export { Modal, ModalBody, ModalDialog, ModalFooter, ModalHeader, ModalTitle };
 export default Modal;

package/esm/Modal/utils.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TypeAttributes } from '../internals/types';
-export type ModalSize = TypeAttributes.Size | 'full' | number | string;
+import type { SizeType } from '../internals/types';
+export type ModalSize = SizeType | 'full' | number | string;
 export declare const useBodyStyles: (ref: React.RefObject<HTMLElement>, options: {
     overflow: boolean;
     size?: ModalSize | undefined;

package/esm/Modal/utils.js

@@ -1,7 +1,7 @@
 'use client';
-import { useState, useRef, useCallback, useEffect } from 'react';
 import getHeight from 'dom-lib/getHeight';
 import on from 'dom-lib/on';
+import { useState, useRef, useCallback, useEffect } from 'react';
 import { ResizeObserver } from '@juggle/resize-observer';
 export const useBodyStyles = (ref, options) => {
   const [bodyStyles, setBodyStyles] = useState({});

package/esm/MultiCascadeTree/MultiCascadeTree.d.ts

@@ -1,9 +1,7 @@
-import React from 'react';
-import type { DataItemValue } from '../internals/types';
 import type { MultiCascadeTreeProps } from './types';
 /**
  * The `MultiCascadeTree` component is used to select multiple values from cascading options.
  * @see https://rsuitejs.com/components/multi-cascade-tree/
  */
-declare const MultiCascadeTree: React.ForwardRefExoticComponent<MultiCascadeTreeProps<DataItemValue, DataItemValue[], any> & React.RefAttributes<unknown>>;
+declare const MultiCascadeTree: import("../internals/types").InternalRefForwardingComponent<"div", MultiCascadeTreeProps<any, any[], any>, never> & Record<string, never>;
 export default MultiCascadeTree;

package/esm/MultiCascadeTree/MultiCascadeTree.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import TreeView from "./TreeView.js";
 import SearchView from "./SearchView.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useCascadeValue, useSelect, useSearch } from "./hooks/index.js";
 import { useClassNames, useControlled } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
@@ -12,7 +13,7 @@ const emptyArray = [];
  * The `MultiCascadeTree` component is used to select multiple values from cascading options.
  * @see https://rsuitejs.com/components/multi-cascade-tree/
  */
-const MultiCascadeTree = /*#__PURE__*/React.forwardRef((props, ref) => {
+const MultiCascadeTree = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('MultiCascadeTree', props);

package/esm/MultiCascadeTree/TreeView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { ItemDataType, WithAsProps } from '../internals/types';
 import type { CascadeColumn } from '../CascadeTree/types';
 export interface TreeViewProps<T = any> extends WithAsProps {
     disabledItemValues?: T[];
@@ -18,5 +18,5 @@ export interface TreeViewProps<T = any> extends WithAsProps {
     onCheck?: (node: ItemDataType<T>, event: React.SyntheticEvent, checked: boolean) => void;
     onSelect?: (node: ItemDataType<T>, cascadePaths: ItemDataType<T>[], event: React.SyntheticEvent) => void;
 }
-declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
+declare const TreeView: import("../internals/types").InternalRefForwardingComponent<"div", TreeViewProps<any>, never> & Record<string, never>;
 export default TreeView;

package/esm/MultiCascadeTree/TreeView.js

@@ -5,12 +5,12 @@ import SpinnerIcon from '@rsuite/icons/Spinner';
 import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLineIcon from '@rsuite/icons/ArrowRightLine';
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
-import { shallowEqual } from "../internals/utils/index.js";
+import { forwardRef, shallowEqual } from "../internals/utils/index.js";
 import { ListCheckItem, useCombobox } from "../internals/Picker/index.js";
 import { isSomeParentChecked, isSomeChildChecked } from "./utils.js";
 import { useCustom } from "../CustomProvider/index.js";
 const emptyArray = [];
-const TreeView = /*#__PURE__*/React.forwardRef((props, ref) => {
+const TreeView = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'tree',

package/esm/MultiCascadeTree/index.d.ts

@@ -1,4 +1,5 @@
 import MultiCascadeTree from './MultiCascadeTree';
 export type { ItemDataType } from '../internals/types';
 export type { MultiCascadeTreeProps } from './types';
+export { MultiCascadeTree };
 export default MultiCascadeTree;

package/esm/MultiCascadeTree/index.js

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

package/esm/MultiCascader/MultiCascader.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../internals/Picker';
-import { FormControlPickerProps, ItemDataType, DataItemValue } from '../internals/types';
+import { PickerToggleProps } from '../internals/Picker';
+import type { FormControlPickerProps, ItemDataType, DataItemValue } from '../internals/types';
+import type { PickerLocale } from '../locales';
 import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
 export interface MultiCascaderProps<T extends DataItemValue = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'loading'> {
     /**
@@ -66,5 +66,5 @@ export interface MultiCascaderProps<T extends DataItemValue = any> extends FormC
  * The `MultiCascader` component is used to select multiple values from cascading options.
  * @see https://rsuitejs.com/components/multi-cascader/
  */
-declare const MultiCascader: PickerComponent<MultiCascaderProps<DataItemValue>>;
+declare const MultiCascader: import("../internals/types").InternalRefForwardingComponent<"div", MultiCascaderProps<DataItemValue>, never> & Record<string, never>;
 export default MultiCascader;

package/esm/MultiCascader/MultiCascader.js

@@ -5,23 +5,23 @@ import pick from 'lodash/pick';
 import omit from 'lodash/omit';
 import isFunction from 'lodash/isFunction';
 import isNil from 'lodash/isNil';
+import TreeView from "../MultiCascadeTree/TreeView.js";
+import SearchView from "../MultiCascadeTree/SearchView.js";
+import useActive from "../Cascader/useActive.js";
 import { findNodeOfTree } from "../internals/Tree/utils/index.js";
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { getColumnsAndPaths } from "../CascadeTree/utils.js";
-import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
-import { PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
+import { forwardRef, createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { useCascadeValue, useSearch, useSelect } from "../MultiCascadeTree/hooks/index.js";
-import TreeView from "../MultiCascadeTree/TreeView.js";
-import SearchView from "../MultiCascadeTree/SearchView.js";
-import useActive from "../Cascader/useActive.js";
 import { useCustom } from "../CustomProvider/index.js";
+import { PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 const emptyArray = [];
 
 /**
  * The `MultiCascader` component is used to select multiple values from cascading options.
  * @see https://rsuitejs.com/components/multi-cascader/
  */
-const MultiCascader = /*#__PURE__*/React.forwardRef((props, ref) => {
+const MultiCascader = forwardRef((props, ref) => {
   var _selectedPaths;
   const {
     propsWithDefaults,

package/esm/MultiCascader/index.d.ts

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

package/esm/MultiCascader/index.js

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

package/esm/Nav/AdaptiveNavItem.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { NavItemProps } from './NavItem';
 /**
  * The <Nav.Item> API
  * When used as direct child of <Nav>, render the NavItem
  * When used within a <Nav.Menu>, render the NavDropdownItem
  */
-declare const AdaptiveNavItem: React.ForwardRefExoticComponent<NavItemProps<string | number> & React.RefAttributes<any>>;
+declare const AdaptiveNavItem: import("../internals/types").InternalRefForwardingComponent<"a", NavItemProps<string | number>, never> & Record<string, never>;
 export default AdaptiveNavItem;

package/esm/Nav/AdaptiveNavItem.js

@@ -2,23 +2,24 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useEffect } from 'react';
 import NavItem from "./NavItem.js";
-import { useInternalId } from "../internals/hooks/index.js";
-import { NavbarContext } from "../Navbar/Navbar.js";
-import { SidenavContext } from "../Sidenav/Sidenav.js";
-import NavContext from "./NavContext.js";
-import { NavMenuActionType, NavMenuContext } from "./NavMenu.js";
 import NavDropdownItem from "./NavDropdownItem.js";
 import NavbarDropdownItem from "../Navbar/NavbarDropdownItem.js";
-import SidenavDropdownItem from "../Sidenav/SidenavDropdownItem.js";
 import NavbarItem from "../Navbar/NavbarItem.js";
+import NavContext from "./NavContext.js";
+import SidenavDropdownItem from "../Sidenav/SidenavDropdownItem.js";
 import SidenavItem from "../Sidenav/SidenavItem.js";
+import { forwardRef } from "../internals/utils/index.js";
+import { useInternalId } from "../internals/hooks/index.js";
+import { NavbarContext } from "../Navbar/NavbarContext.js";
+import { SidenavContext } from "../Sidenav/Sidenav.js";
+import { NavMenuActionType, NavMenuContext } from "./NavMenu.js";
 
 /**
  * The <Nav.Item> API
  * When used as direct child of <Nav>, render the NavItem
  * When used within a <Nav.Menu>, render the NavDropdownItem
  */
-const AdaptiveNavItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const AdaptiveNavItem = forwardRef((props, ref) => {
   const nav = useContext(NavContext);
   if (!nav) {
     throw new Error('<Nav.Item> must be rendered within a <Nav> component.');

package/esm/Nav/Nav.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-import NavItem from './NavItem';
-import NavDropdown from './NavDropdown';
-import NavMenu from './NavMenu';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /**
      * The appearance style of the Nav component.
@@ -25,6 +22,8 @@ export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttribute
     vertical?: boolean;
     /**
      * Whether the Nav component is pulled to the right.
+     *
+     * @deprecated Use `Navbar.Content` instead.
      */
     pullRight?: boolean;
     /**
@@ -40,17 +39,23 @@ export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttribute
      */
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
-interface NavComponent extends RsRefForwardingComponent<'div', NavProps> {
-    /**
-     * @deprecated Use <Nav.Menu> instead.
-     */
-    Dropdown: typeof NavDropdown;
-    Item: typeof NavItem;
-    Menu: typeof NavMenu;
-}
 /**
  * The `Nav` component is used to create navigation links.
  * @see https://rsuitejs.com/components/nav
  */
-declare const Nav: NavComponent;
+declare const Nav: import("../internals/types").InternalRefForwardingComponent<"div", NavProps<any>, never> & {
+    /**
+     * @deprecated Use <Nav.Menu> instead.
+     */
+    Dropdown: import("../internals/types").InternalRefForwardingComponent<"div", import("./NavDropdown").NavDropdownProps<any>, never> & {
+        Item: import("../internals/types").InternalRefForwardingComponent<"li", import("./NavDropdownItem").NavDropdownItemProps<any>, never> & Record<string, never>;
+        /**
+         * The `Nav` component is used to create navigation links.
+         * @see https://rsuitejs.com/components/nav
+         */
+        Menu: React.ForwardRefExoticComponent<import("./NavDropdownMenu").NavDropdownMenuProps<any> & Omit<React.HTMLAttributes<HTMLUListElement>, "title" | "onSelect" | "onToggle"> & React.RefAttributes<HTMLElement>>;
+    };
+    Item: import("../internals/types").InternalRefForwardingComponent<"a", import("./NavItem").NavItemProps<string | number>, never> & Record<string, never>;
+    Menu: React.ForwardRefExoticComponent<import("./NavMenu").NavMenuProps & React.RefAttributes<any>>;
+};
 export default Nav;

package/esm/Nav/Nav.js

@@ -8,16 +8,28 @@ import NavMenu from "./NavMenu.js";
 import NavDropdownItem from "./NavDropdownItem.js";
 import NavDropdownMenu from "./NavDropdownMenu.js";
 import AdaptiveNavItem from "./AdaptiveNavItem.js";
+import { forwardRef, deprecateComponent } from "../internals/utils/index.js";
 import { useClassNames, useEnsuredRef, useControlled } from "../internals/hooks/index.js";
-import { NavbarContext } from "../Navbar/Navbar.js";
+import { NavbarContext } from "../Navbar/NavbarContext.js";
 import { SidenavContext } from "../Sidenav/Sidenav.js";
-import { deprecateComponent } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
+const DeprecatedNavDropdown = deprecateComponent(NavDropdown, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');
+DeprecatedNavDropdown.Menu = deprecateComponent(NavDropdownMenu, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');
+DeprecatedNavDropdown.Item = deprecateComponent(NavDropdownItem, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');
+const Subcomponents = {
+  /**
+   * @deprecated Use <Nav.Menu> instead.
+   */
+  Dropdown: DeprecatedNavDropdown,
+  Item: AdaptiveNavItem,
+  Menu: NavMenu
+};
+
 /**
  * The `Nav` component is used to create navigation links.
  * @see https://rsuitejs.com/components/nav
  */
-const Nav = /*#__PURE__*/React.forwardRef(function Nav(props, ref) {
+const Nav = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Nav', props);
@@ -28,7 +40,6 @@ const Nav = /*#__PURE__*/React.forwardRef(function Nav(props, ref) {
     vertical,
     justified,
     reversed,
-    pullRight,
     className,
     children,
     activeKey: activeKeyProp,
@@ -49,10 +60,9 @@ const Nav = /*#__PURE__*/React.forwardRef(function Nav(props, ref) {
   } = useClassNames(classPrefix);
   const classes = merge(className, rootPrefix({
     'navbar-nav': navbar,
-    'navbar-right': pullRight,
     'sidenav-nav': sidenav
   }), withClassPrefix(appearance, {
-    horizontal: navbar || !vertical && !sidenav,
+    horizontal: (navbar || !sidenav) && !vertical,
     vertical: vertical || sidenav,
     justified,
     reversed
@@ -100,12 +110,6 @@ const Nav = /*#__PURE__*/React.forwardRef(function Nav(props, ref) {
   }), children, hasWaterline && /*#__PURE__*/React.createElement("div", {
     className: prefix('bar')
   })));
-});
-const DeprecatedNavDropdown = deprecateComponent(NavDropdown, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');
-DeprecatedNavDropdown.Menu = deprecateComponent(NavDropdownMenu, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');
-DeprecatedNavDropdown.Item = deprecateComponent(NavDropdownItem, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');
-Nav.Dropdown = DeprecatedNavDropdown;
-Nav.Item = AdaptiveNavItem;
-Nav.Menu = NavMenu;
+}, Subcomponents);
 Nav.displayName = 'Nav';
 export default Nav;

package/esm/Nav/NavDropdown.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
-import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import Button from '../Button';
-import NavDropdownItem from './NavDropdownItem';
-import NavDropdownMenu from './NavDropdownMenu';
 import { NavDropdownToggleProps } from './NavDropdownToggle';
+import type { PlacementCorners, WithAsProps } from '../internals/types';
 export type NavDropdownTrigger = 'click' | 'hover' | 'contextMenu';
 export interface NavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
     /** Define the title as a submenu */
@@ -44,20 +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 NavDropdownComponent 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;
-    /**
-     * @deprecated Use <Nav.Item> instead.
-     */
-    Item: typeof NavDropdownItem;
-    /**
-     * @deprecated Use <Nav.Menu> instead.
-     */
-    Menu: typeof NavDropdownMenu;
-}
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a `<Nav.Menu>` call
@@ -68,5 +51,8 @@ export interface NavDropdownComponent extends RsRefForwardingComponent<'div', Na
  *   </Nav.Menu>
  * </Nav>
  */
-declare const NavDropdown: NavDropdownComponent;
+declare const NavDropdown: import("../internals/types").InternalRefForwardingComponent<"div", NavDropdownProps<any>, never> & {
+    Item: import("../internals/types").InternalRefForwardingComponent<"li", import("./NavDropdownItem").NavDropdownItemProps<any>, never> & Record<string, never>;
+    Menu: React.ForwardRefExoticComponent<import("./NavDropdownMenu").NavDropdownMenuProps<any> & Omit<React.HTMLAttributes<HTMLUListElement>, "title" | "onSelect" | "onToggle"> & React.RefAttributes<HTMLElement>>;
+};
 export default NavDropdown;

package/esm/Nav/NavDropdown.js

@@ -3,15 +3,20 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useMemo, useReducer } 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 { initialState, reducer } from "../Dropdown/DropdownState.js";
 import Menu from "../internals/Menu/Menu.js";
 import kebabCase from 'lodash/kebabCase';
 import NavContext from "./NavContext.js";
 import NavDropdownItem from "./NavDropdownItem.js";
 import NavDropdownMenu from "./NavDropdownMenu.js";
 import NavDropdownToggle from "./NavDropdownToggle.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef, mergeRefs, placementPolyfill } from "../internals/utils/index.js";
+import { initialState, reducer } from "../Dropdown/DropdownState.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>` call
@@ -22,7 +27,7 @@ import NavDropdownToggle from "./NavDropdownToggle.js";
  *   </Nav.Menu>
  * </Nav>
  */
-const NavDropdown = /*#__PURE__*/React.forwardRef(function NavDropdown(props, ref) {
+const NavDropdown = forwardRef((props, ref) => {
   const nav = useContext(NavContext);
   if (!nav) {
     throw new Error('<Nav.Dropdown> must be rendered within a <Nav> component.');
@@ -123,8 +128,6 @@ const NavDropdown = /*#__PURE__*/React.forwardRef(function NavDropdown(props, re
       style: style
     }));
   });
-});
-NavDropdown.Item = NavDropdownItem;
-NavDropdown.Menu = NavDropdownMenu;
+}, Subcomponents);
 NavDropdown.displayName = 'Nav.Dropdown';
 export default NavDropdown;

package/esm/Nav/NavDropdownItem.d.ts

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

package/esm/Nav/NavDropdownItem.js

@@ -1,16 +1,16 @@
 'use client';
 import React, { useCallback, useContext } from 'react';
-import { useClassNames } from "../internals/hooks/index.js";
-import MenuItem from "../internals/Menu/MenuItem.js";
+import classNames from 'classnames';
 import isNil from 'lodash/isNil';
-import { mergeRefs, shallowEqual } from "../internals/utils/index.js";
+import MenuItem from "../internals/Menu/MenuItem.js";
 import NavContext from "./NavContext.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef, mergeRefs, shallowEqual } from "../internals/utils/index.js";
 import { useRenderDropdownItem } from "../Dropdown/useRenderDropdownItem.js";
-import classNames from 'classnames';
 /**
  * @private
  */
-const NavDropdownItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const NavDropdownItem = forwardRef((props, ref) => {
   const nav = useContext(NavContext);
   if (!nav) {
     throw new Error('<Nav.Dropdown.Item> should be used within a <Nav> component.');

package/esm/Nav/NavDropdownToggle.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import Button from '../Button';
-import { WithAsProps, RsRefForwardingComponent, PlacementCorners } from '../internals/types';
 import { NavItemProps } from './NavItem';
+import type { WithAsProps, PlacementCorners } from '../internals/types';
 export interface NavDropdownToggleProps extends WithAsProps {
     icon?: NavItemProps['icon'];
     noCaret?: boolean;
@@ -17,5 +16,5 @@ export interface NavDropdownToggleProps extends WithAsProps {
  *   </Nav.Menu>
  * </Nav>
  */
-declare const NavDropdownToggle: RsRefForwardingComponent<typeof Button, NavDropdownToggleProps>;
+declare const NavDropdownToggle: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"button", import("../Button").ButtonProps, never> & Record<string, never>, NavDropdownToggleProps, never> & Record<string, never>;
 export default NavDropdownToggle;

package/esm/Nav/NavDropdownToggle.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 NavItem from "./NavItem.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef } from "../internals/utils/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 NavItem from "./NavItem.js";
  *   </Nav.Menu>
  * </Nav>
  */
-const NavDropdownToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+const NavDropdownToggle = forwardRef((props, ref) => {
   const {
     as: Component = NavItem,
     className,

package/esm/Nav/NavItem.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 NavItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */
     active?: boolean;
@@ -27,5 +27,5 @@ export interface NavItemProps<T = string | number> extends WithAsProps, Omit<Rea
  * @see https://rsuitejs.com/components/nav
  *
  */
-declare const NavItem: RsRefForwardingComponent<'a', NavItemProps>;
+declare const NavItem: import("../internals/types").InternalRefForwardingComponent<"a", NavItemProps<string | number>, never> & Record<string, never>;
 export default NavItem;