rsuite 5.74.2 → 5.76.0

package/cjs/RangeSlider/RangeSlider.js

@@ -190,7 +190,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
   });
 
@@ -204,7 +204,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
+      onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
     }
   });
   var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
@@ -244,7 +244,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     event.preventDefault();
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
   });
   var handleBarClick = (0, _hooks.useEventCallback)(function (event) {
@@ -266,8 +266,8 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }));
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
-      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
     }
   });
   var handleProps = (0, _react.useMemo)(function () {

package/cjs/Rate/Character.js

@@ -40,10 +40,10 @@ var Character = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var beforeRef = (0, _react.useRef)(null);
   var classes = merge(className, withClassPrefix(!(0, _isNil2.default)(status) && characterStatus[status]));
   var handleMouseMove = (0, _react.useCallback)(function (event) {
-    onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getKey(beforeRef.current, event.target), event);
+    onMouseMove === null || onMouseMove === void 0 || onMouseMove(getKey(beforeRef.current, event.target), event);
   }, [onMouseMove]);
   var handleClick = (0, _react.useCallback)(function (event) {
-    onClick === null || onClick === void 0 ? void 0 : onClick(getKey(beforeRef.current, event.target), event);
+    onClick === null || onClick === void 0 || onClick(getKey(beforeRef.current, event.target), event);
   }, [onClick]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,

package/cjs/Rate/Rate.js

@@ -82,7 +82,7 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [valueProp]);
   var handleMouseLeave = (0, _react.useCallback)(function (event) {
     resetCharacterMap();
-    onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive(value, event);
+    onChangeActive === null || onChangeActive === void 0 || onChangeActive(value, event);
   }, [onChangeActive, resetCharacterMap, value]);
   var handleChangeValue = (0, _react.useCallback)(function (index, event) {
     var nextValue = (0, _utils2.transformCharacterMapToValue)(characterMap);
@@ -92,7 +92,7 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (nextValue !== value) {
       setValue(nextValue);
       setCharacterMap(getCharacterMap(nextValue));
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
   }, [characterMap, cleanable, getCharacterMap, onChange, setValue, value]);
   var handleKeyDown = (0, _react.useCallback)(function (index, event) {
@@ -117,7 +117,7 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     });
     if (!(0, _utils.shallowEqualArray)(characterMap, nextCharacterMap)) {
       setCharacterMap(nextCharacterMap);
-      onChangeActive === null || onChangeActive === void 0 ? void 0 : onChangeActive((0, _utils2.transformCharacterMapToValue)(nextCharacterMap), event);
+      onChangeActive === null || onChangeActive === void 0 || onChangeActive((0, _utils2.transformCharacterMapToValue)(nextCharacterMap), event);
     }
   }, [allowHalf, characterMap, onChangeActive]);
   var handleClick = (0, _react.useCallback)(function (index, key, event) {

package/cjs/SafeAnchor/SafeAnchor.js

@@ -37,7 +37,7 @@ var SafeAnchor = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       event.stopPropagation();
       return;
     }
-    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    onClick === null || onClick === void 0 || onClick(event);
   }, [disabled, href, onClick]);
 
   // There are default role and href attributes on the node to ensure Focus management and keyboard interactions.

package/cjs/SelectPicker/SelectPicker.js

@@ -113,8 +113,8 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       callback: function callback(searchKeyword, filteredData, event) {
         var _filteredData$;
         // The first option after filtering is the focus.
-        setFocusItemValue(filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
-        onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
+        setFocusItemValue(filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
+        onSearch === null || onSearch === void 0 || onSearch(searchKeyword, event);
       }
     }),
     searchKeyword = _useSearch.searchKeyword,
