rsuite 5.39.0 → 5.41.0

package/esm/Nav/NavDropdown.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useContext, useMemo, useReducer } from 'react';
@@ -13,7 +14,6 @@ import NavContext from './NavContext';
 import NavDropdownItem from './NavDropdownItem';
 import NavDropdownMenu from './NavDropdownMenu';
 import NavDropdownToggle from './NavDropdownToggle';
-
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -25,70 +25,59 @@ import NavDropdownToggle from './NavDropdownToggle';
  */
 var NavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var nav = useContext(NavContext);
-
   if (!nav) {
     throw new Error('<Nav.Dropdown> must be rendered within a <Nav> component.');
   }
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      title = props.title,
-      onClose = props.onClose,
-      onOpen = props.onOpen,
-      onToggle = props.onToggle,
-      eventKey = props.eventKey,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      toggleAs = props.toggleAs,
-      toggleClassName = props.toggleClassName,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
-      className = props.className,
-      disabled = props.disabled,
-      children = props.children,
-      menuStyle = props.menuStyle,
-      style = props.style,
-      toggleProps = _objectWithoutPropertiesLoose(props, ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    title = props.title,
+    onClose = props.onClose,
+    onOpen = props.onOpen,
+    onToggle = props.onToggle,
+    eventKey = props.eventKey,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    toggleAs = props.toggleAs,
+    toggleClassName = props.toggleClassName,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
+    className = props.className,
+    disabled = props.disabled,
+    children = props.children,
+    menuStyle = props.menuStyle,
+    style = props.style,
+    toggleProps = _objectWithoutPropertiesLoose(props, ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var _useClassNames2 = useClassNames('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   var menuButtonTriggers = useMemo(function () {
     if (!trigger) {
       return undefined;
     }
-
     var triggerMap = {
       hover: 'mouseover',
       click: 'click',
       contextMenu: 'contextmenu'
     };
-
     if (!Array.isArray(trigger)) {
       return [triggerMap[trigger]];
     }
-
     return trigger.map(function (t) {
       return triggerMap[t];
     });
   }, [trigger]);
-
   var _useReducer = useReducer(reducer, initialState),
-      items = _useReducer[0].items;
-
+    items = _useReducer[0].items;
   var hasSelectedItem = useMemo(function () {
     return items.some(function (item) {
       return item.props.selected;
     });
   }, [items]);
-
   var renderMenuButton = function renderMenuButton(menuButtonProps, menuButtonRef) {
     return /*#__PURE__*/React.createElement(NavDropdownToggle, _extends({
       ref: menuButtonRef,
@@ -98,14 +87,12 @@ var NavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabled: disabled
     }, omit(menuButtonProps, ['open']), omit(toggleProps, ['data-testid'])), title);
   };
-
   return /*#__PURE__*/React.createElement(Menu, {
     renderMenuButton: renderMenuButton,
     openMenuOn: menuButtonTriggers,
     renderMenuPopup: function renderMenuPopup(_ref, popupRef) {
       var open = _ref.open,
-          popupProps = _objectWithoutPropertiesLoose(_ref, ["open"]);
-
+        popupProps = _objectWithoutPropertiesLoose(_ref, ["open"]);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: popupRef,
@@ -116,7 +103,6 @@ var NavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     onToggleMenu: function onToggleMenu(open, event) {
       onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
-
       if (open) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       } else {
@@ -125,10 +111,8 @@ var NavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, function (_ref2, menuContainerRef) {
     var _withClassPrefix;
-
     var open = _ref2.open,
-        menuContainer = _objectWithoutPropertiesLoose(_ref2, ["open"]);
-
+      menuContainer = _objectWithoutPropertiesLoose(_ref2, ["open"]);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix)));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, menuContainerRef),

package/esm/Nav/NavDropdownItem.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext } from 'react';
@@ -8,47 +9,40 @@ import isNil from 'lodash/isNil';
 import { mergeRefs, shallowEqual, useClassNames } from '../utils';
 import NavContext from './NavContext';
 import { useRenderDropdownItem } from '../Dropdown/useRenderDropdownItem';
-
 /**
  * @private
  */
 var NavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var nav = useContext(NavContext);
-
   if (!nav) {
     throw new Error('<Nav.Dropdown.Item> should be used within a <Nav> component.');
   }
-
   var _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
-      className = props.className,
-      activeProp = props.active,
-      eventKey = props.eventKey,
-      onSelect = props.onSelect,
-      icon = props.icon,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'li' : _props$as,
-      divider = props.divider,
-      panel = props.panel,
-      children = props.children,
-      disabled = props.disabled,
-      restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
-
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
+    className = props.className,
+    activeProp = props.active,
+    eventKey = props.eventKey,
+    onSelect = props.onSelect,
+    icon = props.icon,
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'li' : _props$as,
+    divider = props.divider,
+    panel = props.panel,
+    children = props.children,
+    disabled = props.disabled,
+    restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var activeKey = nav.activeKey,
-      onSelectFromNav = nav.onSelect;
-
+    onSelectFromNav = nav.onSelect;
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var selected = activeProp || !isNil(eventKey) && shallowEqual(activeKey, eventKey);
   var handleSelectItem = useCallback(function (event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
     onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
   }, [onSelect, eventKey, onSelectFromNav]);
   var renderDropdownItem = useRenderDropdownItem(Component);
-
   if (divider) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -56,7 +50,6 @@ var NavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: merge(prefix('divider'), className)
     }, restProps));
   }
