rsuite 5.61.0 → 5.62.1

package/cjs/Form/hooks/useFormValidate.js

@@ -8,16 +8,15 @@ var _extends5 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("react");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _set = _interopRequireDefault(require("lodash/set"));
-var _utils = require("../../utils");
-var _utils2 = require("../../FormControl/utils");
-var _useEventCallback = _interopRequireDefault(require("../../utils/useEventCallback"));
+var _hooks = require("../../internals/hooks");
+var _utils = require("../../FormControl/utils");
 function useFormValidate(formError, props) {
   var formValue = props.formValue,
     getCombinedModel = props.getCombinedModel,
     onCheck = props.onCheck,
     onError = props.onError,
     nestedField = props.nestedField;
-  var _useControlled = (0, _utils.useControlled)(formError, {}),
+  var _useControlled = (0, _hooks.useControlled)(formError, {}),
     realFormError = _useControlled[0],
     setFormError = _useControlled[1];
   var realFormErrorRef = (0, _react.useRef)(realFormError);
@@ -28,7 +27,7 @@ function useFormValidate(formError, props) {
    * The error message after verification is returned in the callback.
    * @param callback
    */
-  var check = (0, _useEventCallback.default)(function (callback) {
+  var check = (0, _hooks.useEventCallback)(function (callback) {
     var formError = {};
     var errorCount = 0;
     var model = getCombinedModel();
@@ -54,7 +53,7 @@ function useFormValidate(formError, props) {
    * @param fieldName
    * @param callback
    */
-  var checkForField = (0, _useEventCallback.default)(function (fieldName, callback) {
+  var checkForField = (0, _hooks.useEventCallback)(function (fieldName, callback) {
     var _extends2;
     var model = getCombinedModel();
     var checkResult = model.checkForField(fieldName, formValue || {});
@@ -71,7 +70,7 @@ function useFormValidate(formError, props) {
   /**
    * Check form data asynchronously and return a Promise
    */
-  var checkAsync = (0, _useEventCallback.default)(function () {
+  var checkAsync = (0, _hooks.useEventCallback)(function () {
     var promises = [];
     var keys = [];
     var model = getCombinedModel();
@@ -104,7 +103,7 @@ function useFormValidate(formError, props) {
    * Asynchronously check form fields and return Promise
    * @param fieldName
    */
-  var checkForFieldAsync = (0, _useEventCallback.default)(function (fieldName) {
+  var checkForFieldAsync = (0, _hooks.useEventCallback)(function (fieldName) {
     var model = getCombinedModel();
     return model.checkForFieldAsync(fieldName, formValue || {}).then(function (checkResult) {
       var _extends3;
@@ -122,7 +121,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
      */
-    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils2.nameToPath)(name) : name]);
+    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils.nameToPath)(name) : name]);
     realFormErrorRef.current = formError;
     setFormError(formError);
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
@@ -130,23 +129,23 @@ function useFormValidate(formError, props) {
   }, [nestedField, onCheck, setFormError]);
   var setFieldError = (0, _react.useCallback)(function (fieldName, checkResult) {
     var _extends4;
-    var nextFormError = nestedField ? (0, _set.default)((0, _extends5.default)({}, formError), (0, _utils2.nameToPath)(fieldName), checkResult) : (0, _extends5.default)({}, formError, (_extends4 = {}, _extends4[fieldName] = checkResult, _extends4));
+    var nextFormError = nestedField ? (0, _set.default)((0, _extends5.default)({}, formError), (0, _utils.nameToPath)(fieldName), checkResult) : (0, _extends5.default)({}, formError, (_extends4 = {}, _extends4[fieldName] = checkResult, _extends4));
     setFormError(nextFormError);
     onError === null || onError === void 0 ? void 0 : onError(nextFormError);
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
     return nextFormError;
   }, [formError, nestedField, onCheck, onError, setFormError]);
-  var cleanErrors = (0, _useEventCallback.default)(function () {
+  var cleanErrors = (0, _hooks.useEventCallback)(function () {
     setFormError({});
   });
-  var resetErrors = (0, _useEventCallback.default)(function (formError) {
+  var resetErrors = (0, _hooks.useEventCallback)(function (formError) {
     if (formError === void 0) {
       formError = {};
     }
     setFormError(formError);
   });
-  var cleanErrorForField = (0, _useEventCallback.default)(function (fieldName) {
-    setFormError((0, _omit.default)(formError, [nestedField ? (0, _utils2.nameToPath)(fieldName) : fieldName]));
+  var cleanErrorForField = (0, _hooks.useEventCallback)(function (fieldName) {
+    setFormError((0, _omit.default)(formError, [nestedField ? (0, _utils.nameToPath)(fieldName) : fieldName]));
   });
   return {
     formError: realFormError,

package/cjs/Form/hooks/useFormValue.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="lodash" />
-declare type RecordAny = Record<string, any>;
+type RecordAny = Record<string, any>;
 interface UseFormValueProps<V = RecordAny> {
     formDefaultValue: V;
     nestedField: boolean;

package/cjs/Form/hooks/useFormValue.js

@@ -8,11 +8,11 @@ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("react");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _set = _interopRequireDefault(require("lodash/set"));
-var _utils = require("../../utils");
+var _hooks = require("../../internals/hooks");
 function useFormValue(controlledValue, props) {
   var formDefaultValue = props.formDefaultValue,
     nestedField = props.nestedField;
-  var _useControlled = (0, _utils.useControlled)(controlledValue, formDefaultValue),
+  var _useControlled = (0, _hooks.useControlled)(controlledValue, formDefaultValue),
     formValue = _useControlled[0],
     setFormValue = _useControlled[1];
   var realFormValueRef = (0, _react.useRef)(formValue);

package/cjs/Form/hooks/useSchemaModel.d.ts

@@ -1,6 +1,6 @@
 import type { MutableRefObject } from 'react';
 import type { CheckType, Schema } from 'schema-typed';
-export declare type FieldRuleType = MutableRefObject<CheckType<unknown, any> | undefined>;
+export type FieldRuleType = MutableRefObject<CheckType<unknown, any> | undefined>;
 declare function useSchemaModel(formModel: Schema): {
     getCombinedModel: () => Schema<any, string>;
     pushFieldRule: (name: string, fieldRule: FieldRuleType) => void;

package/cjs/Form/hooks/useSchemaModel.js

@@ -43,5 +43,4 @@ function useSchemaModel(formModel) {
     removeFieldRule: removeFieldRule
   };
 }
-var _default = useSchemaModel;
-exports.default = _default;
+var _default = exports.default = useSchemaModel;

package/cjs/Form/index.js

@@ -3,9 +3,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.useFormClassNames = void 0;
+exports.useFormClassNames = exports.default = void 0;
 var _Form = _interopRequireDefault(require("./Form"));
 var _useFormClassNames = _interopRequireDefault(require("./hooks/useFormClassNames"));
 exports.useFormClassNames = _useFormClassNames.default;
-var _default = _Form.default;
-exports.default = _default;
+var _default = exports.default = _Form.default;

package/cjs/FormControl/FormControl.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { CheckType } from 'schema-typed';
 import Input from '../Input';
-import { TypeAttributes, FormControlBaseProps, WithAsProps } from '../@types/common';
+import { TypeAttributes, FormControlBaseProps, WithAsProps } from '../internals/types';
 /**
  * Props that FormControl passes to its accepter
  */
-export declare type FormControlAccepterProps<ValueType = any> = FormControlBaseProps<ValueType>;
+export type FormControlAccepterProps<ValueType = any> = FormControlBaseProps<ValueType>;
 export interface FormControlProps<P = any, ValueType = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLFormElement>, 'value' | 'onChange'> {
     /** Proxied components */
     accepter?: React.ElementType<P & FormControlBaseProps<ValueType>>;

package/cjs/FormControl/FormControl.js

@@ -2,7 +2,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 exports.default = void 0;
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
@@ -12,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _FormContext = _interopRequireWildcard(require("../Form/FormContext"));
 var _FormGroup = require("../FormGroup");
 var _propTypes2 = require("../internals/propTypes");
@@ -20,6 +19,9 @@ var _useRegisterModel = _interopRequireDefault(require("./hooks/useRegisterModel
 var _useField2 = _interopRequireDefault(require("./hooks/useField"));
 var _Toggle = _interopRequireDefault(require("../Toggle"));
 var _templateObject;
+var _excluded = ["as", "accepter", "classPrefix", "checkAsync", "checkTrigger", "errorPlacement", "errorMessage", "name", "value", "readOnly", "plaintext", "disabled", "onChange", "onBlur", "defaultValue", "shouldResetWithUnmount", "rule", "id"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
 /**
  * Props that FormControl passes to its accepter
  */
@@ -70,7 +72,7 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     shouldResetWithUnmount = _props$shouldResetWit === void 0 ? false : _props$shouldResetWit,
     rule = props.rule,
     id = props.id,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "accepter", "classPrefix", "checkAsync", "checkTrigger", "errorPlacement", "errorMessage", "name", "value", "readOnly", "plaintext", "disabled", "onChange", "onBlur", "defaultValue", "shouldResetWithUnmount", "rule", "id"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useFormGroup = (0, _FormGroup.useFormGroup)(id),
     controlId = _useFormGroup.controlId,
     helpTextId = _useFormGroup.helpTextId,
@@ -80,7 +82,7 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     throw new Error("\n      <FormControl> must be inside a component decorated with <Form>.\n      And need to update React to 16.6.0 +.\n    ");
   }
   (0, _useRegisterModel.default)(name, rule);
-  (0, _utils.useWillUnmount)(function () {
+  (0, _hooks.useWillUnmount)(function () {
     if (shouldResetWithUnmount) {
       removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);
       removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);
@@ -100,24 +102,24 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     fieldValue = _useField.fieldValue,
     fieldError = _useField.fieldError,
     setFieldValue = _useField.setFieldValue;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
   var classes = withClassPrefix('wrapper');
-  var handleFieldChange = (0, _utils.useEventCallback)(function (value, event) {
+  var handleFieldChange = (0, _hooks.useEventCallback)(function (value, event) {
     if (trigger === 'change') {
       handleFieldCheck(value);
     }
     onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   });
-  var handleFieldBlur = (0, _utils.useEventCallback)(function (event) {
+  var handleFieldBlur = (0, _hooks.useEventCallback)(function (event) {
     if (trigger === 'blur') {
       handleFieldCheck(fieldValue);
     }
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   });
-  var handleFieldCheck = (0, _utils.useEventCallback)(function (value) {
+  var handleFieldCheck = (0, _hooks.useEventCallback)(function (value) {
     var callbackEvents = function callbackEvents(checkResult) {
       if (checkResult.hasError) {
         var _errorMessage = checkResult.errorMessage;
@@ -184,5 +186,4 @@ FormControl.propTypes = {
   errorPlacement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),
   value: _propTypes.default.any
 };
-var _default = FormControl;
-exports.default = _default;
+var _default = exports.default = FormControl;

package/cjs/FormControl/hooks/useField.js

@@ -50,5 +50,4 @@ function useField(props) {
     setFieldValue: setFieldValue
   };
 }
-var _default = useField;
-exports.default = _default;
+var _default = exports.default = useField;

package/cjs/FormControl/hooks/useRegisterModel.js

@@ -18,5 +18,4 @@ function useRegisterModel(name, rule) {
     };
   }, [name, pushFieldRule, removeFieldRule]);
 }
-var _default = useRegisterModel;
-exports.default = _default;
+var _default = exports.default = useRegisterModel;

package/cjs/FormControl/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _FormControl = _interopRequireDefault(require("./FormControl"));
-var _default = _FormControl.default;
-exports.default = _default;
+var _default = exports.default = _FormControl.default;

package/cjs/FormControlLabel/FormControlLabel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface FormControlLabelProps extends WithAsProps, React.LabelHTMLAttributes<HTMLLabelElement> {
     /** Attribute of the html label tag, defaults to the controlId of the FormGroup */
     htmlFor?: string;

package/cjs/FormControlLabel/FormControlLabel.js

@@ -8,8 +8,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
+var _excluded = ["as", "classPrefix", "htmlFor", "className", "id"];
 /**
  * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.
  * @see https://rsuitejs.com/components/form/
@@ -27,8 +28,8 @@ var FormControlLabel = /*#__PURE__*/_react.default.forwardRef(function (props, r
     className = props.className,
     _props$id = props.id,
     id = _props$id === void 0 ? labelId : _props$id,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "htmlFor", "className", "id"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
@@ -46,5 +47,4 @@ FormControlLabel.propTypes = {
   htmlFor: _propTypes.default.string,
   classPrefix: _propTypes.default.string
 };
-var _default = FormControlLabel;
-exports.default = _default;
+var _default = exports.default = FormControlLabel;

package/cjs/FormControlLabel/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _FormControlLabel = _interopRequireDefault(require("./FormControlLabel"));
-var _default = _FormControlLabel.default;
-exports.default = _default;
+var _default = exports.default = _FormControlLabel.default;

package/cjs/FormErrorMessage/FormErrorMessage.d.ts

@@ -1,4 +1,4 @@
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface FormErrorMessageProps extends WithAsProps {
     /** Show error messages */
     show?: boolean;

package/cjs/FormErrorMessage/FormErrorMessage.js

@@ -10,9 +10,11 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _templateObject, _templateObject2;
+var _excluded = ["as", "classPrefix", "className", "show", "children", "placement"];
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/
@@ -27,8 +29,8 @@ var FormErrorMessage = /*#__PURE__*/_react.default.forwardRef(function (props, r
     show = props.show,
     children = props.children,
     placement = props.placement,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "show", "children", "placement"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -53,5 +55,4 @@ FormErrorMessage.propTypes = {
   className: _propTypes.default.string,
   placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
-var _default = FormErrorMessage;
-exports.default = _default;
+var _default = exports.default = FormErrorMessage;

package/cjs/FormErrorMessage/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _FormErrorMessage = _interopRequireDefault(require("./FormErrorMessage"));
-var _default = _FormErrorMessage.default;
-exports.default = _default;
+var _default = exports.default = _FormErrorMessage.default;

package/cjs/FormGroup/FormGroup.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface FormGroupProps extends WithAsProps {
     /**
      * Sets id on `<Form.Control>` and `htmlFor` on `<Form.ControlLabel>`.

package/cjs/FormGroup/FormGroup.js

@@ -1,19 +1,21 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.useFormGroup = void 0;
+exports.useFormGroup = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _excluded = ["as", "classPrefix", "controlId", "className"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 FormGroupContext = /*#__PURE__*/_react.default.createContext({});
-var useFormGroup = function useFormGroup(controlId) {
+var useFormGroup = exports.useFormGroup = function useFormGroup(controlId) {
   var context = _react.default.useContext(FormGroupContext);
-  var fallbackId = (0, _utils.useUniqueId)('rs-');
+  var fallbackId = (0, _hooks.useUniqueId)('rs-');
   var id = controlId || context.controlId || fallbackId;
   var helpTextId = id + "-help-text";
   var labelId = id + "-label";
@@ -42,7 +44,6 @@ var useFormGroup = function useFormGroup(controlId) {
  * The `<Form.Group>` component is the easiest way to add some structure to forms.
  * @see https://rsuitejs.com/components/form/
  */
-exports.useFormGroup = useFormGroup;
 var FormGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -50,12 +51,12 @@ var FormGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'form-group' : _props$classPrefix,
     controlIdProp = props.controlId,
     className = props.className,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "controlId", "className"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
-  var controlId = (0, _utils.useUniqueId)('rs-', controlIdProp);
+  var controlId = (0, _hooks.useUniqueId)('rs-', controlIdProp);
   var contextValue = (0, _react.useMemo)(function () {
     return {
       controlId: controlId
@@ -75,5 +76,4 @@ FormGroup.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string
 };
-var _default = FormGroup;
-exports.default = _default;
+var _default = exports.default = FormGroup;

package/cjs/FormGroup/index.js

@@ -1,10 +1,10 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
-exports.default = exports.useFormGroup = void 0;
+exports.useFormGroup = exports.default = void 0;
 var _FormGroup = _interopRequireWildcard(require("./FormGroup"));
 exports.useFormGroup = _FormGroup.useFormGroup;
-var _default = _FormGroup.default;
-exports.default = _default;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _default = exports.default = _FormGroup.default;

package/cjs/FormHelpText/FormHelpText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface FormHelpTextProps extends WithAsProps, React.HTMLAttributes<HTMLSpanElement> {
     /** Whether to show through the Tooltip component */
     tooltip?: boolean;

package/cjs/FormHelpText/FormHelpText.js

@@ -10,9 +10,10 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _Whisper = _interopRequireDefault(require("../Whisper"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
 var _HelpO = _interopRequireDefault(require("@rsuite/icons/legacy/HelpO"));
+var _excluded = ["as", "classPrefix", "className", "tooltip", "children", "id"];
 /**
  * The `<Form.HelpText>` component is used to display help information in the form.
  * @see https://rsuitejs.com/components/form/
@@ -29,8 +30,8 @@ var FormHelpText = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     children = props.children,
     _props$id = props.id,
     id = _props$id === void 0 ? helpTextId : _props$id,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "tooltip", "children", "id"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
@@ -65,5 +66,4 @@ FormHelpText.propTypes = {
   children: _propTypes.default.node,
   classPrefix: _propTypes.default.string
 };
-var _default = FormHelpText;
-exports.default = _default;
+var _default = exports.default = FormHelpText;

package/cjs/FormHelpText/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _FormHelpText = _interopRequireDefault(require("./FormHelpText"));
-var _default = _FormHelpText.default;
-exports.default = _default;
+var _default = exports.default = _FormHelpText.default;

package/cjs/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface GridProps extends WithAsProps {
     /** Fluid layout */
     fluid?: boolean;

package/cjs/Grid/Grid.js

@@ -8,7 +8,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _excluded = ["as", "classPrefix", "className", "fluid"];
 /**
  * The Grid component is used to specify the layout of child elements in rows and columns.
  * @see https://rsuitejs.com/components/grid
@@ -20,8 +21,8 @@ var Grid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'grid-container' : _props$classPrefix,
     className = props.className,
     fluid = props.fluid,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "fluid"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -42,5 +43,4 @@ Grid.propTypes = {
   classPrefix: _propTypes.default.string,
   as: _propTypes.default.elementType
 };
-var _default = Grid;
-exports.default = _default;
+var _default = exports.default = Grid;

package/cjs/Grid/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Grid = _interopRequireDefault(require("./Grid"));
-var _default = _Grid.default;
-exports.default = _default;
+var _default = exports.default = _Grid.default;

package/cjs/Header/Header.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from '../utils/createComponent';
-export declare type HeaderProps = ComponentProps;
+import { ComponentProps } from '../internals/utils';
+export type HeaderProps = ComponentProps;
 /**
  * The `<Header>` component is used to specify the header of the page.
  * @see https://rsuitejs.com/components/container/
  */
-declare const Header: import("../@types/common").RsRefForwardingComponent<"header", ComponentProps>;
+declare const Header: import("../internals/types").RsRefForwardingComponent<"header", ComponentProps>;
 export default Header;

package/cjs/Header/Header.js

@@ -1,17 +1,15 @@
 '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 _utils = require("../internals/utils");
 /**
  * The `<Header>` component is used to specify the header of the page.
  * @see https://rsuitejs.com/components/container/
  */
-var Header = (0, _createComponent.default)({
+var Header = (0, _utils.createComponent)({
   name: 'Header',
   componentAs: 'header'
 });
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/cjs/Header/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Header = _interopRequireDefault(require("./Header"));
-var _default = _Header.default;
-exports.default = _default;
+var _default = exports.default = _Header.default;

package/cjs/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface HeadingProps extends WithAsProps {
     /**
      * Sets heading level, h1 through h6.

package/cjs/Heading/Heading.js

@@ -8,7 +8,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _excluded = ["as", "classPrefix", "className", "level"];
 /**
  *
  * The `Heading` component is used to display a heading.
@@ -22,8 +23,8 @@ var Heading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className = props.className,
     _props$level = props.level,
     level = _props$level === void 0 ? 3 : _props$level,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "level"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
@@ -40,5 +41,4 @@ Heading.propTypes = {
   as: _propTypes.default.elementType,
   level: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6])
 };
-var _default = Heading;
-exports.default = _default;
+var _default = exports.default = Heading;

package/cjs/Heading/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Heading = _interopRequireDefault(require("./Heading"));
-var _default = _Heading.default;
-exports.default = _default;
+var _default = exports.default = _Heading.default;