rsuite 6.0.0-canary-20250103 → 6.0.0-canary-2025011413

package/cjs/internals/CloseButton/CloseButton.d.ts

@@ -1,5 +1,5 @@
-import { WithAsProps, RsRefForwardingComponent } from '../types';
 import { CloseButtonLocale } from '../../locales';
+import type { WithAsProps } from '../types';
 export interface CloseButtonProps extends WithAsProps {
     /** Custom locale */
     locale?: CloseButtonLocale;
@@ -7,5 +7,5 @@ export interface CloseButtonProps extends WithAsProps {
 /**
  * Close button for components such as Message and Notification.
  */
-declare const CloseButton: RsRefForwardingComponent<'button', CloseButtonProps>;
+declare const CloseButton: import("../types").InternalRefForwardingComponent<"button", CloseButtonProps, never> & Record<string, never>;
 export default CloseButton;

package/cjs/internals/CloseButton/CloseButton.js

@@ -7,12 +7,14 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
+var _IconButton = _interopRequireDefault(require("../../IconButton"));
+var _utils = require("../utils");
 var _hooks = require("../hooks");
 var _CustomProvider = require("../../CustomProvider");
 /**
  * Close button for components such as Message and Notification.
  */
-const CloseButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const CloseButton = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'button',
     classPrefix = 'btn-close',
@@ -31,6 +33,16 @@ const CloseButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     closeLabel
   } = getLocale('CloseButton', overrideLocale);
   const classes = merge(className, withClassPrefix());
+  if (Component === _IconButton.default) {
+    return /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({
+      icon: /*#__PURE__*/_react.default.createElement(_Close.default, null),
+      ref: ref,
+      className: classes,
+      "aria-label": closeLabel,
+      appearance: "subtle",
+      size: "sm"
+    }, rest));
+  }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     type: "button",
     ref: ref,

package/cjs/internals/Overlay/Modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsPropsWithoutChildren, AnimationEventProps } from '../types';
+import type { WithAsPropsWithoutChildren, AnimationEventProps } from '../types';
 export interface BaseModalProps extends WithAsPropsWithoutChildren, AnimationEventProps {
     /** Animation-related properties */
     animationProps?: any;
@@ -46,5 +46,5 @@ export interface BaseModalProps extends WithAsPropsWithoutChildren, AnimationEve
     onMouseDown?: React.MouseEventHandler;
     onBackdropClick?: React.MouseEventHandler;
 }
-declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
+declare const Modal: any;
 export default Modal;

package/cjs/internals/Overlay/Modal.js

@@ -9,12 +9,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
-var _constants = require("../constants");
-var _hooks = require("../hooks");
-var _utils = require("../utils");
 var _ModalManager = _interopRequireDefault(require("./ModalManager"));
 var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
+var _constants = require("../constants");
+var _hooks = require("../hooks");
+var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let manager;
@@ -44,7 +44,7 @@ const useModalManager = () => {
     }, [])
   };
 };
-const Modal = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Modal = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     children,

package/cjs/internals/Overlay/Overlay.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { PositionChildProps } from './Position';
-import { Placement, AnimationEventProps, CursorPosition } from '../types';
+import type { Placement, AnimationEventProps } from '../types';
+import type { CursorPosition } from './types';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
     children: React.ReactElement | ((props: PositionChildProps & React.HTMLAttributes<HTMLElement>, ref: React.RefCallback<HTMLElement>) => React.ReactElement);

