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

package/esm/Nav/NavItem.js

@@ -1,13 +1,13 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback, useContext } from 'react';
+import classNames from 'classnames';
 import isNil from 'lodash/isNil';
 import Ripple from "../internals/Ripple/index.js";
 import SafeAnchor from "../SafeAnchor/index.js";
-import { useClassNames } from "../internals/hooks/index.js";
-import { shallowEqual } from "../internals/utils/index.js";
 import NavContext from "./NavContext.js";
-import classNames from 'classnames';
+import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef, shallowEqual } from "../internals/utils/index.js";
 /**
  * The `Nav.Item` component is used to create navigation links.
  *
@@ -16,7 +16,7 @@ import classNames from 'classnames';
  * @see https://rsuitejs.com/components/nav
  *
  */
-const NavItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const NavItem = forwardRef((props, ref) => {
   const nav = useContext(NavContext);
   if (!nav) {
     throw new Error('<Nav.Item> must be rendered within a <Nav> component.');

package/esm/Nav/NavMenu.js

@@ -3,12 +3,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useReducer } from 'react';
 import NavDropdown from "./NavDropdown.js";
 import NavDropdownMenu from "./NavDropdownMenu.js";
-import { SidenavContext } from "../Sidenav/Sidenav.js";
-import SidenavDropdown from "../Sidenav/SidenavDropdown.js";
-import { NavbarContext } from "../Navbar/index.js";
 import NavbarDropdown from "../Navbar/NavbarDropdown.js";
 import NavbarDropdownMenu from "../Navbar/NavbarDropdownMenu.js";
+import SidenavDropdown from "../Sidenav/SidenavDropdown.js";
 import SidenavDropdownMenu from "../Sidenav/SidenavDropdownMenu.js";
+import { NavbarContext } from "../Navbar/index.js";
+import { SidenavContext } from "../Sidenav/Sidenav.js";
 export const NavMenuContext = /*#__PURE__*/React.createContext(null);
 NavMenuContext.displayName = 'NavMenu.Context';
 export let NavMenuActionType = /*#__PURE__*/function (NavMenuActionType) {

package/esm/Nav/index.d.ts

@@ -1,4 +1,16 @@
 import Nav from './Nav';
+import NavItem from './NavItem';
+import NavMenu from './NavMenu';
+import NavDropdown from './NavDropdown';
+import NavDropdownItem from './NavDropdownItem';
+import NavDropdownMenu from './NavDropdownMenu';
+import NavDropdownToggle from './NavDropdownToggle';
 export type { NavProps } from './Nav';
 export type { NavItemProps } from './NavItem';
+export type { NavMenuProps } from './NavMenu';
+export type { NavDropdownProps } from './NavDropdown';
+export type { NavDropdownItemProps } from './NavDropdownItem';
+export type { NavDropdownMenuProps } from './NavDropdownMenu';
+export type { NavDropdownToggleProps } from './NavDropdownToggle';
+export { Nav, NavItem, NavMenu, NavDropdown, NavDropdownItem, NavDropdownMenu, NavDropdownToggle };
 export default Nav;

package/esm/Nav/index.js

@@ -1,3 +1,14 @@
 'use client';
 import Nav from "./Nav.js";
+import NavItem from "./NavItem.js";
+import NavMenu from "./NavMenu.js";
+import NavDropdown from "./NavDropdown.js";
+import NavDropdownItem from "./NavDropdownItem.js";
+import NavDropdownMenu from "./NavDropdownMenu.js";
+import NavDropdownToggle from "./NavDropdownToggle.js";
+
+// export types
+
+// export components
+export { Nav, NavItem, NavMenu, NavDropdown, NavDropdownItem, NavDropdownMenu, NavDropdownToggle };
 export default Nav;

package/esm/Navbar/Navbar.d.ts

@@ -1,28 +1,31 @@
 import React from 'react';
-import NavbarBody from './NavbarBody';
-import NavbarHeader from './NavbarHeader';
-import NavbarBrand from './NavbarBrand';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-export declare const NavbarContext: React.Context<boolean>;
-type AppearanceType = 'default' | 'inverse' | 'subtle';
+import type { WithAsProps } from '../internals/types';
 export interface NavbarProps extends WithAsProps {
-    appearance?: AppearanceType;
-    classPrefix?: string;
-}
-interface NavbarComponent extends RsRefForwardingComponent<'div', NavbarProps> {
     /**
-     * @deprecated use Navbar.Brand instead
+     * The appearance style of the Navbar component.
      */
-    Header: typeof NavbarHeader;
+    appearance?: 'default' | 'inverse' | 'subtle';
     /**
-     * @deprecated use Nav as direct child of Navbar
+     * Callback when the drawer is opened or closed.
      */
-    Body: typeof NavbarBody;
-    Brand: typeof NavbarBrand;
+    onDrawerOpenChange?: (open: boolean) => void;
 }
 /**
- * The `Navbar` component is used to create a navigation header.
+ * The `Navbar` component is a wrapper that positions navigation elements.
  * @see https://rsuitejs.com/components/navbar
  */
-declare const Navbar: NavbarComponent;
+declare const Navbar: import("../internals/types").InternalRefForwardingComponent<"div", NavbarProps, never> & {
+    Brand: import("../internals/types").InternalRefForwardingComponent<"a", Partial<{
+        name: string;
+        componentAs: "a";
+        componentClassPrefix: string;
+    }>, never> & Record<string, never>;
+    Content: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+        name: string;
+        componentAs: "div";
+        componentClassPrefix: string;
+    }>, never> & Record<string, never>;
+    Toggle: React.ForwardRefExoticComponent<import("..").IconButtonProps & React.RefAttributes<any>>;
+    Drawer: React.ForwardRefExoticComponent<import("..").DrawerProps & React.RefAttributes<any>>;
+};
 export default Navbar;

package/esm/Navbar/Navbar.js

@@ -1,17 +1,26 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import NavbarBody from "./NavbarBody.js";
-import NavbarHeader from "./NavbarHeader.js";
+import React, { useMemo } from 'react';
 import NavbarBrand from "./NavbarBrand.js";
-import { useClassNames } from "../internals/hooks/index.js";
+import NavbarContent from "./NavbarContent.js";
+import NavbarToggle from "./NavbarToggle.js";
+import NavbarDrawer from "./NavbarDrawer.js";
+import { forwardRef } from "../internals/utils/index.js";
+import { useClassNames, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-export const NavbarContext = /*#__PURE__*/React.createContext(false);
+import { NavbarContext } from "./NavbarContext.js";
+const Subcomponents = {
+  Brand: NavbarBrand,
+  Content: NavbarContent,
+  Toggle: NavbarToggle,
+  Drawer: NavbarDrawer
+};
+
 /**
- * The `Navbar` component is used to create a navigation header.
+ * The `Navbar` component is a wrapper that positions navigation elements.
  * @see https://rsuitejs.com/components/navbar
  */
-const Navbar = /*#__PURE__*/React.forwardRef(function Navbar(props, ref) {
+const Navbar = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Navbar', props);
@@ -20,6 +29,7 @@ const Navbar = /*#__PURE__*/React.forwardRef(function Navbar(props, ref) {
     as: Component = 'nav',
     classPrefix = 'navbar',
     appearance = 'default',
+    onDrawerOpenChange,
     ...rest
   } = propsWithDefaults;
   const {
@@ -27,15 +37,24 @@ const Navbar = /*#__PURE__*/React.forwardRef(function Navbar(props, ref) {
     merge
   } = useClassNames(classPrefix);
   const classes = merge(className, withClassPrefix(appearance));
+  const [open, setOpen] = React.useState(false);
+  const handleToggle = useEventCallback(nextOpen => {
+    setOpen(nextOpen);
+    onDrawerOpenChange === null || onDrawerOpenChange === void 0 || onDrawerOpenChange(nextOpen);
+  });
+  const navbarId = useUniqueId('navbar-');
+  const context = useMemo(() => ({
+    appearance,
+    open,
+    navbarId,
+    onToggle: handleToggle
+  }), [appearance, navbarId, open]);
   return /*#__PURE__*/React.createElement(NavbarContext.Provider, {
-    value: true
+    value: context
   }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes
   })));
-});
-Navbar.Header = NavbarHeader;
-Navbar.Body = NavbarBody;
-Navbar.Brand = NavbarBrand;
+}, Subcomponents);
 Navbar.displayName = 'Navbar';
 export default Navbar;

package/esm/Navbar/NavbarBrand.d.ts

@@ -1,4 +1,8 @@
 import { ComponentProps } from '../internals/utils';
 export type NavbarBrandProps = ComponentProps;
-declare const NavbarBrand: import("../internals/types").RsRefForwardingComponent<"a", ComponentProps, false>;
+declare const NavbarBrand: import("../internals/types").InternalRefForwardingComponent<"a", Partial<{
+    name: string;
+    componentAs: "a";
+    componentClassPrefix: string;
+}>, never> & Record<string, never>;
 export default NavbarBrand;

package/esm/Navbar/NavbarContent.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from '../internals/utils';
+export type NavbarContentProps = ComponentProps;
+declare const NavbarContent: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+    name: string;
+    componentAs: "div";
+    componentClassPrefix: string;
+}>, never> & Record<string, never>;
+export default NavbarContent;

