rsuite 5.76.2 → 6.0.0-canary-20250103

package/esm/Stack/StackItem.js

@@ -1,49 +1,38 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "style", "className", "alignSelf", "flex", "grow", "shrink", "order", "basis"];
 import React from 'react';
-import PropTypes from 'prop-types';
-import { oneOf } from "../internals/propTypes/index.js";
 /**
  * The `Stack.Item` component is used to set the layout of the child element in the `Stack` component.
  *
  * @see https://rsuitejs.com/components/stack
  */
 export default 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 = _objectWithoutPropertiesLoose(props, _excluded);
+  const {
+    as: Component = 'div',
+    style,
+    className,
+    alignSelf,
+    flex,
+    grow,
+    shrink,
+    order,
+    basis,
+    ...rest
+  } = props;
   return /*#__PURE__*/React.createElement(Component, _extends({
     className: className,
-    style: _extends({
-      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.string,
-  children: PropTypes.node,
-  alignSelf: oneOf(['flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
-  flex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  grow: PropTypes.number,
-  shrink: PropTypes.number,
-  order: PropTypes.number,
-  basis: PropTypes.string
-};
+StackItem.displayName = 'StackItem';

package/esm/Stack/VStack.js

@@ -1,19 +1,16 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["reverse", "spacing", "alignItems", "childrenRenderMode"];
 import React from 'react';
 import Stack from "./Stack.js";
-var VStack = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
-  var direction = reverse ? 'column-reverse' : 'column';
+const VStack = /*#__PURE__*/React.forwardRef(function VStack(props, ref) {
+  const {
+    reverse,
+    spacing = 6,
+    alignItems = 'flex-start',
+    childrenRenderMode = 'clone',
+    ...rest
+  } = props;
+  const direction = reverse ? 'column-reverse' : 'column';
   return /*#__PURE__*/React.createElement(Stack, _extends({
     spacing: spacing,
     childrenRenderMode: childrenRenderMode,

package/esm/Stat/Stat.js

@@ -1,9 +1,6 @@
 '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";
@@ -11,24 +8,26 @@ 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
+const Stat = /*#__PURE__*/React.forwardRef(function Stat(props, ref) {
+  const {
+    propsWithDefaults
+  } = useCustom('Stat', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'stat',
+    className,
+    children,
+    bordered,
+    icon,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    bordered
   }));
   return /*#__PURE__*/React.createElement(Component, _extends({
     className: classes,
@@ -40,10 +39,6 @@ var Stat = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, children));
 });
 Stat.displayName = 'Stat';
-Stat.propTypes = {
-  bordered: PropTypes.bool,
-  icon: PropTypes.node
-};
 Stat.Label = StatLabel;
 Stat.Value = StatValue;
 Stat.Trend = StatTrend;

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

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

package/esm/Stat/StatLabel.js

@@ -1,29 +1,27 @@
 '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
+const StatLabel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'dt',
+    classPrefix = 'stat-label',
+    className,
+    children,
+    info,
+    uppercase,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    uppercase
   }));
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
@@ -41,8 +39,4 @@ var StatLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })));
 });
 StatLabel.displayName = 'StatLabel';
-StatLabel.propTypes = {
-  info: PropTypes.node,
-  uppercase: PropTypes.bool
-};
 export default StatLabel;

package/esm/Stat/StatTrend.js

@@ -1,11 +1,8 @@
 '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 = {
+const svgProps = {
   xmlns: 'http://www.w3.org/2000/svg',
   width: 16,
   height: 16,
@@ -16,38 +13,37 @@ var svgProps = {
   strokeLinecap: 'round',
   strokeLinejoin: 'round'
 };
-var ArrowUp = function ArrowUp(props) {
+const 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) {
+const 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;
+const StatTrend = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'span',
+    appearance = 'default',
+    classPrefix = 'stat-trend',
+    indicator = 'up',
+    className,
+    children,
+    ...rest
+  } = props;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(appearance, indicator));
+  const IndicatorIcon = indicator === 'up' ? ArrowUp : ArrowDown;
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     className: classes
@@ -56,8 +52,4 @@ var StatTrend = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 StatTrend.displayName = 'StatTrend';
-StatTrend.propTypes = {
-  indicator: oneOf(['up', 'down']),
-  appearance: oneOf(['default', 'subtle'])
-};
 export default StatTrend;

package/esm/Stat/StatValue.js

@@ -1,25 +1,23 @@
 '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());
+const StatValue = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'dd',
+    classPrefix = 'stat-value',
+    className,
+    children,
+    value,
+    formatOptions,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     className: classes
@@ -29,8 +27,4 @@ var StatValue = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children);
 });
 StatValue.displayName = 'StatValue';
