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

package/cjs/Sidenav/SidenavItem.js

@@ -15,15 +15,15 @@ var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
 var _Sidenav = require("./Sidenav");
 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; }
 /**
  * @private
  */
-const SidenavItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SidenavItem = (0, _utils.forwardRef)((props, ref) => {
   const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   if (!sidenav) {
     throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');

package/cjs/Sidenav/SidenavToggle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface SidenavToggleProps extends WithAsProps {
     /**
      * Expand then nav
@@ -10,5 +10,5 @@ export interface SidenavToggleProps extends WithAsProps {
     /** Callback function for menu state switching */
     onToggle?: (expanded: boolean, event: React.MouseEvent) => void;
 }
-declare const SidenavToggle: RsRefForwardingComponent<'div', SidenavToggleProps>;
+declare const SidenavToggle: import("../internals/types").InternalRefForwardingComponent<"div", SidenavToggleProps, never> & Record<string, never>;
 export default SidenavToggle;

package/cjs/Sidenav/SidenavToggle.js

@@ -9,11 +9,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
 var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Sidenav = require("./Sidenav");
+var _hooks = require("../internals/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); }
 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 SidenavToggle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SidenavToggle = (0, _utils.forwardRef)((props, ref) => {
   const sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
   if (!sidenav) {
     throw new Error('<Sidenav.Toggle> must be rendered within a <Sidenav>');

package/cjs/Sidenav/index.d.ts

@@ -1,6 +1,20 @@
 import Sidenav from './Sidenav';
-export type { SidenavProps, SidenavComponent } from './Sidenav';
+import SidenavToggle from './SidenavToggle';
+import SidenavHeader from './SidenavHeader';
+import SidenavBody from './SidenavBody';
+import SidenavItem from './SidenavItem';
+import SidenavDropdown from './SidenavDropdown';
+import SidenavDropdownItem from './SidenavDropdownItem';
+import SidenavDropdownMenu from './SidenavDropdownMenu';
+import SidenavDropdownToggle from './SidenavDropdownToggle';
+export type { SidenavProps } from './Sidenav';
 export type { SidenavToggleProps } from './SidenavToggle';
 export type { SidenavHeaderProps } from './SidenavHeader';
 export type { SidenavBodyProps } from './SidenavBody';
+export type { SidenavItemProps } from './SidenavItem';
+export type { SidenavDropdownProps } from './SidenavDropdown';
+export type { SidenavDropdownItemProps } from './SidenavDropdownItem';
+export type { SidenavDropdownMenuProps } from './SidenavDropdownMenu';
+export type { SidenavDropdownToggleProps } from './SidenavDropdownToggle';
+export { Sidenav, SidenavToggle, SidenavHeader, SidenavBody, SidenavItem, SidenavDropdown, SidenavDropdownItem, SidenavDropdownMenu, SidenavDropdownToggle };
 export default Sidenav;

package/cjs/Sidenav/index.js

@@ -5,4 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Sidenav = _interopRequireDefault(require("./Sidenav"));
+exports.Sidenav = _Sidenav.default;
+var _SidenavToggle = _interopRequireDefault(require("./SidenavToggle"));
+exports.SidenavToggle = _SidenavToggle.default;
+var _SidenavHeader = _interopRequireDefault(require("./SidenavHeader"));
+exports.SidenavHeader = _SidenavHeader.default;
+var _SidenavBody = _interopRequireDefault(require("./SidenavBody"));
+exports.SidenavBody = _SidenavBody.default;
+var _SidenavItem = _interopRequireDefault(require("./SidenavItem"));
+exports.SidenavItem = _SidenavItem.default;
+var _SidenavDropdown = _interopRequireDefault(require("./SidenavDropdown"));
+exports.SidenavDropdown = _SidenavDropdown.default;
+var _SidenavDropdownItem = _interopRequireDefault(require("./SidenavDropdownItem"));
+exports.SidenavDropdownItem = _SidenavDropdownItem.default;
+var _SidenavDropdownMenu = _interopRequireDefault(require("./SidenavDropdownMenu"));
+exports.SidenavDropdownMenu = _SidenavDropdownMenu.default;
+var _SidenavDropdownToggle = _interopRequireDefault(require("./SidenavDropdownToggle"));
+exports.SidenavDropdownToggle = _SidenavDropdownToggle.default;
+// export types
+// export components
 var _default = exports.default = _Sidenav.default;

package/cjs/Slider/Graduated.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface GraduatedProps extends WithAsProps {
     step: number;
     min: number;
@@ -8,5 +8,5 @@ export interface GraduatedProps extends WithAsProps {
     value: number | number[];
     renderMark?: (mark: number) => React.ReactNode;
 }
-declare const Graduated: RsRefForwardingComponent<'div', GraduatedProps>;
+declare const Graduated: import("../internals/types").InternalRefForwardingComponent<"div", GraduatedProps, never> & Record<string, never>;
 export default Graduated;

package/cjs/Slider/Graduated.js

@@ -5,10 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../internals/hooks");
-var _utils = require("./utils");
 var _Mark = _interopRequireDefault(require("./Mark"));
-const Graduated = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
+var _utils2 = require("./utils");
+const Graduated = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     step,
@@ -29,13 +30,13 @@ const Graduated = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   let endIndex = 0;
   if (Array.isArray(value)) {
     const [start, end] = value;
-    startIndex = (0, _utils.precisionMath)(start / step - min / step);
-    endIndex = (0, _utils.precisionMath)(end / step - min / step);
-    activeIndexs.push((0, _utils.precisionMath)(Math.ceil((start - min) / (max - min) * count)));
-    activeIndexs.push((0, _utils.precisionMath)(Math.ceil((end - min) / (max - min) * count)));
+    startIndex = (0, _utils2.precisionMath)(start / step - min / step);
+    endIndex = (0, _utils2.precisionMath)(end / step - min / step);
+    activeIndexs.push((0, _utils2.precisionMath)(Math.ceil((start - min) / (max - min) * count)));
+    activeIndexs.push((0, _utils2.precisionMath)(Math.ceil((end - min) / (max - min) * count)));
   } else {
-    endIndex = (0, _utils.precisionMath)(value / step - min / step);
-    activeIndexs.push((0, _utils.precisionMath)(Math.ceil((value - min) / (max - min) * count)));
+    endIndex = (0, _utils2.precisionMath)(value / step - min / step);
+    activeIndexs.push((0, _utils2.precisionMath)(Math.ceil((value - min) / (max - min) * count)));
   }
   const graduatedItems = [];
   for (let i = 0; i < count; i += 1) {
@@ -43,7 +44,7 @@ const Graduated = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       pass: i >= startIndex && i <= endIndex,
       active: ~activeIndexs.indexOf(i)
     });
-    const mark = (0, _utils.precisionMath)(i * step + min);
+    const mark = (0, _utils2.precisionMath)(i * step + min);
     const lastMark = Math.min(max, mark + step);
     const last = i === count - 1;
     graduatedItems.push(/*#__PURE__*/_react.default.createElement("li", {

package/cjs/Slider/Handle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface HandleProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     vertical?: boolean;
@@ -14,5 +14,5 @@ export interface HandleProps extends WithAsProps, React.HTMLAttributes<HTMLDivEl
     'data-range'?: number[];
     'data-key'?: string;
 }
-declare const Handle: RsRefForwardingComponent<'div', HandleProps>;
+declare const Handle: import("../internals/types").InternalRefForwardingComponent<"div", HandleProps, never> & Record<string, never>;
 export default Handle;

package/cjs/Slider/Handle.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _Input = _interopRequireDefault(require("./Input"));
 var _useDrag = _interopRequireDefault(require("./useDrag"));
-const Handle = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
+const Handle = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'slider',

package/cjs/Slider/Mark.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface MarkProps extends WithAsProps {
     mark: number;
     last?: boolean;
     renderMark?: (mark: number) => React.ReactNode;
 }
-declare const Mark: RsRefForwardingComponent<'span', MarkProps>;
+declare const Mark: import("../internals/types").InternalRefForwardingComponent<"span", MarkProps, never> & Record<string, never>;
 export default Mark;

package/cjs/Slider/Mark.js

@@ -6,7 +6,8 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../internals/hooks");
-const Mark = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+var _utils = require("../internals/utils");
+const Mark = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'span',
     mark,

package/cjs/Slider/ProgressBar.d.ts

@@ -1,9 +1,9 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 interface ProgressBarProps extends WithAsProps {
     vertical?: boolean;
     rtl?: boolean;
     start?: number;
     end?: number;
 }
-declare const ProgressBar: RsRefForwardingComponent<'div', ProgressBarProps>;
+declare const ProgressBar: import("../internals/types").InternalRefForwardingComponent<"div", ProgressBarProps, never> & Record<string, never>;
 export default ProgressBar;

package/cjs/Slider/ProgressBar.js

@@ -6,7 +6,8 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../internals/hooks");
-const ProgressBar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+var _utils = require("../internals/utils");
+const ProgressBar = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'div',
     classPrefix = 'slider-progress-bar',

package/cjs/Slider/Slider.d.ts

@@ -57,5 +57,5 @@ export interface SliderProps<T = number> extends WithAsProps, FormControlBasePro
  *
  * @see https://rsuitejs.com/components/slider
  */
-declare const Slider: React.ForwardRefExoticComponent<SliderProps<number> & React.RefAttributes<unknown>>;
+declare const Slider: import("../internals/types").InternalRefForwardingComponent<"div", SliderProps<number>, never> & Record<string, never>;
 export default Slider;

package/cjs/Slider/Slider.js

@@ -15,7 +15,8 @@ var _Graduated = _interopRequireDefault(require("./Graduated"));
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
-var _utils = require("./utils");
+var _utils = require("../internals/utils");
+var _utils2 = 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; }
 /**
@@ -23,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * @see https://rsuitejs.com/components/slider
  */
-const Slider = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Slider = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Slider', props);
@@ -74,16 +75,16 @@ const Slider = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     'with-mark': renderMark,
     readonly: readOnly
   }));
-  const max = (0, _react.useMemo)(() => (0, _utils.precisionMath)(Math.floor((maxProp - min) / step) * step + min), [maxProp, min, step]);
+  const max = (0, _react.useMemo)(() => (0, _utils2.precisionMath)(Math.floor((maxProp - min) / step) * step + min), [maxProp, min, step]);
 
   /**
    * Returns a valid value that does not exceed the specified range of values.
    */
   const getValidValue = (0, _react.useCallback)(value => {
-    return (0, _utils.checkValue)(value, min, max);
+    return (0, _utils2.checkValue)(value, min, max);
   }, [max, min]);
   const [value, setValue] = (0, _hooks.useControlled)(getValidValue(valueProp), getValidValue(defaultValue));
-  const count = (0, _react.useMemo)(() => (0, _utils.precisionMath)((max - min) / step), [max, min, step]);
+  const count = (0, _react.useMemo)(() => (0, _utils2.precisionMath)((max - min) / step), [max, min, step]);
 
   // Get the height of the progress bar
   const getBarHeight = (0, _react.useCallback)(() => barRef.current ? (0, _getHeight.default)(barRef.current) : 0, []);
@@ -101,7 +102,7 @@ const Slider = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       const barWidth = getBarWidth();
       value = Math.round(offset / (barWidth / count)) * step;
     }
-    return (0, _utils.precisionMath)(value);
+    return (0, _utils2.precisionMath)(value);
   }, [count, getBarHeight, getBarWidth, step, vertical]);
 
   /**
@@ -112,7 +113,7 @@ const Slider = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     const {
       pageX,
       pageY
-    } = (0, _utils.getPosition)(event);
+    } = (0, _utils2.getPosition)(event);
     const offset = vertical ? barOffset.top + barOffset.height - pageY : pageX - barOffset.left;
     const offsetValue = rtl && !vertical ? barOffset.width - offset : offset;
     return getValueByOffset(offsetValue) + min;

package/cjs/Slider/index.d.ts

@@ -1,3 +1,4 @@
 import Slider from './Slider';
 export type { SliderProps } from './Slider';
+export { Slider };
 export default Slider;

package/cjs/Slider/index.js

@@ -5,4 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _Slider = _interopRequireDefault(require("./Slider"));
+exports.Slider = _Slider.default;
+// export types
+// export components
 var _default = exports.default = _Slider.default;

package/cjs/Stack/HStack.d.ts

@@ -1,13 +1,11 @@
-import Stack, { StackProps } from './Stack';
-import { RsRefForwardingComponent } from '../internals/types';
+import { StackProps } from './Stack';
 export interface HStackProps extends Omit<StackProps, 'direction'> {
     /**
      * Reverse the order of the children in the stack
      */
     reverse?: boolean;
 }
-export interface StackComponent extends RsRefForwardingComponent<'div', HStackProps> {
-    Item: typeof Stack.Item;
-}
-declare const HStack: StackComponent;
+declare const HStack: import("../internals/types").InternalRefForwardingComponent<"div", HStackProps, never> & {
+    Item: typeof import("./StackItem").default;
+};
 export default HStack;

package/cjs/Stack/HStack.js

@@ -7,7 +7,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Stack = _interopRequireDefault(require("./Stack"));
-const HStack = /*#__PURE__*/_react.default.forwardRef(function HStack(props, ref) {
+var _utils = require("../internals/utils");
+const Subcomponents = {
+  Item: _Stack.default.Item
+};
+const HStack = (0, _utils.forwardRef)((props, ref) => {
   const {
     reverse,
     spacing = 6,
@@ -22,7 +26,6 @@ const HStack = /*#__PURE__*/_react.default.forwardRef(function HStack(props, ref
     direction: direction,
     ref: ref
   }));
-});
+}, Subcomponents);
 HStack.displayName = 'HStack';
-HStack.Item = _Stack.default.Item;
 var _default = exports.default = HStack;

package/cjs/Stack/Stack.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import StackItem from './StackItem';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface StackProps extends WithAsProps {
     /**
      * The direction of the children in the stack.
@@ -31,14 +31,13 @@ export interface StackProps extends WithAsProps {
      */
     childrenRenderMode?: 'clone' | 'wrap';
 }
-export interface StackComponent extends RsRefForwardingComponent<'div', StackProps> {
-    Item: typeof StackItem;
-}
 /**
  * The `Stack` component is a quick layout component through Flexbox,
  * supporting vertical and horizontal stacking, custom spacing and line wrapping.
  *
  * @see https://rsuitejs.com/components/stack
  */
-declare const Stack: StackComponent;
+declare const Stack: import("../internals/types").InternalRefForwardingComponent<"div", StackProps, never> & {
+    Item: typeof StackItem;
+};
 export default Stack;

package/cjs/Stack/Stack.js

@@ -14,6 +14,9 @@ function isStackItem(child) {
   var _child$type;
   return child.type === _StackItem.default || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'StackItem';
 }
+const Subcomponents = {
+  Item: _StackItem.default
+};
 
 /**
  * The `Stack` component is a quick layout component through Flexbox,
@@ -21,7 +24,7 @@ function isStackItem(child) {
  *
  * @see https://rsuitejs.com/components/stack
  */
-const Stack = /*#__PURE__*/_react.default.forwardRef(function Stack(props, ref) {
+const Stack = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Stack', props);
@@ -73,7 +76,6 @@ const Stack = /*#__PURE__*/_react.default.forwardRef(function Stack(props, ref)
     }));
     return [childNode, index < count - 1 ? divider : null];
   }));
