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

package/cjs/InputPicker/InputPicker.js

@@ -13,20 +13,20 @@ var _clone = _interopRequireDefault(require("lodash/clone"));
 var _isArray = _interopRequireDefault(require("lodash/isArray"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _utils = require("../internals/utils");
-var _utils2 = require("../internals/Tree/utils");
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var _hooks = require("../internals/hooks");
-var _constants = require("../internals/constants");
-var _Picker = require("../internals/Picker");
 var _Tag = _interopRequireDefault(require("../Tag"));
 var _TextBox = _interopRequireDefault(require("./TextBox"));
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _useInput = _interopRequireDefault(require("./hooks/useInput"));
 var _useData = _interopRequireDefault(require("./hooks/useData"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
+var _utils = require("../internals/Tree/utils");
+var _hooks = require("../internals/hooks");
+var _constants = require("../internals/constants");
 var _InputPickerContext = require("./InputPickerContext");
-var _utils3 = require("./utils");
+var _utils2 = require("./utils");
 var _CustomProvider = require("../CustomProvider");
+var _utils3 = require("../internals/utils");
+var _Picker = require("../internals/Picker");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -34,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * @see https://rsuitejs.com/components/input-picker
  */
-const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('InputPicker', props);
@@ -195,7 +195,7 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, [searchKeyword, value]);
   const getDataItem = value => {
     // Find active `MenuItem` by `value`
-    const activeItem = dataWithCache.find(item => (0, _utils.shallowEqual)(item[valueKey], value));
+    const activeItem = dataWithCache.find(item => (0, _utils3.shallowEqual)(item[valueKey], value));
     let itemNode = placeholder;
     if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {
       itemNode = activeItem === null || activeItem === void 0 ? void 0 : activeItem[labelKey];
@@ -230,7 +230,7 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const handleRemoveItemByTag = (0, _hooks.useEventCallback)((tag, event) => {
     event.stopPropagation();
     const val = cloneValue();
-    (0, _remove.default)(val, itemVal => (0, _utils.shallowEqual)(itemVal, tag));
+    (0, _remove.default)(val, itemVal => (0, _utils3.shallowEqual)(itemVal, tag));
     setValue(val);
     handleChange(val, event);
     onTagRemove === null || onTagRemove === void 0 || onTagRemove(tag, event);
@@ -271,7 +271,7 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     if (checked) {
       val.push(nextItemValue);
     } else {
-      (0, _remove.default)(val, itemVal => (0, _utils.shallowEqual)(itemVal, nextItemValue));
+      (0, _remove.default)(val, itemVal => (0, _utils3.shallowEqual)(itemVal, nextItemValue));
     }
     setValue(val);
     resetSearch();
@@ -300,12 +300,12 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     if (disabledItemValues !== null && disabledItemValues !== void 0 && disabledItemValues.some(item => item === newItemValue)) {
       return;
     }
-    if (!val.some(v => (0, _utils.shallowEqual)(v, newItemValue))) {
+    if (!val.some(v => (0, _utils3.shallowEqual)(v, newItemValue))) {
       val.push(newItemValue);
     } else if (!disabledOptions) {
-      (0, _remove.default)(val, itemVal => (0, _utils.shallowEqual)(itemVal, newItemValue));
+      (0, _remove.default)(val, itemVal => (0, _utils3.shallowEqual)(itemVal, newItemValue));
     }
-    let focusItem = data.find(item => (0, _utils.shallowEqual)(item === null || item === void 0 ? void 0 : item[valueKey], newItemValue));
+    let focusItem = data.find(item => (0, _utils3.shallowEqual)(item === null || item === void 0 ? void 0 : item[valueKey], newItemValue));
     if (!focusItem) {
       focusItem = createOption(newItemValue);
     }
@@ -325,7 +325,7 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }
 
     // Find active `MenuItem` by `value`
-    let focusItem = data.find(item => (0, _utils.shallowEqual)(item[valueKey], focusItemValue));
+    let focusItem = data.find(item => (0, _utils3.shallowEqual)(item[valueKey], focusItemValue));
 
     // FIXME Bad state flow
     if (!focusItem && focusItemValue === searchKeyword) {
@@ -380,19 +380,19 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
   const handleKeyPress = (0, _hooks.useEventCallback)(event => {
     // When typing a space, create a tag.
-    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _constants.KEY_VALUES.SPACE) {
+    if ((0, _utils3.isOneOf)('Space', trigger) && event.key === _constants.KEY_VALUES.SPACE) {
       handleTagKeyPress(event);
       event.preventDefault();
     }
 
     // When typing a comma, create a tag.
-    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _constants.KEY_VALUES.COMMA) {
+    if ((0, _utils3.isOneOf)('Comma', trigger) && event.key === _constants.KEY_VALUES.COMMA) {
       handleTagKeyPress(event);
       event.preventDefault();
     }
   });
   if (multi) {
-    if ((0, _utils.isOneOf)('Enter', trigger)) {
+    if ((0, _utils3.isOneOf)('Enter', trigger)) {
       events.onMenuPressEnter = handleTagKeyPress;
     }
     if (creatable) {
@@ -430,7 +430,7 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   });
   const renderListItem = (label, item) => {
     // 'Create option "{0}"' =>  Create option "xxxxx"
-    const newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.tplTransform)((locale === null || locale === void 0 ? void 0 : locale.createOption) || '', label)) : label;
+    const newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils3.tplTransform)((locale === null || locale === void 0 ? void 0 : locale.createOption) || '', label)) : label;
     return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;
   };
   const checkValue = () => {
@@ -475,10 +475,10 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         role: "option"
       }, tagRest, {
         key: tag,
-        size: (0, _utils3.convertSize)(size),
+        size: (0, _utils2.convertSize)(size),
         closable: !disabled && closable && !readOnly && !plaintext,
         title: typeof itemNode === 'string' ? itemNode : undefined,
-        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose)
+        onClose: (0, _utils3.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose)
       }), itemNode);
     }).filter(item => item !== null);
     if ((tags.length > 0 || isControlled) && (0, _isFunction.default)(renderValue)) {
@@ -499,20 +499,20 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       left,
       top
     };
