rsuite 6.0.0-canary-20250103 → 6.0.0-canary-2025011413

package/cjs/FlexboxGrid/FlexboxGridItem.js

@@ -6,12 +6,13 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 /**
  * The `FlexboxGrid.Item` component is used to specify the layout of the child element in the `FlexboxGrid` component.
  * @see https://rsuitejs.com/components/flexbox-grid
  */
-const FlexboxGridItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const FlexboxGridItem = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     className,

package/cjs/FlexboxGrid/index.d.ts

@@ -1,4 +1,6 @@
 import FlexboxGrid from './FlexboxGrid';
+import FlexboxGridItem from './FlexboxGridItem';
 export type { FlexboxGridProps } from './FlexboxGrid';
 export type { FlexboxGridItemProps } from './FlexboxGridItem';
+export { FlexboxGrid, FlexboxGridItem };
 export default FlexboxGrid;

package/cjs/FlexboxGrid/index.js

@@ -5,4 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _FlexboxGrid = _interopRequireDefault(require("./FlexboxGrid"));
+exports.FlexboxGrid = _FlexboxGrid.default;
+var _FlexboxGridItem = _interopRequireDefault(require("./FlexboxGridItem"));
+exports.FlexboxGridItem = _FlexboxGridItem.default;
+// export types
+// export components
 var _default = exports.default = _FlexboxGrid.default;

package/cjs/Footer/Footer.d.ts

@@ -4,5 +4,8 @@ export type FooterProps = ComponentProps;
  * The `<Footer>` component is used to specify the footer of the page.
  * @see https://rsuitejs.com/components/container/
  */
-declare const Footer: import("../internals/types").RsRefForwardingComponent<"footer", ComponentProps, false>;
+declare const Footer: import("../internals/types").InternalRefForwardingComponent<"footer", Partial<{
+    name: string;
+    componentAs: "footer";
+}>, never> & Record<string, never>;
 export default Footer;

package/cjs/Footer/index.d.ts

@@ -1,3 +1,4 @@
 import Footer from './Footer';
 export type { FooterProps } from './Footer';
+export { Footer };
 export default Footer;

package/cjs/Footer/index.js

@@ -5,4 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Footer = _interopRequireDefault(require("./Footer"));
+exports.Footer = _Footer.default;
+// export types
+// export components
 var _default = exports.default = _Footer.default;

package/cjs/Form/Form.d.ts

@@ -1,12 +1,8 @@
 import React, { FormHTMLAttributes } from 'react';
-import { Schema } from 'schema-typed';
-import FormControl from '../FormControl';
-import FormControlLabel from '../FormControlLabel';
-import FormErrorMessage from '../FormErrorMessage';
-import FormGroup from '../FormGroup';
-import FormHelpText from '../FormHelpText';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import { FormControlComponent } from '../FormControl';
 import { FormInstance } from './hooks/useFormRef';