package/esm/Navbar/NavbarContent.js

@@ -0,0 +1,8 @@
+'use client';
+import { createComponent } from "../internals/utils/index.js";
+const NavbarContent = createComponent({
+  name: 'NavbarContent',
+  componentAs: 'div',
+  componentClassPrefix: 'navbar-content'
+});
+export default NavbarContent;

package/esm/Navbar/NavbarContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface NavbarContextValue {
+    appearance: 'default' | 'inverse' | 'subtle';
+    open: boolean;
+    navbarId: string;
+    onToggle?: (open: boolean) => void;
+}
+export declare const NavbarContext: React.Context<NavbarContextValue | null>;
+export {};

package/esm/Navbar/NavbarContext.js

@@ -0,0 +1,3 @@
+'use client';
+import React from 'react';
+export const NavbarContext = /*#__PURE__*/React.createContext(null);

package/esm/Navbar/NavbarDrawer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DrawerProps } from '../Drawer';
+export type NavbarDrawerProps = DrawerProps;
+declare const NavbarDrawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<any>>;
+export default NavbarDrawer;

package/esm/Navbar/NavbarDrawer.js

@@ -0,0 +1,35 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import Drawer from "../Drawer/index.js";
+import { useEventCallback } from "../internals/hooks/index.js";
+import { createComponent, createChainedFunction } from "../internals/utils/index.js";
+import { NavbarContext } from "./NavbarContext.js";
+const NavDrawer = createComponent({
+  name: 'NavbarDrawer',
+  componentAs: Drawer,
+  componentClassPrefix: 'navbar-drawer'
+});
+const NavbarDrawer = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    onToggle,
+    navbarId,
+    open: navbarOpen
+  } = useContext(NavbarContext) || {};
+  const {
+    onClose,
+    open = navbarOpen,
+    ...rest
+  } = props;
+  const handleClose = useEventCallback(() => {
+    onToggle === null || onToggle === void 0 || onToggle(false);
+  });
+  return /*#__PURE__*/React.createElement(NavDrawer, _extends({
+    ref: ref,
+    open: open,
+    id: `${navbarId}-drawer`,
+    onClose: createChainedFunction(handleClose, onClose)
+  }, rest));
+});
+NavbarDrawer.displayName = 'NavbarDrawer';
+export default NavbarDrawer;