-    let items = (0, _utils2.filterNodesOfTree)(data, checkShouldDisplay);
+    let items = (0, _utils.filterNodesOfTree)(data, checkShouldDisplay);
     if (creatable && (typeof shouldDisplayCreateOption === 'function' ? shouldDisplayCreateOption(searchKeyword, items) : searchKeyword && !items.find(item => item[valueKey] === searchKeyword))) {
       items = [...items, createOption(searchKeyword)];
     }
 
     // Create a tree structure data when set `groupBy`
     if (groupBy) {
-      items = (0, _utils.getDataGroupBy)(items, groupBy, sort);
+      items = (0, _utils3.getDataGroupBy)(items, groupBy, sort);
     } else if (typeof sort === 'function') {
       items = items.sort(sort(false));
     }
     if (disabledOptions) {
       return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
-        ref: (0, _utils.mergeRefs)(overlay, speakerRef)
+        ref: (0, _utils3.mergeRefs)(overlay, speakerRef)
       });
     }
     const menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.Listbox, {
@@ -541,7 +541,7 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       className: prefix`none`
     }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
-      ref: (0, _utils.mergeRefs)(overlay, speakerRef),
+      ref: (0, _utils3.mergeRefs)(overlay, speakerRef),
       autoWidth: menuAutoWidth,
       className: classes,
       style: styles,
@@ -601,10 +601,10 @@ const InputPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
     ref: triggerRef,
     trigger: "active",
-    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),
+    onEnter: (0, _utils3.createChainedFunction)(handleEnter, onEnter),
     onEntered: onEntered,