+import { Schema } from 'schema-typed';
+import type { WithAsProps, CheckTriggerType } from '../internals/types';
 export interface FormProps<V = Record<string, any>, M = any, E = {
     [P in keyof V]?: M;
 }> extends WithAsProps, Omit<FormHTMLAttributes<HTMLFormElement>, 'onChange' | 'onSubmit' | 'onError' | 'onReset'> {
@@ -37,7 +33,7 @@ export interface FormProps<V = Record<string, any>, M = any, E = {
      *
      * @default 'change'
      */
-    checkTrigger?: TypeAttributes.CheckTrigger;
+    checkTrigger?: CheckTriggerType;
     /**
      * SchemaModel object
      *
@@ -95,18 +91,21 @@ export interface FormProps<V = Record<string, any>, M = any, E = {
      */
     onReset?: (formValue: V | null, event?: React.FormEvent<HTMLFormElement>) => void;
 }
-export interface FormComponent extends RsRefForwardingComponent<'form', FormProps & {
-    ref?: React.Ref<FormInstance>;
-}> {
-    Control: typeof FormControl;
-    ControlLabel: typeof FormControlLabel;
-    ErrorMessage: typeof FormErrorMessage;
-    Group: typeof FormGroup;
-    HelpText: typeof FormHelpText;
-}
 /**
  * The `Form` component is a form interface for collecting and validating user input.
  * @see https://rsuitejs.com/components/form
  */
-declare const Form: FormComponent;
+declare const Form: import("../internals/types").InternalRefForwardingComponent<"form", FormProps<Record<string, any>, any, {
+    [x: string]: any;
+}> & {
+    ref?: React.Ref<FormInstance<Record<string, any>, string, {
+        [x: string]: string | undefined;
+    }>> | undefined;
+}, never> & {
+    Control: FormControlComponent;
+    ControlLabel: import("../internals/types").InternalRefForwardingComponent<"label", import("../FormControlLabel").FormControlLabelProps, never> & Record<string, never>;
+    ErrorMessage: import("../internals/types").InternalRefForwardingComponent<"div", import("../FormErrorMessage").FormErrorMessageProps, never> & Record<string, never>;
+    Group: import("../internals/types").InternalRefForwardingComponent<"div", import("../FormGroup").FormGroupProps, never> & Record<string, never>;
+    HelpText: import("../internals/types").InternalRefForwardingComponent<"span", import("../FormHelpText").FormHelpTextProps, never> & Record<string, never>;
+};
 export default Form;

package/cjs/Form/Form.js

@@ -6,27 +6,35 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _schemaTyped = require("schema-typed");
 var _FormControl = _interopRequireDefault(require("../FormControl"));
 var _FormControlLabel = _interopRequireDefault(require("../FormControlLabel"));
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
 var _FormGroup = _interopRequireDefault(require("../FormGroup"));
 var _FormHelpText = _interopRequireDefault(require("../FormHelpText"));
-var _hooks = require("../internals/hooks");
-var _FormContext = require("./FormContext");
-var _CustomProvider = require("../CustomProvider");
 var _useSchemaModel = _interopRequireDefault(require("./hooks/useSchemaModel"));
 var _useFormValidate = _interopRequireDefault(require("./hooks/useFormValidate"));
 var _useFormValue = _interopRequireDefault(require("./hooks/useFormValue"));
 var _useFormClassNames = _interopRequireDefault(require("./hooks/useFormClassNames"));
 var _useFormRef = _interopRequireDefault(require("./hooks/useFormRef"));
+var _utils = require("../internals/utils");
+var _schemaTyped = require("schema-typed");
+var _hooks = require("../internals/hooks");
+var _FormContext = require("./FormContext");
+var _CustomProvider = require("../CustomProvider");
 const defaultSchema = (0, _schemaTyped.SchemaModel)({});
+const Subcomponents = {
+  Control: _FormControl.default,
+  ControlLabel: _FormControlLabel.default,
+  ErrorMessage: _FormErrorMessage.default,
+  Group: _FormGroup.default,
+  HelpText: _FormHelpText.default
+};
 
 /**
  * The `Form` component is a form interface for collecting and validating user input.
  * @see https://rsuitejs.com/components/form
  */
-const Form = /*#__PURE__*/_react.default.forwardRef(function Form(props, ref) {
+const Form = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Form', props);
@@ -179,11 +187,6 @@ const Form = /*#__PURE__*/_react.default.forwardRef(function Form(props, ref) {
   }, /*#__PURE__*/_react.default.createElement(_FormContext.FormValueProvider, {
     value: formValue
   }, children)));
-});
-Form.Control = _FormControl.default;
-Form.ControlLabel = _FormControlLabel.default;
-Form.ErrorMessage = _FormErrorMessage.default;
-Form.Group = _FormGroup.default;
-Form.HelpText = _FormHelpText.default;
+}, Subcomponents);
 Form.displayName = 'Form';
 var _default = exports.default = Form;

