rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/Stack/Stack.js

@@ -5,15 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _StackItem = _interopRequireDefault(require("./StackItem"));
 var _utils = require("../internals/utils");
-var _propTypes2 = require("../internals/propTypes");
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "alignItems", "classPrefix", "childrenRenderMode", "className", "children", "direction", "justifyContent", "spacing", "divider", "style", "wrap"];
 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';
@@ -25,76 +21,59 @@ function isStackItem(child) {
  *
  * @see https://rsuitejs.com/components/stack
  */
-var Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _itemStyles;
-  var _useCustom = (0, _CustomProvider.useCustom)('Stack', props),
-    propsWithDefaults = _useCustom.propsWithDefaults,
-    rtl = _useCustom.rtl;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$al = propsWithDefaults.alignItems,
-    alignItems = _propsWithDefaults$al === void 0 ? 'center' : _propsWithDefaults$al,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'stack' : _propsWithDefaults$cl,
-    _propsWithDefaults$ch = propsWithDefaults.childrenRenderMode,
-    childrenRenderMode = _propsWithDefaults$ch === void 0 ? 'wrap' : _propsWithDefaults$ch,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    direction = propsWithDefaults.direction,
-    justifyContent = propsWithDefaults.justifyContent,
-    spacing = propsWithDefaults.spacing,
-    divider = propsWithDefaults.divider,
-    style = propsWithDefaults.style,
-    wrap = propsWithDefaults.wrap,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix());
-  var isSupportGap = (0, _utils.isSupportFlexGap)();
-  var flexGap = Array.isArray(spacing) ? spacing : [spacing, spacing];
-  var itemStyles = (_itemStyles = {}, _itemStyles[rtl ? 'marginLeft' : 'marginRight'] = flexGap[0], _itemStyles.marginBottom = flexGap[1], _itemStyles);
-  var styles = (0, _extends2.default)({
-    alignItems: alignItems,
-    justifyContent: justifyContent,
+const Stack = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Stack', props);
+  const {
+    as: Component = 'div',
+    alignItems = 'center',
+    classPrefix = 'stack',
+    childrenRenderMode = 'wrap',
+    className,
+    children,
+    direction,
+    justifyContent,
+    spacing,
+    divider,
+    style,
+    wrap,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const styles = {
+    alignItems,
+    justifyContent,
     flexDirection: direction,
     flexWrap: wrap ? 'wrap' : undefined,
-    gap: isSupportGap ? spacing : undefined
-  }, style);
+    gap: spacing,
+    ...style
+  };
 
   /*
    * toArray remove undefined, null and boolean
    */
-  var filterChildren = _react.default.Children.toArray(children);
-  var count = _utils.ReactChildren.count(filterChildren);
+  const filterChildren = _react.default.Children.toArray(children);
+  const count = _utils.ReactChildren.count(filterChildren);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes,
     style: styles
-  }), _utils.ReactChildren.map(filterChildren, function (child, index) {
-    var childNode = childrenRenderMode === 'wrap' && !isStackItem(child) ? /*#__PURE__*/_react.default.createElement(_StackItem.default, {
+  }), _utils.ReactChildren.map(filterChildren, (child, index) => {
+    const childNode = childrenRenderMode === 'wrap' && !isStackItem(child) ? /*#__PURE__*/_react.default.createElement(_StackItem.default, {
       key: index,
-      className: prefix('item'),
-      style: !isSupportGap ? itemStyles : undefined
+      className: prefix('item')
     }, 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
+      className: merge(prefix('item'), child.props.className)
     }));
     return [childNode, index < count - 1 ? divider : null];
   }));
 });
 Stack.Item = _StackItem.default;
 Stack.displayName = 'Stack';
-Stack.propTypes = {
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  classPrefix: _propTypes.default.string,
-  direction: (0, _propTypes2.oneOf)(['row', 'row-reverse', 'column', 'column-reverse']),
-  alignItems: (0, _propTypes2.oneOf)(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),
-  justifyContent: (0, _propTypes2.oneOf)(['flex-start', 'center', 'flex-end', 'space-between', 'space-around']),
-  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]),
-  divider: _propTypes.default.node,
-  wrap: _propTypes.default.bool
-};
 var _default = exports.default = Stack;

package/cjs/Stack/StackItem.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { WithAsProps } from '../internals/types';
 export interface StackItemProps extends WithAsProps {
     alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
@@ -17,15 +16,5 @@ export interface StackItemProps extends WithAsProps {
 declare function StackItem(props: StackItemProps): React.JSX.Element;
 declare namespace StackItem {
     var displayName: string;
-    var propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        alignSelf: PropTypes.Requireable<string>;
-        flex: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        grow: PropTypes.Requireable<number>;
-        shrink: PropTypes.Requireable<number>;
-        order: PropTypes.Requireable<number>;
-        basis: PropTypes.Requireable<string>;
-    };
 }
 export default StackItem;

package/cjs/Stack/StackItem.js

@@ -5,50 +5,39 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = StackItem;
 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 _propTypes2 = require("../internals/propTypes");
-var _excluded = ["as", "style", "className", "alignSelf", "flex", "grow", "shrink", "order", "basis"];
 /**
  * The `Stack.Item` component is used to set the layout of the child element in the `Stack` component.
  *
  * @see https://rsuitejs.com/components/stack
  */
 function StackItem(props) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    style = props.style,
-    className = props.className,
-    alignSelf = props.alignSelf,
-    flex = props.flex,
-    grow = props.grow,
-    shrink = props.shrink,
-    order = props.order,
-    basis = props.basis,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    as: Component = 'div',
+    style,
+    className,
+    alignSelf,
+    flex,
+    grow,
+    shrink,
+    order,
+    basis,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     className: className,
-    style: (0, _extends2.default)({
-      alignSelf: alignSelf,
-      order: order
-    }, flex ? {
-      flex: flex
-    } : {
-      flexGrow: grow,
-      flexShrink: shrink,
-      flexBasis: basis
-    }, style)
+    style: {
+      alignSelf,
+      order,
+      ...(flex ? {
+        flex
+      } : {
+        flexGrow: grow,
+        flexShrink: shrink,
+        flexBasis: basis
+      }),
+      ...style
+    }
   }, rest));
 }