package/esm/Navbar/NavbarDropdown.d.ts

@@ -1,9 +1,6 @@
 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 NavbarDropdownTrigger = 'click' | 'hover' | 'contextMenu';
 export interface NavbarDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
     /** Define the title as a submenu */
@@ -42,16 +39,11 @@ export interface NavbarDropdownProps<T = any> extends WithAsProps, Omit<React.HT
     /** Callback function for menu state switching */
     onToggle?: (open: boolean, eventKey?: T | undefined, event?: React.SyntheticEvent) => void;
 }
-export interface NavbarDropdownComponent extends RsRefForwardingComponent<'div', NavbarDropdownProps> {
-    <ToggleAs extends React.ElementType = typeof Button>(props: NavbarDropdownProps & {
-        ref?: React.Ref<any>;
-        toggleAs?: ToggleAs;
-    } & React.ComponentProps<ToggleAs>, context: any): JSX.Element | null;
-    Item: typeof NavDropdownItem;
-    Menu: typeof NavDropdownMenu;
-}
 /**
  * @private
  */
-declare const NavbarDropdown: NavbarDropdownComponent;
+declare const NavbarDropdown: import("../internals/types").InternalRefForwardingComponent<"div", NavbarDropdownProps<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 NavbarDropdown;

package/esm/Navbar/NavbarDropdown.js

