rsuite 5.62.0 → 5.62.1

package/esm/List/ListContext.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ListProps } from './List';
 import useManager from './helper/useManager';
-export declare type ListContextType = {
+export type ListContextType = {
     bordered?: boolean;
     size?: ListProps['size'];
     register: ReturnType<typeof useManager>['listItemRegister'];

package/esm/List/ListItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '@/internals/types';
+import { WithAsProps } from '../internals/types';
 import { Collection } from './helper/useManager';
 export interface ListItemProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     index?: number;

package/esm/List/ListItem.js

@@ -1,12 +1,13 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "children", "className", "classPrefix", "collection", "disabled", "index", "size"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useContext, useEffect, useRef } from 'react';
-import { useClassNames } from "../internals/hooks";
-import { mergeRefs } from "../internals/utils";
-import ListContext from "./ListContext";
+import { useClassNames } from "../internals/hooks/index.js";
+import { mergeRefs } from "../internals/utils/index.js";
+import ListContext from "./ListContext.js";
 /**
  * The `List.Item` component is used to specify the layout of the list item.
  * @see https://rsuitejs.com/components/list
@@ -23,7 +24,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled = props.disabled,
     index = props.index,
     sizeProp = props.size,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "children", "className", "classPrefix", "collection", "disabled", "index", "size"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useContext = useContext(ListContext),
     bordered = _useContext.bordered,
     register = _useContext.register,

package/esm/List/helper/AutoScroller.d.ts

@@ -1,5 +1,5 @@
 import { Axis, EdgeOffset } from './utils';
-declare type OffsetCallback = (offset: EdgeOffset) => void;
+type OffsetCallback = (offset: EdgeOffset) => void;
 export interface AutoScrollerUpdatePayload {
     translate: Axis;
     minTranslate: Axis;

package/esm/List/helper/useManager.d.ts

@@ -1,5 +1,5 @@
 import type { EdgeOffset } from './utils';
-export declare type Collection = string | number;
+export type Collection = string | number;
 export interface ManagedItem {
     node: HTMLElement;
     edgeOffset: Partial<EdgeOffset> | null;

package/esm/List/helper/useSortHelper.d.ts

@@ -6,7 +6,7 @@ export interface MovedItemInfo {
     newIndex: number;
     oldIndex: number;
 }
-export declare type SortConfig = {
+export type SortConfig = {
     autoScroll?: boolean;
     pressDelay?: number;
     transitionDuration?: number;

package/esm/List/helper/useSortHelper.js

@@ -1,13 +1,13 @@
 'use client';
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import on from 'dom-lib/on';
 import { useCallback, useRef, useState } from 'react';
-import AutoScroller from "./AutoScroller";
-import { closestNode, getEdgeOffset, getScrollingParent, isContainInteractiveElement, setInlineStyles, setTransitionDuration, setTranslate3d } from "./utils";
-import { useIsMounted } from "../../internals/hooks";
-import useManager from "./useManager";
+import AutoScroller from "./AutoScroller.js";
+import { closestNode, getEdgeOffset, getScrollingParent, isContainInteractiveElement, setInlineStyles, setTransitionDuration, setTranslate3d } from "./utils.js";
+import { useIsMounted } from "../../internals/hooks/index.js";
+import useManager from "./useManager.js";
 var helperElementClass = 'rs-list-item-helper';
 var holderElementClass = 'rs-list-item-holder';
 var useSortHelper = function useSortHelper(config) {

package/esm/List/helper/utils.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties } from 'react';
-import { Offset } from '@/internals/types';
+import { Offset } from '../../internals/types';
 export interface Axis {
     x: number;
     y: number;
 }
-export declare type EdgeOffset = Omit<Offset, 'width' | 'height'>;
+export type EdgeOffset = Omit<Offset, 'width' | 'height'>;
 export declare function isContainInteractiveElement(targetNode: HTMLElement): boolean;
 export declare function setInlineStyles(node: HTMLElement, styles: CSSProperties): void;
 export declare function setTranslate3d(node: HTMLElement, translate: Axis | null): void;

package/esm/List/index.js

@@ -1,3 +1,3 @@
 'use client';
-import List from "./List";
+import List from "./List.js";
 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 { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 export interface LoaderProps extends WithAsProps {
     /** Centered in the container */
     center?: boolean;

package/esm/Loader/Loader.js

@@ -1,10 +1,11 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "inverse", "backdrop", "speed", "center", "vertical", "content", "size"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useUniqueId } from "../internals/hooks";
-import { oneOf } from "../internals/propTypes";
+import { useClassNames, useUniqueId } from "../internals/hooks/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
@@ -23,7 +24,7 @@ var Loader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     vertical = props.vertical,
     content = props.content,
     size = props.size,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "inverse", "backdrop", "speed", "center", "vertical", "content", "size"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/Loader/index.js

