rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250507

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/Form/FormContext.d.ts

@@ -11,7 +11,7 @@ interface TrulyFormContextValue<T = RecordAny, M = any, E = {
     removeFieldError: (name: string) => void;
     removeFieldRule: (name: string) => void;
     pushFieldRule: (name: string, fieldRule: FieldRuleType) => void;
-    onFieldChange: (name: string, value: any, event: React.SyntheticEvent) => void;
+    onFieldChange: (name: string, value: any, event?: React.SyntheticEvent) => void;
     checkFieldForNextValue: (name: string, nextValue: Record<string, unknown>, callback?: (checkResult: Record<string, unknown>) => void) => boolean;
     checkFieldAsyncForNextValue: (name: string, nextValue: Record<string, unknown>) => Promise<Record<string, unknown>>;
 }

package/cjs/Form/hooks/useFormValidate.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _set = _interopRequireDefault(require("lodash/set"));
 var _hooks = require("../../internals/hooks");
-var _utils = require("../../FormControl/utils");
+var _nameToPath = require("../../useFormControl/utils/nameToPath");
 function useFormValidate(_formError, props) {
   const {
     formValue,
@@ -77,7 +77,7 @@ function useFormValidate(_formError, props) {
      * so nestedField does not support proxy here
      */
     if (nestedField) {
-      nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);
+      nextFormError = (0, _set.default)(nextFormError, (0, _nameToPath.nameToPath)(fieldName), resultOfCurrentField);
       setFormError(nextFormError);
       onCheck === null || onCheck === void 0 || onCheck(nextFormError);
       callback === null || callback === void 0 || callback(resultOfCurrentField);
@@ -164,7 +164,7 @@ function useFormValidate(_formError, props) {
        */
 
       if (nestedField) {
-        nextFormError = (0, _set.default)(nextFormError, (0, _utils.nameToPath)(fieldName), resultOfCurrentField);
+        nextFormError = (0, _set.default)(nextFormError, (0, _nameToPath.nameToPath)(fieldName), resultOfCurrentField);
         onCheck === null || onCheck === void 0 || onCheck(nextFormError);
         setFormError(nextFormError);
         if (resultOfCurrentField.hasError) {
@@ -210,7 +210,7 @@ function useFormValidate(_formError, props) {
      * when this function is called when the children component is unmount,
      * it's an old render frame so use Ref to get future error
      */
-    const formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils.nameToPath)(name) : name]);
+    const formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _nameToPath.nameToPath)(name) : name]);
     realFormErrorRef.current = formError;
     setFormError(formError);
     onCheck === null || onCheck === void 0 || onCheck(formError);
@@ -226,7 +226,7 @@ function useFormValidate(_formError, props) {
     setFormError(formError);
   });
   const cleanErrorForField = (0, _hooks.useEventCallback)(fieldName => {
-    setFormError((0, _omit.default)(realFormError, [nestedField ? (0, _utils.nameToPath)(fieldName) : fieldName]));
+    setFormError((0, _omit.default)(realFormError, [nestedField ? (0, _nameToPath.nameToPath)(fieldName) : fieldName]));
   });
   return {
     formError: realFormError,

package/cjs/FormControl/FormControl.js

@@ -5,20 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
-var _FormContext = _interopRequireWildcard(require("../Form/FormContext"));
-var _useRegisterModel = _interopRequireDefault(require("./hooks/useRegisterModel"));
-var _useField = _interopRequireDefault(require("./hooks/useField"));
 var _Toggle = _interopRequireDefault(require("../Toggle"));
 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; }
+var _useFormControl = require("../useFormControl");
 /**
  * Props that FormControl passes to its accepter
  */
