rsuite 5.61.0 → 5.62.1

package/esm/Steps/index.js

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

package/esm/Table/Table.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 = ["locale", "loadAnimation"];
 import React from 'react';
 import { Table as RsTable, Column, Cell, HeaderCell, ColumnGroup } from 'rsuite-table';
-import { useCustom } from '../utils';
+import { useCustom } from "../internals/hooks/index.js";
 var CustomTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var localeProp = props.locale,
     _props$loadAnimation = props.loadAnimation,
     loadAnimation = _props$loadAnimation === void 0 ? true : _props$loadAnimation,
-    rest = _objectWithoutPropertiesLoose(props, ["locale", "loadAnimation"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useCustom = useCustom('Table', localeProp),
     locale = _useCustom.locale,
     rtl = _useCustom.rtl;

package/esm/Table/index.js

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

package/esm/Tabs/TabPanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '../internals/types';
 interface TabPanelProps extends WithAsProps {
     /** The active state of the tab. */
     active?: boolean;

package/esm/Tabs/TabPanel.js

@@ -1,8 +1,9 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "children", "active", "className"];
 import React from 'react';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks/index.js";
 var TabPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -11,7 +12,7 @@ var TabPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children = props.children,
     active = props.active,
     className = props.className,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "children", "active", "className"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import Tab from './Tab';
 export interface TabsProps extends WithAsProps {
     /**

package/esm/Tabs/Tabs.js

@@ -3,12 +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;
+var _excluded = ["as", "classPrefix", "appearance", "className", "children", "activeKey", "defaultActiveKey", "id", "reversed", "vertical", "onSelect"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useControlled, ReactChildren, useEventCallback, useUniqueId, useCustom } from '../utils';
-import Nav from '../Nav';
-import Tab from './Tab';
-import TabPanel from './TabPanel';
+import { useClassNames, useControlled, useEventCallback, useUniqueId, useCustom } from "../internals/hooks/index.js";
+import { ReactChildren } from "../internals/utils/index.js";
+import Nav from "../Nav/index.js";
+import Tab from "./Tab.js";
+import TabPanel from "./TabPanel.js";
 function getFocusableTabs(tablist) {
   var tabs = tablist === null || tablist === void 0 ? void 0 : tablist.querySelectorAll('[role=tab]');
   return Array.from(tabs).filter(function (tab) {
@@ -115,7 +117,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
     reversed = props.reversed,
     vertical = props.vertical,
     onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "appearance", "className", "children", "activeKey", "defaultActiveKey", "id", "reversed", "vertical", "onSelect"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var id = useUniqueId('tab-', idProp);
   var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
@@ -166,8 +168,8 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (item) {
       var _item;
       var _item$dataset = (_item = item) === null || _item === void 0 ? void 0 : _item.dataset,
-        _eventKey = _item$dataset.eventKey;
-      handleSelect(_eventKey, event);
+        eventKey = _item$dataset.eventKey;
+      handleSelect(eventKey, event);
       item.focus();
     }
   });

package/esm/Tabs/index.js

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

package/esm/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
 export interface TagProps extends WithAsProps {
     /** Different sizes */
     size?: 'lg' | 'md' | 'sm';

package/esm/Tag/Tag.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, _templateObject2;
+var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "className", "onClose"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useCustom } from '../utils';
-import CloseButton from '../internals/CloseButton';
+import { useClassNames, useCustom } from "../internals/hooks/index.js";
+import CloseButton from "../internals/CloseButton/index.js";
 /**
  * The `Tag` component is used to label and categorize.
  * It can be used to mark the status of an object or classify it into different categories.
@@ -26,7 +27,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
     closable = props.closable,
     className = props.className,
     onClose = props.onClose,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "size", "color", "children", "closable", "className", "onClose"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,

package/esm/Tag/index.js

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

package/esm/TagGroup/TagGroup.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps } from '../utils/createComponent';
-export declare type TagGroupProps = ComponentProps;
+import { ComponentProps } from '../internals/utils';
+export type TagGroupProps = ComponentProps;
 /**
  * The `TagGroup` component for use with the `Tag` component.
  *
  * @see https://rsuitejs.com/components/tag/
  */
-declare const TagGroup: import("../@types/common").RsRefForwardingComponent<"div", ComponentProps>;
+declare const TagGroup: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
 export default TagGroup;

package/esm/TagGroup/TagGroup.js

@@ -1,5 +1,5 @@
 'use client';
-import createComponent from '../utils/createComponent';
+import { createComponent } from "../internals/utils/index.js";
 /**
  * The `TagGroup` component for use with the `Tag` component.
  *

package/esm/TagGroup/index.js

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

package/esm/TagInput/index.d.ts

@@ -1,7 +1,7 @@
 import { InputPickerProps } from '../InputPicker/InputPicker';
 import { TagOnlyProps } from '../InputPicker/InputPickerContext';
 import type { PickerComponent } from '../internals/Picker/types';
-export declare type TagInputProps = Omit<InputPickerProps<readonly string[]>, 'data'> & Partial<TagOnlyProps>;
+export type TagInputProps = Omit<InputPickerProps<readonly string[]>, 'data'> & Partial<TagOnlyProps>;
 /**
  * The `TagInput` component is an enhancement of Input and supports input tags and management tags.
  *

package/esm/TagInput/index.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 = ["tagProps", "trigger", "value", "defaultValue", "onTagRemove"];
 import React, { useMemo } from 'react';
-import InputPicker from '../InputPicker/InputPicker';
-import { TagProvider } from '../InputPicker/InputPickerContext';
+import InputPicker from "../InputPicker/InputPicker.js";
+import { TagProvider } from "../InputPicker/InputPickerContext.js";
 /**
  * The `TagInput` component is an enhancement of Input and supports input tags and management tags.
  *
@@ -17,7 +18,7 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value = props.value,
     defaultValue = props.defaultValue,
     onTagRemove = props.onTagRemove,
-    rest = _objectWithoutPropertiesLoose(props, ["tagProps", "trigger", "value", "defaultValue", "onTagRemove"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var contextValue = useMemo(function () {
     return {
       multi: true,

package/esm/TagPicker/index.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 = ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox"];
 import React, { useMemo } from 'react';
-import InputPicker from '../InputPicker/InputPicker';
-import { TagProvider } from '../InputPicker/InputPickerContext';
+import InputPicker from "../InputPicker/InputPicker.js";
+import { TagProvider } from "../InputPicker/InputPickerContext.js";
 /**
  * `TagPicker` component enables multi-selection by tags and supports new options.
  *
@@ -16,7 +17,7 @@ var TagPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
     onTagRemove = props.onTagRemove,
     renderMenuItemCheckbox = props.renderMenuItemCheckbox,
-    rest = _objectWithoutPropertiesLoose(props, ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var contextValue = useMemo(function () {
     return {
       multi: true,

package/esm/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 declare const fontSizeMap: {
     sm: number;
     md: number;

package/esm/Text/Text.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", "align", "classPrefix", "color", "className", "maxLines", "weight", "muted", "transform", "size", "style"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
-import { oneOf } from '../internals/propTypes';
+import { useClassNames } from "../internals/hooks/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
 var fontSizeMap = {
   sm: 12,
   md: 14,
@@ -32,7 +33,7 @@ var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
     transform = props.transform,
     size = props.size,
     style = props.style,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "align", "classPrefix", "color", "className", "maxLines", "weight", "muted", "transform", "size", "style"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/Text/index.js

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

package/esm/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import TimelineItem from './TimelineItem';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TimelineProps extends WithAsProps {
     /** The content of the component */
     children?: React.ReactNode;

package/esm/Timeline/Timeline.js

@@ -1,12 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "as", "classPrefix", "className", "align", "endless", "isItemActive"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import some from 'lodash/some';
-import TimelineItem from './TimelineItem';
-import { useClassNames, ReactChildren } from '../utils';
-import { oneOf } from '../internals/propTypes';
+import TimelineItem from "./TimelineItem.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { ReactChildren } from "../internals/utils/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
 /**
  * The `Timeline` component is used to display a list of items in chronological order.
  *
@@ -24,7 +26,7 @@ var Timeline = /*#__PURE__*/React.forwardRef(function (props, ref) {
     endless = props.endless,
     _props$isItemActive = props.isItemActive,
     isItemActive = _props$isItemActive === void 0 ? Timeline.ACTIVE_LAST : _props$isItemActive,
-    rest = _objectWithoutPropertiesLoose(props, ["children", "as", "classPrefix", "className", "align", "endless", "isItemActive"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Timeline/TimelineItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TimelineItemProps extends WithAsProps {
     /**
      * Whether the last item

package/esm/Timeline/TimelineItem.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", "children", "classPrefix", "last", "className", "dot", "time", "INTERNAL_active"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks/index.js";
 /**
  * The `Timeline.Item` component is used to set the layout of the child element in the `Timeline` component.
  *
@@ -20,7 +21,7 @@ var TimelineItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     dot = props.dot,
     time = props.time,
     INTERNAL_active = props.INTERNAL_active,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "children", "classPrefix", "last", "className", "dot", "time", "INTERNAL_active"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/Timeline/index.js

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

package/esm/Toggle/Toggle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
 import { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps {
     /** Whether to disabled toggle */

package/esm/Toggle/Toggle.js

@@ -1,12 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "disabled", "readOnly", "loading", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"];
 import React, { useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
-import { partitionHTMLProps, useClassNames, useControlled, useCustom } from '../utils';
-import { oneOf } from '../internals/propTypes';
-import Plaintext from '../internals/Plaintext';
-import Loader from '../Loader';
+import { useClassNames, useControlled, useCustom } from "../internals/hooks/index.js";
+import { partitionHTMLProps } from "../internals/utils/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
+import Plaintext from "../internals/Plaintext/index.js";
+import Loader from "../Loader/index.js";
 /**
  * The `Toggle` component is used to activate or deactivate an element.
  *
@@ -30,7 +32,7 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     size = props.size,
     localeProp = props.locale,
     onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "readOnly", "loading", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var inputRef = useRef(null);
   var _useControlled = useControlled(checkedProp, defaultChecked),
     checked = _useControlled[0],

package/esm/Toggle/index.js

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

package/esm/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TooltipProps extends WithAsProps {
     /** Dispaly placement */
     placement?: TypeAttributes.Placement;

package/esm/Tooltip/Tooltip.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", "classPrefix", "children", "style", "visible", "arrow"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks/index.js";
 /**
  * The `Tooltip` component is used to describe a element.
  *
@@ -20,7 +21,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
     visible = props.visible,
     _props$arrow = props.arrow,
     arrow = _props$arrow === void 0 ? true : _props$arrow,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "children", "style", "visible", "arrow"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Tooltip/index.js

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

package/esm/Tree/IndentLine.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const IndentLine: () => JSX.Element;
+import React from 'react';
+declare const IndentLine: () => React.JSX.Element;
 export default IndentLine;

package/esm/Tree/IndentLine.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks/index.js";
 var IndentLine = function IndentLine() {
   var _useClassNames = useClassNames('tree'),
     prefix = _useClassNames.prefix;

package/esm/Tree/Tree.d.ts

@@ -1,9 +1,15 @@
-import { RsRefForwardingComponent } from '../@types/common';
+import { RsRefForwardingComponent } from '../internals/types';
 import { type TreeViewProps } from './TreeView';
 import type { TreeExtraProps } from './types';
 export interface TreeProps<T = string | number | null> extends TreeViewProps<T>, TreeExtraProps {
-    /** Default selected Value  */
+    /**
+     * Default selected Value
+     */
     defaultValue?: T;
+    /**
+     * The shadow of the content when scrolling
+     */
+    scrollShadow?: boolean;
 }
 /**
  * The `Tree` component is used to display hierarchical data.

package/esm/Tree/Tree.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 = ["value", "defaultValue", "childrenKey", "labelKey", "valueKey", "data", "defaultExpandAll", "defaultExpandItemValues", "expandItemValues", "virtualized", "scrollShadow", "renderTreeIcon", "renderTreeNode", "getChildren", "onChange", "onExpand"];
 import React, { useMemo } from 'react';
-import TreeView from './TreeView';
-import { useControlled, useEventCallback } from '../utils';
-import useFlattenTree from './hooks/useFlattenTree';
-import useTreeWithChildren from './hooks/useTreeWithChildren';
-import useExpandTree from './hooks/useExpandTree';
-import { TreeProvider } from './TreeProvider';
+import TreeView from "./TreeView.js";
+import { useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { TreeProvider } from "../internals/Tree/TreeProvider.js";
+import useFlattenTree from "./hooks/useFlattenTree.js";
+import useTreeWithChildren from "./hooks/useTreeWithChildren.js";
+import useExpandTree from "./hooks/useExpandTree.js";
 /**
  * The `Tree` component is used to display hierarchical data.
  *
@@ -29,12 +30,13 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,
     controlledExpandItemValues = props.expandItemValues,
     virtualized = props.virtualized,
+    scrollShadow = props.scrollShadow,
     renderTreeIcon = props.renderTreeIcon,
     renderTreeNode = props.renderTreeNode,
     getChildren = props.getChildren,
     onChange = props.onChange,
     onExpand = props.onExpand,
-    rest = _objectWithoutPropertiesLoose(props, ["value", "defaultValue", "childrenKey", "labelKey", "valueKey", "data", "defaultExpandAll", "defaultExpandItemValues", "expandItemValues", "virtualized", "renderTreeIcon", "renderTreeNode", "getChildren", "onChange", "onExpand"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useControlled = useControlled(controlledValue, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1];
@@ -69,11 +71,12 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
         labelKey: labelKey,
         valueKey: valueKey,
         virtualized: virtualized,
+        scrollShadow: scrollShadow,
         renderTreeIcon: renderTreeIcon,
         renderTreeNode: renderTreeNode
       }
     };
-  }, [childrenKey, labelKey, valueKey, virtualized, renderTreeIcon, renderTreeNode]);
+  }, [childrenKey, labelKey, valueKey, scrollShadow, virtualized, renderTreeIcon, renderTreeNode]);
   return /*#__PURE__*/React.createElement(TreeProvider, {
     value: treeContext
   }, /*#__PURE__*/React.createElement(TreeView, _extends({
@@ -81,7 +84,6 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rest, {
     value: value,
     data: treeData,
-    virtualized: virtualized,
     loadingNodeValues: loadingNodeValues,
     flattenedNodes: flattenedNodes,
     expandItemValues: expandItemValues,

package/esm/Tree/TreeNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import type { TreeNode as TreeNodeData } from './types';
-export declare type DragStatus = 'drag-over' | 'drag-over-top' | 'drag-over-bottom';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { TreeNode as TreeNodeData } from '../internals/Tree/types';
+export type DragStatus = 'drag-over' | 'drag-over-top' | 'drag-over-bottom';
 interface TreeDragEventProps {
     /**
      * Callback function called when the drag operation starts.

package/esm/Tree/TreeNode.js

@@ -1,13 +1,13 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "label", "layer", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expanded", "focus", "style", "hasChildren", "dragging", "dragStatus", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "onExpand"];
 import React, { forwardRef, useMemo } from 'react';
-import { useClassNames, useEventCallback, mergeRefs, useCustom } from '../utils';
-import { stringifyReactNode } from '../internals/utils';
-import { useFoucsVirtualListItem } from '../internals/hooks';
-import TreeNodeToggle from './TreeNodeToggle';
-import { useTreeContextProps } from './TreeProvider';
-import { indentTreeNode } from './utils';
+import { mergeRefs, stringifyReactNode } from "../internals/utils/index.js";
+import { useFocusVirtualListItem, useClassNames, useEventCallback, useCustom } from "../internals/hooks/index.js";
+import TreeNodeToggle from "./TreeNodeToggle.js";
+import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
+import { indentTreeNode } from "./utils/index.js";
 
 /**
  * Props for the TreeNode component.
@@ -42,7 +42,7 @@ var TreeNode = /*#__PURE__*/forwardRef(function (props, ref) {
     onDragEnd = props.onDragEnd,
     onDrop = props.onDrop,
     onExpand = props.onExpand,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "label", "layer", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expanded", "focus", "style", "hasChildren", "dragging", "dragStatus", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "onExpand"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var _useTreeContextProps = useTreeContextProps(),
@@ -100,7 +100,7 @@ var TreeNode = /*#__PURE__*/forwardRef(function (props, ref) {
     'text-muted': disabled,
     focus: focus
   }));
-  var treeItemRef = useFoucsVirtualListItem(focus);
+  var treeItemRef = useFocusVirtualListItem(focus);
   var styles = virtualized ? _extends({}, style, indentTreeNode(rtl, layer - 1)) : style;
   return visible ? /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: mergeRefs(treeItemRef, ref),

package/esm/Tree/TreeNodeToggle.d.ts

@@ -5,5 +5,5 @@ interface TreeNodeToggleProps extends React.HTMLAttributes<HTMLDivElement> {
     expanded?: boolean;
     hasChildren?: boolean;
 }
-declare function TreeNodeToggle(props: TreeNodeToggleProps): JSX.Element;
+declare function TreeNodeToggle(props: TreeNodeToggleProps): React.JSX.Element;
 export default TreeNodeToggle;

package/esm/Tree/TreeNodeToggle.js

@@ -1,19 +1,20 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["data", "loading", "expanded", "hasChildren"];
 import React from 'react';
 import ArrowDownIcon from '@rsuite/icons/ArrowDown';
 import ArrowRightIcon from '@rsuite/icons/ArrowRight';
 import ArrowLeftIcon from '@rsuite/icons/ArrowLeft';
 import Spinner from '@rsuite/icons/legacy/Spinner';
-import { useClassNames, useCustom } from '../utils';
-import { useTreeCustomRenderer } from './TreeProvider';
+import { useClassNames, useCustom } from "../internals/hooks/index.js";
+import { useTreeCustomRenderer } from "../internals/Tree/TreeProvider.js";
 function TreeNodeToggle(props) {
   var data = props.data,
     loading = props.loading,
     expanded = props.expanded,
     hasChildren = props.hasChildren,
-    rest = _objectWithoutPropertiesLoose(props, ["data", "loading", "expanded", "hasChildren"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var _useTreeCustomRendere = useTreeCustomRenderer(),