rsuite 5.62.0 → 5.62.1

package/esm/CheckTree/CheckTreeView.js

@@ -1,24 +1,25 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "className", "classPrefix", "cascade", "data", "disabledItemValues", "expandItemValues", "height", "locale", "listProps", "listRef", "style", "searchKeyword", "showIndentLine", "searchable", "searchInputRef", "uncheckableItemValues", "loadingNodeValues", "flattenedNodes", "searchBy", "onChange", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "onFocusItem"];
 import React, { useEffect, useMemo } from 'react';
 import isNil from 'lodash/isNil';
-import { List, AutoSizer, defaultItemSize } from "../internals/Windowing";
-import CheckTreeNode from "./CheckTreeNode";
-import IndentLine from "../Tree/IndentLine";
-import { useCustom, useClassNames, useEventCallback } from "../internals/hooks";
-import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils";
-import { onMenuKeyDown } from "../internals/Picker";
-import { TreeView } from "../internals/Tree";
-import SearchBox from "../internals/SearchBox";
-import { hasGrandchild, isEveryFirstLevelNodeUncheckable, getFormattedTree, isNodeUncheckable } from "./utils";
-import { hasVisibleChildren, getActiveItem, isExpand } from "../Tree/utils";
-import useTreeSearch from "../Tree/hooks/useTreeSearch";
-import useFocusTree from "../Tree/hooks/useFocusTree";
-import useVirtualizedTreeData from "../Tree/hooks/useVirtualizedTreeData";
-import useTreeCheckState from "./hooks/useTreeCheckState";
-import useTreeNodeProps from "./hooks/useTreeNodeProps";
-import { useTreeContextProps } from "../internals/Tree/TreeProvider";
+import { List, AutoSizer, defaultItemSize } from "../internals/Windowing/index.js";
+import CheckTreeNode from "./CheckTreeNode.js";
+import IndentLine from "../Tree/IndentLine.js";
+import { useCustom, useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
+import { onMenuKeyDown } from "../internals/Picker/index.js";
+import { TreeView } from "../internals/Tree/index.js";
+import SearchBox from "../internals/SearchBox/index.js";
+import { hasGrandchild, isEveryFirstLevelNodeUncheckable, getFormattedTree, isNodeUncheckable } from "./utils.js";
+import { hasVisibleChildren, getActiveItem, isExpand } from "../Tree/utils/index.js";
+import useTreeSearch from "../Tree/hooks/useTreeSearch.js";
+import useFocusTree from "../Tree/hooks/useFocusTree.js";
+import useVirtualizedTreeData from "../Tree/hooks/useVirtualizedTreeData.js";
+import useTreeCheckState from "./hooks/useTreeCheckState.js";
+import useTreeNodeProps from "./hooks/useTreeNodeProps.js";
+import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
 
 /**
  * Props for the CheckTreeView component.
@@ -63,7 +64,7 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onScroll = props.onScroll,
     onExpand = props.onExpand,
     onFocusItem = props.onFocusItem,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "cascade", "data", "disabledItemValues", "expandItemValues", "height", "locale", "listProps", "listRef", "style", "searchKeyword", "showIndentLine", "searchable", "searchInputRef", "uncheckableItemValues", "loadingNodeValues", "flattenedNodes", "searchBy", "onChange", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "onFocusItem"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useCustom = useCustom('Picker', overrideLocale),
     locale = _useCustom.locale;
   var _useTreeContextProps = useTreeContextProps(),
@@ -186,7 +187,9 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderNode = function renderNode(node, layer) {
     var visible = node.visible,
       refKey = node.refKey,
-      parent = node.parent; // when searching, all nodes should be expand
+      parent = node.parent;
+
+    // when searching, all nodes should be expand
     var expanded = isExpand(keyword, expandItemValues.includes(node[valueKey]));
     if (!visible) {
       return null;

package/esm/CheckTree/hooks/useTreeCheckState.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNodeMap } from '@/internals/Tree/types';
+import type { TreeNodeMap } from '../../internals/Tree/types';
 interface Props {
     cascade?: boolean;
     flattenedNodes: TreeNodeMap;

package/esm/CheckTree/hooks/useTreeCheckState.js

@@ -2,9 +2,9 @@
 import { useCallback } from 'react';
 import isNil from 'lodash/isNil';
 import cloneDeep from 'lodash/cloneDeep';
-import { useEventCallback } from "../../internals/hooks";
-import { useItemDataKeys } from "../../internals/Tree/TreeProvider";
-import { isEveryChildChecked } from "../utils";
+import { useEventCallback } from "../../internals/hooks/index.js";
+import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
+import { isEveryChildChecked } from "../utils.js";
 function useTreeCheckState(props) {
   var cascade = props.cascade,
     flattenedNodes = props.flattenedNodes,

package/esm/CheckTree/hooks/useTreeNodeProps.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNode } from '@/internals/Tree/types';
+import type { TreeNode } from '../../internals/Tree/types';
 interface Props {
     uncheckableItemValues: any[];
     disabledItemValues: any[];

package/esm/CheckTree/hooks/useTreeNodeProps.js

@@ -1,8 +1,8 @@
 'use client';
 import React, { useCallback } from 'react';
-import { isAllSiblingNodeUncheckable, getDisabledState, isNodeUncheckable } from "../utils";
-import { useItemDataKeys } from "../../internals/Tree/TreeProvider";
-import Highlight from "../../Highlight";
+import { isAllSiblingNodeUncheckable, getDisabledState, isNodeUncheckable } from "../utils.js";
+import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
+import Highlight from "../../Highlight/index.js";
 function useTreeNodeProps(props) {
   var _useItemDataKeys = useItemDataKeys(),
     valueKey = _useItemDataKeys.valueKey,

package/esm/CheckTree/hooks/useTreeValue.js

@@ -1,6 +1,6 @@
 'use client';
-import { useControlled, useMount } from "../../internals/hooks";
-import { getCheckTreeDefaultValue } from "../utils";
+import { useControlled, useMount } from "../../internals/hooks/index.js";
+import { getCheckTreeDefaultValue } from "../utils.js";
 function useTreeValue(controlledValue, _ref) {
   var defaultValue = _ref.defaultValue,
     uncheckableItemValues = _ref.uncheckableItemValues;

package/esm/CheckTree/index.js

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

package/esm/CheckTree/utils.d.ts

@@ -1,6 +1,6 @@
 import { CheckTreeProps, ValueType } from './CheckTree';
-import { CheckStateType } from '@/internals/constants';
-import { TreeNode, TreeNodeMap } from '@/internals/Tree/types';
+import { CheckStateType } from '../internals/constants';
+import { TreeNode, TreeNodeMap } from '../internals/Tree/types';
 /**
  * Checks if every child of a given parent node is checked.
  */

package/esm/CheckTree/utils.js

@@ -2,9 +2,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _isUndefined from "lodash/isUndefined";
 import _isNil from "lodash/isNil";
-import { CHECK_STATE } from "../internals/constants";
-import { attachParent } from "../internals/utils";
-import { formatNodeRefKey } from "../Tree/utils";
+import { CHECK_STATE } from "../internals/constants/index.js";
+import { attachParent } from "../internals/utils/index.js";
+import { formatNodeRefKey } from "../Tree/utils/index.js";
 
 /**
  * Retrieves the children of a given parent node from a flattened node map.

package/esm/CheckTreePicker/CheckTreePicker.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '@/internals/Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { type CheckTreeViewProps } from '../CheckTree/CheckTreeView';
-import type { TreeNode } from '@/internals/Tree/types';
-import type { FormControlPickerProps, ItemDataType, DeprecatedPickerProps } from '@/internals/types';
+import type { TreeNode } from '../internals/Tree/types';
+import type { FormControlPickerProps, ItemDataType, DeprecatedPickerProps } from '../internals/types';
 import type { TreeExtraProps } from '../Tree/types';
-export declare type ValueType = (string | number)[];
+export type ValueType = (string | number)[];
 export interface CheckTreePickerProps<V = ValueType> extends Omit<CheckTreeViewProps<V>, 'value' | 'onChange' | 'data'>, TreeExtraProps, DeprecatedPickerProps, FormControlPickerProps<V, PickerLocale, ItemDataType>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {
     /**
      * A picker that can be counted

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -5,19 +5,20 @@ import _omit from "lodash/omit";
 import _isFunction from "lodash/isFunction";
 import _pick from "lodash/pick";
 import _isNil from "lodash/isNil";
+var _excluded = ["as", "id", "appearance", "cleanable", "countable", "cascade", "classPrefix", "childrenKey", "disabled", "data", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "placeholder", "popupClassName", "popupStyle", "popupAutoWidth", "placement", "treeHeight", "toggleAs", "menuAutoWidth", "menuClassName", "menuStyle", "style", "searchBy", "searchKeyword", "showIndentLine", "searchable", "valueKey", "value", "virtualized", "uncheckableItemValues", "locale", "labelKey", "listProps", "getChildren", "renderExtraFooter", "onEnter", "onChange", "onClean", "onExit", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode"];
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { useCustom, useClassNames, useEventCallback } from "../internals/hooks";
-import { createChainedFunction, mergeRefs } from "../internals/utils";
-import { PickerToggle, onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker";
-import CheckTreeView from "../CheckTree/CheckTreeView";
-import { getSelectedItems } from "../CheckTree/utils";
-import useTreeValue from "../CheckTree/hooks/useTreeValue";
-import useFlattenTree from "../Tree/hooks/useFlattenTree";
-import useTreeWithChildren from "../Tree/hooks/useTreeWithChildren";
-import useExpandTree from "../Tree/hooks/useExpandTree";
-import useFocusState from "./hooks/useFocusState";
-import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider";
+import { useCustom, useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
+import { PickerToggle, onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
+import CheckTreeView from "../CheckTree/CheckTreeView.js";
+import { getSelectedItems } from "../CheckTree/utils.js";
+import useTreeValue from "../CheckTree/hooks/useTreeValue.js";
+import useFlattenTree from "../Tree/hooks/useFlattenTree.js";
+import useTreeWithChildren from "../Tree/hooks/useTreeWithChildren.js";
+import useExpandTree from "../Tree/hooks/useExpandTree.js";
+import useFocusState from "./hooks/useFocusState.js";
+import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider.js";
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.
  *
@@ -99,7 +100,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     renderTree = _props$renderTree === void 0 ? DEPRECATED_renderMenu : _props$renderTree,
     renderTreeIcon = props.renderTreeIcon,
     renderTreeNode = props.renderTreeNode,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "id", "appearance", "cleanable", "countable", "cascade", "classPrefix", "childrenKey", "disabled", "data", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "placeholder", "popupClassName", "popupStyle", "popupAutoWidth", "placement", "treeHeight", "toggleAs", "menuAutoWidth", "menuClassName", "menuStyle", "style", "searchBy", "searchKeyword", "showIndentLine", "searchable", "valueKey", "value", "virtualized", "uncheckableItemValues", "locale", "labelKey", "listProps", "getChildren", "renderExtraFooter", "onEnter", "onChange", "onClean", "onExit", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,

package/esm/CheckTreePicker/hooks/useFocusState.js

@@ -1,6 +1,6 @@
 'use client';
 import { useState } from 'react';
-import { useEventCallback } from "../../internals/hooks";
+import { useEventCallback } from "../../internals/hooks/index.js";
 function useFocusState(props) {
   var target = props.target;
   var _useState = useState(false),

package/esm/CheckTreePicker/index.js

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

package/esm/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '@/internals/types';
-export declare type ValueType = string | number;
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+export type ValueType = string | number;
 export interface CheckboxProps<V = ValueType> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * The color of the checkbox when checked or indeterminate

package/esm/Checkbox/Checkbox.js

@@ -3,12 +3,13 @@ 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;
+var _excluded = ["as", "checked", "className", "children", "classPrefix", "checkable", "color", "defaultChecked", "title", "inputRef", "inputProps", "indeterminate", "labelClickable", "tabIndex", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onClick", "onCheckboxClick", "onChange"];
 import React, { useContext, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
-import { useControlled, useClassNames, useEventCallback, useUniqueId } from "../internals/hooks";
-import { partitionHTMLProps, mergeRefs } from "../internals/utils";
-import { CheckboxGroupContext } from "../CheckboxGroup";
-import { refType } from "../internals/propTypes";
+import { useControlled, useClassNames, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
+import { partitionHTMLProps, mergeRefs } from "../internals/utils/index.js";
+import { CheckboxGroupContext } from "../CheckboxGroup/index.js";
+import { refType } from "../internals/propTypes/index.js";
 /**
  * The Checkbox component is used for selecting multiple options from a set.
  * @see https://rsuitejs.com/components/checkbox
@@ -56,11 +57,13 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick = props.onClick,
     onCheckboxClick = props.onCheckboxClick,
     onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "checked", "className", "children", "classPrefix", "checkable", "color", "defaultChecked", "title", "inputRef", "inputProps", "indeterminate", "labelClickable", "tabIndex", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onClick", "onCheckboxClick", "onChange"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useControlled = useControlled(controlledChecked, defaultChecked),
     selfChecked = _useControlled[0],
     setSelfChecked = _useControlled[1],
-    selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>
+    selfControlled = _useControlled[2];
+
+  // Either <Checkbox> is checked itself or by parent <CheckboxGroup>
   var checked = useMemo(function () {
     var _checkboxGroupContext, _checkboxGroupContext2;
     if (!checkboxGroupContext) {
@@ -84,7 +87,9 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
   var _partitionHTMLProps = partitionHTMLProps(rest),
     htmlInputProps = _partitionHTMLProps[0],
-    restProps = _partitionHTMLProps[1]; // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled
+    restProps = _partitionHTMLProps[1];
+
+  // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled
   // because its checked state is inferred from group's value, not retrieved from the DOM
   var controlled = checkboxGroupContext ? true : selfControlled;
   if (typeof controlled !== 'undefined') {

package/esm/Checkbox/index.js

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

package/esm/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '@/internals/types';
+import { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '../internals/types';
 import type { ValueType } from '../Checkbox';
 export interface CheckboxGroupProps<V = ValueType[]> extends WithAsProps, FormControlBaseProps<V> {
     /** Used for the name of the form */

package/esm/CheckboxGroup/CheckboxGroup.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", "className", "inline", "children", "name", "value", "defaultValue", "classPrefix", "disabled", "readOnly", "plaintext", "onChange"];
 import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import cloneDeep from 'lodash/cloneDeep';
 import remove from 'lodash/remove';
-import { useClassNames, useControlled } from "../internals/hooks";
-import { shallowEqual } from "../internals/utils";
-import Plaintext from "../internals/Plaintext";
-import { CheckboxGroupContext } from "./CheckboxGroupContext";
+import { useClassNames, useControlled } from "../internals/hooks/index.js";
+import { shallowEqual } from "../internals/utils/index.js";
+import Plaintext from "../internals/Plaintext/index.js";
+import { CheckboxGroupContext } from "./CheckboxGroupContext.js";
 /**
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group
@@ -28,7 +29,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     readOnly = props.readOnly,
     plaintext = props.plaintext,
     onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "inline", "children", "name", "value", "defaultValue", "classPrefix", "disabled", "readOnly", "plaintext", "onChange"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/CheckboxGroup/index.js

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

package/esm/Col/Col.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface ColProps extends WithAsProps {
     /** The number of columns you wish to span for Extra small devices Phones (< 576px) */
     xs?: number;

package/esm/Col/Col.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"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
-import { COLUMN_SIZE } from "../internals/constants";
-import { useClassNames } from "../internals/hooks";
+import { COLUMN_SIZE } from "../internals/constants/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
 /**
  * The `Col` component is used for layout and grids.
  * @see https://rsuitejs.com/en/components/grid
@@ -16,7 +17,7 @@ var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'col' : _props$classPrefix,
     className = props.className,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,

package/esm/Col/index.js

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

package/esm/Container/Container.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps } from '@/internals/types';
-export declare type ContainerProps = WithAsProps & React.HTMLAttributes<HTMLDivElement>;
+import { WithAsProps } from '../internals/types';
+export type ContainerProps = WithAsProps & React.HTMLAttributes<HTMLDivElement>;
 export declare const ContainerContext: React.Context<ContainerContextValue>;
 interface ContainerContextValue {
     setHasSidebar?: (value: boolean) => void;

package/esm/Container/Container.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", "classPrefix", "className", "children"];
 import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from "../internals/hooks";
+import { useClassNames } from "../internals/hooks/index.js";
 export var ContainerContext = /*#__PURE__*/React.createContext({});
 /**
  * The Container component is used to wrap content in a themed container with a max-width.
@@ -16,7 +17,7 @@ var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'container' : _props$classPrefix,
     className = props.className,
     children = props.children,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useState = useState(false),
     hasSidebar = _useState[0],
     setHasSidebar = _useState[1];

package/esm/Container/index.js

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

package/esm/Content/Content.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from '@/internals/utils';
-export declare type ContentProps = ComponentProps;
+import { ComponentProps } from '../internals/utils';
+export type ContentProps = ComponentProps;
 /**
  * The Content component is used to wrap content in a themed container with a max-width.
  * @see https://rsuitejs.com/components/container/

package/esm/Content/Content.js

@@ -1,5 +1,5 @@
 'use client';
-import { createComponent } from "../internals/utils";
+import { createComponent } from "../internals/utils/index.js";
 /**
  * The Content component is used to wrap content in a themed container with a max-width.
  * @see https://rsuitejs.com/components/container/

package/esm/Content/index.js

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

package/esm/CustomProvider/CustomProvider.d.ts

@@ -175,6 +175,6 @@ declare const CustomContext: React.Context<CustomProviderProps<{
  *
  * @see https://rsuitejs.com/components/custom-provider
  */
-declare const CustomProvider: (props: Omit<CustomProviderProps, 'toasters'>) => JSX.Element;
+declare const CustomProvider: (props: Omit<CustomProviderProps, 'toasters'>) => React.JSX.Element;
 export { CustomContext };
 export default CustomProvider;

package/esm/CustomProvider/CustomProvider.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 = ["children", "classPrefix", "theme", "toastContainer", "disableRipple"];
 import React from 'react';
-import { usePortal, useIsomorphicLayoutEffect } from "../internals/hooks";
-import { getClassNamePrefix, prefix } from "../internals/utils/prefix";
-import { addClass, removeClass, canUseDOM } from "../DOMHelper";
-import ToastContainer, { toastPlacements } from "../toaster/ToastContainer";
+import { usePortal, useIsomorphicLayoutEffect } from "../internals/hooks/index.js";
+import { getClassNamePrefix, prefix } from "../internals/utils/prefix.js";
+import { addClass, removeClass, canUseDOM } from "../DOMHelper/index.js";
+import ToastContainer, { toastPlacements } from "../toaster/ToastContainer.js";
 var CustomContext = /*#__PURE__*/React.createContext({});
 var themes = ['light', 'dark', 'high-contrast'];
 
@@ -21,7 +22,7 @@ var CustomProvider = function CustomProvider(props) {
     theme = props.theme,
     container = props.toastContainer,
     disableRipple = props.disableRipple,
-    rest = _objectWithoutPropertiesLoose(props, ["children", "classPrefix", "theme", "toastContainer", "disableRipple"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var toasters = React.useRef(new Map());
   var _usePortal = usePortal({
       container: container,

package/esm/CustomProvider/FormattedDate.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface FormattedDateProps {
     date: Date;
     formatStr: string;
 }
-declare function FormattedDate({ date, formatStr }: FormattedDateProps): JSX.Element;
+declare function FormattedDate({ date, formatStr }: FormattedDateProps): React.JSX.Element;
 export default FormattedDate;

package/esm/CustomProvider/FormattedDate.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { useCustom } from "../internals/hooks";
+import { useCustom } from "../internals/hooks/index.js";
 function FormattedDate(_ref) {
   var date = _ref.date,
     formatStr = _ref.formatStr;

package/esm/CustomProvider/index.js

@@ -1,5 +1,5 @@
 'use client';
-import CustomProvider, { CustomContext } from "./CustomProvider";
-import FormattedDate from "./FormattedDate";
+import CustomProvider, { CustomContext } from "./CustomProvider.js";
+import FormattedDate from "./FormattedDate.js";
 export { CustomContext, FormattedDate };
 export default CustomProvider;

package/esm/DOMHelper/index.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as helpers from 'dom-lib';
-import isElement from "./isElement";
+import isElement from "./isElement.js";
 export * from 'dom-lib';
 
 /**

package/esm/DateInput/DateField.js

@@ -4,7 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
 import { useReducer } from 'react';
 import isValid from 'date-fns/isValid';
-import { modifyDate } from "./utils";
+import { modifyDate } from "./utils.js";
 export var patternMap = {
   y: 'year',
   M: 'month',
@@ -16,7 +16,6 @@ export var patternMap = {
   a: 'meridian'
 };
 export var DateField = /*#__PURE__*/function (_Object) {
-  _inheritsLoose(DateField, _Object);
   function DateField(format, value) {
     var _this;
     _this = _Object.call(this) || this;
@@ -46,6 +45,7 @@ export var DateField = /*#__PURE__*/function (_Object) {
     }
     return _this;
   }
+  _inheritsLoose(DateField, _Object);
   return DateField;
 }( /*#__PURE__*/_wrapNativeSuper(Object));
 

package/esm/DateInput/DateInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InputProps } from '../Input';
-import { FormControlBaseProps } from '@/internals/types';
+import { FormControlBaseProps } from '../internals/types';
 export interface DateInputProps extends Omit<InputProps, 'value' | 'onChange' | 'defaultValue'>, FormControlBaseProps<Date | null> {
     /**
      * Format of the date when rendered in the input. Format of the string is based on Unicode Technical Standard.

package/esm/DateInput/DateInput.js

@@ -1,17 +1,18 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus"];
 import React, { useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import Input from "../Input";
-import { useCustom, useControlled, useEventCallback } from "../internals/hooks";
-import { mergeRefs } from "../internals/utils";
-import { getInputSelectedState, validateDateTime, useInputSelection } from "./utils";
-import useDateInputState from "./hooks/useDateInputState";
-import useKeyboardInputEvent from "./hooks/useKeyboardInputEvent";
-import useIsFocused from "./hooks/useIsFocused";
-import useFieldCursor from "./hooks/useFieldCursor";
-import useSelectedState from "./hooks/useSelectedState";
+import Input from "../Input/index.js";
+import { useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { mergeRefs } from "../internals/utils/index.js";
+import { getInputSelectedState, validateDateTime, useInputSelection } from "./utils.js";
+import useDateInputState from "./hooks/useDateInputState.js";
+import useKeyboardInputEvent from "./hooks/useKeyboardInputEvent.js";
+import useIsFocused from "./hooks/useIsFocused.js";
+import useFieldCursor from "./hooks/useFieldCursor.js";
+import useSelectedState from "./hooks/useSelectedState.js";
 /**
  * The DateInput component lets users select a date with the keyboard.
  * @version 5.58.0
@@ -27,7 +28,7 @@ var DateInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onKeyDown = props.onKeyDown,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
-    rest = _objectWithoutPropertiesLoose(props, ["format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var inputRef = useRef();
   var _useSelectedState = useSelectedState(),
     selectedState = _useSelectedState.selectedState,

package/esm/DateInput/hooks/useDateInputState.d.ts

@@ -1,4 +1,4 @@
-import { format } from '@/internals/utils/date';
+import { format } from '../../internals/utils/date';
 import type { Locale } from 'date-fns';
 interface DateInputState {
     formatStr: string;

package/esm/DateInput/hooks/useDateInputState.js

@@ -1,8 +1,8 @@
 'use client';
 import { useEffect } from 'react';
 import startCase from 'lodash/startCase';
-import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, format, isLastDayOfMonth, lastDayOfMonth, isValid } from "../../internals/utils/date";
-import { useDateField, patternMap } from "../DateField";
+import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, format, isLastDayOfMonth, lastDayOfMonth, isValid } from "../../internals/utils/date/index.js";
+import { useDateField, patternMap } from "../DateField.js";
 export function useDateInputState(_ref) {
   var formatStr = _ref.formatStr,
     locale = _ref.locale,