-});
-Stack.Item = _StackItem.default;
+}, Subcomponents);
 Stack.displayName = 'Stack';
 var _default = exports.default = Stack;

package/cjs/Stack/VStack.d.ts

@@ -1,10 +1,8 @@
-import Stack, { StackProps } from './Stack';
-import { RsRefForwardingComponent } from '../internals/types';
+import { StackProps } from './Stack';
 export interface VStackProps extends Omit<StackProps, 'direction'> {
     reverse?: boolean;
 }
-export interface StackComponent extends RsRefForwardingComponent<'div', VStackProps> {
-    Item: typeof Stack.Item;
-}
-declare const VStack: StackComponent;
+declare const VStack: import("../internals/types").InternalRefForwardingComponent<"div", VStackProps, never> & {
+    Item: typeof import("./StackItem").default;
+};
 export default VStack;

package/cjs/Stack/VStack.js

@@ -7,7 +7,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Stack = _interopRequireDefault(require("./Stack"));
-const VStack = /*#__PURE__*/_react.default.forwardRef(function VStack(props, ref) {
+var _utils = require("../internals/utils");
+const Subcomponents = {
+  Item: _Stack.default.Item
+};
+const VStack = (0, _utils.forwardRef)((props, ref) => {
   const {
     reverse,
     spacing = 6,
@@ -24,7 +28,6 @@ const VStack = /*#__PURE__*/_react.default.forwardRef(function VStack(props, ref
     direction: direction,
     ref: ref
   }));
-});
+}, Subcomponents);
 VStack.displayName = 'VStack';
