rsuite 5.61.0 → 5.62.0

package/cjs/MultiCascadeTree/hooks/useSearch.js

@@ -4,8 +4,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _utils = require("../../utils");
-var _utils2 = require("../../internals/utils");
+var _hooks = require("../../internals/hooks");
+var _utils = require("../../internals/utils");
 function useSearch(props) {
   var _useState = (0, _react.useState)(''),
     searchKeyword = _useState[0],
@@ -23,7 +23,7 @@ function useSearch(props) {
       })) {
         return false;
       }
-      if (item[labelKey].match(new RegExp((0, _utils2.getSafeRegExpString)(searchKeyword), 'i'))) {
+      if (item[labelKey].match(new RegExp((0, _utils.getSafeRegExpString)(searchKeyword), 'i'))) {
         return true;
       }
       return false;
@@ -38,7 +38,7 @@ function useSearch(props) {
     }
     return items;
   };
-  var handleSearch = (0, _utils.useEventCallback)(function (value, event) {
+  var handleSearch = (0, _hooks.useEventCallback)(function (value, event) {
     setSearchKeyword(value);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
   });

package/cjs/MultiCascadeTree/hooks/useSelect.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type ItemDataType } from '../../@types/common';
+import { type ItemDataType } from '@/internals/types';
 export interface UseSelectProps<T> {
     data: ItemDataType<T>[];
     childrenKey: string;

package/cjs/MultiCascadeTree/hooks/useSelect.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _utils = require("../../utils");
+var _hooks = require("../../internals/hooks");
 var _useFlattenData2 = _interopRequireDefault(require("./useFlattenData"));
 var _useColumnData2 = _interopRequireDefault(require("./useColumnData"));
 var useSelect = function useSelect(props) {
@@ -29,16 +29,16 @@ var useSelect = function useSelect(props) {
     setColumnData = _useColumnData.setColumnData,
     removeColumnByIndex = _useColumnData.removeColumnByIndex,
     enforceUpdateColumnData = _useColumnData.enforceUpdateColumnData;
-  (0, _utils.useUpdateEffect)(function () {
+  (0, _hooks.useUpdateEffect)(function () {
     enforceUpdateColumnData(data);
   }, [data]);
-  var isMounted = (0, _utils.useIsMounted)();
+  var isMounted = (0, _hooks.useIsMounted)();
 
   // The path after cascading data selection.
   var _useState = (0, _react.useState)(),
     selectedPaths = _useState[0],
     setSelectedPaths = _useState[1];
-  var handleSelect = (0, _utils.useEventCallback)(function (node, cascadePaths, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (node, cascadePaths, event) {
     var _node$childrenKey, _node$childrenKey2;
     setSelectedPaths(cascadePaths);
     var columnIndex = cascadePaths.length;

package/cjs/MultiCascadeTree/index.d.ts

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

package/cjs/MultiCascadeTree/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CascadeTreeProps } from '../CascadeTree/types';
-import type { ItemDataType, ToArray, WithAsProps } from '../@types/common';
+import type { ItemDataType, ToArray, WithAsProps } from '@/internals/types';
 export interface ItemKeys {
     valueKey: string;
     labelKey: string;

package/cjs/MultiCascadeTree/utils.d.ts

@@ -1,4 +1,4 @@
-import { ItemDataType } from '../@types/common';
+import { ItemDataType } from '@/internals/types';
 export interface ItemType<T = any> extends ItemDataType<T> {
     parent?: ItemType<T>;
 }

package/cjs/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 '../@types/common';
+import { PickerComponent, PickerToggleProps } from '@/internals/Picker';
+import { FormControlPickerProps, ItemDataType, DataItemValue } from '@/internals/types';
 import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
 export interface MultiCascaderProps<T extends DataItemValue> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[]>, Pick<PickerToggleProps, 'loading'> {
     /**

package/cjs/MultiCascader/MultiCascader.js

@@ -14,11 +14,12 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _utils = require("../internals/Tree/utils");
+var _hooks = require("../internals/hooks");
 var _utils2 = require("../CascadeTree/utils");
-var _utils3 = require("../utils");
+var _utils3 = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _propTypes2 = require("../internals/propTypes");
-var _hooks = require("../MultiCascadeTree/hooks");
+var _hooks2 = require("../MultiCascadeTree/hooks");
 var _TreeView = _interopRequireDefault(require("../MultiCascadeTree/TreeView"));
 var _SearchView = _interopRequireDefault(require("../MultiCascadeTree/SearchView"));
 var _useActive2 = _interopRequireDefault(require("../Cascader/useActive"));
@@ -95,10 +96,10 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     searchInput = _usePickerRef.searchInput;
-  var _useCustom = (0, _utils3.useCustom)('Picker', overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
     locale = _useCustom.locale,
     rtl = _useCustom.rtl;
-  var _useClassNames = (0, _utils3.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
   var onSelectCallback = (0, _react.useCallback)(function (node, cascadePaths, event) {
@@ -106,7 +107,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$upda = _trigger$current.updatePosition) === null || _trigger$current$upda === void 0 ? void 0 : _trigger$current$upda.call(_trigger$current);
   }, [onSelect, trigger]);
-  var _useSelect = (0, _hooks.useSelect)({
+  var _useSelect = (0, _hooks2.useSelect)({
       data: data,
       childrenKey: childrenKey,
       labelKey: labelKey,
@@ -120,7 +121,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     setColumnData = _useSelect.setColumnData,
     setSelectedPaths = _useSelect.setSelectedPaths,
     handleSelect = _useSelect.handleSelect;
-  var _useControlled = (0, _utils3.useControlled)(valueProp, defaultValue),
+  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     controlledValue = _useControlled[0];
   var itemKeys = {
     childrenKey: childrenKey,
@@ -134,7 +135,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onCheck: onCheck,
     onChange: onChange
   });
-  var _useCascadeValue = (0, _hooks.useCascadeValue)(cascadeValueProps, flattenData),
+  var _useCascadeValue = (0, _hooks2.useCascadeValue)(cascadeValueProps, flattenData),
     value = _useCascadeValue.value,
     setValue = _useCascadeValue.setValue,
     handleCheck = _useCascadeValue.handleCheck;
@@ -184,7 +185,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     setKeys([]);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
   };
-  var _useSearch = (0, _hooks.useSearch)({
+  var _useSearch = (0, _hooks2.useSearch)({
       labelKey: labelKey,
       valueKey: valueKey,
       childrenKey: childrenKey,
@@ -205,7 +206,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     active = _useActive.active,
     handleEntered = _useActive.handleEntered,
     handleExited = _useActive.handleExited;
-  var handleClean = (0, _utils3.useEventCallback)(function (event) {
+  var handleClean = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || !target.current) {
       return;
     }
@@ -214,7 +215,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     setColumnData([data]);
     onChange === null || onChange === void 0 ? void 0 : onChange([], event);
   });
-  var handleMenuPressEnter = (0, _utils3.useEventCallback)(function (event) {
+  var handleMenuPressEnter = (0, _hooks.useEventCallback)(function (event) {
     var _overlay$current;
     var focusItem = (0, _utils.findNodeOfTree)(data, function (item) {
       return item[valueKey] === focusItemValue;

package/cjs/Nav/Nav.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import NavItem from './NavItem';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import NavDropdown from './NavDropdown';
 import NavMenu from './NavMenu';
 export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {

package/cjs/Nav/Nav.js

@@ -10,15 +10,15 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _NavItem = _interopRequireDefault(require("./NavItem"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _Navbar = require("../Navbar/Navbar");
 var _Sidenav = require("../Sidenav/Sidenav");
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
 var _propTypes2 = require("../internals/propTypes");
+var _utils = require("../internals/utils");
 var _NavDropdown = _interopRequireDefault(require("./NavDropdown"));
 var _NavMenu = _interopRequireWildcard(require("./NavMenu"));
-var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
 var _NavDropdownItem = _interopRequireDefault(require("./NavDropdownItem"));
 var _NavDropdownMenu = _interopRequireDefault(require("./NavDropdownMenu"));
 var _NavbarDropdownItem = _interopRequireDefault(require("../Navbar/NavbarDropdownItem"));
@@ -50,8 +50,8 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   // Whether inside a <Navbar>
   var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
-  var menubarRef = (0, _utils.useEnsuredRef)(ref);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var menubarRef = (0, _hooks.useEnsuredRef)(ref);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     rootPrefix = _useClassNames.rootPrefix,
@@ -69,7 +69,7 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _ref = sidenav || {},
     activeKeyFromSidenav = _ref.activeKey,
     onSelectFromSidenav = _ref.onSelect;
-  var _useControlled = (0, _utils.useControlled)(activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav, defaultActiveKey),
+  var _useControlled = (0, _hooks.useControlled)(activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav, defaultActiveKey),
     activeKey = _useControlled[0],
     setActiveKey = _useControlled[1];
   var contextValue = (0, _react.useMemo)(function () {
@@ -115,9 +115,9 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: prefix('bar')
   })));
 });
-var DeprecatedNavDropdown = (0, _deprecateComponent.default)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');
-DeprecatedNavDropdown.Menu = (0, _deprecateComponent.default)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');
-DeprecatedNavDropdown.Item = (0, _deprecateComponent.default)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');
+var DeprecatedNavDropdown = (0, _utils.deprecateComponent)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');
+DeprecatedNavDropdown.Menu = (0, _utils.deprecateComponent)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');
+DeprecatedNavDropdown.Item = (0, _utils.deprecateComponent)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');
 Nav.Dropdown = DeprecatedNavDropdown;
 /**
  * The <Nav.Item> API
@@ -134,7 +134,7 @@ Nav.Item = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   var _ref2 = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],
     dispatch = _ref2[1];
-  var _id = (0, _utils.useInternalId)('Nav.Item');
+  var _id = (0, _hooks.useInternalId)('Nav.Item');
   (0, _react.useEffect)(function () {
     if (dispatch) {
       var _props$active;

package/cjs/Nav/NavDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import Button from '../Button';
 import NavDropdownItem from './NavDropdownItem';
 import NavDropdownMenu from './NavDropdownMenu';

package/cjs/Nav/NavDropdown.js

@@ -11,7 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _utils = require("../utils");
+var _constants = require("../internals/constants");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _DropdownState = require("../Dropdown/DropdownState");
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
@@ -56,10 +58,10 @@ var NavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     menuStyle = props.menuStyle,
     style = props.style,
     toggleProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
     withMenuClassPrefix = _useClassNames2.withClassPrefix,
     mergeMenuClassName = _useClassNames2.merge;
   var menuButtonTriggers = (0, _react.useMemo)(function () {
@@ -135,7 +137,7 @@ NavDropdown.displayName = 'Nav.Dropdown';
 NavDropdown.propTypes = {
   classPrefix: _propTypes.default.string,
   trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
-  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
+  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,

package/cjs/Nav/NavDropdownItem.d.ts

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {

package/cjs/Nav/NavDropdownItem.js

@@ -10,9 +10,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _propTypes2 = require("../internals/propTypes");
+var _hooks = require("../internals/hooks");
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _utils = require("../utils");
+var _utils = require("../internals/utils");
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -40,7 +41,7 @@ var NavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, re
     restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var activeKey = nav.activeKey,
     onSelectFromNav = nav.onSelect;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;

package/cjs/Nav/NavDropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StandardProps } from '../@types/common';
+import { StandardProps } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */

package/cjs/Nav/NavDropdownMenu.js

@@ -12,11 +12,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-var _useCustom2 = _interopRequireDefault(require("../utils/useCustom"));
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _propTypes2 = require("../internals/propTypes");
 var _templateObject, _templateObject2;
@@ -38,17 +38,17 @@ var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, re
     openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
     noCaret = props.noCaret,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection", "noCaret"]);
-  var _useCustom = (0, _useCustom2.default)('DropdownMenu'),
+  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = (0, _react.useCallback)(function (open, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
   }, [eventKey, onToggle]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix;
-  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
     withMenuClassPrefix = _useClassNames2.withClassPrefix,
     mergeMenuClassName = _useClassNames2.merge;
-  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),
+  var _useClassNames3 = (0, _hooks.useClassNames)('dropdown-item'),
     mergeItemClassNames = _useClassNames3.merge,
     withItemClassPrefix = _useClassNames3.withClassPrefix,
     prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.

package/cjs/Nav/NavDropdownToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '../Button';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '@/internals/types';
 import { NavItemProps } from './NavItem';
 export interface NavDropdownToggleProps extends WithAsProps {
     icon?: NavItemProps['icon'];

package/cjs/Nav/NavDropdownToggle.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _NavItem = _interopRequireDefault(require("./NavItem"));
 var _propTypes2 = require("../internals/propTypes");
 /**
@@ -31,10 +31,10 @@ var NavDropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props,
     children = props.children,
     noCaret = props.noCaret,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "renderToggle", "children", "noCaret"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
-  var _useClassNames2 = (0, _utils.useClassNames)('nav-item'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('nav-item'),
     prefixNavItem = _useClassNames2.prefix;
   var classes = merge(className, withClassPrefix({
     'no-caret': noCaret

package/cjs/Nav/NavItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavItemProps<T = string> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */

package/cjs/Nav/NavItem.js

@@ -12,7 +12,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _classnames = _interopRequireDefault(require("classnames"));
 /**
@@ -51,7 +52,7 @@ var NavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     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 = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;

package/cjs/Navbar/Navbar.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import NavbarBody from './NavbarBody';
 import NavbarHeader from './NavbarHeader';
 import NavbarBrand from './NavbarBrand';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export declare const NavbarContext: React.Context<boolean>;
 declare type AppearanceType = 'default' | 'inverse' | 'subtle';
 export interface NavbarProps extends WithAsProps {

package/cjs/Navbar/Navbar.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _NavbarBody = _interopRequireDefault(require("./NavbarBody"));
 var _NavbarHeader = _interopRequireDefault(require("./NavbarHeader"));
 var _NavbarBrand = _interopRequireDefault(require("./NavbarBrand"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var NavbarContext = /*#__PURE__*/_react.default.createContext(false);
 exports.NavbarContext = NavbarContext;
 /**
@@ -26,7 +26,7 @@ var Navbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$appearance = props.appearance,
     appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "as", "classPrefix", "appearance"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(appearance));

package/cjs/Navbar/NavbarBody.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type NavbarBodyProps = ComponentProps;
-declare const _default: import("../@types/common").RsRefForwardingComponent<"div", ComponentProps>;
+declare const _default: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
 export default _default;

package/cjs/Navbar/NavbarBody.js

@@ -1,13 +1,11 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
-var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
-var NavbarBody = (0, _createComponent.default)({
+var _utils = require("../internals/utils");
+var NavbarBody = (0, _utils.createComponent)({
   name: 'NavbarBody'
 });
-var _default = (0, _deprecateComponent.default)(NavbarBody, '<Navbar.Body> has been deprecated, you should <Nav> as direct child of <Navbar>');
+var _default = (0, _utils.deprecateComponent)(NavbarBody, '<Navbar.Body> has been deprecated, you should <Nav> as direct child of <Navbar>');
 exports.default = _default;

package/cjs/Navbar/NavbarBrand.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type NavbarBrandProps = ComponentProps;
-declare const NavbarBrand: import("../@types/common").RsRefForwardingComponent<"a", ComponentProps>;
+declare const NavbarBrand: import("../internals/types").RsRefForwardingComponent<"a", ComponentProps>;
 export default NavbarBrand;

package/cjs/Navbar/NavbarBrand.js

@@ -1,11 +1,10 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
-var NavbarBrand = (0, _createComponent.default)({
+var _utils = require("../internals/utils");
+var NavbarBrand = (0, _utils.createComponent)({
   name: 'NavbarBrand',
   componentAs: 'a',
   componentClassPrefix: 'navbar-brand'

package/cjs/Navbar/NavbarDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';

package/cjs/Navbar/NavbarDropdown.js

@@ -11,7 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _castArray = _interopRequireDefault(require("lodash/castArray"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _constants = require("../internals/constants");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _ = require(".");
@@ -47,10 +49,10 @@ var NavbarDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     menuStyle = props.menuStyle,
     style = props.style,
     toggleProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
     withMenuClassPrefix = _useClassNames2.withClassPrefix,
     mergeMenuClassName = _useClassNames2.merge;
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
@@ -99,7 +101,7 @@ NavbarDropdown.displayName = 'Navbar.Dropdown';
 NavbarDropdown.propTypes = {
   classPrefix: _propTypes.default.string,
   trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
-  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
+  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,

package/cjs/Navbar/NavbarDropdownItem.d.ts

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavbarDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {

package/cjs/Navbar/NavbarDropdownItem.js

@@ -10,8 +10,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _propTypes2 = require("../internals/propTypes");
+var _hooks = require("../internals/hooks");
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _utils = require("../utils");
+var _utils = require("../internals/utils");
 var _Navbar = require("./Navbar");
 var _DisclosureContext = _interopRequireWildcard(require("../internals/Disclosure/DisclosureContext"));
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
@@ -40,7 +41,7 @@ var NavbarDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
     children = props.children,
     disabled = props.disabled,
     restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;

package/cjs/Navbar/NavbarDropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StandardProps } from '../@types/common';
+import { StandardProps } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavbarDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */

package/cjs/Navbar/NavbarDropdownMenu.js

@@ -14,7 +14,8 @@ var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-var _utils = require("../utils");
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
 var _ = require(".");
 var _Disclosure = _interopRequireDefault(require("../internals/Disclosure"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
@@ -48,14 +49,14 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
     _props$openDirection = props.openDirection,
     openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
-  var _useCustom = (0, _utils.useCustom)('DropdownMenu'),
+  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
     rtl = _useCustom.rtl;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix;
-  var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('dropdown-menu'),
     withMenuClassPrefix = _useClassNames2.withClassPrefix,
     mergeMenuClassName = _useClassNames2.merge;
-  var _useClassNames3 = (0, _utils.useClassNames)('dropdown-item'),
+  var _useClassNames3 = (0, _hooks.useClassNames)('dropdown-item'),
     mergeItemClassNames = _useClassNames3.merge,
     withItemClassPrefix = _useClassNames3.withClassPrefix,
     prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.