-    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),
-    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),
+    onExit: (0, _utils3.createChainedFunction)(handleExit, onExit),
+    onExited: (0, _utils3.createChainedFunction)(handleExited, onExited),
     speaker: renderPopup,
     placement: placement
   }, /*#__PURE__*/_react.default.createElement(Component, {

package/cjs/InputPicker/InputSearch.d.ts

@@ -1,12 +1,11 @@
-import React from 'react';
-import { StandardProps } from '../internals/types';
-export interface InputSearchProps extends StandardProps, Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
-    as?: React.ElementType | string;
+import React, { HTMLAttributes } from 'react';
+import type { WithAsProps } from '../internals/types';
+export interface InputSearchProps extends WithAsProps, Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {
     readOnly?: boolean;
     value?: string;
     inputStyle?: React.CSSProperties;
     inputRef?: React.Ref<any>;
     onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<HTMLDivElement>>;
+declare const InputSearch: import("../internals/types").InternalRefForwardingComponent<"input", InputSearchProps, never> & Record<string, never>;
 export default InputSearch;

package/cjs/InputPicker/InputSearch.js

@@ -6,8 +6,9 @@ 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");
-const InputSearch = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const InputSearch = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'input',
     classPrefix = 'picker-search',

package/cjs/InputPicker/TagList.js

@@ -6,8 +6,8 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../internals/hooks");
 var _useCombobox = _interopRequireDefault(require("../internals/Picker/hooks/useCombobox"));
+var _hooks = require("../internals/hooks");
 const TagList = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     children,

package/cjs/InputPicker/TextBox.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _TagList = _interopRequireDefault(require("./TagList"));
-var _hooks = require("../internals/hooks");
 var _InputSearch = _interopRequireDefault(require("./InputSearch"));
+var _hooks = require("../internals/hooks");
 const TextBox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     tags,

package/cjs/InputPicker/hooks/useInput.d.ts

@@ -1,20 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import type { OverlayTriggerHandle } from '../../internals/Picker/PickerToggleTrigger';
+import type { InputSearchProps } from '../InputSearch';
 interface InputProps {
     multi?: boolean;
     triggerRef: React.RefObject<OverlayTriggerHandle>;
 }
 declare function useInput(props: InputProps): {
-    inputProps: {
-        inputStyle: {
-            maxWidth: number;
-        };
-        as: import("react").ForwardRefExoticComponent<import("../InputAutosize").InputAutosizeProps & import("react").RefAttributes<import("../InputAutosize").InputInstance>>;
-    } | {
-        as: string;
-        inputStyle?: undefined;
-    };
-    inputRef: import("react").MutableRefObject<any>;
+    inputProps: InputSearchProps;
+    inputRef: React.MutableRefObject<any>;
     focus: () => void;
     blur: () => void;
 };

package/cjs/InputPicker/index.d.ts

@@ -1,4 +1,4 @@
 import InputPicker from './InputPicker';
-export type { InputItemDataType } from './hooks/useData';
 export type { InputPickerProps } from './InputPicker';
+export { InputPicker };
 export default InputPicker;

package/cjs/InputPicker/index.js

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

package/cjs/List/List.d.ts

@@ -1,6 +1,5 @@
 import { SortConfig } from './helper/useSortHelper';
-import ListItem from './ListItem';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface ListProps extends WithAsProps, SortConfig {
     /**
      * Size of list item.
@@ -25,12 +24,11 @@ export interface ListProps extends WithAsProps, SortConfig {
      */
     divider?: boolean;
 }
-export interface ListComponent extends RsRefForwardingComponent<'div', ListProps> {
-    Item: typeof ListItem;
-}
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
  */
-declare const List: ListComponent;
+declare const List: import("../internals/types").InternalRefForwardingComponent<"div", ListProps, never> & {
+    Item: import("../internals/types").InternalRefForwardingComponent<"div", import("./ListItem").ListItemProps, never> & Record<string, never>;
+};
 export default List;

package/cjs/List/List.js

@@ -14,11 +14,15 @@ var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Subcomponents = {
+  Item: _ListItem.default
+};
+
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
  */
-const List = /*#__PURE__*/_react.default.forwardRef(function List(props, ref) {
+const List = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('List', props);
@@ -82,7 +86,6 @@ const List = /*#__PURE__*/_react.default.forwardRef(function List(props, ref) {
   }), /*#__PURE__*/_react.default.createElement(_ListContext.default.Provider, {
     value: contextValue
   }, children));
-});
-List.Item = _ListItem.default;
+}, Subcomponents);
 List.displayName = 'List';
 var _default = exports.default = List;