@@ -30,38 +25,24 @@ 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);
-  const {
-    readOnly: readOnlyContext,
-    plaintext: plaintextContext,
-    disabled: disabledContext,
-    errorFromContext,
-    formError,
-    nestedField,
-    removeFieldValue,
-    removeFieldError,
-    onFieldChange,
-    checkTrigger: contextCheckTrigger,
-    checkFieldForNextValue,
-    checkFieldAsyncForNextValue
-  } = (0, _react.useContext)(_FormContext.default);
+  } = (0, _hooks.useCustom)('FormControl', props);
   const {
     as,
     accepter: AccepterComponent = _Input.default,
     classPrefix = 'form-control',
-    checkAsync,
-    checkTrigger,
-    errorPlacement = 'bottomStart',
-    errorMessage,
     name,
     value,
-    readOnly = readOnlyContext,
-    plaintext = plaintextContext,
-    disabled = disabledContext,
-    onChange,
-    onBlur,
+    readOnly,
+    plaintext,
+    disabled,
+    onChange: propsOnChange,
+    onBlur: propsOnBlur,
     defaultValue,
-    shouldResetWithUnmount = false,
+    checkTrigger,
+    errorMessage,
+    errorPlacement,
+    checkAsync,
+    shouldResetWithUnmount,
     rule,
     id,
     ...rest
@@ -72,61 +53,47 @@ const FormControl = (0, _utils.forwardRef)((props, ref) => {
     labelId,
     errorMessageId
   } = (0, _FormGroup.useFormGroup)(id);
-  if (!onFieldChange) {
-    throw new Error(`
-      <FormControl> must be inside a component decorated with <Form>.
-      And need to update React to 16.6.0 +.
-    `);
-  }
-  (0, _useRegisterModel.default)(name, rule);
-  (0, _hooks.useWillUnmount)(() => {
-    if (shouldResetWithUnmount) {
-      removeFieldValue === null || removeFieldValue === void 0 || removeFieldValue(name);
-      removeFieldError === null || removeFieldError === void 0 || removeFieldError(name);
-    }
-  });
-  const trigger = checkTrigger || contextCheckTrigger;
-  const formValue = (0, _react.useContext)(_FormContext.FormValueContext);
+
+  // Use the useFormControl hook to handle form control logic
   const {
-    fieldValue,
-    fieldError,
-    setFieldValue
-  } = (0, _useField.default)({
+    value: fieldValue,
+    error: fieldError,
+    plaintext: contextPlaintext,
+    readOnly: contextReadOnly,
+    disabled: contextDisabled,
+    onChange: handleFieldChange,
+    onBlur: handleFieldBlur
+  } = (0, _useFormControl.useFormControl)({
     name,
-    errorMessage,
-    formValue,
-    formError,
     value,
-    nestedField,
-    errorFromContext
+    checkTrigger,
+    errorMessage,
+    checkAsync,
+    shouldResetWithUnmount,
+    rule
   });
+
+  // Combine props and context values
+  const resolvedReadOnly = readOnly !== null && readOnly !== void 0 ? readOnly : contextReadOnly;
+  const resolvedPlaintext = plaintext !== null && plaintext !== void 0 ? plaintext : contextPlaintext;
+  const resolvedDisabled = disabled !== null && disabled !== void 0 ? disabled : contextDisabled;
   const {
     withPrefix,
     prefix
   } = (0, _hooks.useStyles)(classPrefix);
   const classes = withPrefix('wrapper');
-  const handleFieldChange = (0, _hooks.useEventCallback)((value, event) => {
-    if (trigger === 'change') {
-      handleFieldCheck(value);
-    }
-    onFieldChange === null || onFieldChange === void 0 || onFieldChange(name, value, event);
-    onChange === null || onChange === void 0 || onChange(value, event);
-  });
-  const handleFieldBlur = (0, _hooks.useEventCallback)(event => {
-    if (trigger === 'blur') {
-      handleFieldCheck(fieldValue);
-    }
-    onBlur === null || onBlur === void 0 || onBlur(event);
-  });
-  const handleFieldCheck = (0, _hooks.useEventCallback)(value => {
-    const nextFormValue = setFieldValue(name, value);
-    if (checkAsync) {
-      checkFieldAsyncForNextValue(name, nextFormValue);
-    } else {
-      checkFieldForNextValue(name, nextFormValue);
-    }
-  });
-  const fieldHasError = Boolean(fieldError);
+
+  // Handle onChange with both hook's implementation and prop callback
+  const handleChange = (value, event) => {
+    handleFieldChange(value, event);
+    propsOnChange === null || propsOnChange === void 0 || propsOnChange(value, event);
+  };
+
+  // Handle onBlur with both hook's implementation and prop callback
+  const handleBlur = event => {
+    handleFieldBlur(); // onBlur doesn't take parameters in the hook
+    propsOnBlur === null || propsOnBlur === void 0 || propsOnBlur(event);
+  };
 
   // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.
   const valueKey = AccepterComponent === _Toggle.default ? 'checked' : 'value';
@@ -134,6 +101,7 @@ const FormControl = (0, _utils.forwardRef)((props, ref) => {
     // need to distinguish between undefined and null
     [valueKey]: fieldValue === undefined ? defaultValue : fieldValue
   };
+  const hasError = Boolean(fieldError);
   return /*#__PURE__*/_react.default.createElement(_Box.default, {
     as: as,
     className: classes,
@@ -143,20 +111,20 @@ const FormControl = (0, _utils.forwardRef)((props, ref) => {
     id: controlId,
     "aria-labelledby": labelId,
     "aria-describedby": helpTextId,
-    "aria-invalid": fieldHasError || undefined,
-    "aria-errormessage": fieldHasError ? errorMessageId : undefined
+    "aria-invalid": hasError || undefined,
+    "aria-errormessage": hasError ? errorMessageId : undefined
   }, accepterProps, rest, {
-    readOnly: readOnly,
-    plaintext: plaintext,
-    disabled: disabled,
+    readOnly: resolvedReadOnly,
+    plaintext: resolvedPlaintext,
+    disabled: resolvedDisabled,
     name: name,
-    onChange: handleFieldChange,
-    onBlur: handleFieldBlur
+    onChange: handleChange,
+    onBlur: handleBlur
   })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {
     id: errorMessageId,
     role: "alert",
     "aria-relevant": "all",
-    show: fieldHasError,
+    show: hasError,
     className: prefix`message-wrapper`,
     placement: errorPlacement
   }, fieldError));

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',