-VStack.Item = _Stack.default.Item;
 var _default = exports.default = VStack;

package/cjs/Stack/index.d.ts

@@ -1,7 +1,8 @@
 import Stack from './Stack';
+import HStack from './HStack';
+import VStack from './VStack';
 export type { StackProps } from './Stack';
 export type { HStackProps } from './HStack';
 export type { VStackProps } from './VStack';
-export { default as HStack } from './HStack';
-export { default as VStack } from './VStack';
+export { Stack, HStack, VStack };
 export default Stack;

package/cjs/Stack/index.js

@@ -3,10 +3,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.VStack = exports.HStack = void 0;
+exports.default = void 0;
 var _Stack = _interopRequireDefault(require("./Stack"));
+exports.Stack = _Stack.default;
 var _HStack = _interopRequireDefault(require("./HStack"));
 exports.HStack = _HStack.default;
 var _VStack = _interopRequireDefault(require("./VStack"));
 exports.VStack = _VStack.default;
+// export types
+// export components
 var _default = exports.default = _Stack.default;

package/cjs/Stat/Stat.d.ts

@@ -1,10 +1,5 @@
 import React from 'react';
-import StatLabel from './StatLabel';
-import StatValue from './StatValue';
-import StatValueUnit from './StatValueUnit';
-import StatHelpText from './StatHelpText';
-import StatTrend from './StatTrend';
-import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface StatProps extends WithAsProps {
     /**
      * Add a border to the component.
@@ -15,12 +10,17 @@ export interface StatProps extends WithAsProps {
      */
     icon?: React.ReactNode;
 }
