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

package/esm/InputNumber/index.js

@@ -1,3 +1,8 @@
 'use client';
 import InputNumber from "./InputNumber.js";
+
+// export types
+
+// export components
+export { InputNumber };
 export default InputNumber;

package/esm/InputPicker/InputPicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { type InputItemDataType } from './hooks/useData';
+import { PickerToggleProps } from '../internals/Picker';
 import type { ItemDataType, FormControlPickerProps } from '../internals/types';
 import type { InputPickerLocale } from '../locales';
 import type { SelectProps } from '../SelectPicker';
@@ -32,5 +32,5 @@ export interface InputPickerProps<V = ValueType> extends FormControlPickerProps<
  *
  * @see https://rsuitejs.com/components/input-picker
  */
-declare const InputPicker: PickerComponent<InputPickerProps>;
+declare const InputPicker: import("../internals/types").InternalRefForwardingComponent<"div", InputPickerProps<any>, never> & Record<string, never>;
 export default InputPicker;

package/esm/InputPicker/InputPicker.js

@@ -8,27 +8,26 @@ import clone from 'lodash/clone';
 import isArray from 'lodash/isArray';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
-import { shallowEqual, getDataGroupBy } from "../internals/utils/index.js";
-import { filterNodesOfTree } from "../internals/Tree/utils/index.js";
-import Plaintext from "../internals/Plaintext/index.js";
-import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { KEY_VALUES } from "../internals/constants/index.js";
-import { createChainedFunction, tplTransform, mergeRefs, isOneOf } from "../internals/utils/index.js";
-import { Listbox, ListItem, ListCheckItem, PickerToggle, PickerPopup, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, usePickerRef, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 import Tag from "../Tag/index.js";
 import TextBox from "./TextBox.js";
 import Stack from "../Stack/index.js";
 import useInput from "./hooks/useInput.js";
 import useData from "./hooks/useData.js";
+import Plaintext from "../internals/Plaintext/index.js";
+import { filterNodesOfTree } from "../internals/Tree/utils/index.js";
+import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { KEY_VALUES } from "../internals/constants/index.js";
 import { useTagContext } from "./InputPickerContext.js";
 import { convertSize } from "./utils.js";
 import { useCustom } from "../CustomProvider/index.js";
+import { forwardRef, shallowEqual, getDataGroupBy, createChainedFunction, tplTransform, mergeRefs, isOneOf } from "../internals/utils/index.js";
+import { Listbox, ListItem, ListCheckItem, PickerToggle, PickerPopup, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, usePickerRef, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
 /**
  * Single item selector with text box input.
  *
  * @see https://rsuitejs.com/components/input-picker
  */
-const InputPicker = /*#__PURE__*/React.forwardRef((props, ref) => {
+const InputPicker = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('InputPicker', props);

package/esm/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/esm/InputPicker/InputSearch.js

@@ -1,8 +1,9 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
-const InputSearch = /*#__PURE__*/React.forwardRef((props, ref) => {
+const InputSearch = forwardRef((props, ref) => {
   const {
     as: Component = 'input',
     classPrefix = 'picker-search',

package/esm/InputPicker/TagList.js

@@ -1,8 +1,8 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import { useClassNames } from "../internals/hooks/index.js";
 import useCombobox from "../internals/Picker/hooks/useCombobox.js";
+import { useClassNames } from "../internals/hooks/index.js";
 const TagList = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,

package/esm/InputPicker/TextBox.js

@@ -2,8 +2,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import TagList from "./TagList.js";
-import { useClassNames } from "../internals/hooks/index.js";
 import InputSearch from "./InputSearch.js";
+import { useClassNames } from "../internals/hooks/index.js";
 const TextBox = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     tags,

package/esm/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/esm/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/esm/InputPicker/index.js

@@ -1,3 +1,8 @@
 'use client';
 import InputPicker from "./InputPicker.js";
+
+// export types
+
+// export components
+export { InputPicker };
 export default InputPicker;

package/esm/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/esm/List/List.js

@@ -5,13 +5,17 @@ import useSortHelper from "./helper/useSortHelper.js";
 import ListContext from "./ListContext.js";
 import ListItem from "./ListItem.js";
 import { useClassNames } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
+import { forwardRef, mergeRefs } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
+const Subcomponents = {
+  Item: ListItem
+};
+
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
  */
-const List = /*#__PURE__*/React.forwardRef(function List(props, ref) {
+const List = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('List', props);
@@ -75,7 +79,6 @@ const List = /*#__PURE__*/React.forwardRef(function List(props, ref) {
   }), /*#__PURE__*/React.createElement(ListContext.Provider, {
     value: contextValue
   }, children));
-});
-List.Item = ListItem;
+}, Subcomponents);
 List.displayName = 'List';
 export default List;

package/esm/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/esm/List/ListItem.js

@@ -1,15 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import { useContext, useEffect, useRef } from 'react';
-import { useClassNames } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
+import React, { useContext, useEffect, useRef } from 'react';
 import ListContext from "./ListContext.js";
+import { forwardRef, mergeRefs } from "../internals/utils/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
 /**
  * The `List.Item` component is used to specify the layout of the list item.
  * @see https://rsuitejs.com/components/list
  */
-const ListItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const ListItem = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     children,

package/esm/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/esm/List/index.js

@@ -1,3 +1,9 @@
 'use client';
 import List from "./List.js";
+import ListItem from "./ListItem.js";
+
+// export types
+
+// export components
+export { List, ListItem };
 export default List;

package/esm/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/esm/Loader/Loader.js

@@ -1,13 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames, useUniqueId } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * 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.forwardRef((props, ref) => {
+const Loader = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Loader', props);

package/esm/Loader/index.d.ts

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

package/esm/Loader/index.js

@@ -1,3 +1,8 @@
 'use client';
 import Loader from "./Loader.js";
+
+// export types
+
+// export components
+export { Loader };
 export default Loader;

package/esm/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/esm/MaskedInput/MaskedInput.js

@@ -3,8 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import TextMask from "./TextMask.js";
 import Input from "../Input/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-const MaskedInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+const MaskedInput = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('MaskedInput', props);

package/esm/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/esm/MaskedInput/index.d.ts

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

package/esm/MaskedInput/index.js

@@ -1,3 +1,8 @@
 'use client';
 import MaskedInput from "./MaskedInput.js";
+
+// export types
+
+// export components
+export { MaskedInput };
 export default MaskedInput;

package/esm/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/esm/Message/Message.js

@@ -3,15 +3,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useState } from 'react';
 import CloseButton from "../internals/CloseButton/index.js";
 import useDelayedClosure from "../toaster/hooks/useDelayedClosure.js";
+import { mergeRefs, forwardRef } from "../internals/utils/index.js";
 import { MESSAGE_STATUS_ICONS } from "../internals/constants/statusIcons.js";
 import { useClassNames, useIsMounted, useEventCallback } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Message` component is used to display important messages to users.
  * @see https://rsuitejs.com/components/message
  */
-const Message = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Message = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Message', props);

package/esm/Message/index.d.ts

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

package/esm/Message/index.js

@@ -1,3 +1,8 @@
 'use client';
 import Message from "./Message.js";
+
+// export types
+
+// export components
+export { Message };
 export default Message;

package/esm/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/esm/Modal/Modal.js

@@ -12,16 +12,24 @@ import ModalHeader from "./ModalHeader.js";
 import ModalTitle from "./ModalTitle.js";
 import ModalFooter from "./ModalFooter.js";
 import { useClassNames, useWillUnmount, useUniqueId } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
+import { mergeRefs, forwardRef } from "../internals/utils/index.js";
 import { ModalContext } from "./ModalContext.js";
 import { useBodyStyles } from "./utils.js";
 import { useCustom } from "../CustomProvider/index.js";
 const modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
+const Subcomponents = {
+  Body: ModalBody,
+  Header: ModalHeader,
+  Title: ModalTitle,
+  Footer: ModalFooter,
+  Dialog: ModalDialog
+};
+
 /**
  * The `Modal` component is used to show content in a layer above the app.
  * @see https://rsuitejs.com/components/modal
  */
-const Modal = /*#__PURE__*/React.forwardRef(function Modal(props, ref) {
+const Modal = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Modal', props);
@@ -204,11 +212,6 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(props, ref) {
       dialogStyle: dialogStyle
     }));
   }));
-});
-Modal.Body = ModalBody;
-Modal.Header = ModalHeader;
-Modal.Title = ModalTitle;
-Modal.Footer = ModalFooter;
-Modal.Dialog = ModalDialog;
+}, Subcomponents);
 Modal.displayName = 'Modal';
 export default Modal;

package/esm/Modal/ModalBody.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export type ModalBodyProps = WithAsProps;
-declare const ModalBody: RsRefForwardingComponent<'div', ModalBodyProps>;
+declare const ModalBody: import("../internals/types").InternalRefForwardingComponent<"div", ModalBodyProps, never> & Record<string, never>;
 export default ModalBody;

package/esm/Modal/ModalBody.js

@@ -1,11 +1,12 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
-import { useClassNames } from "../internals/hooks/index.js";
-import { ModalContext } from "./ModalContext.js";
 import IconButton from "../IconButton/index.js";
 import Close from '@rsuite/icons/Close';
-const ModalBody = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { useClassNames } from "../internals/hooks/index.js";
+import { ModalContext } from "./ModalContext.js";
+import { forwardRef } from "../internals/utils/index.js";
+const ModalBody = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'modal-body',

package/esm/Modal/ModalDialog.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import type { WithAsProps, SizeType } from '../internals/types';
 export interface ModalDialogProps extends WithAsProps {
     /** A modal can have different sizes */
-    size?: TypeAttributes.Size;
+    size?: SizeType;
     dialogClassName?: string;
     dialogStyle?: React.CSSProperties;
 }
-declare const ModalDialog: RsRefForwardingComponent<'div', ModalDialogProps>;
+declare const ModalDialog: import("../internals/types").InternalRefForwardingComponent<"div", ModalDialogProps, never> & Record<string, never>;
 export default ModalDialog;

package/esm/Modal/ModalDialog.js

@@ -2,7 +2,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
-const ModalDialog = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef, mergeStyles } from "../internals/utils/index.js";
+const ModalDialog = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     style,
@@ -14,10 +15,6 @@ const ModalDialog = /*#__PURE__*/React.forwardRef((props, ref) => {
     size,
     ...rest
   } = props;
-  const modalStyle = {
-    display: 'block',
-    ...style
-  };
   const {
     merge,
     withClassPrefix,
@@ -25,6 +22,9 @@ const ModalDialog = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = useClassNames(classPrefix);
   const classes = merge(className, withClassPrefix(size));
   const dialogClasses = merge(dialogClassName, prefix('dialog'));
+  const modalStyle = mergeStyles({
+    display: 'block'
+  }, style);
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "dialog",
     "aria-modal": true

package/esm/Modal/ModalFooter.d.ts

@@ -1,4 +1,6 @@
 import { ComponentProps } from '../internals/utils';
 export type ModalFooterProps = ComponentProps;
-declare const ModalFooter: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
+declare const ModalFooter: import("../internals/types").InternalRefForwardingComponent<"div", Partial<{
+    name: string;
+}>, never> & Record<string, never>;
 export default ModalFooter;

package/esm/Modal/ModalHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface ModalHeaderProps extends WithAsProps {
     /** Primary content */
     children?: React.ReactNode;
@@ -8,5 +8,5 @@ export interface ModalHeaderProps extends WithAsProps {
     /** Called when Modal is hidden */
     onClose?: (event: React.MouseEvent) => void;
 }
-declare const ModalHeader: RsRefForwardingComponent<'div', ModalHeaderProps>;
+declare const ModalHeader: import("../internals/types").InternalRefForwardingComponent<"div", ModalHeaderProps, never> & Record<string, never>;
 export default ModalHeader;