rsuite 5.62.0 → 5.62.1

package/esm/Navbar/NavbarItem.js

@@ -1,14 +1,15 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "onClick", "onSelect"];
 import React, { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
-import Ripple from "../internals/Ripple";
-import SafeAnchor from "../SafeAnchor";
-import { useClassNames } from "../internals/hooks";
-import { shallowEqual } from "../internals/utils";
-import NavContext from "../Nav/NavContext";
+import Ripple from "../internals/Ripple/index.js";
+import SafeAnchor from "../SafeAnchor/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { shallowEqual } from "../internals/utils/index.js";
+import NavContext from "../Nav/NavContext.js";
 import classNames from 'classnames';
 /**
  * @private
@@ -27,7 +28,7 @@ var NavbarItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     icon = props.icon,
     onClick = props.onClick,
     onSelectProp = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "onClick", "onSelect"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _ref = useContext(NavContext),
     activeKey = _ref.activeKey,
     onSelectFromNav = _ref.onSelect;

package/esm/Navbar/index.js

@@ -1,4 +1,4 @@
 'use client';
-import Navbar from "./Navbar";
-export { NavbarContext } from "./Navbar";
+import Navbar from "./Navbar.js";
+export { NavbarContext } from "./Navbar.js";
 export default Navbar;

package/esm/Notification/Notification.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
-export declare type MessageType = 'info' | 'success' | 'warning' | 'error';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+export type MessageType = 'info' | 'success' | 'warning' | 'error';
 export interface NotificationProps extends WithAsProps {
     /** Title of the message */
     header?: React.ReactNode;

package/esm/Notification/Notification.js

@@ -3,13 +3,14 @@ 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;
+var _excluded = ["as", "classPrefix", "closable", "duration", "className", "type", "header", "children", "onClose"];
 import React, { useState, useContext } from 'react';
 import PropTypes from 'prop-types';
-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 { 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 `Notification` component is used to display global messages and notifications.
  *
@@ -28,7 +29,7 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
     header = props.header,
     children = props.children,
     onClose = props.onClose,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "closable", "duration", "className", "type", "header", "children", "onClose"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useState = useState('show'),
     display = _useState[0],
     setDisplay = _useState[1];
@@ -38,9 +39,13 @@ var Notification = /*#__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; // Click to trigger to close the message
+    clear = _useTimeout.clear;
+
+  // Click to trigger to close the message
   var handleClose = useEventCallback(function (event) {
     setDisplay('hiding');
     onClose === null || onClose === void 0 ? void 0 : onClose(event);

package/esm/Notification/index.js

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

package/esm/Pagination/LimitPicker.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { type SelectPickerProps } from '../SelectPicker';
 import { PaginationLocale } from '../locales';
-import { OnChangeCallback, TypeAttributes } from '@/internals/types';
+import { OnChangeCallback, TypeAttributes } from '../internals/types';
 interface LimitPickerProps extends Omit<SelectPickerProps<any>, 'locale' | 'disabled' | 'data'> {
     disabled?: boolean | ((eventKey: number | string) => boolean);
     limitOptions: number[];
@@ -11,5 +11,5 @@ interface LimitPickerProps extends Omit<SelectPickerProps<any>, 'locale' | 'disa
     prefix: (input: string) => string;
     onChangeLimit: OnChangeCallback<any>;
 }
-declare const LimitPicker: (props: LimitPickerProps) => JSX.Element;
+declare const LimitPicker: (props: LimitPickerProps) => React.JSX.Element;
 export default LimitPicker;

package/esm/Pagination/LimitPicker.js

@@ -1,9 +1,10 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["disabled", "limitOptions", "locale", "limit", "onChangeLimit", "size", "prefix"];
 import React, { useRef } from 'react';
-import SelectPicker from "../SelectPicker";
-import { tplTransform } from "../internals/utils";
+import SelectPicker from "../SelectPicker/index.js";
+import { tplTransform } from "../internals/utils/index.js";
 var LimitPicker = function LimitPicker(props) {
   var disabled = props.disabled,
     limitOptions = props.limitOptions,
@@ -12,7 +13,7 @@ var LimitPicker = function LimitPicker(props) {
     onChangeLimit = props.onChangeLimit,
     size = props.size,
     prefix = props.prefix,
-    rest = _objectWithoutPropertiesLoose(props, ["disabled", "limitOptions", "locale", "limit", "onChangeLimit", "size", "prefix"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var containerRef = useRef(null);
   var disabledPicker = typeof disabled === 'function' ? disabled('picker') : Boolean(disabled);
   var formatlimitOptions = limitOptions.map(function (item) {

package/esm/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps, TypeAttributes } from '@/internals/types';
+import { RsRefForwardingComponent, WithAsProps, TypeAttributes } from '../internals/types';
 import { PaginationLocale } from '../locales';
 export interface PaginationProps extends WithAsProps {
     /** Current page number */

package/esm/Pagination/Pagination.js

@@ -3,6 +3,8 @@ 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, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _excluded = ["as", "className", "classPrefix", "disabled", "locale", "activePage", "maxButtons", "pages", "ellipsis", "boundaryLinks", "first", "prev", "next", "last", "size", "linkAs", "linkProps", "onSelect"],
+  _excluded2 = ["eventKey", "disabled"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import More from '@rsuite/icons/legacy/More';
@@ -10,8 +12,8 @@ import PagePrevious from '@rsuite/icons/legacy/PagePrevious';
 import PageNext from '@rsuite/icons/legacy/PageNext';
 import PageTop from '@rsuite/icons/legacy/PageTop';
 import PageEnd from '@rsuite/icons/legacy/PageEnd';
-import PaginationButton from "./PaginationButton";
-import { useClassNames, useCustom } from "../internals/hooks";
+import PaginationButton from "./PaginationButton.js";
+import { useClassNames, useCustom } from "../internals/hooks/index.js";
 var PAGINATION_ICONS = {
   more: /*#__PURE__*/React.createElement(More, null),
   prev: /*#__PURE__*/React.createElement(PagePrevious, null),
@@ -48,7 +50,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
     linkAs = props.linkAs,
     linkProps = props.linkProps,
     onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "disabled", "locale", "activePage", "maxButtons", "pages", "ellipsis", "boundaryLinks", "first", "prev", "next", "last", "size", "linkAs", "linkProps", "onSelect"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -58,7 +60,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderItem = function renderItem(key, itemProps) {
     var eventKey = itemProps.eventKey,
       disabled = itemProps.disabled,
-      itemRest = _objectWithoutPropertiesLoose(itemProps, ["eventKey", "disabled"]);
+      itemRest = _objectWithoutPropertiesLoose(itemProps, _excluded2);
     var disabledButton = disabled;
     if (typeof disabledProp !== 'undefined') {
       disabledButton = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;

package/esm/Pagination/PaginationButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PaginationButtonProps<T = number | string> extends WithAsProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onSelect'> {
     /** The value of the current option */
     eventKey: T;

package/esm/Pagination/PaginationButton.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", "active", "disabled", "className", "classPrefix", "children", "eventKey", "style", "onSelect", "onClick"];
 import React from 'react';
-import Ripple from "../internals/Ripple";
-import { useClassNames, useEventCallback } from "../internals/hooks";
-import { createChainedFunction } from "../internals/utils";
+import Ripple from "../internals/Ripple/index.js";
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { createChainedFunction } from "../internals/utils/index.js";
 var PaginationButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'button' : _props$as,
@@ -18,7 +19,7 @@ var PaginationButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style = props.style,
     onSelect = props.onSelect,
     onClick = props.onClick,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "className", "classPrefix", "children", "eventKey", "style", "onSelect", "onClick"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Pagination/PaginationGroup.d.ts

@@ -1,9 +1,9 @@
 import { PaginationProps } from './Pagination';
-import { RsRefForwardingComponent } from '@/internals/types';
+import { RsRefForwardingComponent } from '../internals/types';
 /**
  * The layout of the paging component.
  */
-declare type LayoutType = 'total' | 'pager' | 'limit' | 'skip' | '-' | '|';
+type LayoutType = 'total' | 'pager' | 'limit' | 'skip' | '-' | '|';
 export interface PaginationGroupProps extends PaginationProps {
     /**
      * Customize the layout of a paging component.

package/esm/Pagination/PaginationGroup.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", "activePage", "classPrefix", "className", "disabled", "size", "style", "total", "prev", "next", "first", "last", "limitOptions", "limit", "locale", "layout", "maxButtons", "onChangePage", "onChangeLimit"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import Pagination from "./Pagination";
-import Divider from "../Divider";
-import Input from "../Input";
-import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks";
-import { tplTransform } from "../internals/utils";
-import LimitPicker from "./LimitPicker";
+import Pagination from "./Pagination.js";
+import Divider from "../Divider/index.js";
+import Input from "../Input/index.js";
+import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { tplTransform } from "../internals/utils/index.js";
+import LimitPicker from "./LimitPicker.js";
 
 /**
  * The layout of the paging component.
@@ -47,7 +48,7 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     maxButtons = props.maxButtons,
     onChangePage = props.onChangePage,
     onChangeLimit = props.onChangeLimit,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "activePage", "classPrefix", "className", "disabled", "size", "style", "total", "prev", "next", "first", "last", "limitOptions", "limit", "locale", "layout", "maxButtons", "onChangePage", "onChangeLimit"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/esm/Pagination/index.js

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

package/esm/Panel/AccordionButton.d.ts

@@ -6,5 +6,5 @@ interface AccordionButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     caretAs?: React.ElementType;
     disabled?: boolean;
 }
-declare const AccordionButton: (props: AccordionButtonProps) => JSX.Element;
+declare const AccordionButton: (props: AccordionButtonProps) => React.JSX.Element;
 export default AccordionButton;

package/esm/Panel/AccordionButton.js

@@ -3,10 +3,11 @@ 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;
+var _excluded = ["classPrefix", "expanded", "id", "className", "controlId", "children", "disabled", "caretAs"];
 import React from 'react';
 import { Icon } from '@rsuite/icons';
 import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
-import { useClassNames } from "../internals/hooks";
+import { useClassNames } from "../internals/hooks/index.js";
 var AccordionButton = function AccordionButton(props) {
   var _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'panel-btn' : _props$classPrefix,
@@ -18,7 +19,7 @@ var AccordionButton = function AccordionButton(props) {
     disabled = props.disabled,
     _props$caretAs = props.caretAs,
     caretAs = _props$caretAs === void 0 ? AngleDownIcon : _props$caretAs,
-    rest = _objectWithoutPropertiesLoose(props, ["classPrefix", "expanded", "id", "className", "controlId", "children", "disabled", "caretAs"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Panel/Panel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnimationEventProps, RsRefForwardingComponent, WithAsProps } from '@/internals/types';
+import { AnimationEventProps, RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface PanelProps<T = string | number> extends WithAsProps, AnimationEventProps {
     /**
      * Show border

package/esm/Panel/Panel.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", "bodyFill", "bodyProps", "bordered", "children", "className", "classPrefix", "caretAs", "collapsible", "defaultExpanded", "disabled", "eventKey", "expanded", "header", "headerRole", "panelRole", "shaded", "scrollShadow", "id", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "onSelect"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useUniqueId, useEventCallback } from "../internals/hooks";
-import { PanelGroupContext } from "../PanelGroup";
-import PanelHeader from "./PanelHeader";
-import PanelBody from "./PanelBody";
-import useExpanded from "./hooks/useExpanded";
+import { useClassNames, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { PanelGroupContext } from "../PanelGroup/index.js";
+import PanelHeader from "./PanelHeader.js";
+import PanelBody from "./PanelBody.js";
+import useExpanded from "./hooks/useExpanded.js";
 /**
  * The `Panel` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/panel
@@ -42,7 +43,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExited = props.onExited,
     onExiting = props.onExiting,
     onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "bodyFill", "bodyProps", "bordered", "children", "className", "classPrefix", "caretAs", "collapsible", "defaultExpanded", "disabled", "eventKey", "expanded", "header", "headerRole", "panelRole", "shaded", "scrollShadow", "id", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "onSelect"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var id = useUniqueId('rs-', idProp);
   var bodyId = id + "-panel";
   var buttonId = id + "-btn";

package/esm/Panel/PanelBody.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, AnimationEventProps } from '@/internals/types';
+import { WithAsProps, AnimationEventProps } from '../internals/types';
 interface PanelBodyProps extends WithAsProps, AnimationEventProps, React.HTMLAttributes<HTMLDivElement> {
     collapsible?: boolean;
     expanded?: boolean;
@@ -9,5 +9,5 @@ interface PanelBodyProps extends WithAsProps, AnimationEventProps, React.HTMLAtt
     id?: string;
     labelId?: string;
 }
-declare const PanelBody: (props: PanelBodyProps) => JSX.Element;
+declare const PanelBody: (props: PanelBodyProps) => React.JSX.Element;
 export default PanelBody;

package/esm/Panel/PanelBody.js

@@ -1,10 +1,12 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["classPrefix", "children", "collapsible", "expanded", "bodyFill", "role", "id", "labelId", "scrollShadow", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onScroll"],
+  _excluded2 = ["className"];
 import React from 'react';
-import Collapse from "../Animation/Collapse";
-import { useClassNames } from "../internals/hooks";
-import ScrollView from "../internals/ScrollView";
+import Collapse from "../Animation/Collapse.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import ScrollView from "../internals/ScrollView/index.js";
 var PanelBody = function PanelBody(props) {
   var _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'panel-body' : _props$classPrefix,
@@ -23,7 +25,7 @@ var PanelBody = function PanelBody(props) {
     onExiting = props.onExiting,
     onExited = props.onExited,
     onScroll = props.onScroll,
-    rest = _objectWithoutPropertiesLoose(props, ["classPrefix", "children", "collapsible", "expanded", "bodyFill", "role", "id", "labelId", "scrollShadow", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onScroll"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
@@ -49,7 +51,7 @@ var PanelBody = function PanelBody(props) {
     onExited: onExited
   }, function (transitionProps, ref) {
     var className = transitionProps.className,
-      rest = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
+      rest = _objectWithoutPropertiesLoose(transitionProps, _excluded2);
     return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
       className: merge(className, prefix('collapse')),
       ref: ref

package/esm/Panel/PanelHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '@/internals/types';
+import { WithAsProps } from '../internals/types';
 interface PanelHeaderProps extends WithAsProps, React.HTMLAttributes<HTMLHeadingElement> {
     caretAs?: React.ElementType;
     collapsible?: boolean;
@@ -10,5 +10,5 @@ interface PanelHeaderProps extends WithAsProps, React.HTMLAttributes<HTMLHeading
     buttonId?: string;
     onClickButton?: (event: React.MouseEvent) => void;
 }
-declare const PanelHeader: (props: PanelHeaderProps) => JSX.Element;
+declare const PanelHeader: (props: PanelHeaderProps) => React.JSX.Element;
 export default PanelHeader;

package/esm/Panel/PanelHeader.js

@@ -1,11 +1,12 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "children", "collapsible", "caretAs", "disabled", "expanded", "role", "bodyId", "buttonId", "onClickButton"];
 import React, { isValidElement, cloneElement } from 'react';
 import get from 'lodash/get';
-import Heading from "../Heading";
-import AccordionButton from "./AccordionButton";
-import { useClassNames } from "../internals/hooks";
+import Heading from "../Heading/index.js";
+import AccordionButton from "./AccordionButton.js";
+import { useClassNames } from "../internals/hooks/index.js";
 var PanelHeader = function PanelHeader(props) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? Heading : _props$as,
@@ -21,7 +22,7 @@ var PanelHeader = function PanelHeader(props) {
     bodyId = props.bodyId,
     buttonId = props.buttonId,
     onClickButton = props.onClickButton,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "collapsible", "caretAs", "disabled", "expanded", "role", "bodyId", "buttonId", "onClickButton"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;

package/esm/Panel/hooks/useExpanded.js

@@ -1,7 +1,7 @@
 'use client';
 import { useEffect, useContext } from 'react';
-import { PanelGroupContext } from "../../PanelGroup";
-import { useControlled } from "../../internals/hooks";
+import { PanelGroupContext } from "../../PanelGroup/index.js";
+import { useControlled } from "../../internals/hooks/index.js";
 function useExpanded(props) {
   var expandedProp = props.expanded,
     defaultExpanded = props.defaultExpanded,

package/esm/Panel/index.js

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

package/esm/PanelGroup/PanelGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps } from '@/internals/types';
-declare type KeyType = string | number;
+import { WithAsProps } from '../internals/types';
+type KeyType = string | number;
 export interface PanelGroupProps<T = KeyType> extends WithAsProps {
     /** Whether it is a collapsible panel. */
     accordion?: boolean;

package/esm/PanelGroup/PanelGroup.js

@@ -1,9 +1,10 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "accordion", "defaultActiveKey", "bordered", "className", "classPrefix", "children", "activeKey", "onSelect"];
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useControlled, useEventCallback } from "../internals/hooks";
+import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 export var PanelGroupContext = /*#__PURE__*/React.createContext({});
 
 /**
@@ -22,7 +23,7 @@ var PanelGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children = props.children,
     activeProp = props.activeKey,
     onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "accordion", "defaultActiveKey", "bordered", "className", "classPrefix", "children", "activeKey", "onSelect"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/PanelGroup/index.js

@@ -1,4 +1,4 @@
 'use client';
-import PanelGroup from "./PanelGroup";
-export { PanelGroupContext } from "./PanelGroup";
+import PanelGroup from "./PanelGroup.js";
+export { PanelGroupContext } from "./PanelGroup.js";
 export default PanelGroup;

package/esm/Placeholder/Placeholder.d.ts

@@ -1,7 +1,7 @@
 import PlaceholderGraph from './PlaceholderGraph';
 import PlaceholderGrid from './PlaceholderGrid';
 import PlaceholderParagraph, { PlaceholderParagraphProps } from './PlaceholderParagraph';
-import { RsRefForwardingComponent } from '@/internals/types';
+import { RsRefForwardingComponent } from '../internals/types';
 export interface Placeholder extends RsRefForwardingComponent<'div', PlaceholderParagraphProps> {
     Paragraph: typeof PlaceholderParagraph;
     Grid: typeof PlaceholderGrid;

package/esm/Placeholder/Placeholder.js

@@ -1,7 +1,7 @@
 'use client';
-import PlaceholderGraph from "./PlaceholderGraph";
-import PlaceholderGrid from "./PlaceholderGrid";
-import PlaceholderParagraph from "./PlaceholderParagraph";
+import PlaceholderGraph from "./PlaceholderGraph.js";
+import PlaceholderGrid from "./PlaceholderGrid.js";
+import PlaceholderParagraph from "./PlaceholderParagraph.js";
 /**
  * The `Placeholder` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder

package/esm/Placeholder/PlaceholderGraph.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderGraphProps extends WithAsProps {
     /**
      * The height of the graph.

package/esm/Placeholder/PlaceholderGraph.js

@@ -1,9 +1,10 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "className", "width", "height", "style", "active", "classPrefix"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from "../internals/hooks";
+import { useClassNames } from "../internals/hooks/index.js";
 /**
  * The `Placeholder.Graph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
@@ -19,7 +20,7 @@ var PlaceholderGraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
     active = props.active,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "width", "height", "style", "active", "classPrefix"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Placeholder/PlaceholderGrid.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderGridProps extends WithAsProps {
     /**
      * The number of rows.

package/esm/Placeholder/PlaceholderGrid.js

@@ -3,10 +3,11 @@ 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;
+var _excluded = ["as", "className", "classPrefix", "rows", "columns", "rowHeight", "rowMargin", "rowSpacing", "active"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { useClassNames } from "../internals/hooks";
+import { useClassNames } from "../internals/hooks/index.js";
 /**
  * The `Placeholder.Grid` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
@@ -28,7 +29,7 @@ var PlaceholderGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$rowSpacing = props.rowSpacing,
     rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,
     active = props.active,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "rows", "columns", "rowHeight", "rowMargin", "rowSpacing", "active"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/esm/Placeholder/PlaceholderParagraph.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderParagraphProps extends WithAsProps {
     /**
      * The number of rows.

package/esm/Placeholder/PlaceholderParagraph.js

@@ -3,10 +3,11 @@ 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;
+var _excluded = ["as", "className", "rows", "rowHeight", "rowMargin", "rowSpacing", "graph", "active", "classPrefix"];
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from "../internals/hooks";
-import { oneOf } from "../internals/propTypes";
+import { useClassNames } from "../internals/hooks/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
 /**
  * The `Placeholder.Paragraph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
@@ -27,7 +28,7 @@ var PlaceholderParagraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
     active = props.active,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "rows", "rowHeight", "rowMargin", "rowSpacing", "graph", "active", "classPrefix"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/esm/Placeholder/index.js

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