rsuite 5.74.2 → 5.75.0

package/cjs/CardGroup/CardGroup.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 CardGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _CustomProvider.useCustom)('CardGroup', 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 ? 'card-group' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    columns = propsWithDefaults.columns,
+    _propsWithDefaults$sp = propsWithDefaults.spacing,
+    spacing = _propsWithDefaults$sp === void 0 ? 16 : _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);
+});
+CardGroup.displayName = 'CardGroup';
+CardGroup.propTypes = {
+  columns: _propTypes.default.number,
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+};
+var _default = exports.default = CardGroup;

package/cjs/CardGroup/index.d.ts

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

package/cjs/CardGroup/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 _CardGroup = _interopRequireDefault(require("./CardGroup"));
+var _default = exports.default = _CardGroup.default;

package/cjs/Carousel/Carousel.js

@@ -87,17 +87,17 @@ var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // When index is greater than count, start from 1 again.
     var nextIndex = index % count;
     setActiveIndex(nextIndex);
-    onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart(nextIndex, event);
+    onSlideStart === null || onSlideStart === void 0 || onSlideStart(nextIndex, event);
     setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex);
     reset();
   }, [activeIndex, count, setActiveIndex, clear, onSlideStart, reset]);
   var handleChange = function handleChange(event) {
     var activeIndex = +event.target.value;
     handleSlide(activeIndex, event);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeIndex, event);