-StackItem.displayName = 'StackItem';
-StackItem.propTypes = {
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  alignSelf: (0, _propTypes2.oneOf)(['flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
-  flex: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  grow: _propTypes.default.number,
-  shrink: _propTypes.default.number,
-  order: _propTypes.default.number,
-  basis: _propTypes.default.string
-};
+StackItem.displayName = 'StackItem';

package/cjs/Stack/VStack.js

@@ -5,20 +5,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _Stack = _interopRequireDefault(require("./Stack"));
-var _excluded = ["reverse", "spacing", "alignItems", "childrenRenderMode"];
-var VStack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var reverse = props.reverse,
-    _props$spacing = props.spacing,
-    spacing = _props$spacing === void 0 ? 6 : _props$spacing,
-    _props$alignItems = props.alignItems,
-    alignItems = _props$alignItems === void 0 ? 'flex-start' : _props$alignItems,
-    _props$childrenRender = props.childrenRenderMode,
-    childrenRenderMode = _props$childrenRender === void 0 ? 'clone' : _props$childrenRender,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var direction = reverse ? 'column-reverse' : 'column';
+const VStack = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    reverse,
+    spacing = 6,
+    alignItems = 'flex-start',
+    childrenRenderMode = 'clone',
+    ...rest
+  } = props;
+  const direction = reverse ? 'column-reverse' : 'column';
   return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({
     spacing: spacing,
     childrenRenderMode: childrenRenderMode,

package/cjs/Stat/Stat.js

@@ -5,9 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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"));
@@ -15,25 +13,26 @@ 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
+const Stat = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Stat', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'stat',
+    className,
+    children,
+    bordered,
+    icon,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    bordered
   }));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     className: classes,
@@ -45,10 +44,6 @@ var Stat = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, 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;

package/cjs/Stat/StatHelpText.d.ts

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

package/cjs/Stat/StatHelpText.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _utils = require("../internals/utils");
-var StatHelpText = (0, _utils.createComponent)({
+const StatHelpText = (0, _utils.createComponent)({
   name: 'StatHelpText',
   componentAs: 'span'
 });

package/cjs/Stat/StatLabel.js

@@ -5,30 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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
+const StatLabel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'dt',
+    classPrefix = 'stat-label',
+    className,
+    children,
+    info,
+    uppercase,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    uppercase
   }));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
@@ -46,8 +44,4 @@ var StatLabel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   })));
 });
 StatLabel.displayName = 'StatLabel';
-StatLabel.propTypes = {
-  info: _propTypes.default.node,
-  uppercase: _propTypes.default.bool
-};
 var _default = exports.default = StatLabel;

package/cjs/Stat/StatTrend.js

@@ -4,13 +4,10 @@
 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 = {
+const svgProps = {
   xmlns: 'http://www.w3.org/2000/svg',
   width: 16,
   height: 16,
@@ -21,38 +18,37 @@ var svgProps = {
   strokeLinecap: 'round',
   strokeLinejoin: 'round'
 };
-var ArrowUp = function ArrowUp(props) {
+const 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) {
+const 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;
+const StatTrend = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'span',
+    appearance = 'default',
+    classPrefix = 'stat-trend',
+    indicator = 'up',
+    className,
+    children,
+    ...rest
+  } = props;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix(appearance, indicator));
+  const IndicatorIcon = indicator === 'up' ? ArrowUp : ArrowDown;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
     className: classes
@@ -61,8 +57,4 @@ var StatTrend = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 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.js

@@ -5,26 +5,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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());
+const StatValue = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'dd',
+    classPrefix = 'stat-value',
+    className,
+    children,
+    value,
+    formatOptions,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
     className: classes
@@ -34,8 +32,4 @@ var StatValue = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), 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

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

package/cjs/Stat/StatValueUnit.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _utils = require("../internals/utils");
-var StatValueUnit = (0, _utils.createComponent)({
+const StatValueUnit = (0, _utils.createComponent)({
   name: 'StatValueUnit',
   componentAs: 'span'
 });

package/cjs/StatGroup/StatGroup.js

@@ -5,34 +5,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _utils = require("../internals/utils");
 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, {
+const StatGroup = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('StatGroup', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'stat-group',
+    className,
+    children,
+    columns,
+    spacing = 6,
+    style,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const styles = {
     '--rs-columns': columns,
-    '--rs-spacing': typeof spacing === 'number' ? spacing + "px" : spacing
-  });
+    '--rs-spacing': (0, _utils.getCssValue)(spacing),
+    ...style
+  };
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
     className: classes,
@@ -40,8 +40,4 @@ var StatGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, 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;