@@ -3,18 +3,23 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import castArray from 'lodash/castArray';
 import omit from 'lodash/omit';
-import { useClassNames } from "../internals/hooks/index.js";
-import { mergeRefs, placementPolyfill } from "../internals/utils/index.js";
 import kebabCase from 'lodash/kebabCase';
-import { NavbarContext } from '.';
 import Disclosure from "../internals/Disclosure/Disclosure.js";
 import NavDropdownItem from "../Nav/NavDropdownItem.js";
 import NavDropdownMenu from "../Nav/NavDropdownMenu.js";
 import NavbarDropdownToggle from "./NavbarDropdownToggle.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef, mergeRefs, placementPolyfill } from "../internals/utils/index.js";
+import { NavbarContext } from "./NavbarContext.js";
+const Subcomponents = {
+  Item: NavDropdownItem,
+  Menu: NavDropdownMenu
+};
+
 /**
  * @private
  */
-const NavbarDropdown = /*#__PURE__*/React.forwardRef(function NavbarDropdown(props, ref) {
+const NavbarDropdown = forwardRef((props, ref) => {
   const navbar = useContext(NavbarContext);
   if (!navbar) {
     throw new Error('<Navbar.Dropdown> should be used within a <Navbar> component.');
@@ -89,8 +94,6 @@ const NavbarDropdown = /*#__PURE__*/React.forwardRef(function NavbarDropdown(pro
       }, children);
     }));
   });
-});
-NavbarDropdown.Item = NavDropdownItem;
-NavbarDropdown.Menu = NavDropdownMenu;
+}, Subcomponents);
 NavbarDropdown.displayName = 'Navbar.Dropdown';
 export default NavbarDropdown;

package/esm/Navbar/NavbarDropdownItem.d.ts

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

package/esm/Navbar/NavbarDropdownItem.js

@@ -1,17 +1,17 @@
 'use client';
 import React, { useCallback, useContext } from 'react';
-import { useClassNames } from "../internals/hooks/index.js";
+import classNames from 'classnames';
 import isNil from 'lodash/isNil';
-import { createChainedFunction, shallowEqual } from "../internals/utils/index.js";
-import { NavbarContext } from "./Navbar.js";
 import DisclosureContext, { DisclosureActionTypes } from "../internals/Disclosure/DisclosureContext.js";
-import { useRenderDropdownItem } from "../Dropdown/useRenderDropdownItem.js";
 import NavContext from "../Nav/NavContext.js";
-import classNames from 'classnames';
+import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef, createChainedFunction, shallowEqual } from "../internals/utils/index.js";
+import { NavbarContext } from "./NavbarContext.js";
+import { useRenderDropdownItem } from "../Dropdown/useRenderDropdownItem.js";
 /**
  * @private
  */