-
   if (panel) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -64,16 +57,14 @@ var NavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children: children
     }, restProps));
   }
-
   return /*#__PURE__*/React.createElement(MenuItem, {
     selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
   }, function (_ref, menuitemRef) {
     var selected = _ref.selected,
-        active = _ref.active,
-        menuitem = _objectWithoutPropertiesLoose(_ref, ["selected", "active"]);
-
+      active = _ref.active,
+      menuitem = _objectWithoutPropertiesLoose(_ref, ["selected", "active"]);
     var classes = merge(className, withClassPrefix({
       'with-icon': icon,
       active: selected,
@@ -85,11 +76,9 @@ var NavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var dataAttributes = {
       'data-event-key': eventKey
     };
-
     if (!isNil(eventKey) && typeof eventKey !== 'string') {
       dataAttributes['data-event-key-type'] = typeof eventKey;
     }
-
     return renderDropdownItem(_extends({
       ref: mergeRefs(ref, menuitemRef),
       className: classes

package/esm/Nav/NavDropdownMenu.js

@@ -1,9 +1,8 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject, _templateObject2;
-
 import React, { useCallback, useContext } from 'react';
 import omit from 'lodash/omit';
 import Menu from '../Menu/Menu';
@@ -15,69 +14,56 @@ import AngleRight from '@rsuite/icons/legacy/AngleRight';
 import useCustom from '../utils/useCustom';
 import NavContext from './NavContext';
 import deprecatePropType from '../utils/deprecatePropType';
-
 /**
  * @private
  */
 var NavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var nav = useContext(NavContext);
-
   if (!nav) {
     throw new Error('<Nav.Dropdown.Menu> should be used within a <Nav> component.');
   }
-
   var onToggle = props.onToggle,
-      eventKey = props.eventKey,
-      title = props.title,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
-      children = props.children,
-      _props$openDirection = props.openDirection,
-      openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
-      noCaret = props.noCaret,
-      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection", "noCaret"]);
-
+    eventKey = props.eventKey,
+    title = props.title,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    children = props.children,
+    _props$openDirection = props.openDirection,
+    openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
+    noCaret = props.noCaret,
+    rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection", "noCaret"]);
   var _useCustom = useCustom('DropdownMenu'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var handleToggleSubmenu = useCallback(function (open, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
   }, [eventKey, onToggle]);
-
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix;
-
+    prefix = _useClassNames.prefix;
   var _useClassNames2 = useClassNames('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   var _useClassNames3 = useClassNames('dropdown-item'),
-      mergeItemClassNames = _useClassNames3.merge,
-      withItemClassPrefix = _useClassNames3.withClassPrefix,
-      prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.
+    mergeItemClassNames = _useClassNames3.merge,
+    withItemClassPrefix = _useClassNames3.withClassPrefix,
+    prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.
   // Should render a `menuitem` that controls this submenu.
-
-
   var _omit = omit(rest, ['trigger']),
-      icon = _omit.icon,
-      className = _omit.className,
-      disabled = _omit.disabled,
-      menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "className", "disabled"]);
-
+    icon = _omit.icon,
+    className = _omit.className,
+    disabled = _omit.disabled,
+    menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "className", "disabled"]);
   var Icon = rtl ? AngleLeft : AngleRight;
   return /*#__PURE__*/React.createElement(Menu, {
     openMenuOn: ['mouseover', 'click'],
     renderMenuButton: function renderMenuButton(_ref, buttonRef) {
       var open = _ref.open,
-          menuButtonProps = _objectWithoutPropertiesLoose(_ref, ["open"]);
-
+        menuButtonProps = _objectWithoutPropertiesLoose(_ref, ["open"]);
       return /*#__PURE__*/React.createElement(MenuItem, {
         disabled: disabled
       }, function (_ref2, menuitemRef) {
         var selected = _ref2.selected,
-            active = _ref2.active,
-            menuitem = _objectWithoutPropertiesLoose(_ref2, ["selected", "active"]);
-
+          active = _ref2.active,
+          menuitem = _objectWithoutPropertiesLoose(_ref2, ["selected", "active"]);
         var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["toggle"]))), withItemClassPrefix({
           'with-icon': icon,
           open: open,
@@ -99,8 +85,7 @@ var NavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {
       var open = _ref3.open,
-          popupProps = _objectWithoutPropertiesLoose(_ref3, ["open"]);
-
+        popupProps = _objectWithoutPropertiesLoose(_ref3, ["open"]);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: popupRef,
@@ -112,8 +97,7 @@ var NavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onToggleMenu: handleToggleSubmenu
   }, function (_ref4, menuContainerRef) {
     var open = _ref4.open,
-        menuContainer = _objectWithoutPropertiesLoose(_ref4, ["open"]);
-
+      menuContainer = _objectWithoutPropertiesLoose(_ref4, ["open"]);
     var classes = mergeItemClassNames(className, withItemClassPrefix({
       disabled: disabled,
       open: open,

package/esm/Nav/NavDropdownToggle.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -5,7 +6,6 @@ import PropTypes from 'prop-types';
 import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import { useClassNames } from '../utils';
 import NavItem from './NavItem';
-
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -17,22 +17,19 @@ import NavItem from './NavItem';
  */
 var NavDropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? NavItem : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,
-      renderToggle = props.renderToggle,
-      children = props.children,
-      noCaret = props.noCaret,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "renderToggle", "children", "noCaret"]);
-
+    Component = _props$as === void 0 ? NavItem : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,
+    renderToggle = props.renderToggle,
+    children = props.children,
+    noCaret = props.noCaret,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "renderToggle", "children", "noCaret"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var _useClassNames2 = useClassNames('nav-item'),
-      prefixNavItem = _useClassNames2.prefix;
-
+    prefixNavItem = _useClassNames2.prefix;
   var classes = merge(className, withClassPrefix({
     'no-caret': noCaret
   }));

package/esm/Nav/NavItem.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext } from 'react';
@@ -7,7 +8,6 @@ import Ripple from '../Ripple';
 import SafeAnchor from '../SafeAnchor';
 import { shallowEqual, useClassNames } from '../utils';
 import NavContext from './NavContext';
-
 /**
  * The <Nav.Item> API
  * When used as direct child of <Nav>, render the NavItem
@@ -15,41 +15,36 @@ import NavContext from './NavContext';
  */
 var NavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var nav = useContext(NavContext);
-
   if (!nav) {
     throw new Error('<Nav.Item> must be rendered within a <Nav> component.');
   }
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? SafeAnchor : _props$as,
-      activeProp = props.active,
-      disabled = props.disabled,
-      eventKey = props.eventKey,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'nav-item' : _props$classPrefix,
-      style = props.style,
-      children = props.children,
-      icon = props.icon,
-      divider = props.divider,
-      panel = props.panel,
-      onClick = props.onClick,
-      onSelectProp = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "divider", "panel", "onClick", "onSelect"]);
-
+    Component = _props$as === void 0 ? SafeAnchor : _props$as,
+    activeProp = props.active,
+    disabled = props.disabled,
+    eventKey = props.eventKey,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'nav-item' : _props$classPrefix,
+    style = props.style,
+    children = props.children,
+    icon = props.icon,
+    divider = props.divider,
+    panel = props.panel,
+    onClick = props.onClick,
+    onSelectProp = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "divider", "panel", "onClick", "onSelect"]);
   var activeKey = nav.activeKey,
-      onSelectFromNav = nav.onSelect;
+    onSelectFromNav = nav.onSelect;
   var active = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(eventKey, activeKey);
   var emitSelect = useCallback(function (event) {
     onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);
     onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
   }, [eventKey, onSelectProp, onSelectFromNav]);
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix({
     active: active,
     disabled: disabled
@@ -60,7 +55,6 @@ var NavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClick === null || onClick === void 0 ? void 0 : onClick(event);
     }
   }, [disabled, emitSelect, onClick]);
-
   if (divider) {
     return /*#__PURE__*/React.createElement("div", _extends({
       ref: ref,
@@ -69,7 +63,6 @@ var NavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: merge(className, prefix('divider'))
     }, rest));
   }
-
   if (panel) {
     return /*#__PURE__*/React.createElement("div", _extends({
       ref: ref,
@@ -77,7 +70,6 @@ var NavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: merge(className, prefix('panel'))
     }, rest), children);
   }
-
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     tabIndex: disabled ? -1 : undefined

package/esm/Nav/NavMenu.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useReducer } from 'react';
 import NavDropdown from './NavDropdown';
@@ -11,16 +12,13 @@ import SidenavDropdownMenu from '../Sidenav/SidenavDropdownMenu';
 export var NavMenuContext = /*#__PURE__*/React.createContext(null);
 NavMenuContext.displayName = 'NavMenu.Context';
 export var NavMenuActionType;
-
 (function (NavMenuActionType) {
   NavMenuActionType[NavMenuActionType["RegisterItem"] = 0] = "RegisterItem";
   NavMenuActionType[NavMenuActionType["UnregisterItem"] = 1] = "UnregisterItem";
 })(NavMenuActionType || (NavMenuActionType = {}));
-
 var initilNavMenuState = {
   items: []
 };
-
 var reducer = function reducer(state, action) {
   switch (action.type) {
     case NavMenuActionType.RegisterItem:
@@ -29,31 +27,27 @@ var reducer = function reducer(state, action) {
           return item._id !== action.payload._id;
         }), [action.payload])
       });
-
     case NavMenuActionType.UnregisterItem:
       return _extends({}, state, {
         items: state.items.filter(function (item) {
           return item._id !== action.payload._id;
         })
       });
-
     default:
       throw new Error('Unrecognizable action type: ' + action.type);
   }
 };