-interface StatComponent extends RsRefForwardingComponent<'div', StatProps> {
-    Label: typeof StatLabel;
-    Value: typeof StatValue;
-    Trend: typeof StatTrend;
-    ValueUnit: typeof StatValueUnit;
-    HelpText: typeof StatHelpText;
-}
-declare const Stat: StatComponent;
+declare const Stat: import("../internals/types").InternalRefForwardingComponent<"div", StatProps, never> & {
+    Label: import("../internals/types").InternalRefForwardingComponent<"dt", import("./StatLabel").StatLabelProps, never> & Record<string, never>;
+    Value: import("../internals/types").InternalRefForwardingComponent<"dd", import("./StatValue").StatValueProps, never> & Record<string, never>;
+    Trend: import("../internals/types").InternalRefForwardingComponent<"dd", import("./StatTrend").StatTrendProps, never> & Record<string, never>;
+    ValueUnit: import("../internals/types").InternalRefForwardingComponent<"span", Partial<{
+        name: string;
+        componentAs: "span";
+    }>, never> & Record<string, never>;
+    HelpText: import("../internals/types").InternalRefForwardingComponent<"span", Partial<{
+        name: string;
+        componentAs: "span";
+    }>, never> & Record<string, never>;
+};
 export default Stat;

package/cjs/Stat/Stat.js