package/cjs/internals/Overlay/Overlay.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
+var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var _Position = _interopRequireDefault(require("./Position"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
-var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
-var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**

package/cjs/internals/Overlay/Position.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { CursorPosition, Placement } from '../types';
+import type { Placement } from '../types';
+import type { CursorPosition } from './types';
 export interface PositionChildProps {
     className: string;
     left?: number;

package/cjs/internals/Overlay/Position.js

@@ -12,9 +12,9 @@ var _removeClass = _interopRequireDefault(require("dom-lib/removeClass"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
 var _addClass = _interopRequireDefault(require("dom-lib/addClass"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
-var _resizeObserver = require("@juggle/resize-observer");
 var _isElement = _interopRequireDefault(require("../../DOMHelper/isElement"));
 var _positionUtils = _interopRequireDefault(require("./positionUtils"));
+var _resizeObserver = require("@juggle/resize-observer");
 var _utils = require("../utils");
 var _hooks = require("../hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }

package/cjs/internals/Overlay/positionUtils.d.ts

@@ -1,10 +1,5 @@
-import { CursorPosition, Placement } from '../types';
-type Offset = {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-};
+import type { Offset, Placement } from '../types';
+import type { CursorPosition } from './types';
 export interface PositionType {
     positionLeft?: number;
     positionTop?: number;

package/cjs/internals/Overlay/types.d.ts

@@ -0,0 +1,6 @@
+export type CursorPosition = {
+    top: number;
+    left: number;
+    clientTop: number;
+    clientLeft: number;
+};

package/cjs/internals/Overlay/types.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/internals/Picker/ListCheckItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CheckboxProps } from '../../Checkbox';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import type { WithAsProps } from '../types';
 export interface ListCheckItemProps extends WithAsProps, Omit<CheckboxProps, 'onSelect'> {
     active?: boolean;
     checkboxAs?: React.ElementType | string;
@@ -10,5 +10,5 @@ export interface ListCheckItemProps extends WithAsProps, Omit<CheckboxProps, 'on
     onSelectItem?: (value: any, event: React.SyntheticEvent, checked: boolean) => void;
     renderCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
 }
-declare const ListCheckItem: RsRefForwardingComponent<'div', ListCheckItemProps>;
+declare const ListCheckItem: import("../types").InternalRefForwardingComponent<"div", ListCheckItemProps, never> & Record<string, never>;
 export default ListCheckItem;

package/cjs/internals/Picker/ListCheckItem.js

@@ -6,10 +6,11 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../hooks");
-var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
 var _useCombobox = _interopRequireDefault(require("./hooks/useCombobox"));
-const ListCheckItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
+var _hooks = require("../hooks");
+var _utils = require("../utils");
+const ListCheckItem = (0, _utils.forwardRef)((props, ref) => {
   const {
     active = false,
     as: Component = 'div',

package/cjs/internals/Picker/ListItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import type { WithAsProps } from '../types';
 export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     active?: boolean;
     disabled?: boolean;
@@ -10,5 +10,5 @@ export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HT
     onKeyDown?: (event: React.KeyboardEvent) => void;
     renderItem?: (value: any) => React.ReactNode;
 }
-declare const ListItem: RsRefForwardingComponent<'div', ListItemProps>;
+declare const ListItem: import("../types").InternalRefForwardingComponent<"div", ListItemProps, never> & Record<string, never>;
 export default ListItem;

package/cjs/internals/Picker/ListItem.js

@@ -6,9 +6,10 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../hooks");
 var _useCombobox = _interopRequireDefault(require("./hooks/useCombobox"));
-const ListItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+var _utils = require("../utils");
+var _hooks = require("../hooks");
+const ListItem = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     role = 'option',

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import type { WithAsProps } from '../types';
 import type { OverlayTriggerHandle } from './PickerToggleTrigger';
 export interface PickerPopupProps extends WithAsProps {
     placement?: string;
@@ -8,5 +8,5 @@ export interface PickerPopupProps extends WithAsProps {
     target?: React.RefObject<OverlayTriggerHandle>;
     onKeyDown?: (event: React.KeyboardEvent) => void;
 }
-declare const PickerPopup: RsRefForwardingComponent<'div', PickerPopupProps>;
+declare const PickerPopup: import("../types").InternalRefForwardingComponent<"div", PickerPopupProps, never> & Record<string, never>;
 export default PickerPopup;

package/cjs/internals/Picker/PickerPopup.js

@@ -9,13 +9,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
-var _utils = require("../utils");
 var _hooks = require("../hooks");
+var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
 const resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
-const PickerPopup = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const PickerPopup = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'picker-popup',

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, Placement, DataItemValue } from '../types';
-import { IconProps } from '@rsuite/icons/Icon';
+import { ToggleButtonProps } from './ToggleButton';
+import type { IconProps } from '@rsuite/icons/Icon';
+import type { Placement, DataItemValue } from '../types';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;
     hasValue?: boolean;
@@ -31,5 +31,5 @@ export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps
     focusItemValue?: T | null;
     onClean?: (event: React.MouseEvent) => void;
 }
-declare const PickerToggle: RsRefForwardingComponent<typeof ToggleButton, PickerToggleProps>;
+declare const PickerToggle: import("../types").InternalRefForwardingComponent<React.ForwardRefExoticComponent<import("../..").ButtonProps & React.RefAttributes<HTMLDivElement>>, PickerToggleProps<DataItemValue>, never> & Record<string, never>;
 export default PickerToggle;

package/cjs/internals/Picker/PickerToggle.js

@@ -7,16 +7,16 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _ToggleButton = _interopRequireDefault(require("./ToggleButton"));
-var _hooks = require("../hooks");
-var _utils = require("../utils");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
-var _Stack = _interopRequireDefault(require("../../Stack"));
 var _PickerIndicator = _interopRequireDefault(require("./PickerIndicator"));
 var _PickerLabel = _interopRequireDefault(require("./PickerLabel"));
+var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _Stack = _interopRequireDefault(require("../../Stack"));
 var _useCombobox = _interopRequireDefault(require("./hooks/useCombobox"));
+var _hooks = require("../hooks");
+var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const PickerToggle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const PickerToggle = (0, _utils.forwardRef)((props, ref) => {
   const {
     active,
     as: Component = _ToggleButton.default,

package/cjs/internals/Picker/index.d.ts

@@ -1,6 +1,3 @@
-import { pickTriggerPropKeys, omitTriggerPropKeys, OverlayTriggerHandle, PositionChildProps } from './PickerToggleTrigger';
-import { PickerToggleProps } from './PickerToggle';
-import { PickerHandle, PickerComponent } from './types';
 export { default as Listbox } from './Listbox';
 export { default as ListItem } from './ListItem';
 export { default as ListItemGroup } from './ListItemGroup';
@@ -11,7 +8,9 @@ export { default as PickerLabel } from './PickerLabel';
 export { default as PickerIndicator } from './PickerIndicator';
 export { default as PickerToggleTrigger } from './PickerToggleTrigger';
 export { default as SelectedElement } from './SelectedElement';
-export { pickTriggerPropKeys, omitTriggerPropKeys };
-export type { OverlayTriggerHandle, PositionChildProps, PickerHandle, PickerComponent, PickerToggleProps };
+export { pickTriggerPropKeys, omitTriggerPropKeys } from './PickerToggleTrigger';
 export * from './hooks';
 export * from './utils';
+export type { OverlayTriggerHandle, PositionChildProps } from './PickerToggleTrigger';
+export type { PickerToggleProps } from './PickerToggle';
+export type { PickerHandle } from './types';

package/cjs/internals/Picker/index.js

@@ -17,11 +17,7 @@ var _exportNames = {
   pickTriggerPropKeys: true,
   omitTriggerPropKeys: true
 };
-exports.SelectedElement = exports.PickerToggleTrigger = exports.PickerToggle = exports.PickerPopup = exports.PickerLabel = exports.PickerIndicator = exports.Listbox = exports.ListItemGroup = exports.ListItem = exports.ListCheckItem = void 0;
-var _PickerToggleTrigger = _interopRequireWildcard(require("./PickerToggleTrigger"));
-exports.pickTriggerPropKeys = _PickerToggleTrigger.pickTriggerPropKeys;
-exports.omitTriggerPropKeys = _PickerToggleTrigger.omitTriggerPropKeys;
-exports.PickerToggleTrigger = _PickerToggleTrigger.default;
+exports.pickTriggerPropKeys = exports.omitTriggerPropKeys = exports.SelectedElement = exports.PickerToggleTrigger = exports.PickerToggle = exports.PickerPopup = exports.PickerLabel = exports.PickerIndicator = exports.Listbox = exports.ListItemGroup = exports.ListItem = exports.ListCheckItem = void 0;
 var _Listbox = _interopRequireDefault(require("./Listbox"));
 exports.Listbox = _Listbox.default;
 var _ListItem = _interopRequireDefault(require("./ListItem"));
@@ -38,6 +34,10 @@ var _PickerLabel = _interopRequireDefault(require("./PickerLabel"));
 exports.PickerLabel = _PickerLabel.default;
 var _PickerIndicator = _interopRequireDefault(require("./PickerIndicator"));
 exports.PickerIndicator = _PickerIndicator.default;
+var _PickerToggleTrigger = _interopRequireWildcard(require("./PickerToggleTrigger"));
+exports.PickerToggleTrigger = _PickerToggleTrigger.default;
+exports.pickTriggerPropKeys = _PickerToggleTrigger.pickTriggerPropKeys;
+exports.omitTriggerPropKeys = _PickerToggleTrigger.omitTriggerPropKeys;
 var _SelectedElement = _interopRequireDefault(require("./SelectedElement"));
 exports.SelectedElement = _SelectedElement.default;
 var _hooks = require("./hooks");

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

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

package/cjs/internals/Plaintext/Plaintext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../types';
+import type { WithAsProps } from '../types';
 type LocaleKey = 'unfilled' | 'notSelected' | 'notUploaded';
 export interface PlaintextProps extends WithAsProps {
     placeholder?: React.ReactNode;
@@ -9,5 +9,5 @@ export interface PlaintextProps extends WithAsProps {
  * Make the component display in plain text, and display default characters when there is no children.
  * @private
  */
-declare const Plaintext: React.ForwardRefExoticComponent<PlaintextProps & React.RefAttributes<unknown>>;
+declare const Plaintext: import("../types").InternalRefForwardingComponent<"div", PlaintextProps, never> & Record<string, never>;
 export default Plaintext;

package/cjs/internals/Plaintext/Plaintext.js

@@ -6,13 +6,14 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _utils = require("../utils");
 var _hooks = require("../hooks");
 var _CustomProvider = require("../../CustomProvider");
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private
  */
-const Plaintext = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Plaintext = (0, _utils.forwardRef)((props, ref) => {
   const {
     getLocale
   } = (0, _CustomProvider.useCustom)();

package/cjs/internals/Ripple/Ripple.d.ts

@@ -7,5 +7,5 @@ export interface RippleProps extends WithAsProps {
  * The `Ripple` component is used to implement the ripple effect.
  * @private
  */
-declare const Ripple: React.ForwardRefExoticComponent<RippleProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Ripple: import("../types").InternalRefForwardingComponent<"span", RippleProps, never> & Record<string, never>;
 export default Ripple;

package/cjs/internals/Ripple/Ripple.js

@@ -33,7 +33,7 @@ const getPosition = (target, event) => {
  * The `Ripple` component is used to implement the ripple effect.
  * @private
  */
-const Ripple = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Ripple = (0, _utils.forwardRef)((props, ref) => {
   const {
     disableRipple
   } = (0, _CustomProvider.useCustom)();

package/cjs/internals/ScrollView/ScrollView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../types';
+import type { WithAsProps } from '../types';
 export interface ScrollViewProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
     /**
      * The shadow of the content when scrolling
@@ -23,5 +23,5 @@ export interface ScrollViewProps extends WithAsProps, React.HTMLAttributes<HTMLD
      */
     'data-testid'?: string;
 }
-declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollView: import("../types").InternalRefForwardingComponent<"div", ScrollViewProps, never> & Record<string, never>;
 export default ScrollView;

package/cjs/internals/ScrollView/ScrollView.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
 var _useScrollState = require("./hooks/useScrollState");
-const ScrollView = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const ScrollView = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'scroll-view',

package/cjs/internals/SearchBox/SearchBox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import type { WithAsProps } from '../types';
 export interface SearchBoxProps extends WithAsProps {
     value?: string;
     placeholder?: string;
@@ -7,5 +7,5 @@ export interface SearchBoxProps extends WithAsProps {
     inputRef?: React.Ref<HTMLInputElement>;
     onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const SearchBox: RsRefForwardingComponent<'div', SearchBoxProps>;
+declare const SearchBox: import("../types").InternalRefForwardingComponent<"div", SearchBoxProps, never> & Record<string, never>;
 export default SearchBox;

package/cjs/internals/SearchBox/SearchBox.js

@@ -7,10 +7,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Search = _interopRequireDefault(require("@rsuite/icons/Search"));
-var _hooks = require("../hooks");
 var _Input = _interopRequireDefault(require("../../Input"));
 var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
-const SearchBox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+var _hooks = require("../hooks");
+var _utils = require("../utils");
+const SearchBox = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'search-box',

package/cjs/internals/Tree/TreeView.d.ts

@@ -5,5 +5,5 @@ interface TreeViewProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement
     multiselectable?: boolean;
     height?: number;
 }
-declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLDivElement>>;
+declare const TreeView: import("../types").InternalRefForwardingComponent<"div", TreeViewProps, never> & Record<string, never>;
 export default TreeView;

package/cjs/internals/Tree/TreeView.js

@@ -9,13 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 var _useCombobox = _interopRequireDefault(require("../Picker/hooks/useCombobox"));
 var _ScrollView = _interopRequireDefault(require("../ScrollView"));
 var _TreeProvider = require("./TreeProvider");
-const ScrollShadowView = /*#__PURE__*/_react.default.forwardRef(function ScrollShadowView(props, ref) {
+var _utils = require("../utils");
+const ScrollShadowView = (0, _utils.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_ScrollView.default, (0, _extends2.default)({
     scrollShadow: true,
     ref: ref
   }, props));
 });
-const TreeView = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TreeView = (0, _utils.forwardRef)((props, ref) => {
   const {
     as = 'div',
     children,

package/cjs/internals/Windowing/List.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps, ListProps as BaseListProps } from 'react-window';
-import type { RsRefForwardingComponent } from '../types';
+import type { WithAsPropsWithoutChildren } from '../types';
 export declare const defaultItemSize: () => number;
-export interface ListProps<T = any> extends Omit<BaseListProps, 'width'> {
+export interface ListProps<T = any> extends WithAsPropsWithoutChildren, Omit<BaseListProps, 'width'> {
     ref?: React.Ref<ListHandle>;
     /**
      * Width of the list.
@@ -61,5 +61,5 @@ export interface ListHandle extends Partial<VariableSizeList> {
  *
  * @private
  */
-declare const List: RsRefForwardingComponent<'div', ListProps, true>;
+declare const List: any;
 export default List;