rsuite 5.61.0 → 5.62.1

package/esm/internals/Picker/PickerLabel.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 = ["children", "className", "as"];
 import React from 'react';
-import InputGroup from '../../InputGroup';
+import InputGroup from "../../InputGroup/index.js";
 var PickerLabel = function PickerLabel(_ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$as = _ref.as,
     Component = _ref$as === void 0 ? InputGroup.Addon : _ref$as,
-    rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "as"]);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return children ? /*#__PURE__*/React.createElement(Component, _extends({
     "data-testid": "picker-label",
     className: className

package/esm/internals/Picker/PickerPopup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../types';
 import type { OverlayTriggerHandle } from './PickerToggleTrigger';
 export interface PickerPopupProps extends WithAsProps {
     placement?: string;

package/esm/internals/Picker/PickerPopup.js

@@ -1,11 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "autoWidth", "className", "placement", "target"];
 import React, { useRef, useCallback, useEffect } from 'react';
 import omit from 'lodash/omit';
 import addStyle from 'dom-lib/addStyle';
 import getWidth from 'dom-lib/getWidth';
-import { getDOMNode, mergeRefs, useElementResize, useClassNames, useEventCallback } from '../../utils';
+import { mergeRefs } from "../utils/index.js";
+import { useElementResize, useClassNames, useEventCallback } from "../hooks/index.js";
+import { getDOMNode } from "../utils/index.js";
 var omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
 var resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
 var PickerPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -18,7 +21,7 @@ var PickerPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
     target = props.target,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var overlayRef = useRef(null);
   var handleResize = useEventCallback(function () {
     var instance = target === null || target === void 0 ? void 0 : target.current;

package/esm/internals/Picker/PickerToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../../@types/common';
+import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;

package/esm/internals/Picker/PickerToggle.js

@@ -3,15 +3,16 @@ 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 = ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "loading", "cleanable", "tabIndex", "inputValue", "focusItemValue", "onClean", "placement", "caretComponent", "caretAs", "label", "name"];
 import React, { useRef, useMemo } from 'react';
-import ToggleButton from './ToggleButton';
-import { useClassNames, mergeRefs, useEventCallback } from '../../utils';
-import Plaintext from '../Plaintext';
-import useToggleCaret from '../../utils/useToggleCaret';
-import Stack from '../../Stack';
-import PickerIndicator from './PickerIndicator';
-import PickerLabel from './PickerLabel';
-import useCombobox from './hooks/useCombobox';
+import ToggleButton from "./ToggleButton.js";
+import { useClassNames, useEventCallback, useToggleCaret } from "../hooks/index.js";
+import { mergeRefs } from "../utils/index.js";
+import Plaintext from "../Plaintext/index.js";
+import Stack from "../../Stack/index.js";
+import PickerIndicator from "./PickerIndicator.js";
+import PickerLabel from "./PickerLabel.js";
+import useCombobox from "./hooks/useCombobox.js";
 var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var active = props.active,
     _props$as = props.as,
@@ -41,7 +42,7 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
     label = props.label,
     name = props.name,
-    rest = _objectWithoutPropertiesLoose(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "loading", "cleanable", "tabIndex", "inputValue", "focusItemValue", "onClean", "placement", "caretComponent", "caretAs", "label", "name"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var combobox = useRef(null);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/internals/Picker/PickerToggleTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../../internals/Overlay/OverlayTrigger';
-import { PositionChildProps } from '../../internals/Overlay/Position';
-import { TypeAttributes, AnimationEventProps } from '../../@types/common';
+import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
+import { PositionChildProps } from '../Overlay/Position';
+import { TypeAttributes, AnimationEventProps } from '../types';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;

package/esm/internals/Picker/PickerToggleTrigger.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 = ["pickerProps", "speaker", "placement", "trigger", "id", "multiple", "popupType"];
 import React from 'react';
 import pick from 'lodash/pick';
-import OverlayTrigger from '../../internals/Overlay/OverlayTrigger';
-import { placementPolyfill, useCustom, useUniqueId } from '../../utils';
+import OverlayTrigger from "../Overlay/OverlayTrigger.js";
+import { useCustom, useUniqueId } from "../hooks/index.js";
+import { placementPolyfill } from "../utils/index.js";
 export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
 export var ComboboxContextContext = /*#__PURE__*/React.createContext({
@@ -20,7 +22,7 @@ var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     multiple = props.multiple,
     _props$popupType = props.popupType,
     popupType = _props$popupType === void 0 ? 'listbox' : _props$popupType,
-    rest = _objectWithoutPropertiesLoose(props, ["pickerProps", "speaker", "placement", "trigger", "id", "multiple", "popupType"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var pickerTriggerProps = pick(pickerProps, pickTriggerPropKeys);
   var pickerId = useUniqueId('rs-', id);
   var _useCustom = useCustom(),

package/esm/internals/Picker/SelectedElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PickerLocale } from '../../locales';
 export interface SelectedElementProps {
     selectedItems: any[];
@@ -10,5 +10,5 @@ export interface SelectedElementProps {
     childrenKey?: string;
     prefix: (name: string) => string;
 }
-declare const SelectedElement: (props: SelectedElementProps) => JSX.Element;
+declare const SelectedElement: (props: SelectedElementProps) => React.JSX.Element;
 export default SelectedElement;

package/esm/internals/Picker/SelectedElement.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import reactToString from '../../utils/reactToString';
+import { reactToString } from "../utils/index.js";
 var SelectedElement = function SelectedElement(props) {
   var selectedItems = props.selectedItems,
     prefix = props.prefix,

package/esm/internals/Picker/ToggleButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ButtonProps } from '../../Button';
-export declare type ToggleButtonProps = ButtonProps;
+export type ToggleButtonProps = ButtonProps;
 declare const ToggleButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLDivElement>>;
 export default ToggleButton;

package/esm/internals/Picker/ToggleButton.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import Button from '../../Button';
+import Button from "../../Button/index.js";
 var ToggleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
     ref: ref,

package/esm/internals/Picker/hooks/index.js

@@ -1,7 +1,7 @@
 'use client';
-export { default as usePickerRef } from './usePickerRef';
-export { default as useCombobox } from './useCombobox';
-export { default as useFocusItemValue } from './useFocusItemValue';
-export { default as useToggleKeyDownEvent } from './useToggleKeyDownEvent';
-export { default as useSearch } from './useSearch';
-export { default as usePickerClassName } from './usePickerClassName';
+export { default as usePickerRef } from "./usePickerRef.js";
+export { default as useCombobox } from "./useCombobox.js";
+export { default as useFocusItemValue } from "./useFocusItemValue.js";
+export { default as useToggleKeyDownEvent } from "./useToggleKeyDownEvent.js";
+export { default as useSearch } from "./useSearch.js";
+export { default as usePickerClassName } from "./usePickerClassName.js";

package/esm/internals/Picker/hooks/useCombobox.d.ts

@@ -1,6 +1,6 @@
 declare function useCombobox(): {
     id: string | undefined;
-    popupType: "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    popupType: "dialog" | "menu" | "listbox" | "grid" | "tree" | undefined;
     multiple: boolean | undefined;
     labelId: string | undefined;
 };

package/esm/internals/Picker/hooks/useCombobox.js

@@ -1,6 +1,6 @@
 'use client';
 import { useContext } from 'react';
-import { ComboboxContextContext } from '../PickerToggleTrigger';
+import { ComboboxContextContext } from "../PickerToggleTrigger.js";
 function useCombobox() {
   var _useContext = useContext(ComboboxContextContext),
     id = _useContext.id,

package/esm/internals/Picker/hooks/useFocusItemValue.js

@@ -4,9 +4,10 @@ import isFunction from 'lodash/isFunction';
 import isUndefined from 'lodash/isUndefined';
 import find from 'lodash/find';
 import { getHeight } from 'dom-lib';
-import { useEventCallback, shallowEqual } from '../../../utils';
-import { findNodeOfTree } from '../../Tree/utils';
-import { onMenuKeyDown } from '../utils';
+import { useEventCallback } from "../../hooks/index.js";
+import { shallowEqual } from "../../utils/index.js";
+import { findNodeOfTree } from "../../Tree/utils/index.js";
+import { onMenuKeyDown } from "../utils.js";
 /**
  * A hook that manages the focus state of the option.
  * @param defaultFocusItemValue

package/esm/internals/Picker/hooks/usePickerClassName.d.ts

@@ -1,4 +1,4 @@
-import { TypeAttributes } from '../../../@types/common';
+import { TypeAttributes } from '../../types';
 export interface PickerClassNameProps {
     name?: string;
     classPrefix: string;

package/esm/internals/Picker/hooks/usePickerClassName.js

@@ -1,8 +1,10 @@
 'use client';
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["name", "classPrefix", "className", "placement", "appearance", "cleanable", "block", "disabled", "countable", "readOnly", "plaintext", "hasValue"];
 import kebabCase from 'lodash/kebabCase';
 import omit from 'lodash/omit';
-import { useClassNames, placementPolyfill } from '../../../utils';
+import { useClassNames } from "../../hooks/index.js";
+import { placementPolyfill } from "../../utils/index.js";
 /**
  * The className of the assembled Toggle is on the Picker.
  */
@@ -20,7 +22,7 @@ function usePickerClassName(props) {
     readOnly = props.readOnly,
     plaintext = props.plaintext,
     hasValue = props.hasValue,
-    rest = _objectWithoutPropertiesLoose(props, ["name", "classPrefix", "className", "placement", "appearance", "cleanable", "block", "disabled", "countable", "readOnly", "plaintext", "hasValue"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/internals/Picker/hooks/usePickerRef.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { OverlayTriggerHandle } from '../PickerToggleTrigger';
-import type { ListHandle } from '../../../internals/Windowing';
+import type { ListHandle } from '../../Windowing';
 /**
  * A hook of the exposed method of Picker
  */

package/esm/internals/Picker/hooks/usePickerRef.js

@@ -1,7 +1,7 @@
 'use client';
 import { useImperativeHandle, useRef } from 'react';
-import useEventCallback from '../../../utils/useEventCallback';
-import { RSUITE_PICKER_TYPE } from '../../../internals/symbols';
+import { useEventCallback } from "../../hooks/index.js";
+import { RSUITE_PICKER_TYPE } from "../../symbols.js";
 /**
  * A hook of the exposed method of Picker
  */

package/esm/internals/Picker/hooks/useSearch.d.ts

@@ -4,7 +4,7 @@ interface SearchOptions<T> {
     searchBy?: (keyword: string, label: any, item: T) => boolean;
     callback?: (keyword: string, data: T[], event: React.SyntheticEvent) => void;
 }
-declare type UseSearchResult<T> = {
+type UseSearchResult<T> = {
     searchKeyword: string;
     filteredData: T[];
     checkShouldDisplay: (item: T, keyword?: string) => boolean;

package/esm/internals/Picker/hooks/useSearch.js

@@ -1,14 +1,16 @@
 'use client';
 import { useState, useCallback, useMemo } from 'react';
 import isUndefined from 'lodash/isUndefined';
-import { shouldDisplay } from '../utils';
+import { shouldDisplay } from "../utils.js";
 /**
  * A hook that handles search filter options
  */
 function useSearch(data, props) {
   var labelKey = props.labelKey,
     searchBy = props.searchBy,
-    callback = props.callback; // Use search keywords to filter options.
+    callback = props.callback;
+
+  // Use search keywords to filter options.
   var _useState = useState(''),
     searchKeyword = _useState[0],
     setSearchKeyword = _useState[1];

package/esm/internals/Picker/hooks/useToggleKeyDownEvent.js

@@ -1,5 +1,6 @@
 'use client';
-import { useEventCallback, KEY_VALUES } from '../../../utils';
+import { KEY_VALUES } from "../../constants/index.js";
+import { useEventCallback } from "../../hooks/index.js";
 /**
  * A hook to control the toggle keyboard operation
  * @param props

package/esm/internals/Picker/index.js

@@ -1,16 +1,16 @@
 'use client';
-import { pickTriggerPropKeys, omitTriggerPropKeys } from './PickerToggleTrigger';
-export { default as Listbox } from './Listbox';
-export { default as ListItem } from './ListItem';
-export { default as ListItemGroup } from './ListItemGroup';
-export { default as ListCheckItem } from './ListCheckItem';
-export { default as PickerPopup } from './PickerPopup';
-export { default as PickerToggle } from './PickerToggle';
-export { default as PickerLabel } from './PickerLabel';
-export { default as PickerIndicator } from './PickerIndicator';
-export { default as PickerToggleTrigger } from './PickerToggleTrigger';
-export { default as SelectedElement } from './SelectedElement';
+import { pickTriggerPropKeys, omitTriggerPropKeys } from "./PickerToggleTrigger.js";
+export { default as Listbox } from "./Listbox.js";
+export { default as ListItem } from "./ListItem.js";
+export { default as ListItemGroup } from "./ListItemGroup.js";
+export { default as ListCheckItem } from "./ListCheckItem.js";
+export { default as PickerPopup } from "./PickerPopup.js";
+export { default as PickerToggle } from "./PickerToggle.js";
+export { default as PickerLabel } from "./PickerLabel.js";
+export { default as PickerIndicator } from "./PickerIndicator.js";
+export { default as PickerToggleTrigger } from "./PickerToggleTrigger.js";
+export { default as SelectedElement } from "./SelectedElement.js";
 export { pickTriggerPropKeys, omitTriggerPropKeys };
-export * from './hooks';
-export * from './utils';
-export * from './propTypes';
+export * from "./hooks/index.js";
+export * from "./utils.js";
+export * from "./propTypes.js";

package/esm/internals/Picker/propTypes.d.ts

@@ -12,7 +12,7 @@ export declare const pickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<"top" | "bottom" | "right" | "left" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
+    placement: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;
@@ -51,7 +51,7 @@ export declare const listPickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<"top" | "bottom" | "right" | "left" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
+    placement: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;

package/esm/internals/Picker/propTypes.js

@@ -1,9 +1,9 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import PropTypes from 'prop-types';
-import { PLACEMENT } from '../../utils';
-import { animationPropTypes } from '../../Animation/utils';
-import { oneOf } from '../propTypes';
+import { PLACEMENT } from "../constants/index.js";
+import { animationPropTypes } from "../../Animation/utils.js";
+import { oneOf } from "../propTypes/index.js";
 export var pickerPropTypes = _extends({}, animationPropTypes, {
   classPrefix: PropTypes.string,
   className: PropTypes.string,

package/esm/internals/Picker/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { RsRefForwardingComponent } from '../../@types/common';
-import type { ListHandle } from '../../internals/Windowing';
-import { RSUITE_PICKER_TYPE } from '../../internals/symbols';
+import { RsRefForwardingComponent } from '../types';
+import type { ListHandle } from '../Windowing';
+import { RSUITE_PICKER_TYPE } from '../symbols';
 export interface PickerHandle {
     type?: typeof RSUITE_PICKER_TYPE;
     root: HTMLElement | null;
@@ -12,6 +12,6 @@ export interface PickerHandle {
     open?: () => void;
     close?: () => void;
 }
-export declare type PickerComponent<P> = RsRefForwardingComponent<'div', P & {
+export type PickerComponent<P> = RsRefForwardingComponent<'div', P & {
     ref?: React.Ref<PickerHandle>;
 }>;

package/esm/internals/Picker/types.js

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

package/esm/internals/Picker/utils.js

@@ -1,8 +1,9 @@
 'use client';
 import React from 'react';
 import trim from 'lodash/trim';
-import { findNodeOfTree } from '../Tree/utils';
-import { KEY_VALUES, reactToString } from '../../utils';
+import { KEY_VALUES } from "../constants/index.js";
+import { findNodeOfTree } from "../Tree/utils/index.js";
+import { reactToString } from "../utils/index.js";
 var defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'

package/esm/internals/Plaintext/Plaintext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps } from '../../@types/common';
-declare type LocaleKey = 'unfilled' | 'notSelected' | 'notUploaded';
+import { WithAsProps } from '../types';
+type LocaleKey = 'unfilled' | 'notSelected' | 'notUploaded';
 export interface PlaintextProps extends WithAsProps {
     placeholder?: React.ReactNode;
     localeKey?: LocaleKey;

package/esm/internals/Plaintext/Plaintext.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", "className", "children", "localeKey", "placeholder"];
 import React from 'react';
-import { useClassNames, useCustom } from '../../utils';
+import { useClassNames, useCustom } from "../hooks/index.js";
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private
@@ -20,7 +21,7 @@ var Plaintext = /*#__PURE__*/React.forwardRef(function (props, ref) {
     localeKey = _props$localeKey === void 0 ? '' : _props$localeKey,
     _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? locale[localeKey] : _props$placeholder,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "localeKey", "placeholder"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/internals/Plaintext/index.js

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

package/esm/internals/Ripple/Ripple.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../../@types/common';
+import { WithAsProps } from '../types';
 export interface RippleProps extends WithAsProps {
     onMouseDown?: (position: any, event: React.MouseEvent) => void;
 }

package/esm/internals/Ripple/Ripple.js

@@ -1,12 +1,15 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "className", "classPrefix", "onMouseDown"],
+  _excluded2 = ["className"];
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import getOffset from 'dom-lib/getOffset';
 import on from 'dom-lib/on';
-import Transition from '../../Animation/Transition';
-import { mergeRefs, useClassNames, useCustom } from '../../utils';
+import { useClassNames, useCustom } from "../hooks/index.js";
+import Transition from "../../Animation/Transition.js";
+import { mergeRefs } from "../utils/index.js";
 var getPosition = function getPosition(target, event) {
   var offset = getOffset(target);
   var offsetX = (event.pageX || 0) - offset.left;
@@ -35,7 +38,7 @@ var Ripple = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'ripple' : _props$classPrefix,
     onMouseDown = props.onMouseDown,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "onMouseDown"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
@@ -81,7 +84,7 @@ var Ripple = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onEntered: handleRippled
   }, function (props, ref) {
     var className = props.className,
-      transitionRest = _objectWithoutPropertiesLoose(props, ["className"]);
+      transitionRest = _objectWithoutPropertiesLoose(props, _excluded2);
     return /*#__PURE__*/React.createElement("span", _extends({}, transitionRest, {
       ref: ref,
       className: merge(withClassPrefix(), className),

package/esm/internals/Ripple/index.js

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

package/esm/internals/ScrollView/ScrollView.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { WithAsProps } from '../types';
+export interface ScrollViewProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The shadow of the content when scrolling
+     */
+    scrollShadow?: boolean;
+    /**
+     * Whether to customize the scrollbar
+     */
+    customScrollbar?: boolean;
+    /**
+     * The height of the scroll area
+     */
+    height?: number;
+    /**
+     * The width of the scroll area
+     */
+    width?: number;
+    /**
+     * Test ID
+     * @private
+     */
+    'data-testid'?: string;
+}
+declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
+export default ScrollView;

package/esm/internals/ScrollView/ScrollView.js

@@ -0,0 +1,51 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "children", "scrollShadow", "customScrollbar", "height", "width", "style", "onScroll", "data-testid"];
+import React from 'react';
+import { useClassNames } from "../hooks/index.js";
+import { createChainedFunction, mergeRefs } from "../utils/index.js";
+import { useScrollState } from "./hooks/useScrollState.js";
+var ScrollView = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'scroll-view' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    scrollShadow = props.scrollShadow,
+    customScrollbar = props.customScrollbar,
+    height = props.height,
+    width = props.width,
+    style = props.style,
+    onScroll = props.onScroll,
+    dataTestId = props['data-testid'],
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var _useScrollState = useScrollState(scrollShadow),
+    scrollState = _useScrollState.scrollState,
+    handleScroll = _useScrollState.handleScroll,
+    bodyRef = _useScrollState.bodyRef;
+  var bodyStyles = _extends({
+    height: height,
+    width: width
+  }, style);
+  var bodyClasses = merge(className, withClassPrefix({
+    shadow: scrollShadow,
+    'thumb-top': scrollState === 'top',
+    'thumb-middle': scrollState === 'middle',
+    'thumb-bottom': scrollState === 'bottom',
+    'custom-scrollbar': customScrollbar
+  }));
+  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    ref: mergeRefs(ref, bodyRef),
+    className: bodyClasses,
+    style: bodyStyles,
+    onScroll: createChainedFunction(handleScroll, onScroll),
+    "data-testid": dataTestId || 'scroll-view'
+  }), children);
+});
+ScrollView.displayName = 'ScrollView';
+export default ScrollView;

package/esm/internals/ScrollView/hooks/useScrollState.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function useScrollState(scrollShadow?: boolean): {
+    scrollState: "top" | "bottom" | "middle" | null;
+    handleScroll: ((...args: any[]) => any) | undefined;
+    bodyRef: import("react").RefObject<HTMLDivElement>;
+};