+    onSelect === null || onSelect === void 0 || onSelect(activeIndex, event);
   };
   var handleTransitionEnd = (0, _react.useCallback)(function (event) {
-    onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd(activeIndex, event);
+    onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(activeIndex, event);
   }, [activeIndex, onSlideEnd]);
   var uniqueId = (0, _react.useMemo)(function () {
     return (0, _utils.guid)();
@@ -108,7 +108,7 @@ var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return;
     }
     var inputKey = "indicator_" + uniqueId + "_" + index;
-    labels.push( /*#__PURE__*/_react.default.createElement("li", {
+    labels.push(/*#__PURE__*/_react.default.createElement("li", {
       key: "label" + index,
       className: prefix('label-wrapper')
     }, /*#__PURE__*/_react.default.createElement("input", {

package/cjs/CascadeTree/CascadeTree.js

@@ -86,7 +86,7 @@ var CascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var isLeafNode = node.isLeafNode,
       cascadePaths = node.cascadePaths,
       itemData = node.itemData;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemData, cascadePaths, event);
+    onSelect === null || onSelect === void 0 || onSelect(itemData, cascadePaths, event);
     if (isLeafNode) {
       var nextValue = itemData[valueKey];
       setValue(nextValue);

package/cjs/CascadeTree/TreeView.js

@@ -95,7 +95,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleSelect = (0, _hooks.useEventCallback)(function (layer, itemData, event) {
     var isLeafNode = (0, _isNil.default)(itemData[childrenKey]);
     var cascadePaths = getCascadePaths(layer + 1, itemData);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect({
+    onSelect === null || onSelect === void 0 || onSelect({
       itemData: itemData,
       cascadePaths: cascadePaths,
       isLeafNode: isLeafNode

package/cjs/CascadeTree/hooks/useSearch.js

@@ -16,12 +16,12 @@ function useSearch(props) {
     flattenedData = props.flattenedData,
     parentSelectable = props.parentSelectable,
     onSearch = props.onSearch;
-  var someKeyword = function someKeyword(item, keyword) {
+  var _someKeyword = function someKeyword(item, keyword) {
     if (item[labelKey].match(new RegExp((0, _utils.getSafeRegExpString)(keyword || searchKeyword), 'i'))) {
       return true;
     }
     var parent = parentMap.get(item);
-    if (parent && someKeyword(parent)) {
+    if (parent && _someKeyword(parent)) {
       return true;
     }
     return false;
@@ -32,7 +32,7 @@ function useSearch(props) {
       if (!parentSelectable && item[childrenKey]) {
         return false;
       }
-      return someKeyword(item, keyword);
+      return _someKeyword(item, keyword);
     });
     for (var i = 0; i < result.length; i++) {
       items.push(result[i]);
@@ -47,7 +47,7 @@ function useSearch(props) {
   var handleSearch = (0, _hooks.useEventCallback)(function (value, event) {
     var items = getSearchResult(value);
     setSearchKeyword(value);
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, items, event);
+    onSearch === null || onSearch === void 0 || onSearch(value, items, event);
   });
   return {
     searchKeyword: searchKeyword,

package/cjs/CascadeTree/hooks/useSelect.js

@@ -51,10 +51,10 @@ var useSelect = function useSelect(props) {
     if (isLeafNode) {
       var nextValue = itemData[valueKey];
       if (!(0, _utils.shallowEqual)(value, nextValue)) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+        onChange === null || onChange === void 0 || onChange(nextValue, event);
       }
     }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, event);
+    onSelect === null || onSelect === void 0 || onSelect(node, event);
   });
   return {
     loadingItemsSet: loadingItemsSet,

package/cjs/Cascader/Cascader.js

@@ -130,7 +130,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var isLeafNode = node.isLeafNode,
       cascadePaths = node.cascadePaths,
       itemData = node.itemData;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemData, cascadePaths, event);
+    onSelect === null || onSelect === void 0 || onSelect(itemData, cascadePaths, event);
     var nextValue = itemData[valueKey];
     if (isLeafNode) {
       // Determines whether the option is a leaf node, and if so, closes the picker.
@@ -142,11 +142,11 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     //  When the parent is optional, the value and the displayed path are updated.
     if (parentSelectable && !(0, _utils3.shallowEqual)(value, nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
 
     // Update menu position
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.updatePosition();
+    (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.updatePosition();
   };
   var _useSelect = (0, _hooks.useSelect)({
       value: value,
@@ -212,7 +212,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setKeys = _useFocusItemValue.setKeys,
     onFocusItem = _useFocusItemValue.onKeyDown;
   var onSearchCallback = function onSearchCallback(value, items, event) {
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
+    onSearch === null || onSearch === void 0 || onSearch(value, event);
     if (!value || items.length === 0) {
       setFocusItemValue(undefined);
       return;
@@ -246,17 +246,17 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleExited = _useActive.handleExited;
   var handleClose = (0, _hooks2.useEventCallback)(function () {
     var _trigger$current2, _target$current, _target$current$focus;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();
+    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.close();
 
     // The focus is on the trigger button after closing
-    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);
+    (_target$current = target.current) === null || _target$current === void 0 || (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 || _target$current$focus.call(_target$current);
   });
   var handleClean = (0, _hooks2.useEventCallback)(function (event) {
     if (disabled || !target.current) {
       return;
     }
     setValue(null);
-    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);
+    onChange === null || onChange === void 0 || onChange(null, event);
   });
   var handleMenuPressEnter = (0, _hooks2.useEventCallback)(function (event) {
     var focusItem = (0, _utils2.findNodeOfTree)(data, function (item) {
@@ -269,8 +269,8 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         setLayer(pathTowardsActiveItem.length - 1);
       }
       if (!(0, _utils3.shallowEqual)(value, focusItemValue)) {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(focusItem, pathTowardsActiveItem, event);
-        onChange === null || onChange === void 0 ? void 0 : onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);
+        onSelect === null || onSelect === void 0 || onSelect(focusItem, pathTowardsActiveItem, event);
+        onChange === null || onChange === void 0 || onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);
       }
       handleClose();
     }
@@ -295,8 +295,8 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleClose();
     setSearchKeyword('');
     setValue(nextValue);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemData, nodes, event);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onSelect === null || onSelect === void 0 || onSelect(itemData, nodes, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
   var renderCascadeColumn = function renderCascadeColumn(childNodes, column) {
     var items = column.items,
@@ -367,11 +367,11 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     selectedElement = [];
     pathTowardsSelectedItem.forEach(function (item, index) {
       var key = item[valueKey] || item[labelKey];
-      selectedElement.push( /*#__PURE__*/_react.default.createElement("span", {
+      selectedElement.push(/*#__PURE__*/_react.default.createElement("span", {
         key: key
       }, item[labelKey]));
       if (index < pathTowardsSelectedItem.length - 1) {
-        selectedElement.push( /*#__PURE__*/_react.default.createElement("span", {
+        selectedElement.push(/*#__PURE__*/_react.default.createElement("span", {
           className: "separator",
           key: key + "-separator"
         }, ' / '));

package/cjs/Cascader/useActive.js

@@ -17,19 +17,19 @@ var useActive = function useActive(props) {
     active = _useState[0],
     setActive = _useState[1];
   var handleEntered = (0, _hooks.useEventCallback)(function (node) {
-    onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);
+    onEntered === null || onEntered === void 0 || onEntered(node);
     if (!target.current) {
       return;
     }
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    onOpen === null || onOpen === void 0 || onOpen();
     setActive(true);
   });
   var handleExited = (0, _hooks.useEventCallback)(function (node) {
-    onExited === null || onExited === void 0 ? void 0 : onExited(node);
+    onExited === null || onExited === void 0 || onExited(node);
     if (!target.current) {
       return;
     }
-    onClose === null || onClose === void 0 ? void 0 : onClose();
+    onClose === null || onClose === void 0 || onClose();
     setActive(false);
     setSearchKeyword('');
   });

package/cjs/CheckPicker/CheckPicker.js

@@ -115,8 +115,8 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleSearchCallback = (0, _hooks.useEventCallback)(function (searchKeyword, filteredData, event) {
     var _filteredData$;
     // The first option after filtering is the focus.
-    setFocusItemValue(filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
+    setFocusItemValue(filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
+    onSearch === null || onSearch === void 0 || onSearch(searchKeyword, event);
   });
 
   // Use search keywords to filter options.
@@ -156,14 +156,14 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setStickyItems(nextStickyItems);
   };
   var handleChangeValue = (0, _hooks.useEventCallback)(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleClean = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || !cleanable) {
       return;
     }
     setValue([]);
-    onClean === null || onClean === void 0 ? void 0 : onClean(event);
+    onClean === null || onClean === void 0 || onClean(event);
     handleChangeValue([], event);
   });
   var handleMenuPressEnter = function handleMenuPressEnter(event) {
@@ -200,7 +200,7 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onMenuPressBackspace: handleClean
   }, rest));
   var handleSelect = (0, _hooks.useEventCallback)(function (nextItemValue, item, event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextItemValue, item, event);
+    onSelect === null || onSelect === void 0 || onSelect(nextItemValue, item, event);
   });
   var handleItemSelect = (0, _hooks.useEventCallback)(function (nextItemValue, item, event, checked) {
     var nextValue = (0, _clone.default)(value);

package/cjs/CheckTree/CheckTree.js

@@ -83,7 +83,7 @@ var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
   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 {

package/cjs/CheckTree/CheckTreeNode.js

@@ -58,8 +58,8 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var handleExpand = (0, _hooks.useEventCallback)(function (event) {
     var _event$nativeEvent, _event$nativeEvent$st;
     // stop propagation when using custom loading icon
-    event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData, expanded);
+    event === null || event === void 0 || (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 || (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 || _event$nativeEvent$st.call(_event$nativeEvent);
+    onExpand === null || onExpand === void 0 || onExpand(nodeData, expanded);
   });
   var handleSelect = (0, _hooks.useEventCallback)(function (_value, event) {
     var isChecked = false;
@@ -72,7 +72,7 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var nextNodeData = (0, _extends2.default)({}, nodeData, {
       check: isChecked
     });
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextNodeData, event);
+    onSelect === null || onSelect === void 0 || onSelect(nextNodeData, event);
   });
   var classes = merge(className, withClassPrefix({
     disabled: disabled,

package/cjs/CheckTree/CheckTreeView.js

@@ -93,7 +93,7 @@ var CheckTreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }),
     getCheckedValues = _useTreeCheckState.getCheckedValues;
   var handleSearchCallback = function handleSearchCallback(value, _data, event) {
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
+    onSearch === null || onSearch === void 0 || onSearch(value, event);
   };
   var _useTreeSearch = (0, _useTreeSearch2.default)({
       callback: handleSearchCallback,
@@ -174,9 +174,9 @@ var CheckTreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       return itemParentMap.get(item[valueKey]);
     });
     setFocusItemValue(node[valueKey]);
-    onChange === null || onChange === void 0 ? void 0 : onChange(checkedValues, event);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, checkedValues, event);
-    onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(node, path);
+    onChange === null || onChange === void 0 || onChange(checkedValues, event);
+    onSelect === null || onSelect === void 0 || onSelect(node, checkedValues, event);
+    onSelectItem === null || onSelectItem === void 0 || onSelectItem(node, path);
   });
   var selectActiveItem = function selectActiveItem(event) {
     if ((0, _isNil.default)(focusItemValue)) return;
@@ -194,7 +194,7 @@ var CheckTreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       enter: selectActiveItem
     });
   });
-  var renderNode = function renderNode(node, layer) {
+  var _renderNode = function renderNode(node, layer) {
     var visible = node.visible,
       refKey = node.refKey,
       parent = node.parent;
@@ -231,7 +231,7 @@ var CheckTreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         className: prefix('group'),
         role: "group"
       }, nodes.map(function (child) {
-        return renderNode(child, layer);
+        return _renderNode(child, layer);
       }), showIndentLine && /*#__PURE__*/_react.default.createElement(_IndentLine.default, null)));
     }
     return /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({
@@ -272,7 +272,7 @@ var CheckTreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     'without-children': !(0, _utils2.hasGrandchild)(data, childrenKey),
     virtualized: virtualized
   }));
-  var formattedNodes = getFormattedNodes(renderNode);
+  var formattedNodes = getFormattedNodes(_renderNode);
   var treeNodesClass = merge(prefix('root'), (_merge2 = {}, _merge2[prefix('all-uncheckable')] = (0, _utils2.isEveryFirstLevelNodeUncheckable)(flattenedNodes, uncheckableItemValues, valueKey), _merge2));
   return /*#__PURE__*/_react.default.createElement(Component, {
     ref: ref,

package/cjs/CheckTree/utils.js

@@ -29,7 +29,7 @@ function getChildrenByFlattenNodes(nodes, parent) {
   }
   return Object.values(nodes).filter(function (item) {
     var _item$parent;
-    return (item === null || item === void 0 ? void 0 : (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent.refKey) === parent.refKey && item.refKey && !nodes[item.refKey].uncheckable;
+    return (item === null || item === void 0 || (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent.refKey) === parent.refKey && item.refKey && !nodes[item.refKey].uncheckable;
   });
 }
 
@@ -49,7 +49,7 @@ function isEveryChildChecked(parent, options) {
   }
   return children.every(function (child) {
     var _child$childrenKey;
-    if ((child === null || child === void 0 ? void 0 : (_child$childrenKey = child[childrenKey]) === null || _child$childrenKey === void 0 ? void 0 : _child$childrenKey.length) > 0) {
+    if ((child === null || child === void 0 || (_child$childrenKey = child[childrenKey]) === null || _child$childrenKey === void 0 ? void 0 : _child$childrenKey.length) > 0) {
       // fix: #3559
       return isEveryChildChecked(child, {
         nodes: nodes,
@@ -70,7 +70,7 @@ function isSomeChildChecked(nodes, parent, childrenKey) {
   var children = getChildrenByFlattenNodes(nodes, parent);
   return children.some(function (child) {
     var _child$childrenKey2;
-    if ((child === null || child === void 0 ? void 0 : (_child$childrenKey2 = child[childrenKey]) === null || _child$childrenKey2 === void 0 ? void 0 : _child$childrenKey2.length) > 0) {
+    if ((child === null || child === void 0 || (_child$childrenKey2 = child[childrenKey]) === null || _child$childrenKey2 === void 0 ? void 0 : _child$childrenKey2.length) > 0) {
       return isSomeChildChecked(nodes, child, childrenKey);
     }
     return !(0, _isNil2.default)(child.refKey) && nodes[child.refKey].check;

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -173,7 +173,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }
     setFocusItemValue(null);
     setValue([]);
-    onChange === null || onChange === void 0 ? void 0 : onChange([], event);
+    onChange === null || onChange === void 0 || onChange([], event);
   });
   var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {
     (0, _Picker.onMenuKeyDown)(event, {
@@ -195,7 +195,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, rest));
   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 {

package/cjs/CheckTreePicker/hooks/useFocusState.js

@@ -15,18 +15,18 @@ function useFocusState(props) {
     setFocusItemValue = _useState2[1];
   var focusTarget = (0, _hooks.useEventCallback)(function () {
     var _target$current;
-    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
+    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
   });
   var onEnter = (0, _hooks.useEventCallback)(function (node) {
     var _props$onEnter;
     setActive(true);
-    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, node);
+    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, node);
   });
   var onExit = (0, _hooks.useEventCallback)(function (node) {
     var _props$onExit;
     setActive(false);
     focusTarget();
-    (_props$onExit = props.onExit) === null || _props$onExit === void 0 ? void 0 : _props$onExit.call(props, node);
+    (_props$onExit = props.onExit) === null || _props$onExit === void 0 || _props$onExit.call(props, node);
   });
   return {
     active: active,

package/cjs/Checkbox/Checkbox.js

@@ -113,8 +113,8 @@ var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return;
     }
     setSelfChecked(nextChecked);
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);
-    onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);
+    onChange === null || onChange === void 0 || onChange(value, nextChecked, event);
+    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, nextChecked, event);
   });
   var handleLabelClick = (0, _hooks.useEventCallback)(function (event) {
     // Prevent check when label is not clickable

package/cjs/CheckboxGroup/CheckboxGroup.js

@@ -60,7 +60,7 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       });
     }
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   }, [onChange, setValue, value]);
   var contextValue = (0, _react.useMemo)(function () {
     return {

package/cjs/CustomProvider/FormattedNumber.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FormattedNumberProps {
+    value: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+export declare function FormattedNumber({ value, formatOptions }: FormattedNumberProps): React.JSX.Element;
+export {};

package/cjs/CustomProvider/FormattedNumber.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.FormattedNumber = FormattedNumber;
+var _react = _interopRequireWildcard(require("react"));
+var _useCustom2 = require("./useCustom");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function FormattedNumber(_ref) {
+  var value = _ref.value,
+    formatOptions = _ref.formatOptions;
+  var _useCustom = (0, _useCustom2.useCustom)(),
+    code = _useCustom.code;
+  var formatter = (0, _react.useMemo)(function () {
+    return new Intl.NumberFormat(code, formatOptions);
+  }, [code, formatOptions]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatter.format(value));
+}

package/cjs/CustomProvider/index.d.ts

@@ -1,5 +1,6 @@
 import CustomProvider from './CustomProvider';
 export { FormattedDate } from './FormattedDate';
+export { FormattedNumber } from './FormattedNumber';
 export { useCustom } from './useCustom';
 export { CustomContext } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';

package/cjs/CustomProvider/index.js

@@ -2,11 +2,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useCustom = exports.default = exports.FormattedDate = exports.CustomContext = void 0;
+exports.useCustom = exports.default = exports.FormattedNumber = exports.FormattedDate = exports.CustomContext = void 0;
 var _CustomProvider = _interopRequireWildcard(require("./CustomProvider"));
 exports.CustomContext = _CustomProvider.CustomContext;
 var _FormattedDate = require("./FormattedDate");
 exports.FormattedDate = _FormattedDate.FormattedDate;
+var _FormattedNumber = require("./FormattedNumber");
+exports.FormattedNumber = _FormattedNumber.FormattedNumber;
 var _useCustom = require("./useCustom");
 exports.useCustom = _useCustom.useCustom;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

package/cjs/CustomProvider/types.d.ts

@@ -17,6 +17,8 @@ import type { CalendarProps } from '../Calendar';
 import type { CarouselProps } from '../Carousel';
 import type { CascadeTreeProps } from '../CascadeTree';
 import type { CascaderProps } from '../Cascader';
+import type { CardProps } from '../Card';
+import type { CardGroupProps } from '../CardGroup';
 import type { CheckPickerProps } from '../CheckPicker';
 import type { CheckTreeProps } from '../CheckTree';
 import type { CheckTreePickerProps } from '../CheckTreePicker';
@@ -84,6 +86,8 @@ import type { SidenavProps } from '../Sidenav';
 import type { SliderProps } from '../Slider';
 import type { StackProps } from '../Stack';
 import type { StepsProps } from '../Steps';
+import type { StatProps } from '../Stat';
+import type { StatGroupProps } from '../StatGroup';
 import type { TableProps } from '../Table';
 import type { TabsProps } from '../Tabs';
 import type { TagProps } from '../Tag';
@@ -124,6 +128,8 @@ export interface ReactSuiteComponents {
     Carousel: ComponentProps<CarouselProps>;
     CascadeTree: ComponentProps<CascadeTreeProps>;
     Cascader: ComponentProps<CascaderProps>;
+    Card: ComponentProps<CardProps>;
+    CardGroup: ComponentProps<CardGroupProps>;
     CheckPicker: ComponentProps<CheckPickerProps>;
     CheckTree: ComponentProps<CheckTreeProps>;
     CheckTreePicker: ComponentProps<CheckTreePickerProps>;
@@ -191,6 +197,8 @@ export interface ReactSuiteComponents {
     Slider: ComponentProps<SliderProps>;
     Stack: ComponentProps<StackProps>;
     Steps: ComponentProps<StepsProps>;
+    Stat: ComponentProps<StatProps>;
+    StatGroup: ComponentProps<StatGroupProps>;
     Table: ComponentProps<TableProps>;
     Tabs: ComponentProps<TabsProps>;
     Tag: ComponentProps<TagProps>;

package/cjs/CustomProvider/useCustom.d.ts

@@ -9,6 +9,7 @@ type LocaleKey = keyof typeof enGB;
  * @param componentProps - The props of the component
  */
 export declare function useCustom<P = any>(componentName?: keyof ReactSuiteComponents, componentProps?: P): {
+    code: string | undefined;
     rtl: boolean;
     toasters: import("react").MutableRefObject<Map<string, import("../toaster/ToastContainer").ToastContainerInstance>> | undefined;
     disableRipple: boolean | undefined;

package/cjs/CustomProvider/useCustom.js

@@ -46,7 +46,8 @@ function useCustom(componentName, componentProps) {
   var _ref = componentProps || {},
     componentLocale = _ref.locale,
     restProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var dateLocale = globalLocale === null || globalLocale === void 0 ? void 0 : (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;
+  var dateLocale = globalLocale === null || globalLocale === void 0 || (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;
+  var code = globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.code;
   var getLocale = (0, _react.useCallback)(function (key, overrideLocale) {
     // Initialize with common locale
     var publicLocale = (globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.common) || {};
@@ -102,6 +103,7 @@ function useCustom(componentName, componentProps) {
     }, options));
   }, [parseDate, dateLocale]);
   return {
+    code: code,
     rtl: rtl,
     toasters: toasters,
     disableRipple: disableRipple,

package/cjs/DateInput/DateField.js

@@ -52,7 +52,7 @@ var DateField = exports.DateField = /*#__PURE__*/function (_Object) {
   }
   (0, _inheritsLoose2.default)(DateField, _Object);
   return DateField;
-}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));
+}(/*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));
 /**
  * Pad a number with zeros to the left.
  */
@@ -142,7 +142,7 @@ var useDateField = exports.useDateField = function useDateField(format, localize
   var validFieldValue = function validFieldValue(type, value) {
     var _format$match;
     var isValid = true;
-    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 ? void 0 : _format$match.forEach(function (pattern) {
+    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 || _format$match.forEach(function (pattern) {
       var key = patternMap[pattern[0]];
       var fieldValue = type === key ? value : dateField[key];
       if (fieldValue === null) {