rsuite 5.74.2 → 5.75.0

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;

package/cjs/Stat/StatTrend.js

@@ -0,0 +1,68 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("../internals/hooks");
+var _propTypes = require("../internals/propTypes");
+var _excluded = ["as", "appearance", "classPrefix", "indicator", "className", "children"];
+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.default.createElement("svg", (0, _extends2.default)({}, svgProps, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M17 7l-10 10"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8 7l9 0l0 9"
+  }));
+};
+var ArrowDown = function ArrowDown(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, svgProps, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7 7l10 10"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M17 8l0 9l-9 0"
+  }));
+};
+var StatTrend = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.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.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), children, /*#__PURE__*/_react.default.createElement(IndicatorIcon, {
+    className: prefix('indicator')
+  }));
+});
+StatTrend.displayName = 'StatTrend';
+StatTrend.propTypes = {
+  indicator: (0, _propTypes.oneOf)(['up', 'down']),
+  appearance: (0, _propTypes.oneOf)(['default', 'subtle'])
+};
+var _default = exports.default = StatTrend;

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

@@ -0,0 +1,41 @@
+'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 _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _excluded = ["as", "classPrefix", "className", "children", "value", "formatOptions"];
+var StatValue = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix());
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), value && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedNumber, {
+    value: value,
+    formatOptions: formatOptions
+  }), children);
+});
+StatValue.displayName = 'StatValue';
+StatValue.propTypes = {
+  value: _propTypes.default.number,
+  formatOptions: _propTypes.default.object
+};
+var _default = exports.default = StatValue;

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

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

package/cjs/Stat/index.d.ts

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

package/cjs/Stat/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Stat = _interopRequireDefault(require("./Stat"));
+var _default = exports.default = _Stat.default;

package/cjs/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/cjs/StatGroup/StatGroup.js

@@ -0,0 +1,47 @@
+'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 _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _excluded = ["as", "classPrefix", "className", "children", "columns", "spacing", "style"];
+var StatGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix());
+  var styles = (0, _extends2.default)({}, style, {
+    '--rs-columns': columns,
+    '--rs-spacing': typeof spacing === 'number' ? spacing + "px" : spacing
+  });
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes,
+    style: styles
+  }, rest), children);
+});
+StatGroup.displayName = 'StatGroup';
+StatGroup.propTypes = {
+  columns: _propTypes.default.number,
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+};
+var _default = exports.default = StatGroup;

package/cjs/StatGroup/index.d.ts

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

package/cjs/StatGroup/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _StatGroup = _interopRequireDefault(require("./StatGroup"));
+var _default = exports.default = _StatGroup.default;

package/cjs/Tabs/Tabs.js

@@ -142,7 +142,7 @@ var Tabs = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var tablistRef = _react.default.useRef(null);
   var handleSelect = (0, _hooks.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 = (0, _hooks.useEventCallback)(function (event) {
     var _getFocusableTabs;

package/cjs/Timeline/Timeline.js

@@ -41,7 +41,7 @@ var Timeline = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var count = _utils.ReactChildren.count(children);
   var withTime = (0, _some.default)(_react.default.Children.toArray(children), function (item) {
     var _item$props;
-    return item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.time;
+    return item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.time;
   });
   var classes = merge(className, withClassPrefix("align-" + align, {
     endless: endless,

package/cjs/Toggle/Toggle.js

@@ -72,7 +72,7 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     var checked = e.target.checked;
     setChecked(checked);
-    onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
+    onChange === null || onChange === void 0 || onChange(checked, e);
   });
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, null, inner || label);

package/cjs/Tree/Tree.js

@@ -72,7 +72,7 @@ var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleExpandTreeNode = _useExpandTree.handleExpandTreeNode;
   var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
   var treeContext = (0, _react.useMemo)(function () {
     return {