@@ -11,9 +11,17 @@ var _StatValue = _interopRequireDefault(require("./StatValue"));
 var _StatValueUnit = _interopRequireDefault(require("./StatValueUnit"));
 var _StatHelpText = _interopRequireDefault(require("./StatHelpText"));
 var _StatTrend = _interopRequireDefault(require("./StatTrend"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
-const Stat = /*#__PURE__*/_react.default.forwardRef(function Stat(props, ref) {
+const Subcomponents = {
+  Label: _StatLabel.default,
+  Value: _StatValue.default,
+  Trend: _StatTrend.default,
+  ValueUnit: _StatValueUnit.default,
+  HelpText: _StatHelpText.default
+};
+const Stat = (0, _utils.forwardRef)((props, ref) => {
   const {
     propsWithDefaults
   } = (0, _CustomProvider.useCustom)('Stat', props);
@@ -42,11 +50,6 @@ const Stat = /*#__PURE__*/_react.default.forwardRef(function Stat(props, ref) {
   }, icon), /*#__PURE__*/_react.default.createElement("dl", {
     className: prefix('body')
   }, children));
-});
+}, Subcomponents);
 Stat.displayName = 'Stat';
-Stat.Label = _StatLabel.default;
-Stat.Value = _StatValue.default;
-Stat.Trend = _StatTrend.default;
-Stat.ValueUnit = _StatValueUnit.default;
-Stat.HelpText = _StatHelpText.default;
 var _default = exports.default = Stat;

package/cjs/Stat/StatHelpText.d.ts

@@ -1,4 +1,7 @@
 import { ComponentProps } from '../internals/utils';
 export type StatHelpTextProps = ComponentProps;
-declare const StatHelpText: import("../internals/types").RsRefForwardingComponent<"span", ComponentProps, false>;
+declare const StatHelpText: import("../internals/types").InternalRefForwardingComponent<"span", Partial<{
+    name: string;
+    componentAs: "span";
+}>, never> & Record<string, never>;
 export default StatHelpText;

package/cjs/Stat/StatLabel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-interface StatLabelProps extends WithAsProps {
+import type { WithAsProps } from '../internals/types';
+export interface StatLabelProps extends WithAsProps {
     /**
      * The info tip of the label
      */
@@ -10,5 +10,5 @@ interface StatLabelProps extends WithAsProps {
      */
     uppercase?: boolean;
 }
-declare const StatLabel: RsRefForwardingComponent<'dt', StatLabelProps>;
+declare const StatLabel: import("../internals/types").InternalRefForwardingComponent<"dt", StatLabelProps, never> & Record<string, never>;
 export default StatLabel;

package/cjs/Stat/StatLabel.js

@@ -10,8 +10,9 @@ var _InfoOutline = _interopRequireDefault(require("@rsuite/icons/InfoOutline"));
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-const StatLabel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const StatLabel = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = 'dt',
     classPrefix = 'stat-label',

package/cjs/Stat/StatTrend.d.ts

@@ -1,7 +1,7 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-interface StatTrendProps extends WithAsProps {
+import type { WithAsProps } from '../internals/types';
+export interface StatTrendProps extends WithAsProps {
     indicator?: 'up' | 'down';
     appearance?: 'default' | 'subtle';
 }
-declare const StatTrend: RsRefForwardingComponent<'dd', StatTrendProps>;
+declare const StatTrend: import("../internals/types").InternalRefForwardingComponent<"dd", StatTrendProps, never> & Record<string, never>;
 export default StatTrend;