+
 /**
  * The <Nav.Menu> API
  * When used as direct child of <Nav>, render the NavDropdown
  * When used within another <Nav.Menu>, render the NavDropdownMenu
  */
-
-
 var NavMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var parentNavMenu = useContext(NavMenuContext);
   var navMenuContext = useReducer(reducer, initilNavMenuState);
   var navbar = useContext(NavbarContext);
   var sidenav = useContext(SidenavContext);
-
   if (!parentNavMenu) {
     if (navbar) {
       return /*#__PURE__*/React.createElement(NavMenuContext.Provider, {
@@ -62,7 +56,6 @@ var NavMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
         ref: ref
       }, props)));
     }
-
     if (sidenav) {
       return /*#__PURE__*/React.createElement(NavMenuContext.Provider, {
         value: navMenuContext
@@ -70,26 +63,22 @@ var NavMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
         ref: ref
       }, props)));
     }
-
     return /*#__PURE__*/React.createElement(NavMenuContext.Provider, {
       value: navMenuContext
     }, /*#__PURE__*/React.createElement(NavDropdown, _extends({
       ref: ref
     }, props)));
   }
-
   if (navbar) {
     return /*#__PURE__*/React.createElement(NavbarDropdownMenu, _extends({
       ref: ref
     }, props));
   }