@@ -1,3 +1,3 @@
 'use client';
-import Loader from "./Loader";
+import Loader from "./Loader.js";
 export default Loader;

package/esm/MaskedInput/MaskedInput.d.ts

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

package/esm/MaskedInput/MaskedInput.js

@@ -1,8 +1,8 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import TextMask from "./TextMask";
-import Input from "../Input";
+import TextMask from "./TextMask.js";
+import Input from "../Input/index.js";
 var MaskedInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     inputAs = _props$as === void 0 ? TextMask : _props$as;

package/esm/MaskedInput/TextMask.d.ts

@@ -24,7 +24,7 @@ interface TextMaskBaseProps {
     /** You can provide a `pipe` function that will give you the opportunity to modify the conformed value before it is displayed on the screen. */
     pipe?: (conformedValue: string, config: ConfigType) => string;
 }
-export declare type TextMaskProps = TextMaskBaseProps & React.HTMLAttributes<HTMLInputElement> & {
+export type TextMaskProps = TextMaskBaseProps & React.HTMLAttributes<HTMLInputElement> & {
     /** Custom rendering DOM */
     render?: (ref: React.Ref<HTMLInputElement>, props: React.HTMLAttributes<HTMLInputElement>) => any;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/esm/MaskedInput/TextMask.js

@@ -1,11 +1,12 @@
 'use client';
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+var _excluded = ["mask", "guide", "placeholderChar", "value", "showMask", "pipe", "render", "onChange"];
 import React, { useCallback, useEffect, useRef } from 'react';
 import omit from 'lodash/omit';
 import PropTypes from 'prop-types';
-import createTextMaskInputElement from "./createTextMaskInputElement";
-import { mergeRefs } from "../internals/utils";
+import createTextMaskInputElement from "./createTextMaskInputElement.js";
+import { mergeRefs } from "../internals/utils/index.js";
 
 /**
  * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#guide
@@ -32,7 +33,7 @@ var TextMask = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$render = props.render,
     render = _props$render === void 0 ? defaultRender : _props$render,
     onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, ["mask", "guide", "placeholderChar", "value", "showMask", "pipe", "render", "onChange"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var inputRef = useRef(null);
   var textMaskInputElement = useRef();
   var initTextMask = useCallback(function () {

package/esm/MaskedInput/conformToMask.js

@@ -1,5 +1,5 @@
 'use client';
-import { convertMaskToPlaceholder, processCaretTraps, defaultPlaceholderChar } from "./utilities";
+import { convertMaskToPlaceholder, processCaretTraps, defaultPlaceholderChar } from "./utilities.js";
 export function isArray(value) {
   return Array.isArray && Array.isArray(value) || value instanceof Array;
 }
@@ -42,7 +42,9 @@ export default function conformToMask(rawValue, mask, config) {
     placeholder = _config$placeholder === void 0 ? convertMaskToPlaceholder(mask, placeholderChar) : _config$placeholder,
     _config$currentCaretP = _config.currentCaretPosition,
     currentCaretPosition = _config$currentCaretP === void 0 ? 0 : _config$currentCaretP,
-    keepCharPositions = _config.keepCharPositions; // The configs below indicate that the user wants the algorithm to work in *no guide* mode
+    keepCharPositions = _config.keepCharPositions;
+
+  // The configs below indicate that the user wants the algorithm to work in *no guide* mode
   var suppressGuide = guide === false && previousConformedValue !== undefined;
 
   // Calculate lengths once for performance
@@ -132,7 +134,9 @@ export default function conformToMask(rawValue, mask, config) {
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           var _ref = rawValueArr.shift(),
             rawValueChar = _ref.char,
-            isNew = _ref.isNew; // If the character we got from the user input is a placeholder character (which happens
+            isNew = _ref.isNew;
+
+          // If the character we got from the user input is a placeholder character (which happens
           // regularly because user input could be something like (540) 90_-____, which includes
           // a bunch of `_` which are placeholder characters) and we are not in *no guide* mode,
           // then we map this placeholder character to the current spot in the placeholder

package/esm/MaskedInput/createTextMaskInputElement.js

@@ -2,10 +2,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import isString from 'lodash/isString';
 import isNumber from 'lodash/isNumber';
-import adjustCaretPosition from "./adjustCaretPosition";
-import conformToMask from "./conformToMask";
-import { convertMaskToPlaceholder, processCaretTraps, defaultPlaceholderChar } from "./utilities";
-import { safeSetSelection } from "../internals/utils";
+import adjustCaretPosition from "./adjustCaretPosition.js";
+import conformToMask from "./conformToMask.js";
+import { convertMaskToPlaceholder, processCaretTraps, defaultPlaceholderChar } from "./utilities.js";
+import { safeSetSelection } from "../internals/utils/index.js";
 var emptyString = '';
 var strObject = 'object';
 export default function createTextMaskInputElement(config) {
@@ -76,7 +76,9 @@ export default function createTextMaskInputElement(config) {
       var safeRawValue = getSafeRawValue(rawValue);
 
       // `selectionEnd` indicates to us where the caret position is after the user has typed into the input
-      var currentCaretPosition = inputElement.selectionEnd; // We need to know what the `previousConformedValue` and `previousPlaceholder` is from the previous `update` call
+      var currentCaretPosition = inputElement.selectionEnd;
+
+      // We need to know what the `previousConformedValue` and `previousPlaceholder` is from the previous `update` call
       var previousConformedValue = state.previousConformedValue,
         previousPlaceholder = state.previousPlaceholder;
       var caretTrapIndexes;
@@ -124,7 +126,9 @@ export default function createTextMaskInputElement(config) {
 
       // `conformToMask` returns `conformedValue` as part of an object for future API flexibility
       var _conformToMask = conformToMask(safeRawValue, mask, conformToMaskConfig),
-        conformedValue = _conformToMask.conformedValue; // The following few lines are to support the `pipe` feature.
+        conformedValue = _conformToMask.conformedValue;
+
+      // The following few lines are to support the `pipe` feature.
       var piped = typeof pipe === 'function';
       var pipeResults = {};
 
@@ -191,7 +195,6 @@ export default function createTextMaskInputElement(config) {
     }
   };
 }
-
 function getSafeRawValue(inputValue) {
   if (isString(inputValue)) {
     return inputValue;

package/esm/MaskedInput/index.js

@@ -1,3 +1,3 @@
 'use client';
-import MaskedInput from "./MaskedInput";
+import MaskedInput from "./MaskedInput.js";
 export default MaskedInput;

package/esm/MaskedInput/types.d.ts

@@ -6,5 +6,5 @@ export interface ConfigType {
     currentCaretPosition?: number;
     keepCharPositions?: boolean;
 }
-export declare type MaskType = string | (string | RegExp)[];
-export declare type MaskFunctionType = (rawValue: string, config: ConfigType) => MaskType;
+export type MaskType = string | (string | RegExp)[];
+export type MaskFunctionType = (rawValue: string, config: ConfigType) => MaskType;

package/esm/MaskedInput/types.js

@@ -1 +1,2 @@
 'use client';
+export {};

package/esm/Message/Message.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
 export interface MessageProps extends WithAsProps {
     /**
      * The type of the message box.

package/esm/Message/Message.js

@@ -3,14 +3,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _excluded = ["as", "bordered", "centered", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"];
 import React, { useState, useContext } from 'react';
 import PropTypes from 'prop-types';
-import { STATUS } from "../internals/constants";
-import { MESSAGE_STATUS_ICONS } from "../internals/constants/statusIcons";
-import { useClassNames, useTimeout, useIsMounted, useEventCallback } from "../internals/hooks";
-import { oneOf } from "../internals/propTypes";
-import CloseButton from "../internals/CloseButton";
-import ToastContext from "../toaster/ToastContext";
+import { STATUS } from "../internals/constants/index.js";
+import { MESSAGE_STATUS_ICONS } from "../internals/constants/statusIcons.js";
+import { useClassNames, useTimeout, useIsMounted, useEventCallback } from "../internals/hooks/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
+import CloseButton from "../internals/CloseButton/index.js";
+import ToastContext from "../toaster/ToastContext.js";
 /**
  * The `Message` component is used to display important messages to users.
  * @see https://rsuitejs.com/components/message
@@ -34,7 +35,7 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
     type = _props$type === void 0 ? 'info' : _props$type,
     showIcon = props.showIcon,
     onClose = props.onClose,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "bordered", "centered", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useState = useState('show'),
     display = _useState[0],
     setDisplay = _useState[1];
@@ -44,7 +45,9 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var isMounted = useIsMounted();
   var _useContext = useContext(ToastContext),
-    usedToaster = _useContext.usedToaster; // Timed close message
+    usedToaster = _useContext.usedToaster;
+
+  // Timed close message
   var _useTimeout = useTimeout(onClose, duration, usedToaster && duration > 0),
     clear = _useTimeout.clear;
   var handleClose = useEventCallback(function (event) {

package/esm/Message/index.js

@@ -1,3 +1,3 @@
 'use client';
-import Message from "./Message";
+import Message from "./Message.js";
 export default Message;

package/esm/Modal/Modal.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { BaseModalProps } from '@/internals/Overlay/Modal';
+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';
+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;

package/esm/Modal/Modal.js

@@ -3,24 +3,26 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id"],
+  _excluded2 = ["className"];
 import React, { useRef, useMemo, useState, useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import pick from 'lodash/pick';
 import on from 'dom-lib/on';
 import getAnimationEnd from 'dom-lib/getAnimationEnd';
-import BaseModal, { modalPropTypes } from "../internals/Overlay/Modal";
-import Bounce from "../Animation/Bounce";
-import { useClassNames, useWillUnmount, useUniqueId } from "../internals/hooks";
-import { mergeRefs } from "../internals/utils";
-import ModalDialog, { modalDialogPropTypes } from "./ModalDialog";
-import { ModalContext } from "./ModalContext";
-import ModalBody from "./ModalBody";
-import ModalHeader from "./ModalHeader";
-import ModalTitle from "./ModalTitle";
-import ModalFooter from "./ModalFooter";
-import { useBodyStyles } from "./utils";
-import { deprecatePropType, oneOf } from "../internals/propTypes";
-import DrawerContext from "../Drawer/DrawerContext";
+import BaseModal, { modalPropTypes } from "../internals/Overlay/Modal.js";
+import Bounce from "../Animation/Bounce.js";
+import { useClassNames, useWillUnmount, useUniqueId } from "../internals/hooks/index.js";
+import { mergeRefs } from "../internals/utils/index.js";
+import ModalDialog, { modalDialogPropTypes } from "./ModalDialog.js";
+import { ModalContext } from "./ModalContext.js";
+import ModalBody from "./ModalBody.js";
+import ModalHeader from "./ModalHeader.js";
+import ModalTitle from "./ModalTitle.js";
+import ModalFooter from "./ModalFooter.js";
+import { useBodyStyles } from "./utils.js";
+import { deprecatePropType, oneOf } from "../internals/propTypes/index.js";
+import DrawerContext from "../Drawer/DrawerContext.js";
 var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
 /**
  * The `Modal` component is used to show content in a layer above the app.
@@ -60,7 +62,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$size = props.size,
     size = _props$size === void 0 ? 'sm' : _props$size,
     idProp = props.id,
-    rest = _objectWithoutPropertiesLoose(props, ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var inClass = {
     in: open && !animation
   };
@@ -79,7 +81,9 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // Render Modal as Drawer
   var _ref = useContext(DrawerContext) || {},
     _ref$isDrawer = _ref.isDrawer,
-    isDrawer = _ref$isDrawer === void 0 ? false : _ref$isDrawer; // The style of the Modal body will be updated with the size of the window or container.
+    isDrawer = _ref$isDrawer === void 0 ? false : _ref$isDrawer;
+
+  // The style of the Modal body will be updated with the size of the window or container.
   var _useBodyStyles = useBodyStyles(dialogRef, {
       overflow: overflow,
       drawer: isDrawer,
@@ -155,7 +159,8 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var sizeKey = 'width';
   if (isDrawer) {
     var _ref2 = animationProps || {},
-      placement = _ref2.placement; // The width or height of the drawer depends on the placement.
+      placement = _ref2.placement;
+    // The width or height of the drawer depends on the placement.
     sizeKey = placement === 'top' || placement === 'bottom' ? 'height' : 'width';
   }
   var enforceFocus = useMemo(function () {
@@ -197,7 +202,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), function (transitionProps, transitionRef) {
     var _ref3;
     var transitionClassName = transitionProps.className,
-      transitionRest = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
+      transitionRest = _objectWithoutPropertiesLoose(transitionProps, _excluded2);
     return /*#__PURE__*/React.createElement(Dialog, _extends({
       role: role,
       id: dialogId,

package/esm/Modal/ModalBody.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
-export declare type ModalBodyProps = WithAsProps;
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+export type ModalBodyProps = WithAsProps;
 declare const ModalBody: RsRefForwardingComponent<'div', ModalBodyProps>;
 export default ModalBody;

package/esm/Modal/ModalBody.js

@@ -1,13 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "style", "children"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from "../internals/hooks";
-import { ModalContext } from "./ModalContext";
-import IconButton from "../IconButton";
+import { useClassNames } from "../internals/hooks/index.js";
+import { ModalContext } from "./ModalContext.js";
+import IconButton from "../IconButton/index.js";
 import Close from '@rsuite/icons/Close';
-import DrawerContext from "../Drawer/DrawerContext";
+import DrawerContext from "../Drawer/DrawerContext.js";
 var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _context$getBodyStyle, _useContext;
   var _props$as = props.as,
@@ -17,7 +18,7 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className = props.className,
     style = props.style,
     children = props.children,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "style", "children"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,

package/esm/Modal/ModalDialog.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '@/internals/types';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 export interface ModalDialogProps extends WithAsProps {
     /** A modal can have different sizes */
     size?: TypeAttributes.Size;

package/esm/Modal/ModalDialog.js

@@ -3,11 +3,12 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject;
+var _excluded = ["as", "style", "children", "dialogClassName", "dialogStyle", "classPrefix", "className", "size"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from "../internals/hooks";
-import { SIZE } from "../internals/constants";
-import { oneOf } from "../internals/propTypes";
+import { useClassNames } from "../internals/hooks/index.js";
+import { SIZE } from "../internals/constants/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
 export var modalDialogPropTypes = {
   size: oneOf(SIZE),
   className: PropTypes.string,
@@ -28,7 +29,7 @@ var ModalDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
     className = props.className,
     size = props.size,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "style", "children", "dialogClassName", "dialogStyle", "classPrefix", "className", "size"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var modalStyle = _extends({
     display: 'block'
   }, style);

package/esm/Modal/ModalFooter.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from '@/internals/utils';
-export declare type ModalFooterProps = ComponentProps;
+import { ComponentProps } from '../internals/utils';
+export type ModalFooterProps = ComponentProps;
 declare const ModalFooter: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
 export default ModalFooter;

package/esm/Modal/ModalFooter.js

@@ -1,5 +1,5 @@
 'use client';
-import { createComponent } from "../internals/utils";
+import { createComponent } from "../internals/utils/index.js";
 var ModalFooter = createComponent({
   name: 'ModalFooter'
 });

package/esm/Modal/ModalHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface ModalHeaderProps extends WithAsProps {
     /** Primary content */
     children?: React.ReactNode;

package/esm/Modal/ModalHeader.js

@@ -1,15 +1,16 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "closeButton", "children", "onClose"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from "../internals/hooks";
-import { createChainedFunction } from "../internals/utils";
-import { ModalContext } from "./ModalContext";
-import CloseButton from "../internals/CloseButton";
+import { useClassNames } from "../internals/hooks/index.js";
+import { createChainedFunction } from "../internals/utils/index.js";
+import { ModalContext } from "./ModalContext.js";
+import CloseButton from "../internals/CloseButton/index.js";
 import Close from '@rsuite/icons/Close';
-import IconButton from "../IconButton";
-import DrawerContext from "../Drawer/DrawerContext";
+import IconButton from "../IconButton/index.js";
+import DrawerContext from "../Drawer/DrawerContext.js";
 var ModalHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext, _useContext2;
   var _props$as = props.as,
@@ -21,7 +22,7 @@ var ModalHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
     children = props.children,
     onClose = props.onClose,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "closeButton", "children", "onClose"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/Modal/ModalTitle.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps } from '@/internals/utils';
-import type { RsRefForwardingComponent } from '@/internals/types';
-export declare type ModalTitleProps = ComponentProps;
+import type { ComponentProps } from '../internals/utils';
+import type { RsRefForwardingComponent } from '../internals/types';
+export type ModalTitleProps = ComponentProps;
 declare const ModalTitle: RsRefForwardingComponent<'h4', ComponentProps>;
 export default ModalTitle;