@@ -128,15 +128,15 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     setActive = _useState[1];
   var handleClose = (0, _hooks.useEventCallback)(function () {
     var _trigger$current, _trigger$current$clos;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
+    (_trigger$current = trigger.current) === null || _trigger$current === void 0 || (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 || _trigger$current$clos.call(_trigger$current);
   });
   var handleSelect = (0, _hooks.useEventCallback)(function (value, item, event) {
     var _target$current;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);
-    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
+    onSelect === null || onSelect === void 0 || onSelect(value, item, event);
+    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
   });
   var handleChangeValue = (0, _hooks.useEventCallback)(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleMenuPressEnter = (0, _hooks.useEventCallback)(function (event) {
     if (!focusItemValue) {
@@ -181,7 +181,7 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var handleExited = (0, _hooks.useEventCallback)(function () {
     resetSearch();
     setActive(false);
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
+    onSearch === null || onSearch === void 0 || onSearch('');
     setFocusItemValue(null);
   });
   var handleEntered = (0, _hooks.useEventCallback)(function () {

package/cjs/Sidebar/Sidebar.js

@@ -41,7 +41,7 @@ var Sidebar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setHasSidebar = _useContext.setHasSidebar;
   (0, _react.useEffect)(function () {
     /** Notify the Container that the Sidebar is in the child node of the Container. */
-    setHasSidebar === null || setHasSidebar === void 0 ? void 0 : setHasSidebar(true);
+    setHasSidebar === null || setHasSidebar === void 0 || setHasSidebar(true);
   }, [setHasSidebar]);
   var styles = (0, _extends2.default)({
     flex: "0 0 " + width + "px",

package/cjs/Sidenav/ExpandedSidenavDropdown.js

@@ -74,12 +74,12 @@ var ExpandedSidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (p
   });
   var handleToggleDisclosure = (0, _react.useCallback)(function (open, event) {
     if (open) {
-      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onClose === null || onClose === void 0 || onClose();
     } else {
-      onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+      onOpen === null || onOpen === void 0 || onOpen();
     }
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
-    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(uniqueKey, event);
+    onToggle === null || onToggle === void 0 || onToggle(open);
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(uniqueKey, event);
   }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);
   var open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {

package/cjs/Sidenav/ExpandedSidenavDropdownItem.js

@@ -59,9 +59,9 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(functio
   var handleClick = (0, _react.useCallback)(function (event) {
     var _nav$onSelect, _sidenav$onSelect;
     if (disabled) return;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);
-    (_sidenav$onSelect = sidenav.onSelect) === null || _sidenav$onSelect === void 0 ? void 0 : _sidenav$onSelect.call(sidenav, eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
+    (_sidenav$onSelect = sidenav.onSelect) === null || _sidenav$onSelect === void 0 || _sidenav$onSelect.call(sidenav, eventKey, event);
   }, [disabled, onSelect, sidenav, eventKey, nav]);
   var menuitemEventHandlers = {
     onClick: (0, _utils.createChainedFunction)(handleClick, onClick)

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -60,8 +60,8 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(functio
     onSidenavSelect = sidenavContext.onSelect;
   var handleClick = (0, _react.useCallback)(function (event) {
     if (disabled) return;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    onSidenavSelect === null || onSidenavSelect === void 0 ? void 0 : onSidenavSelect(eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    onSidenavSelect === null || onSidenavSelect === void 0 || onSidenavSelect(eventKey, event);
   }, [disabled, onSelect, onSidenavSelect, eventKey]);
   var menuitemEventHandlers = {
     onClick: (0, _utils.createChainedFunction)(handleClick, onClick)

package/cjs/Sidenav/Sidenav.js

@@ -66,7 +66,7 @@ var Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       nextOpenKeys.push(eventKey);
     }
     setOpenKeys(nextOpenKeys);
-    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpenKeys, event);
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(nextOpenKeys, event);
   }, [onOpenChange, openKeys, setOpenKeys]);
   var contextValue = (0, _react.useMemo)(function () {
     return {

package/cjs/Sidenav/SidenavDropdown.js

@@ -147,12 +147,12 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
       }, title), children);
     },
     onToggleMenu: function onToggleMenu(open, event) {
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
-      sidenav === null || sidenav === void 0 ? void 0 : sidenav.onOpenChange(eventKey, event);
+      onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
+      sidenav === null || sidenav === void 0 || sidenav.onOpenChange(eventKey, event);
       if (open) {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen === null || onOpen === void 0 || onOpen();
       } else {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose === null || onClose === void 0 || onClose();
       }
     }
   }, function (_ref3, menuContainerRef) {

package/cjs/Sidenav/SidenavDropdownItem.js

@@ -60,8 +60,8 @@ var SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props
     prefix = _useClassNames.prefix;
   var handleSelectItem = (0, _react.useCallback)(function (event) {
     var _nav$onSelect;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
   }, [onSelect, eventKey, nav]);
   var selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);
   var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);

package/cjs/Sidenav/SidenavDropdownMenu.js

@@ -57,7 +57,7 @@ var SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props
   var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = (0, _react.useCallback)(function (open, event) {
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);
+    onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
   }, [eventKey, onToggle]);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix;

package/cjs/Sidenav/SidenavItem.js

@@ -62,10 +62,10 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleClick = (0, _react.useCallback)(function (event) {
     var _whisperRef$current;
     if (disabled) return;
-    (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 ? void 0 : _whisperRef$current.close();
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
-    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 || _whisperRef$current.close();
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
+    onClick === null || onClick === void 0 || onClick(event);
   }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);
   var clonedIcon = icon ? /*#__PURE__*/_react.default.cloneElement(icon, {
     className: (0, _classnames.default)(prefix('icon'), icon.props.className)

package/cjs/Sidenav/SidenavToggle.js

@@ -42,7 +42,7 @@ var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }));
   var Icon = expanded ? _PagePrevious.default : _PageNext.default;
   var handleToggle = function handleToggle(event) {
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded, event);
+    onToggle === null || onToggle === void 0 || onToggle(!expanded, event);
   };
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,

package/cjs/Slider/Graduated.js

@@ -47,7 +47,7 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var mark = (0, _utils.precisionMath)(i * step + min);
     var lastMark = Math.min(max, mark + step);
     var last = i === count - 1;
-    graduatedItems.push( /*#__PURE__*/_react.default.createElement("li", {
+    graduatedItems.push(/*#__PURE__*/_react.default.createElement("li", {
       className: _classes,
       key: i
     }, /*#__PURE__*/_react.default.createElement(_Mark.default, {

package/cjs/Slider/Slider.js

@@ -167,7 +167,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     var nextValue = getValidValue(getValueByPosition(event));
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
 
   /**
@@ -178,7 +178,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return;
     }
     var nextValue = getValidValue(getValueByPosition(event));
-    onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
+    onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
   });
   var handleClickBar = (0, _hooks.useEventCallback)(function (event) {
     handleChangeValue(event);
@@ -210,7 +210,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // Prevent scroll of the page
     event.preventDefault();
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {

package/cjs/Slider/useDrag.js

@@ -25,7 +25,7 @@ var useDrag = function useDrag(props) {
   // Release the move event
   var releaseMoves = (0, _react.useCallback)(function () {
     var _moveTracker$current;
-    (_moveTracker$current = moveTracker.current) === null || _moveTracker$current === void 0 ? void 0 : _moveTracker$current.releaseMoves();
+    (_moveTracker$current = moveTracker.current) === null || _moveTracker$current === void 0 || _moveTracker$current.releaseMoves();
     moveTracker.current = null;
   }, []);
   var setTooltipPosition = (0, _react.useCallback)(function () {
@@ -40,7 +40,7 @@ var useDrag = function useDrag(props) {
     var _moveTracker$current2;
     if ((_moveTracker$current2 = moveTracker.current) !== null && _moveTracker$current2 !== void 0 && _moveTracker$current2.isDragging()) {
       var _rootRef$current;
-      onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);
+      onDragMove === null || onDragMove === void 0 || onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);
       setTooltipPosition();
     }
   });
@@ -48,7 +48,7 @@ var useDrag = function useDrag(props) {
     var _rootRef$current2;
     setActive(false);
     releaseMoves();
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);
+    onDragEnd === null || onDragEnd === void 0 || onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);
   });
   var getMouseMoveTracker = (0, _react.useCallback)(function () {
     return moveTracker.current || new _PointerMoveTracker.default(document.body, {
@@ -63,10 +63,10 @@ var useDrag = function useDrag(props) {
       return;
     }
     moveTracker.current = getMouseMoveTracker();
-    (_moveTracker$current3 = moveTracker.current) === null || _moveTracker$current3 === void 0 ? void 0 : _moveTracker$current3.captureMoves(event);
-    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.focus();
+    (_moveTracker$current3 = moveTracker.current) === null || _moveTracker$current3 === void 0 || _moveTracker$current3.captureMoves(event);
+    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 || _rootRef$current3.focus();
     setActive(true);
-    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event);
+    onDragStart === null || onDragStart === void 0 || onDragStart(event);
   });
   var onMouseEnter = (0, _hooks.useEventCallback)(function () {
     setTooltipPosition();

package/cjs/Stack/HStack.d.ts

@@ -1,10 +1,13 @@
-import React from 'react';
-import { StackProps } from './Stack';
+import Stack, { StackProps } from './Stack';
+import { RsRefForwardingComponent } from '../internals/types';
 export interface HStackProps extends Omit<StackProps, 'direction'> {
     /**
      * Reverse the order of the children in the stack
      */
     reverse?: boolean;
 }
-declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<unknown>>;
+export interface StackComponent extends RsRefForwardingComponent<'div', HStackProps> {
+    Item: typeof Stack.Item;
+}
+declare const HStack: StackComponent;
 export default HStack;

package/cjs/Stack/HStack.js

@@ -26,4 +26,5 @@ var HStack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 HStack.displayName = 'HStack';
+HStack.Item = _Stack.default.Item;
 var _default = exports.default = HStack;

package/cjs/Stack/Stack.d.ts

@@ -14,9 +14,13 @@ export interface StackProps extends WithAsProps {
      *  Define the alignment of the children in the stack on the inline axis
      */
     justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
-    /** Define the spacing between immediate children */
+    /**
+     * Define the spacing between immediate children
+     */
     spacing?: number | string | (number | string)[];
-    /** Add an element between each child */
+    /**
+     * Add an element between each child
+     */
     divider?: React.ReactNode;
     /**
      * Define whether the children in the stack are forced onto one line or can wrap onto multiple lines

package/cjs/Stack/Stack.js

@@ -77,7 +77,7 @@ var Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       key: index,
       className: prefix('item'),
       style: !isSupportGap ? itemStyles : undefined
-    }, child) : ( /*#__PURE__*/_react.default.cloneElement(child, {
+    }, child) : (/*#__PURE__*/_react.default.cloneElement(child, {
       className: merge(prefix('item'), child.props.className),
       style: !isSupportGap ? (0, _extends2.default)({}, itemStyles, child.props.style) : child.props.style
     }));

package/cjs/Stack/VStack.d.ts

@@ -1,7 +1,10 @@
-import React from 'react';
-import { StackProps } from './Stack';
+import Stack, { StackProps } from './Stack';
+import { RsRefForwardingComponent } from '../internals/types';
 export interface VStackProps extends Omit<StackProps, 'direction'> {
     reverse?: boolean;
 }
-declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<unknown>>;
+export interface StackComponent extends RsRefForwardingComponent<'div', VStackProps> {
+    Item: typeof Stack.Item;
+}
+declare const VStack: StackComponent;
 export default VStack;

package/cjs/Stack/VStack.js

@@ -29,4 +29,5 @@ var VStack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 VStack.displayName = 'VStack';
+VStack.Item = _Stack.default.Item;
 var _default = exports.default = VStack;

package/cjs/Stat/Stat.d.ts

@@ -0,0 +1,26 @@
+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';
+export interface StatProps extends WithAsProps {
+    /**
+     * Add a border to the component.
+     */
+    bordered?: boolean;
+    /**
+     * The icon displayed on the left side of the component.
+     */
+    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;
+export default Stat;

package/cjs/Stat/Stat.js

@@ -0,0 +1,57 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StatLabel = _interopRequireDefault(require("./StatLabel"));
+var _StatValue = _interopRequireDefault(require("./StatValue"));
+var _StatValueUnit = _interopRequireDefault(require("./StatValueUnit"));
+var _StatHelpText = _interopRequireDefault(require("./StatHelpText"));
+var _StatTrend = _interopRequireDefault(require("./StatTrend"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _excluded = ["as", "classPrefix", "className", "children", "bordered", "icon"];
+var Stat = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _CustomProvider.useCustom)('Stat', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'stat' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    bordered = propsWithDefaults.bordered,
+    icon = propsWithDefaults.icon,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix({
+    bordered: bordered
+  }));
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    className: classes,
+    ref: ref
+  }, rest), icon && /*#__PURE__*/_react.default.createElement("div", {
+    className: prefix('icon')
+  }, icon), /*#__PURE__*/_react.default.createElement("dl", {
+    className: prefix('body')
+  }, children));
+});
+Stat.displayName = 'Stat';
+Stat.propTypes = {
+  bordered: _propTypes.default.bool,
+  icon: _propTypes.default.node
+};
+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

@@ -0,0 +1,4 @@
+import { ComponentProps } from '../internals/utils';
+export type StatHelpTextProps = ComponentProps;
+declare const StatHelpText: import("../internals/types").RsRefForwardingComponent<"span", ComponentProps>;
+export default StatHelpText;

package/cjs/Stat/StatHelpText.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _utils = require("../internals/utils");
+var StatHelpText = (0, _utils.createComponent)({
+  name: 'StatHelpText',
+  componentAs: 'span'
+});
+var _default = exports.default = StatHelpText;

package/cjs/Stat/StatLabel.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+interface StatLabelProps extends WithAsProps {
+    /**
+     * The info tip of the label
+     */
+    info?: React.ReactNode;
+    /**
+     * Uppercase the label
+     */
+    uppercase?: boolean;
+}
+declare const StatLabel: RsRefForwardingComponent<'dt', StatLabelProps>;
+export default StatLabel;

package/cjs/Stat/StatLabel.js

@@ -0,0 +1,53 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _InfoOutline = _interopRequireDefault(require("@rsuite/icons/InfoOutline"));
+var _Whisper = _interopRequireDefault(require("../Whisper"));
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _IconButton = _interopRequireDefault(require("../IconButton"));
+var _hooks = require("../internals/hooks");
+var _excluded = ["as", "classPrefix", "className", "children", "info", "uppercase"];
+var StatLabel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'dt' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'stat-label' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    info = props.info,
+    uppercase = props.uppercase,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix({
+    uppercase: uppercase
+  }));
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), children, info && /*#__PURE__*/_react.default.createElement(_Whisper.default, {
+    placement: "top",
+    trigger: 'click',
+    enterable: true,
+    speaker: /*#__PURE__*/_react.default.createElement(_Tooltip.default, null, info)
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    circle: true,
+    size: "xs",
+    appearance: "subtle",
+    icon: /*#__PURE__*/_react.default.createElement(_InfoOutline.default, null)
+  })));
+});
+StatLabel.displayName = 'StatLabel';
+StatLabel.propTypes = {
+  info: _propTypes.default.node,
+  uppercase: _propTypes.default.bool
+};
+var _default = exports.default = StatLabel;

package/cjs/Stat/StatTrend.d.ts

@@ -0,0 +1,7 @@
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+interface StatTrendProps extends WithAsProps {
+    indicator?: 'up' | 'down';
+    appearance?: 'default' | 'subtle';
+}
+declare const StatTrend: RsRefForwardingComponent<'dd', StatTrendProps>;
+export default StatTrend;