-
   if (sidenav) {
     return /*#__PURE__*/React.createElement(SidenavDropdownMenu, _extends({
       ref: ref
     }, props));
   }
-
   return /*#__PURE__*/React.createElement(NavDropdownMenu, _extends({
     ref: ref
   }, props));

package/esm/Nav/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Nav from './Nav';
 export default Nav;

package/esm/Navbar/Navbar.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -8,18 +9,16 @@ import { useClassNames } from '../utils';
 export var NavbarContext = /*#__PURE__*/React.createContext(false);
 var Navbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'nav' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'navbar' : _props$classPrefix,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      rest = _objectWithoutPropertiesLoose(props, ["className", "as", "classPrefix", "appearance"]);
-
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'nav' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'navbar' : _props$classPrefix,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    rest = _objectWithoutPropertiesLoose(props, ["className", "as", "classPrefix", "appearance"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(appearance));
   return /*#__PURE__*/React.createElement(NavbarContext.Provider, {
     value: true

package/esm/Navbar/NavbarBody.js

@@ -1,3 +1,4 @@
+'use client';
 import createComponent from '../utils/createComponent';
 import deprecateComponent from '../utils/deprecateComponent';
 var NavbarBody = createComponent({

package/esm/Navbar/NavbarBrand.js

@@ -1,3 +1,4 @@
+'use client';
 import createComponent from '../utils/createComponent';
 var NavbarBrand = createComponent({
   name: 'NavbarBrand',