-StatValue.propTypes = {
-  value: PropTypes.number,
-  formatOptions: PropTypes.object
-};
 export default StatValue;

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

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

package/esm/StatGroup/StatGroup.js

@@ -1,33 +1,33 @@
 '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 { getCssValue } from "../internals/utils/index.js";
 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, {
+const StatGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('StatGroup', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'stat-group',
+    className,
+    children,
+    columns,
+    spacing = 6,
+    style,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const styles = {
     '--rs-columns': columns,
-    '--rs-spacing': typeof spacing === 'number' ? spacing + "px" : spacing
-  });
+    '--rs-spacing': getCssValue(spacing),
+    ...style
+  };
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     className: classes,
@@ -35,8 +35,4 @@ var StatGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rest), children);
 });
 StatGroup.displayName = 'StatGroup';
-StatGroup.propTypes = {
-  columns: PropTypes.number,
-  spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-};
 export default StatGroup;

package/esm/Steps/StepItem.js

@@ -1,14 +1,10 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "classPrefix", "style", "itemWidth", "status", "icon", "stepNumber", "description", "title"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import Check from '@rsuite/icons/Check';
 import Close from '@rsuite/icons/Close';
-import { oneOf } from "../internals/propTypes/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
-var STEP_STATUS_ICON = {
+const STEP_STATUS_ICON = {
   finish: /*#__PURE__*/React.createElement(Check, null),
   wait: null,
   process: null,
@@ -19,33 +15,36 @@ var STEP_STATUS_ICON = {
  *
  * @see https://rsuitejs.com/components/steps
  */
-var StepItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _withClassPrefix, _STEP_STATUS_ICON$sta;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'steps-item' : _props$classPrefix,
-    style = props.style,
-    itemWidth = props.itemWidth,
-    status = props.status,
-    icon = props.icon,
-    stepNumber = props.stepNumber,
-    description = props.description,
-    title = props.title,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix((_withClassPrefix = {
-    custom: icon
-  }, _withClassPrefix["status-" + status] = status, _withClassPrefix)));
-  var styles = _extends({
-    width: itemWidth
-  }, style);
-  var iconNode = /*#__PURE__*/React.createElement("span", {
-    className: prefix('icon', "icon-" + status)
+const StepItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var _STEP_STATUS_ICON$sta;
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'steps-item',
+    style,
+    itemWidth,
+    status,
+    icon,
+    stepNumber,
+    description,
+    title,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    custom: icon,
+    [`status-${status}`]: status
+  }));
+  const styles = {
+    width: itemWidth,
+    ...style
+  };
+  let iconNode = /*#__PURE__*/React.createElement("span", {
+    className: prefix('icon', `icon-${status}`)
   }, status ? (_STEP_STATUS_ICON$sta = STEP_STATUS_ICON[status]) !== null && _STEP_STATUS_ICON$sta !== void 0 ? _STEP_STATUS_ICON$sta : stepNumber : stepNumber);
   if (icon) {
     iconNode = /*#__PURE__*/React.createElement("span", {
@@ -69,15 +68,4 @@ var StepItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, description)));
 });
 StepItem.displayName = 'StepItem';
-StepItem.propTypes = {
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  style: PropTypes.object,
-  itemWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  status: oneOf(['finish', 'wait', 'process', 'error']),
-  icon: PropTypes.object,
-  stepNumber: PropTypes.number,
-  description: PropTypes.node,
-  title: PropTypes.node
-};
 export default StepItem;