rsuite 6.0.0-canary-20250403 → 6.0.0-canary-20250424

package/cjs/Input/Input.js

@@ -6,14 +6,10 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var _Box = _interopRequireDefault(require("../internals/Box"));
+var _InputBase = _interopRequireDefault(require("../internals/InputBase"));
 var _utils = require("../internals/utils");
-var _FormGroup = require("../FormGroup");
 var _InputGroup = require("../InputGroup/InputGroup");
-var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -24,82 +20,25 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const Input = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Input', props);
+  } = (0, _hooks.useCustom)('Input', props);
   const inputGroup = (0, _react.useContext)(_InputGroup.InputGroupContext);
   const {
-    as = 'input',
-    className,
-    classPrefix = 'input',
     type = 'text',
-    disabled,
-    value,
-    defaultValue,
-    inputRef,
-    id,
-    size = (inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.size) || 'md',
     htmlSize,
-    plaintext,
-    placeholder,
-    readOnly,
-    onPressEnter,
-    onFocus,
-    onBlur,
-    onKeyDown,
-    onChange,
+    size = (inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.size) || 'md',
+    classPrefix = 'input',
     ...rest
   } = propsWithDefaults;
-  const handleKeyDown = event => {
-    if (event.key === _constants.KEY_VALUES.ENTER) {
-      onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);
-    }
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
-  };
-  const handleChange = event => {
-    var _event$target;
-    onChange === null || onChange === void 0 || onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
-  };
-  const {
-    withPrefix,
-    merge
-  } = (0, _hooks.useStyles)(classPrefix);
-  const classes = merge(className, withPrefix(size, {
-    plaintext
-  }));
-  const {
-    controlId
-  } = (0, _FormGroup.useFormGroup)();
-
-  // Make the Input component display in plain text,
-  // and display default characters when there is no value.
-  if (plaintext) {
-    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {
-      ref: ref,
-      localeKey: "unfilled",
-      placeholder: placeholder
-    }, typeof value === 'undefined' ? defaultValue : value);
-  }
-  const inputable = !disabled && !readOnly;
-  const eventProps = {};
-  if (inputable) {
-    eventProps.onChange = handleChange;
-    eventProps.onKeyDown = handleKeyDown;
-    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onFocus);
-    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onBlur);
-  }
-  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
-    as: as
-  }, rest, eventProps, {
-    ref: (0, _utils.mergeRefs)(ref, inputRef),
-    className: classes,
+  return /*#__PURE__*/_react.default.createElement(_InputBase.default, (0, _extends2.default)({
+    as: "input",
+    ref: ref,
+    classPrefix: classPrefix,
+    size: size,
     type: type,
-    id: id || controlId,
-    value: value,
-    defaultValue: defaultValue,
-    disabled: disabled,
-    readOnly: readOnly,
-    size: htmlSize,
-    placeholder: placeholder
-  }));
+    inputProps: {
+      size: htmlSize
+    }
+  }, rest));
 });
 Input.displayName = 'Input';
 var _default = exports.default = Input;

package/cjs/InputGroup/InputGroup.js

