rsuite 5.74.2 → 5.76.0

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -52,9 +52,9 @@ var ExpandedSidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props,
   var handleClick = 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: createChainedFunction(handleClick, onClick)

package/esm/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -53,8 +53,8 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props,
     onSidenavSelect = sidenavContext.onSelect;
   var handleClick = 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: createChainedFunction(handleClick, onClick)

package/esm/Sidenav/Sidenav.js

@@ -59,7 +59,7 @@ var Sidenav = /*#__PURE__*/React.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 = useMemo(function () {
     return {

package/esm/Sidenav/SidenavDropdown.js

@@ -140,12 +140,12 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, 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/esm/Sidenav/SidenavDropdownItem.js

@@ -53,8 +53,8 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var handleSelectItem = 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 || !isNil(eventKey) && shallowEqual(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);
   var renderDropdownItem = useRenderDropdownItem(Component);

package/esm/Sidenav/SidenavDropdownMenu.js

@@ -50,7 +50,7 @@ var SidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = 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 = useClassNames(classPrefix),
     prefix = _useClassNames.prefix;

package/esm/Sidenav/SidenavItem.js

@@ -55,10 +55,10 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleClick = 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.cloneElement(icon, {
     className: classNames(prefix('icon'), icon.props.className)

package/esm/Sidenav/SidenavToggle.js

@@ -35,7 +35,7 @@ var SidenavToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
   var Icon = expanded ? PagePreviousIcon : PageNextIcon;
   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.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/Slider/Graduated.js

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

package/esm/Slider/Slider.js

@@ -160,7 +160,7 @@ var Slider = /*#__PURE__*/React.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);
   });
 
   /**
@@ -171,7 +171,7 @@ var Slider = /*#__PURE__*/React.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 = useEventCallback(function (event) {
     handleChangeValue(event);
@@ -203,7 +203,7 @@ var Slider = /*#__PURE__*/React.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.createElement(Plaintext, {

package/esm/Slider/useDrag.js

@@ -20,7 +20,7 @@ var useDrag = function useDrag(props) {
   // Release the move event
   var releaseMoves = 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 = useCallback(function () {
@@ -35,7 +35,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();
     }
   });
@@ -43,7 +43,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 = useCallback(function () {
     return moveTracker.current || new PointerMoveTracker(document.body, {
@@ -58,10 +58,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 = useEventCallback(function () {
     setTooltipPosition();

package/esm/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/esm/Stack/HStack.js

@@ -21,4 +21,5 @@ var HStack = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 HStack.displayName = 'HStack';
+HStack.Item = Stack.Item;
 export default HStack;

package/esm/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/esm/Stack/Stack.js

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

package/esm/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/esm/Stack/VStack.js

@@ -24,4 +24,5 @@ var VStack = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 VStack.displayName = 'VStack';
+VStack.Item = Stack.Item;
 export default VStack;

package/esm/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/esm/Stat/Stat.js

@@ -0,0 +1,52 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "children", "bordered", "icon"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import StatLabel from "./StatLabel.js";
+import StatValue from "./StatValue.js";
+import StatValueUnit from "./StatValueUnit.js";
+import StatHelpText from "./StatHelpText.js";
+import StatTrend from "./StatTrend.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
+var Stat = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix({
+    bordered: bordered
+  }));
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: classes,
+    ref: ref
+  }, rest), icon && /*#__PURE__*/React.createElement("div", {
+    className: prefix('icon')
+  }, icon), /*#__PURE__*/React.createElement("dl", {
+    className: prefix('body')
+  }, children));
+});
+Stat.displayName = 'Stat';
+Stat.propTypes = {
+  bordered: PropTypes.bool,
+  icon: PropTypes.node
+};
+Stat.Label = StatLabel;
+Stat.Value = StatValue;
+Stat.Trend = StatTrend;
+Stat.ValueUnit = StatValueUnit;
+Stat.HelpText = StatHelpText;
+export default Stat;

package/esm/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/esm/Stat/StatHelpText.js

@@ -0,0 +1,7 @@
+'use client';
+import { createComponent } from "../internals/utils/index.js";
+var StatHelpText = createComponent({
+  name: 'StatHelpText',
+  componentAs: 'span'
+});
+export default StatHelpText;

package/esm/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/esm/Stat/StatLabel.js

@@ -0,0 +1,48 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "children", "info", "uppercase"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import InfoOutlineIcon from '@rsuite/icons/InfoOutline';
+import Whisper from "../Whisper/index.js";
+import Tooltip from "../Tooltip/index.js";
+import IconButton from "../IconButton/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+var StatLabel = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix({
+    uppercase: uppercase
+  }));
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    className: classes
+  }, rest), children, info && /*#__PURE__*/React.createElement(Whisper, {
+    placement: "top",
+    trigger: 'click',
+    enterable: true,
+    speaker: /*#__PURE__*/React.createElement(Tooltip, null, info)
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    circle: true,
+    size: "xs",
+    appearance: "subtle",
+    icon: /*#__PURE__*/React.createElement(InfoOutlineIcon, null)
+  })));
+});
+StatLabel.displayName = 'StatLabel';
+StatLabel.propTypes = {
+  info: PropTypes.node,
+  uppercase: PropTypes.bool
+};
+export default StatLabel;