package/cjs/List/ListItem.d.ts

@@ -11,5 +11,5 @@ export interface ListItemProps extends WithAsProps, React.HTMLAttributes<HTMLEle
  * The `List.Item` component is used to specify the layout of the list item.
  * @see https://rsuitejs.com/components/list
  */
-declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const ListItem: import("../internals/types").InternalRefForwardingComponent<"div", ListItemProps, never> & Record<string, never>;
 export default ListItem;

package/cjs/List/ListItem.js

@@ -6,16 +6,16 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _ListContext = _interopRequireDefault(require("./ListContext"));
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * The `List.Item` component is used to specify the layout of the list item.
  * @see https://rsuitejs.com/components/list
  */
-const ListItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const ListItem = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     children,

package/cjs/List/index.d.ts

@@ -1,4 +1,6 @@
 import List from './List';
+import ListItem from './ListItem';
 export type { ListProps } from './List';
 export type { ListItemProps } from './ListItem';
+export { List, ListItem };
 export default List;

package/cjs/List/index.js

@@ -5,4 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _List = _interopRequireDefault(require("./List"));
+exports.List = _List.default;
+var _ListItem = _interopRequireDefault(require("./ListItem"));
+exports.ListItem = _ListItem.default;
+// export types
+// export components
 var _default = exports.default = _List.default;

