rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250424

package/cjs/DateRangePicker/DateRangePicker.js

@@ -26,7 +26,6 @@ var _DateRangePickerProvider = require("./DateRangePickerProvider");
 var _utils = require("./utils");
 var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _utils2 = require("../DatePicker/utils");
 var _Picker = require("../internals/Picker");
 var _utils3 = require("../internals/utils");
@@ -43,7 +42,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
   const {
     formatDate,
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('DateRangePicker', props);
+  } = (0, _hooks.useCustom)('DateRangePicker', props);
   const {
     as,
     block,
@@ -66,7 +65,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
     hoverRange,
     id: idProp,
     isoWeek = false,
-    weekStart = 0,
+    weekStart,
     limitEndYear = 1000,
     limitStartYear,
     locale,

package/cjs/DateRangePicker/Header.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../internals/hooks");
 var _date = require("../internals/utils/date");
-var _CustomProvider = require("../CustomProvider");
+var _FormattedDate = require("../internals/intl/FormattedDate");
 var _Button = _interopRequireDefault(require("../Button"));
 function Header(props) {
   const {
@@ -23,11 +23,11 @@ function Header(props) {
   } = props;
   const [startDate, endDate] = value !== null && value !== void 0 ? value : [null, null];
   const v = startDate && endDate ? [startDate, endDate].sort(_date.compareAsc) : [startDate, endDate];
-  const start = v[0] ? /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
+  const start = v[0] ? /*#__PURE__*/_react.default.createElement(_FormattedDate.FormattedDate, {
     date: v[0],
     formatStr: formatStr
   }) : formatStr;
-  const end = v[1] ? /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
+  const end = v[1] ? /*#__PURE__*/_react.default.createElement(_FormattedDate.FormattedDate, {
     date: v[1],
     formatStr: formatStr
   }) : formatStr;

package/cjs/DateRangePicker/utils.d.ts

@@ -9,6 +9,6 @@ export declare const isSameRange: (source: DateRange | null, dest: DateRange | n
 export declare const getMonthHoverRange: (date: Date) => DateRange;
 export declare const getWeekHoverRange: (date: Date, options: {
     isoWeek: boolean;
-    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     locale?: Locale;
 }) => DateRange;

package/cjs/DateRangePicker/utils.js

@@ -54,7 +54,7 @@ exports.getMonthHoverRange = getMonthHoverRange;
 const getWeekHoverRange = (date, options) => {
   const {
     isoWeek,
-    weekStart,
+    weekStart = 0,
     locale
   } = options;
   if (isoWeek) {

package/cjs/Divider/Divider.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _StyledBox = _interopRequireDefault(require("../internals/StyledBox"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
@@ -17,7 +16,7 @@ var _CustomProvider = require("../CustomProvider");
 const Divider = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Divider', props);
+  } = (0, _hooks.useCustom)('Divider', props);
   const {
     as,
     appearance,

package/cjs/Drawer/Drawer.js

@@ -15,7 +15,6 @@ var _DrawerFooter = _interopRequireDefault(require("./DrawerFooter"));
 var _DrawerTitle = _interopRequireDefault(require("./DrawerTitle"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 const Subcomponents = {
   Body: _DrawerBody.default,
   Header: _DrawerHeader.default,
@@ -34,7 +33,7 @@ const Subcomponents = {
 const Drawer = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Drawer', props);
+  } = (0, _hooks.useCustom)('Drawer', props);
   const {
     className,
     placement = 'right',

package/cjs/Dropdown/Dropdown.js

@@ -19,7 +19,6 @@ var _Nav = _interopRequireDefault(require("../Nav"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _DropdownState = require("./DropdownState");
-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 = {
@@ -38,7 +37,7 @@ const Subcomponents = {
 const Dropdown = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Dropdown', props);
+  } = (0, _hooks.useCustom)('Dropdown', props);
   const {
     as: Component = 'div',
     activeKey,

package/cjs/Dropdown/DropdownMenu.js

@@ -16,7 +16,6 @@ var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 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; }
@@ -54,7 +53,7 @@ const DropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const dropdown = (0, _react.useContext)(_DropdownContext.default);
   const {
     rtl
-  } = (0, _CustomProvider.useCustom)();
+  } = (0, _hooks.useCustom)();
   const handleToggleSubmenu = (0, _react.useCallback)((_, event) => {
     onToggle === null || onToggle === void 0 || onToggle(eventKey, event);
   }, [eventKey, onToggle]);

package/cjs/FlexboxGrid/FlexboxGrid.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _FlexboxGridItem = _interopRequireDefault(require("./FlexboxGridItem"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 const Subcomponents = {
   Item: _FlexboxGridItem.default
 };
@@ -29,7 +28,7 @@ const Subcomponents = {
 const FlexboxGrid = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('FlexboxGrid', props);
+  } = (0, _hooks.useCustom)('FlexboxGrid', props);
   const {
     as: Component = 'div',
     className,

package/cjs/Form/Form.js

@@ -21,7 +21,6 @@ var _utils = require("../internals/utils");
 var _schemaTyped = require("schema-typed");
 var _hooks = require("../internals/hooks");
 var _FormContext = require("./FormContext");
-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 defaultSchema = (0, _schemaTyped.SchemaModel)({});
@@ -49,7 +48,7 @@ const Subcomponents = {
 const Form = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Form', props);
+  } = (0, _hooks.useCustom)('Form', props);
   const {
     checkTrigger = 'change',
     errorFromContext = true,

package/cjs/FormControl/FormControl.js

@@ -16,7 +16,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
-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; }
 /**
@@ -30,7 +29,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const FormControl = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('FormControl', props);
+  } = (0, _hooks.useCustom)('FormControl', props);
   const {
     readOnly: readOnlyContext,
     plaintext: plaintextContext,

package/cjs/FormControlLabel/FormControlLabel.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 var _FormGroup = require("../FormGroup");
 /**
  * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.
@@ -18,7 +17,7 @@ var _FormGroup = require("../FormGroup");
 const FormControlLabel = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('FormControlLabel', props);
+  } = (0, _hooks.useCustom)('FormControlLabel', props);
   const {
     labelId,
     controlId

package/cjs/FormErrorMessage/FormErrorMessage.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/
@@ -17,7 +16,7 @@ var _CustomProvider = require("../CustomProvider");
 const FormErrorMessage = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('FormErrorMessage', props);
+  } = (0, _hooks.useCustom)('FormErrorMessage', props);
   const {
     as,
     classPrefix = 'form-error-message',

package/cjs/FormGroup/FormGroup.js

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 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 FormGroupContext = /*#__PURE__*/_react.default.createContext({});
@@ -48,7 +47,7 @@ exports.useFormGroup = useFormGroup;
 const FormGroup = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('FormGroup', props);
+  } = (0, _hooks.useCustom)('FormGroup', props);
   const {
     as,
     classPrefix = 'form-group',

package/cjs/FormHelpText/FormHelpText.js

@@ -13,7 +13,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
-var _CustomProvider = require("../CustomProvider");
 /**
  * The `<Form.HelpText>` component is used to display help information in the form.
  * @see https://rsuitejs.com/components/form/
@@ -24,7 +23,7 @@ const FormHelpText = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _FormGroup.useFormGroup)();
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('FormHelpText', props);
+  } = (0, _hooks.useCustom)('FormHelpText', props);
   const {
     as = 'span',
     classPrefix = 'form-help-text',

package/cjs/FormStack/FormStack.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 `<Form.Stack>` component is a quick layout component through Flexbox,
  * supporting vertical and horizontal stacking, custom spacing and line wrapping.
@@ -18,7 +17,7 @@ var _CustomProvider = require("../CustomProvider");
 const FormStack = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('FormStack', props);
+  } = (0, _hooks.useCustom)('FormStack', props);
   const {
     as,
     classPrefix = 'form-stack',

package/cjs/Grid/Col.js

@@ -11,7 +11,6 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 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; }
 /**
@@ -21,7 +20,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const Col = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Col', props);
+  } = (0, _hooks.useCustom)('Col', props);
   const {
     as,
     classPrefix = 'col',

package/cjs/Grid/Grid.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 Grid component is used to specify the layout of child elements in rows and columns.
  * @see https://rsuitejs.com/components/grid
@@ -17,7 +16,7 @@ var _CustomProvider = require("../CustomProvider");
 const Grid = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Grid', props);
+  } = (0, _hooks.useCustom)('Grid', props);
   const {
     as,
     classPrefix = 'grid-container',

package/cjs/Grid/Row.js

@@ -8,7 +8,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 var _styles = require("./utils/styles");
 /**
@@ -18,7 +17,7 @@ var _styles = require("./utils/styles");
 const Row = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Row', props);
+  } = (0, _hooks.useCustom)('Row', props);
   const {
     as,
     className,

package/cjs/Heading/Heading.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 `Heading` component is used to display a heading.
@@ -19,7 +18,7 @@ var _CustomProvider = require("../CustomProvider");
 const Heading = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Heading', props);
+  } = (0, _hooks.useCustom)('Heading', props);
   const {
     as,
     classPrefix = 'heading',

package/cjs/Highlight/Highlight.js

@@ -7,10 +7,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _highlightText = require("./utils/highlightText");
-var _utils = require("../internals/utils");
-var _CustomProvider = require("../CustomProvider");
 function defaultRenderMark(match, index) {
   return /*#__PURE__*/_react.default.createElement("mark", {
     key: index,
@@ -27,7 +26,7 @@ function defaultRenderMark(match, index) {
 const Highlight = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Highlight', props);
+  } = (0, _hooks.useCustom)('Highlight', props);
   const {
     as,
     classPrefix = 'highlight',

package/cjs/IconButton/IconButton.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-var _CustomProvider = require("../CustomProvider");
 /**
  * The `IconButton` component is used to specify a button with icon.
  * @see https://rsuitejs.com/components/button
@@ -17,7 +16,7 @@ var _CustomProvider = require("../CustomProvider");
 const IconButton = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('IconButton', props);
+  } = (0, _hooks.useCustom)('IconButton', props);
   const {
     icon,
     placement = 'left',

package/cjs/Image/Image.js

@@ -8,14 +8,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _ImageWrapper = require("./ImageWrapper");
 var _useImage = require("./hooks/useImage");
-var _CustomProvider = require("../CustomProvider");
-var _utils = require("../internals/utils");
 const Image = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('Image', props);
+  } = (0, _hooks.useCustom)('Image', props);
   const {
     as = 'img',
     bordered,

package/cjs/InlineEdit/InlineEdit.js

@@ -13,11 +13,10 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _renderChildren = require("./renderChildren");
-var _CustomProvider = require("../CustomProvider");
 const InlineEdit = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
-  } = (0, _CustomProvider.useCustom)('InlineEdit', props);
+  } = (0, _hooks.useCustom)('InlineEdit', props);
   const {
     as,
     children = _renderChildren.defaultRenderInput,

package/cjs/Input/Input.js

@@ -6,10 +6,10 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../internals/utils");
 var _InputBase = _interopRequireDefault(require("../internals/InputBase"));
+var _utils = require("../internals/utils");
 var _InputGroup = require("../InputGroup/InputGroup");
-var _CustomProvider = require("../CustomProvider");
+var _hooks = require("../internals/hooks");
 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; }
 /**
@@ -20,7 +20,7 @@ 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 {
     type = 'text',

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;