@@ -11,7 +11,6 @@ var _InputGroupAddon = _interopRequireDefault(require("./InputGroupAddon"));
 var _InputGroupButton = _interopRequireDefault(require("./InputGroupButton"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const InputGroupContext = exports.InputGroupContext = /*#__PURE__*/_react.default.createContext(null);
@@ -27,7 +26,7 @@ const Subcomponents = {
 const InputGroup = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('InputGroup', props);
+  } = (0, _hooks.useCustom)('InputGroup', props);
   const {
     as,
     classPrefix = 'input-group',

package/cjs/InputNumber/index.d.ts

@@ -1,4 +1,14 @@
-import InputNumber from './InputNumber';
-export type { InputNumberProps } from './InputNumber';
+/// <reference types="react" />
+import { NumberInputProps as InputNumberProps } from '../NumberInput';
+/**
+ * The `InputNumber` component is used to enter a numerical value.
+ * @see https://rsuitejs.com/components/number-input
+ * @deprecated Use `NumberInput` instead.
+ */
+declare const InputNumber: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"div", import("..").InputGroupProps, never> & {
+    Addon: import("../internals/types").InternalRefForwardingComponent<"span", import("..").InputGroupAddonProps, never> & Record<string, never>;
+    Button: import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<any>>;
+}, InputNumberProps<string | number | null>, never> & Record<string, never>;
+export type { InputNumberProps };
 export { InputNumber };
 export default InputNumber;

package/cjs/InputNumber/index.js

@@ -3,9 +3,16 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = void 0;
-var _InputNumber = _interopRequireDefault(require("./InputNumber"));
-exports.InputNumber = _InputNumber.default;
+exports.default = exports.InputNumber = void 0;
+var _NumberInput = _interopRequireDefault(require("../NumberInput"));
+/**
+ * The `InputNumber` component is used to enter a numerical value.
+ * @see https://rsuitejs.com/components/number-input
+ * @deprecated Use `NumberInput` instead.
+ */
+const InputNumber = exports.InputNumber = _NumberInput.default;
+
 // export types
+
 // export components
-var _default = exports.default = _InputNumber.default;
+var _default = exports.default = InputNumber;

package/cjs/InputPicker/InputPicker.js

@@ -23,7 +23,6 @@ var _hooks = require("../internals/hooks");
 var _constants = require("../internals/constants");
 var _InputPickerContext = require("./InputPickerContext");
 var _utils2 = require("./utils");
-var _CustomProvider = require("../CustomProvider");
 var _utils3 = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _Position = require("../internals/Overlay/Position");
@@ -37,7 +36,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('InputPicker', props);
+  } = (0, _hooks.useCustom)('InputPicker', props);
   const {
     as,
     appearance = 'default',

package/cjs/InputPicker/utils.d.ts

@@ -1 +1 @@
-export declare const convertSize: (size?: string) => "sm" | "md" | "lg";
+export declare const convertSize: (size?: string) => "lg" | "md" | "sm";

package/cjs/Kbd/Kbd.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 /**
  *
  * The `Kbd` component is used to display a Kbd.
@@ -19,7 +18,7 @@ var _CustomProvider = require("../CustomProvider");
 const Kbd = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Kbd', props);
+  } = (0, _hooks.useCustom)('Kbd', props);
   const {
     as = 'kbd',
     classPrefix = 'kbd',

package/cjs/Link/Link.js

@@ -8,13 +8,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _SafeAnchor = _interopRequireDefault(require("../internals/SafeAnchor"));
 var _ExternalLinkIcon = _interopRequireDefault(require("./ExternalLinkIcon"));
 const Link = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Link', props);
+  } = (0, _hooks.useCustom)('Link', props);
   const {
     as,
     anchorIcon,

package/cjs/List/List.js

@@ -12,7 +12,6 @@ var _ListItem = _interopRequireDefault(require("./ListItem"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Subcomponents = {
@@ -26,7 +25,7 @@ const Subcomponents = {
 const List = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('List', props);
+  } = (0, _hooks.useCustom)('List', props);
   const {
     as,
     autoScroll = true,

package/cjs/Loader/Loader.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
@@ -17,7 +16,7 @@ var _CustomProvider = require("../CustomProvider");
 const Loader = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Loader', props);
+  } = (0, _hooks.useCustom)('Loader', props);
   const {
     as,
     classPrefix = 'loader',

package/cjs/MaskedInput/MaskedInput.js

@@ -9,11 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 var _TextMask = _interopRequireDefault(require("./TextMask"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
+var _hooks = require("../internals/hooks");
 const MaskedInput = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('MaskedInput', props);
+  } = (0, _hooks.useCustom)('MaskedInput', props);
   const {
     as: inputAs = _TextMask.default
   } = propsWithDefaults;

package/cjs/Message/Message.js

@@ -12,7 +12,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _statusIcons = require("../internals/constants/statusIcons");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -22,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const Message = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Message', props);
+  } = (0, _hooks.useCustom)('Message', props);
   const {
     as = 'div',
     bordered,

package/cjs/Modal/Modal.js

@@ -20,7 +20,6 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _ModalContext = require("./ModalContext");
 var _utils2 = require("./utils");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
@@ -39,7 +38,7 @@ const Subcomponents = {
 const Modal = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Modal', props);
+  } = (0, _hooks.useCustom)('Modal', props);
   const {
     animation = _Bounce.default,
     animationProps,

package/cjs/Modal/ModalHeader.js

@@ -32,7 +32,6 @@ const ModalHeader = (0, _utils.forwardRef)((props, ref) => {
   const classes = merge(className, withPrefix());
   const context = (0, _react.useContext)(_ModalContext.ModalContext);
   const {
-    isDrawer,
     onModalClose
   } = context || {};
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
@@ -41,7 +40,7 @@ const ModalHeader = (0, _utils.forwardRef)((props, ref) => {
     ref: ref,
     className: classes
   }), closeButton && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
-    as: isDrawer ? _IconButton.default : 'button',
+    as: _IconButton.default,
     className: prefix('close'),
     onClick: (0, _utils.createChainedFunction)(onClose, onModalClose)
   }), children);

package/cjs/MultiCascadeTree/MultiCascadeTree.js

@@ -12,7 +12,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("./hooks");
 var _hooks2 = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 const emptyArray = [];
 
 /**
@@ -22,7 +21,7 @@ const emptyArray = [];
 const MultiCascadeTree = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('MultiCascadeTree', props);
+  } = (0, _hooks2.useCustom)('MultiCascadeTree', props);
   const {
     as,
     data = emptyArray,

package/cjs/MultiCascadeTree/SearchView.js

@@ -10,7 +10,6 @@ var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _Highlight = _interopRequireDefault(require("../Highlight"));
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _utils = require("./utils");
 function SearchView(props) {
   const {
@@ -40,7 +39,7 @@ function SearchView(props) {
   const classes = merge(className, withPrefix());
   const {
     getLocale
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const {
     searchPlaceholder,
     noResultsText

package/cjs/MultiCascadeTree/TreeView.js

@@ -13,7 +13,6 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _utils2 = require("./utils");
-var _CustomProvider = require("../CustomProvider");
 const emptyArray = [];
 const TreeView = (0, _utils.forwardRef)((props, ref) => {
   const {
@@ -45,7 +44,7 @@ const TreeView = (0, _utils.forwardRef)((props, ref) => {
   const classes = merge(className, prefix('items'));
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const {
     id,
     labelId,

package/cjs/MultiCascader/MultiCascader.js

@@ -17,7 +17,6 @@ var _hooks = require("../internals/hooks");
 var _utils2 = require("../CascadeTree/utils");
 var _utils3 = require("../internals/utils");
 var _hooks2 = require("../MultiCascadeTree/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _Picker = require("../internals/Picker");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -32,7 +31,7 @@ const MultiCascader = (0, _utils3.forwardRef)((props, ref) => {
   const {
     propsWithDefaults,
     rtl
-  } = (0, _CustomProvider.useCustom)('MultiCascader', props);
+  } = (0, _hooks.useCustom)('MultiCascader', props);
   const {
     as,
     appearance = 'default',

package/cjs/Nav/Nav.js

@@ -19,7 +19,6 @@ var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _NavbarContext = require("../Navbar/NavbarContext");
 var _Sidenav = require("../Sidenav/Sidenav");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DeprecatedNavDropdown = (0, _utils.deprecateComponent)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');
@@ -42,7 +41,7 @@ const Subcomponents = {
 const Nav = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Nav', props);
+  } = (0, _hooks.useCustom)('Nav', props);
   const {
     as,
     classPrefix = 'nav',

package/cjs/Nav/NavDropdownMenu.js

@@ -14,7 +14,6 @@ var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -37,7 +36,7 @@ const NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   } = props;
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const handleToggleSubmenu = (0, _react.useCallback)((open, event) => {
     onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
   }, [eventKey, onToggle]);

package/cjs/Nav/NavMegaMenu.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { NavbarMegaMenuProps } from '../Navbar/NavbarMegaMenu';
 export type NavMegaMenuProps = NavbarMegaMenuProps;
+/**
+ * The `Nav.MegaMenu` component is used to create a mega menu.
+ * @see https://rsuitejs.com/components/navbar/#mega-menu
+ * @version 6.0.0
+ */
 declare const NavMegaMenu: React.ForwardRefExoticComponent<NavbarMegaMenuProps & React.RefAttributes<any>>;
 export default NavMegaMenu;

package/cjs/Nav/NavMegaMenu.js

@@ -10,6 +10,11 @@ var _NavbarMegaMenu = _interopRequireDefault(require("../Navbar/NavbarMegaMenu")
 var _Navbar = require("../Navbar");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * The `Nav.MegaMenu` component is used to create a mega menu.
+ * @see https://rsuitejs.com/components/navbar/#mega-menu
+ * @version 6.0.0
+ */
 const NavMegaMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const navbar = (0, _react.useContext)(_Navbar.NavbarContext);
   if (!navbar) {

package/cjs/Navbar/Navbar.d.ts

@@ -17,7 +17,7 @@ export interface NavbarProps extends BoxProps {
 declare const Navbar: import("../internals/types").InternalRefForwardingComponent<"div", NavbarProps, never> & {
     Brand: import("../internals/types").InternalRefForwardingComponent<"a", Partial<import("../internals/utils").ComponentProps>, never> & Record<string, never>;
     Content: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"div", BoxProps, never> & Record<string, never>, Partial<import("./NavbarContent").NavbarContentProps>, never> & Record<string, never>;
-    Toggle: React.ForwardRefExoticComponent<import("..").IconButtonProps & React.RefAttributes<any>>;
+    Toggle: React.ForwardRefExoticComponent<import("./NavbarToggle").NavbarToggleProps & React.RefAttributes<any>>;
     Drawer: React.ForwardRefExoticComponent<import("..").DrawerProps & React.RefAttributes<any>>;
 };
 export default Navbar;

package/cjs/Navbar/Navbar.js

@@ -13,7 +13,6 @@ var _NavbarDrawer = _interopRequireDefault(require("./NavbarDrawer"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _NavbarContext = require("./NavbarContext");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -31,7 +30,7 @@ const Subcomponents = {
 const Navbar = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Navbar', props);
+  } = (0, _hooks.useCustom)('Navbar', props);
   const {
     className,
     as = 'nav',