package/cjs/Loader/Loader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import type { WithAsProps, SizeType } from '../internals/types';
 export interface LoaderProps extends WithAsProps {
     /** Centered in the container */
     center?: boolean;
@@ -14,11 +14,11 @@ export interface LoaderProps extends WithAsProps {
     /** The speed at which the loader rotates */
     speed?: 'normal' | 'fast' | 'slow' | 'paused';
     /** A loader can have different sizes */
-    size?: TypeAttributes.Size;
+    size?: SizeType;
 }
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
  */
-declare const Loader: RsRefForwardingComponent<'div', LoaderProps>;
+declare const Loader: import("../internals/types").InternalRefForwardingComponent<"div", LoaderProps, never> & Record<string, never>;
 export default Loader;

package/cjs/Loader/Loader.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 `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
  */
-const Loader = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Loader = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Loader', props);

package/cjs/Loader/index.d.ts

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

package/cjs/Loader/index.js

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

package/cjs/MaskedInput/MaskedInput.d.ts

@@ -1,6 +1,5 @@
 import { InputProps } from '../Input';
-import { RsRefForwardingComponent } from '../internals/types';
 import type { TextMaskProps } from './TextMask';
 export type MaskedInputProps = Omit<TextMaskProps, 'onChange'> & Omit<InputProps, 'type'>;
-declare const MaskedInput: RsRefForwardingComponent<'input', MaskedInputProps>;
+declare const MaskedInput: import("../internals/types").InternalRefForwardingComponent<"input", MaskedInputProps, never> & Record<string, never>;
 export default MaskedInput;

package/cjs/MaskedInput/MaskedInput.js

@@ -8,8 +8,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _TextMask = _interopRequireDefault(require("./TextMask"));
 var _Input = _interopRequireDefault(require("../Input"));
+var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
-const MaskedInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const MaskedInput = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('MaskedInput', props);

package/cjs/MaskedInput/TextMask.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MaskType, MaskFunctionType, ConfigType } from './types';
+import type { MaskType, MaskFunctionType, ConfigType } from './types';
 /**
  * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#guide
  */

package/cjs/MaskedInput/index.d.ts

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

package/cjs/MaskedInput/index.js

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

package/cjs/Message/Message.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, StatusType } from '../internals/types';
 export interface MessageProps extends WithAsProps {
     /**
      * The type of the message box.
      */
-    type?: TypeAttributes.Status;
+    type?: StatusType;
     /**
      * Show a border around the message box.
      * @version 5.53.0
@@ -50,5 +50,5 @@ export interface MessageProps extends WithAsProps {
  * The `Message` component is used to display important messages to users.
  * @see https://rsuitejs.com/components/message
  */
-declare const Message: RsRefForwardingComponent<'div', MessageProps>;
+declare const Message: import("../internals/types").InternalRefForwardingComponent<"div", MessageProps, never> & Record<string, never>;
 export default Message;

package/cjs/Message/Message.js

@@ -8,9 +8,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _useDelayedClosure = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
+var _utils = require("../internals/utils");
 var _statusIcons = require("../internals/constants/statusIcons");
 var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * The `Message` component is used to display important messages to users.
  * @see https://rsuitejs.com/components/message
  */
-const Message = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Message = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Message', props);

package/cjs/Message/index.d.ts

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

package/cjs/Message/index.js

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

package/cjs/Modal/Modal.d.ts

@@ -1,12 +1,6 @@
 import React from 'react';
 import { BaseModalProps } from '../internals/Overlay/Modal';
-import ModalDialog from './ModalDialog';
-import ModalBody from './ModalBody';
-import ModalHeader from './ModalHeader';
-import ModalTitle from './ModalTitle';
-import ModalFooter from './ModalFooter';
 import { ModalSize } from './utils';
-import { RsRefForwardingComponent } from '../internals/types';
 export interface ModalProps extends BaseModalProps, Pick<React.HTMLAttributes<HTMLElement>, 'role' | 'id' | 'aria-labelledby' | 'aria-describedby'> {
     /** A modal can have different sizes */
     size?: ModalSize;
@@ -32,16 +26,17 @@ export interface ModalProps extends BaseModalProps, Pick<React.HTMLAttributes<HT
     /** Custom close button, used when rendered as a Drawer */
     closeButton?: React.ReactNode | boolean;
 }
-interface ModalComponent extends RsRefForwardingComponent<'div', ModalProps> {
-    Body: typeof ModalBody;
-    Header: typeof ModalHeader;
-    Title: typeof ModalTitle;
-    Footer: typeof ModalFooter;
-    Dialog: typeof ModalDialog;
-}
 /**
  * The `Modal` component is used to show content in a layer above the app.
  * @see https://rsuitejs.com/components/modal
  */
-declare const Modal: ModalComponent;
+declare const Modal: import("../internals/types").InternalRefForwardingComponent<"div", ModalProps, never> & {
+    Body: import("../internals/types").InternalRefForwardingComponent<"div", import("./ModalBody").ModalBodyProps, never> & Record<string, never>;
+    Header: import("../internals/types").InternalRefForwardingComponent<"div", import("./ModalHeader").ModalHeaderProps, never> & Record<string, never>;
+    Title: import("../internals/types").InternalRefForwardingComponent<"h4", import("../internals/utils").ComponentProps, never> & Record<string, never>;
+    Footer: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+        name: string;
+    }>, never> & Record<string, never>;
+    Dialog: import("../internals/types").InternalRefForwardingComponent<"div", import("./ModalDialog").ModalDialogProps, never> & Record<string, never>;
+};
 export default Modal;

package/cjs/Modal/Modal.js

@@ -24,11 +24,19 @@ var _CustomProvider = require("../CustomProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
+const Subcomponents = {
+  Body: _ModalBody.default,
+  Header: _ModalHeader.default,
+  Title: _ModalTitle.default,
+  Footer: _ModalFooter.default,
+  Dialog: _ModalDialog.default
+};
+
 /**
  * The `Modal` component is used to show content in a layer above the app.
  * @see https://rsuitejs.com/components/modal
  */
-const Modal = /*#__PURE__*/_react.default.forwardRef(function Modal(props, ref) {
+const Modal = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Modal', props);
@@ -211,11 +219,6 @@ const Modal = /*#__PURE__*/_react.default.forwardRef(function Modal(props, ref)
       dialogStyle: dialogStyle
     }));
   }));
-});
-Modal.Body = _ModalBody.default;
-Modal.Header = _ModalHeader.default;
-Modal.Title = _ModalTitle.default;
-Modal.Footer = _ModalFooter.default;
-Modal.Dialog = _ModalDialog.default;
+}, Subcomponents);
 Modal.displayName = 'Modal';
 var _default = exports.default = Modal;