-const NavbarDropdownItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const NavbarDropdownItem = forwardRef((props, ref) => {
   const navbar = useContext(NavbarContext);
   const nav = useContext(NavContext);
   if (!navbar || !nav) {

package/esm/Navbar/NavbarDropdownToggle.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 NavbarDropdownToggleProps extends WithAsProps {
     noCaret?: boolean;
     renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;
@@ -15,5 +14,5 @@ export interface NavbarDropdownToggleProps extends WithAsProps {
  *   </Nav.Menu>
  * </Nav>
  */
-declare const NavbarDropdownToggle: RsRefForwardingComponent<typeof Button, NavbarDropdownToggleProps>;
+declare const NavbarDropdownToggle: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"button", import("../Button").ButtonProps, never> & Record<string, never>, NavbarDropdownToggleProps, never> & Record<string, never>;
 export default NavbarDropdownToggle;

package/esm/Navbar/NavbarDropdownToggle.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import NavbarItem from "./NavbarItem.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
@@ -13,7 +14,7 @@ import { useClassNames } from "../internals/hooks/index.js";
  *   </Nav.Menu>
  * </Nav>
  */
-const NavbarDropdownToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+const NavbarDropdownToggle = forwardRef((props, ref) => {
   const {
     as: Component = NavbarItem,
     className,

package/esm/Navbar/NavbarItem.d.ts

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

package/esm/Navbar/NavbarItem.js

@@ -1,17 +1,17 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback, useContext } from 'react';
+import classNames from 'classnames';
 import isNil from 'lodash/isNil';
+import NavContext from "../Nav/NavContext.js";
 import Ripple from "../internals/Ripple/index.js";
 import SafeAnchor from "../SafeAnchor/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
-import { shallowEqual } from "../internals/utils/index.js";
-import NavContext from "../Nav/NavContext.js";
-import classNames from 'classnames';
+import { forwardRef, shallowEqual } from "../internals/utils/index.js";
 /**
  * @private
  */
-const NavbarItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const NavbarItem = forwardRef((props, ref) => {
   const {
     as: Component = SafeAnchor,
     active: activeProp,

package/esm/Navbar/NavbarToggle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconButtonProps } from '../IconButton';
+export type NavbarToggleProps = IconButtonProps;
+declare const NavbarToggle: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<any>>;
+export default NavbarToggle;

package/esm/Navbar/NavbarToggle.js

@@ -0,0 +1,37 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import IconButton from "../IconButton/index.js";
+import MenuIcon from '@rsuite/icons/Menu';
+import { useEventCallback } from "../internals/hooks/index.js";
+import { createComponent, createChainedFunction } from "../internals/utils/index.js";
+import { NavbarContext } from "./NavbarContext.js";
+const Toggle = createComponent({
+  name: 'NavbarToggle',
+  componentAs: IconButton,
+  componentClassPrefix: 'navbar-toggle',
+  icon: /*#__PURE__*/React.createElement(MenuIcon, null)
+});
+const NavbarToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    appearance: navbarAppearance,
+    navbarId,
+    onToggle
+  } = useContext(NavbarContext) || {};
+  const {
+    appearance = navbarAppearance === 'inverse' ? 'primary' : 'subtle',
+    onClick,
+    ...rest
+  } = props;
+  const handleClick = useEventCallback(() => {
+    onToggle === null || onToggle === void 0 || onToggle(true);
+  });
+  return /*#__PURE__*/React.createElement(Toggle, _extends({
+    ref: ref,
+    appearance: appearance,
+    onClick: createChainedFunction(handleClick, onClick),
+    "aria-controls": `${navbarId}-drawer`
+  }, rest));
+});
+NavbarToggle.displayName = 'NavbarToggle';
+export default NavbarToggle;

package/esm/Navbar/index.d.ts

@@ -1,7 +1,21 @@
 import Navbar from './Navbar';
+import NavbarBrand from './NavbarBrand';
+import NavbarContent from './NavbarContent';
+import NavbarToggle from './NavbarToggle';
+import NavbarItem from './NavbarItem';
+import NavbarDropdown from './NavbarDropdown';
+import NavbarDropdownItem from './NavbarDropdownItem';
+import NavbarDropdownMenu from './NavbarDropdownMenu';
+import NavbarDropdownToggle from './NavbarDropdownToggle';
 export type { NavbarProps } from './Navbar';
-export type { NavbarBodyProps } from './NavbarBody';
-export type { NavbarHeaderProps } from './NavbarHeader';
 export type { NavbarBrandProps } from './NavbarBrand';
-export { NavbarContext } from './Navbar';
+export type { NavbarContentProps } from './NavbarContent';
+export type { NavbarToggleProps } from './NavbarToggle';
+export type { NavbarItemProps } from './NavbarItem';
+export type { NavbarDropdownProps } from './NavbarDropdown';
+export type { NavbarDropdownItemProps } from './NavbarDropdownItem';
+export type { NavbarDropdownMenuProps } from './NavbarDropdownMenu';
+export type { NavbarDropdownToggleProps } from './NavbarDropdownToggle';
+export { NavbarContext } from './NavbarContext';
+export { Navbar, NavbarBrand, NavbarContent, NavbarToggle, NavbarItem, NavbarDropdown, NavbarDropdownItem, NavbarDropdownMenu, NavbarDropdownToggle };
 export default Navbar;

package/esm/Navbar/index.js

@@ -1,4 +1,19 @@
 'use client';
 import Navbar from "./Navbar.js";
-export { NavbarContext } from "./Navbar.js";
+import NavbarBrand from "./NavbarBrand.js";
+import NavbarContent from "./NavbarContent.js";
+import NavbarToggle from "./NavbarToggle.js";
+import NavbarItem from "./NavbarItem.js";
+import NavbarDropdown from "./NavbarDropdown.js";
+import NavbarDropdownItem from "./NavbarDropdownItem.js";
+import NavbarDropdownMenu from "./NavbarDropdownMenu.js";
+import NavbarDropdownToggle from "./NavbarDropdownToggle.js";
+
+// export types
+
+// export context
+export { NavbarContext } from "./NavbarContext.js";
+
+// export components
+export { Navbar, NavbarBrand, NavbarContent, NavbarToggle, NavbarItem, NavbarDropdown, NavbarDropdownItem, NavbarDropdownMenu, NavbarDropdownToggle };
 export default Navbar;

package/esm/Notification/Notification.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsPropsWithoutChildren, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsPropsWithoutChildren, StatusType } from '../internals/types';
 export interface NotificationProps extends WithAsPropsWithoutChildren {
     children?: React.ReactNode | (() => React.ReactNode);
     /** Title of the message */
@@ -21,7 +21,7 @@ export interface NotificationProps extends WithAsPropsWithoutChildren {
     /**
      * Type of message
      */
-    type?: TypeAttributes.Status;
+    type?: StatusType;
     /**
      * Callback after the message is removed
      */
@@ -32,5 +32,5 @@ export interface NotificationProps extends WithAsPropsWithoutChildren {
  *
  * @see https://rsuitejs.com/components/notification
  */
-declare const Notification: RsRefForwardingComponent<'div', NotificationProps, true>;
+declare const Notification: any;
 export default Notification;

package/esm/Notification/Notification.js

@@ -5,14 +5,14 @@ import useDelayedClosure from "../toaster/hooks/useDelayedClosure.js";
 import CloseButton from "../internals/CloseButton/index.js";
 import { MESSAGE_STATUS_ICONS } from "../internals/constants/statusIcons.js";
 import { useClassNames, useIsMounted, useEventCallback } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
+import { forwardRef, mergeRefs } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Notification` component is used to display global messages and notifications.
  *
  * @see https://rsuitejs.com/components/notification
  */
-const Notification = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Notification = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Notification', props);

package/esm/Notification/index.d.ts

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

package/esm/Notification/index.js

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