package/cjs/Form/FormContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes } from '../internals/types';
+import type { CheckTriggerType } from '../internals/types';
 import type { FieldRuleType } from './hooks/useSchemaModel';
 type RecordAny = Record<string, any>;
 interface TrulyFormContextValue<T = RecordAny, M = any, E = {
@@ -16,7 +16,7 @@ interface TrulyFormContextValue<T = RecordAny, M = any, E = {
     checkFieldAsyncForNextValue: (name: string, nextValue: Record<string, unknown>) => Promise<Record<string, unknown>>;
 }
 type ExternalPropsContextValue = {
-    checkTrigger?: TypeAttributes.CheckTrigger;
+    checkTrigger?: CheckTriggerType;
     errorFromContext?: boolean;
     readOnly?: boolean;
     plaintext?: boolean;

package/cjs/Form/index.d.ts

@@ -1,10 +1,5 @@
 import Form from './Form';
 export type { FormProps } from './Form';
 export type { FormInstance } from './hooks/useFormRef';
-export type { FormGroupProps } from '../FormGroup';
-export type { FormErrorMessageProps } from '../FormErrorMessage';
-export type { FormControlLabelProps } from '../FormControlLabel';
-export type { FormHelpTextProps } from '../FormHelpText';
-export type { FormControlProps } from '../FormControl';
-export { default as useFormClassNames } from './hooks/useFormClassNames';
+export { Form };
 export default Form;

package/cjs/Form/index.js

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

package/cjs/FormControl/FormControl.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-import type { CheckType } from 'schema-typed';
 import Input from '../Input';
-import { TypeAttributes, PlacementCorners, FormControlBaseProps, WithAsProps } from '../internals/types';
+import type { CheckType } from 'schema-typed';
+import type { PlacementCorners, FormControlBaseProps, WithAsProps, CheckTriggerType } from '../internals/types';
 /**
  * Props that FormControl passes to its accepter
  */
 export type FormControlAccepterProps<ValueType = any> = FormControlBaseProps<ValueType>;
-export interface FormControlProps<P = any, ValueType = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLFormElement>, 'value' | 'onChange'> {
+export interface FormControlProps<ValueType = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLFormElement>, 'value' | 'onChange'> {
     /** Proxied components */
-    accepter?: React.ElementType<P & FormControlBaseProps<ValueType>>;
+    accepter?: React.ElementType;
     /**
      * The name of form-control, support nested path. such as `address.city`.
      * The path will be used to get and set form values.
@@ -21,12 +21,10 @@ export interface FormControlProps<P = any, ValueType = any> extends WithAsProps,
      * ```
      **/
     name: string;
-    /** Value */
+    /** The current value (controlled) */
     value?: ValueType;
-    /** Callback fired when data changing */
-    onChange?(value: ValueType, event: React.SyntheticEvent): void;
     /** The data validation trigger type, and it wiill overrides the setting on <Form> */
-    checkTrigger?: TypeAttributes.CheckTrigger;
+    checkTrigger?: CheckTriggerType;
     /** Show error messages */
     errorMessage?: React.ReactNode;
     /** The placement of error messages */
@@ -43,11 +41,13 @@ export interface FormControlProps<P = any, ValueType = any> extends WithAsProps,
     shouldResetWithUnmount?: boolean;
     /** Validation rule */
     rule?: CheckType<unknown, any>;
+    /** Callback fired when data changing */
+    onChange?(value: ValueType, event: React.SyntheticEvent): void;
 }
-interface FormControlComponent extends React.FC<FormControlProps> {
+export interface FormControlComponent extends React.FC<FormControlProps> {
     <Accepter extends React.ElementType = typeof Input>(props: FormControlProps & {
         accepter?: Accepter;
-    } & React.ComponentPropsWithRef<Accepter>): any;
+    } & React.ComponentPropsWithRef<Accepter>): React.ReactElement | null;
 }
 /**
  * The `<Form.Control>` component is used to wrap the components that need to be validated.

package/cjs/FormControl/FormControl.js

@@ -12,6 +12,7 @@ var _FormContext = _interopRequireWildcard(require("../Form/FormContext"));
 var _useRegisterModel = _interopRequireDefault(require("./hooks/useRegisterModel"));
 var _useField = _interopRequireDefault(require("./hooks/useField"));
 var _Toggle = _interopRequireDefault(require("../Toggle"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
 var _CustomProvider = require("../CustomProvider");
@@ -25,7 +26,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * The `<Form.Control>` component is used to wrap the components that need to be validated.
  * @see https://rsuitejs.com/components/form/
  */
-const FormControl = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const FormControl = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('FormControl', props);

package/cjs/FormControl/hooks/useField.js

@@ -19,7 +19,8 @@ function getErrorMessage(error) {
    * the error object won't contain the errorMessage directly. @see https://github.com/rsuite/rsuite/issues/3866
    */
   if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {
-    return error.array[0].errorMessage;
+    var _error$array$find;
+    return (_error$array$find = error.array.find(item => item.hasError)) === null || _error$array$find === void 0 ? void 0 : _error$array$find.errorMessage;
   }
   if (/*#__PURE__*/(0, _react.isValidElement)(error)) {
     return error;

package/cjs/FormControl/index.d.ts

@@ -1,3 +1,4 @@
 import FormControl from './FormControl';
-export type { FormControlProps, FormControlAccepterProps } from './FormControl';
+export type { FormControlProps, FormControlComponent, FormControlAccepterProps } from './FormControl';
+export { FormControl };
 export default FormControl;

package/cjs/FormControl/index.js

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

package/cjs/FormControlLabel/FormControlLabel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } 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;
@@ -8,5 +8,5 @@ export interface FormControlLabelProps extends WithAsProps, React.LabelHTMLAttri
  * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.
  * @see https://rsuitejs.com/components/form/
  */
-declare const FormControlLabel: RsRefForwardingComponent<'label', FormControlLabelProps>;
+declare const FormControlLabel: import("../internals/types").InternalRefForwardingComponent<"label", FormControlLabelProps, never> & Record<string, never>;
 export default FormControlLabel;

package/cjs/FormControlLabel/FormControlLabel.js

@@ -7,13 +7,14 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../internals/hooks");
-var _FormGroup = require("../FormGroup");
+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.
  * @see https://rsuitejs.com/components/form/
  */
-const FormControlLabel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const FormControlLabel = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('FormControlLabel', props);

package/cjs/FormControlLabel/index.d.ts

@@ -1,3 +1,4 @@
 import FormControlLabel from './FormControlLabel';
 export type { FormControlLabelProps } from './FormControlLabel';
+export { FormControlLabel };
 export default FormControlLabel;

package/cjs/FormControlLabel/index.js

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

package/cjs/FormErrorMessage/FormErrorMessage.d.ts

@@ -1,4 +1,4 @@
-import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { PlacementCorners, WithAsProps } from '../internals/types';
 export interface FormErrorMessageProps extends WithAsProps {
     /** Show error messages */
     show?: boolean;
@@ -9,5 +9,5 @@ export interface FormErrorMessageProps extends WithAsProps {
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/
  */
-declare const FormErrorMessage: RsRefForwardingComponent<'div', FormErrorMessageProps>;
+declare const FormErrorMessage: import("../internals/types").InternalRefForwardingComponent<"div", FormErrorMessageProps, never> & Record<string, never>;
 export default FormErrorMessage;

package/cjs/FormErrorMessage/FormErrorMessage.js

@@ -14,7 +14,7 @@ var _CustomProvider = require("../CustomProvider");
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/
  */
-const FormErrorMessage = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const FormErrorMessage = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('FormErrorMessage', props);

package/cjs/FormErrorMessage/index.d.ts

@@ -1,3 +1,4 @@
 import FormErrorMessage from './FormErrorMessage';
 export type { FormErrorMessageProps } from './FormErrorMessage';
+export { FormErrorMessage };
 export default FormErrorMessage;

package/cjs/FormErrorMessage/index.js

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

package/cjs/FormGroup/FormGroup.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface FormGroupProps extends WithAsProps {
     /**
      * Sets id on `<Form.Control>` and `htmlFor` on `<Form.ControlLabel>`.
@@ -28,5 +28,5 @@ export declare const useFormGroup: (controlId?: string) => {
  * The `<Form.Group>` component is the easiest way to add some structure to forms.
  * @see https://rsuitejs.com/components/form/
  */
-declare const FormGroup: RsRefForwardingComponent<'div', FormGroupProps>;
+declare const FormGroup: import("../internals/types").InternalRefForwardingComponent<"div", FormGroupProps, never> & Record<string, never>;
 export default FormGroup;

package/cjs/FormGroup/FormGroup.js

@@ -6,6 +6,7 @@ exports.__esModule = true;
 exports.useFormGroup = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+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); }
@@ -43,7 +44,7 @@ const useFormGroup = controlId => {
  * @see https://rsuitejs.com/components/form/
  */
 exports.useFormGroup = useFormGroup;
-const FormGroup = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const FormGroup = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('FormGroup', props);

package/cjs/FormGroup/index.d.ts

@@ -1,4 +1,5 @@
 import FormGroup from './FormGroup';
 export type { FormGroupProps } from './FormGroup';
 export { useFormGroup } from './FormGroup';
+export { FormGroup };
 export default FormGroup;

package/cjs/FormGroup/index.js

@@ -4,7 +4,11 @@
 exports.__esModule = true;
 exports.useFormGroup = exports.default = void 0;
 var _FormGroup = _interopRequireWildcard(require("./FormGroup"));
+exports.FormGroup = _FormGroup.default;
 exports.useFormGroup = _FormGroup.useFormGroup;
 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; }
+// export types
+// export hooks
+// export components
 var _default = exports.default = _FormGroup.default;

package/cjs/FormHelpText/FormHelpText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface FormHelpTextProps extends WithAsProps, React.HTMLAttributes<HTMLSpanElement> {
     /** Whether to show through the Tooltip component */
     tooltip?: boolean;
@@ -8,5 +8,5 @@ export interface FormHelpTextProps extends WithAsProps, React.HTMLAttributes<HTM
  * The `<Form.HelpText>` component is used to display help information in the form.
  * @see https://rsuitejs.com/components/form/
  */
-declare const FormHelpText: RsRefForwardingComponent<'span', FormHelpTextProps>;
+declare const FormHelpText: import("../internals/types").InternalRefForwardingComponent<"span", FormHelpTextProps, never> & Record<string, never>;
 export default FormHelpText;

package/cjs/FormHelpText/FormHelpText.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _HelpOutline = _interopRequireDefault(require("@rsuite/icons/HelpOutline"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _Whisper = _interopRequireDefault(require("../Whisper"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
 var _CustomProvider = require("../CustomProvider");
@@ -16,7 +17,7 @@ var _CustomProvider = require("../CustomProvider");
  * The `<Form.HelpText>` component is used to display help information in the form.
  * @see https://rsuitejs.com/components/form/
  */
-const FormHelpText = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const FormHelpText = (0, _utils.forwardRef)((props, ref) => {
   const {
     helpTextId
   } = (0, _FormGroup.useFormGroup)();

package/cjs/FormHelpText/index.d.ts

@@ -1,3 +1,4 @@
 import FormHelpText from './FormHelpText';
 export type { FormHelpTextProps } from './FormHelpText';
+export { FormHelpText };
 export default FormHelpText;

package/cjs/FormHelpText/index.js

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

package/cjs/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface GridProps extends WithAsProps {
     /** Fluid layout */
     fluid?: boolean;
@@ -7,5 +7,5 @@ export interface GridProps extends WithAsProps {
  * The Grid component is used to specify the layout of child elements in rows and columns.
  * @see https://rsuitejs.com/components/grid
  */
-declare const Grid: RsRefForwardingComponent<'div', GridProps>;
+declare const Grid: import("../internals/types").InternalRefForwardingComponent<"div", GridProps, never> & Record<string, never>;
 export default Grid;

package/cjs/Grid/Grid.js

@@ -6,13 +6,14 @@ exports.__esModule = true;
 exports.default = void 0;
 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");
 /**
  * The Grid component is used to specify the layout of child elements in rows and columns.
  * @see https://rsuitejs.com/components/grid
  */
-const Grid = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Grid = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Grid', props);

package/cjs/Grid/index.d.ts

@@ -1,3 +1,4 @@
 import Grid from './Grid';
 export type { GridProps } from './Grid';
+export { Grid };
 export default Grid;

package/cjs/Grid/index.js

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

package/cjs/Header/Header.d.ts

@@ -4,5 +4,8 @@ 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("../internals/types").RsRefForwardingComponent<"header", ComponentProps, false>;
+declare const Header: import("../internals/types").InternalRefForwardingComponent<"header", Partial<{
+    name: string;
+    componentAs: "header";
+}>, never> & Record<string, never>;
 export default Header;

package/cjs/Header/index.d.ts

@@ -1,3 +1,4 @@
 import Header from './Header';
 export type { HeaderProps } from './Header';
+export { Header };
 export default Header;

package/cjs/Header/index.js

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

package/cjs/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface HeadingProps extends WithAsProps {
     /**
      * Sets heading level, h1 through h6.
@@ -12,5 +12,5 @@ export interface HeadingProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/components/heading
  */
-declare const Heading: RsRefForwardingComponent<'h3', HeadingProps>;
+declare const Heading: import("../internals/types").InternalRefForwardingComponent<"h3", HeadingProps, never> & Record<string, never>;
 export default Heading;