package/esm/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;

package/esm/Stat/StatTrend.js

@@ -0,0 +1,63 @@
+'use client';
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _excluded = ["as", "appearance", "classPrefix", "indicator", "className", "children"];
+import React from 'react';
+import { useClassNames } from "../internals/hooks/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
+var svgProps = {
+  xmlns: 'http://www.w3.org/2000/svg',
+  width: 16,
+  height: 16,
+  viewBox: '0 0 24 24',
+  fill: 'none',
+  stroke: 'currentColor',
+  strokeWidth: '1.5',
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+};
+var ArrowUp = function ArrowUp(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, svgProps, props), /*#__PURE__*/React.createElement("path", {
+    d: "M17 7l-10 10"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 7l9 0l0 9"
+  }));
+};
+var ArrowDown = function ArrowDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, svgProps, props), /*#__PURE__*/React.createElement("path", {
+    d: "M7 7l10 10"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17 8l0 9l-9 0"
+  }));
+};
+var StatTrend = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'span' : _props$as,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'stat-trend' : _props$classPrefix,
+    _props$indicator = props.indicator,
+    indicator = _props$indicator === void 0 ? 'up' : _props$indicator,
+    className = props.className,
+    children = props.children,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix(appearance, indicator));
+  var IndicatorIcon = indicator === 'up' ? ArrowUp : ArrowDown;
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    className: classes
+  }, rest), children, /*#__PURE__*/React.createElement(IndicatorIcon, {
+    className: prefix('indicator')
+  }));
+});
+StatTrend.displayName = 'StatTrend';
+StatTrend.propTypes = {
+  indicator: oneOf(['up', 'down']),
+  appearance: oneOf(['default', 'subtle'])
+};
+export default StatTrend;

package/esm/Stat/StatValue.d.ts

@@ -0,0 +1,7 @@
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+interface StatValueProps extends WithAsProps {
+    value?: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+declare const StatValue: RsRefForwardingComponent<'dd', StatValueProps>;
+export default StatValue;

package/esm/Stat/StatValue.js

@@ -0,0 +1,36 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "children", "value", "formatOptions"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames } from "../internals/hooks/index.js";
+import { FormattedNumber } from "../CustomProvider/index.js";
+var StatValue = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'dd' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'stat-value' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    value = props.value,
+    formatOptions = props.formatOptions,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix());
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    className: classes
+  }, rest), value && /*#__PURE__*/React.createElement(FormattedNumber, {
+    value: value,
+    formatOptions: formatOptions
+  }), children);
+});
+StatValue.displayName = 'StatValue';
+StatValue.propTypes = {
+  value: PropTypes.number,
+  formatOptions: PropTypes.object
+};
+export default StatValue;

package/esm/Stat/StatValueUnit.d.ts

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

package/esm/Stat/StatValueUnit.js

@@ -0,0 +1,7 @@
+'use client';
+import { createComponent } from "../internals/utils/index.js";
+var StatValueUnit = createComponent({
+  name: 'StatValueUnit',
+  componentAs: 'span'
+});
+export default StatValueUnit;

package/esm/Stat/index.d.ts

@@ -0,0 +1,3 @@
+import Stat from './Stat';
+export type { StatProps } from './Stat';
+export default Stat;

package/esm/Stat/index.js

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

package/esm/StatGroup/StatGroup.d.ts

@@ -0,0 +1,13 @@
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+export interface StatGroupProps extends WithAsProps {
+    /**
+     * The number of columns in the group
+     */
+    columns?: number;
+    /**
+     * Spacing between columns
+     */
+    spacing?: number | string;
+}
+declare const StatGroup: RsRefForwardingComponent<'div', StatGroupProps>;
+export default StatGroup;

package/esm/StatGroup/StatGroup.js

@@ -0,0 +1,42 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "classPrefix", "className", "children", "columns", "spacing", "style"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
+var StatGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _useCustom = useCustom('StatGroup', 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-group' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    columns = propsWithDefaults.columns,
+    _propsWithDefaults$sp = propsWithDefaults.spacing,
+    spacing = _propsWithDefaults$sp === void 0 ? 6 : _propsWithDefaults$sp,
+    style = propsWithDefaults.style,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix());
+  var styles = _extends({}, style, {
+    '--rs-columns': columns,
+    '--rs-spacing': typeof spacing === 'number' ? spacing + "px" : spacing
+  });
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    className: classes,
+    style: styles
+  }, rest), children);
+});
+StatGroup.displayName = 'StatGroup';
+StatGroup.propTypes = {
+  columns: PropTypes.number,
+  spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+};
+export default StatGroup;

package/esm/StatGroup/index.d.ts

@@ -0,0 +1,3 @@
+import StatGroup from './StatGroup';
+export type { StatGroupProps } from './StatGroup';
+export default StatGroup;

package/esm/StatGroup/index.js

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

package/esm/Tabs/Tabs.js

@@ -138,7 +138,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var tablistRef = React.useRef(null);
   var handleSelect = useEventCallback(function (eventKey, event) {
     setActiveKey(eventKey);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
   });
   var handleKeyDown = useEventCallback(function (event) {
     var _getFocusableTabs;