rsuite 5.74.2 → 5.76.0

package/esm/Affix/Affix.js

@@ -24,7 +24,7 @@ function useOffset(mountRef, onOffsetChange) {
     if ((newOffset === null || newOffset === void 0 ? void 0 : newOffset.height) !== (offset === null || offset === void 0 ? void 0 : offset.height) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.width) !== (offset === null || offset === void 0 ? void 0 : offset.width) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.top) !== (offset === null || offset === void 0 ? void 0 : offset.top) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.left) !== (offset === null || offset === void 0 ? void 0 : offset.left)) {
       setOffset(newOffset);
       if (offset !== null && newOffset !== null) {
-        onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(newOffset);
+        onOffsetChange === null || onOffsetChange === void 0 || onOffsetChange(newOffset);
       }
     }
   }, [mountRef, offset, onOffsetChange]);
@@ -88,7 +88,7 @@ function useFixed(offset, containerOffset, props) {
     }
     if (nextFixed !== fixed) {
       setFixed(nextFixed);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextFixed);
+      onChange === null || onChange === void 0 || onChange(nextFixed);
     }
   }, [offset, top, containerOffset, fixed, onChange]);
 

package/esm/Animation/Transition.js

@@ -116,7 +116,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
   _proto.onTransitionEnd = function onTransitionEnd(node, handler) {
     var _this$animationEventL;
     this.setNextCallback(handler);
-    (_this$animationEventL = this.animationEventListener) === null || _this$animationEventL === void 0 ? void 0 : _this$animationEventL.off();
+    (_this$animationEventL = this.animationEventListener) === null || _this$animationEventL === void 0 || _this$animationEventL.off();
     if (!this.nextCallback) {
       return;
     }
@@ -173,16 +173,16 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     this.cancelNextCallback();
     var node = this.getChildElement();
     this.instanceElement = node;
-    onEnter === null || onEnter === void 0 ? void 0 : onEnter(node);
+    onEnter === null || onEnter === void 0 || onEnter(node);
     this.safeSetState({
       status: STATUS.ENTERING
     }, function () {
-      onEntering === null || onEntering === void 0 ? void 0 : onEntering(node);
+      onEntering === null || onEntering === void 0 || onEntering(node);
       _this3.onTransitionEnd(node, function () {
         _this3.safeSetState({
           status: STATUS.ENTERED
         }, function () {
-          onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);
+          onEntered === null || onEntered === void 0 || onEntered(node);
         });
       });
     });
@@ -196,16 +196,16 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     this.cancelNextCallback();
     var node = this.getChildElement();
     this.instanceElement = node;
-    onExit === null || onExit === void 0 ? void 0 : onExit(node);
+    onExit === null || onExit === void 0 || onExit(node);
     this.safeSetState({
       status: STATUS.EXITING
     }, function () {
-      onExiting === null || onExiting === void 0 ? void 0 : onExiting(node);
+      onExiting === null || onExiting === void 0 || onExiting(node);
       _this4.onTransitionEnd(node, function () {
         _this4.safeSetState({
           status: STATUS.EXITED
         }, function () {
-          onExited === null || onExited === void 0 ? void 0 : onExited(node);
+          onExited === null || onExited === void 0 || onExited(node);
         });
       });
     });

package/esm/AutoComplete/AutoComplete.js

@@ -97,7 +97,7 @@ var AutoComplete = /*#__PURE__*/React.forwardRef(function (props, ref) {
       esc: handleClose
     });
     handleKeyDown(event);
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
   };
   var selectFocusMenuItem = function selectFocusMenuItem(event) {
     if (!focusItemValue) {
@@ -115,10 +115,10 @@ var AutoComplete = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleClose();
   };
   var handleSelect = useEventCallback(function (item, event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value, item, event);
+    onSelect === null || onSelect === void 0 || onSelect(item.value, item, event);
   });
   var handleChangeValue = useEventCallback(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleChange = function handleChange(value, event) {
     setFocusItemValue('');
@@ -129,12 +129,12 @@ var AutoComplete = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleClose = useEventCallback(function () {
     if (isMounted()) {
       setFocus(false);
-      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onClose === null || onClose === void 0 || onClose();
     }
   });
   var handleOpen = useEventCallback(function () {
     setFocus(true);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    onOpen === null || onOpen === void 0 || onOpen();
   });
   var handleItemSelect = useEventCallback(function (nextItemValue, item, event) {
     setValue(nextItemValue);
@@ -146,12 +146,12 @@ var AutoComplete = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleClose();
   });
   var handleInputFocus = useEventCallback(function (event) {
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    onFocus === null || onFocus === void 0 || onFocus(event);
     handleOpen();
   });
   var handleInputBlur = useEventCallback(function (event) {
     setTimeout(handleClose, 300);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    onBlur === null || onBlur === void 0 || onBlur(event);
   });
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/Avatar/useImage.js

@@ -35,7 +35,7 @@ var useImage = function useImage(props) {
   var handleError = useCallback(function (event) {
     setStatus('error');
     flush();
-    onError === null || onError === void 0 ? void 0 : onError(event);
+    onError === null || onError === void 0 || onError(event);
   }, [onError]);
   useEffect(function () {
     setStatus(src ? 'loading' : 'pending');

package/esm/Breadcrumb/Breadcrumb.js

@@ -44,7 +44,7 @@ var Breadcrumb = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setShowEllipsis = _useState[1];
   var handleClickEllipsis = useEventCallback(function (event) {
     setShowEllipsis(false);
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(event);
+    onExpand === null || onExpand === void 0 || onExpand(event);
   });
   var content = useMemo(function () {
     var count = ReactChildren.count(children);

package/esm/Calendar/Calendar.js

@@ -43,16 +43,16 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setCalendarDate = _useCalendarDate.setCalendarDate;
   var handleChange = useEventCallback(function (nextValue) {
     setCalendarDate(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    onChange === null || onChange === void 0 || onChange(nextValue);
     if (!isSameMonth(nextValue, calendarDate)) {
-      onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);
+      onMonthChange === null || onMonthChange === void 0 || onMonthChange(nextValue);
     }
   });
   var handleClickToday = useEventCallback(function () {
     handleChange(new Date());
   });
   var handleSelect = useEventCallback(function (nextValue) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);
+    onSelect === null || onSelect === void 0 || onSelect(nextValue);
     handleChange(nextValue);
   });
   var _useClassNames = useClassNames(classPrefix),

package/esm/Calendar/CalendarContainer.js

@@ -98,7 +98,7 @@ var CalendarContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var timeDropdownProps = pick(rest, calendarOnlyProps);
   var handleChangeMonth = useEventCallback(function (date, event) {
     reset();
-    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);
+    onChangeMonth === null || onChangeMonth === void 0 || onChangeMonth(date, event);
   });
   var contextValue = {
     date: calendarDate,

package/esm/Calendar/Grid/GridRow.js

@@ -38,7 +38,7 @@ var GridRow = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (disabled) {
       return;
     }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
+    onSelect === null || onSelect === void 0 || onSelect(date, event);
   }, [onSelect]);
   var renderDays = function renderDays() {
     var days = [];
@@ -79,7 +79,7 @@ var GridRow = /*#__PURE__*/React.forwardRef(function (props, ref) {
           inRange = true;
         }
       }
-      days.push( /*#__PURE__*/React.createElement(GridCell, {
+      days.push(/*#__PURE__*/React.createElement(GridCell, {
         key: format(thisDate, 'yyyy-MM-dd'),
         date: thisDate,
         disabled: disabled,
@@ -94,7 +94,7 @@ var GridRow = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return days;
   };
   var classes = merge(className, prefix('row'));
-  var _ref3 = (_locale$dateLocale$op = locale === null || locale === void 0 ? void 0 : (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {},
+  var _ref3 = (_locale$dateLocale$op = locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {},
     firstWeekContainsDate = _ref3.firstWeekContainsDate,
     weekStartsOn = _ref3.weekStartsOn;
   var week = format(weekendDate, isoWeek ? 'I' : 'w', {

package/esm/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -44,7 +44,7 @@ var MonthDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (disabled) {
       return;
     }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(currentMonth, event);
+    onSelect === null || onSelect === void 0 || onSelect(currentMonth, event);
   });
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,

package/esm/Calendar/TimeDropdown/TimeDropdown.js

@@ -52,7 +52,7 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
         nextDate = setSeconds(nextDate, d);
         break;
     }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);
+    onSelect === null || onSelect === void 0 || onSelect(nextDate, event);
   });
   var handleClickMeridiem = useEventCallback(function (meridiem, event) {
     var tempDate = date || startOfToday();
@@ -66,7 +66,7 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
     var nextHours = adjustHours(meridiem, hours);
     var nextDate = setHours(tempDate, nextHours);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);
+    onSelect === null || onSelect === void 0 || onSelect(nextDate, event);
   });
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
@@ -89,7 +89,7 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
           'cell-active': value === i,
           'cell-disabled': disabled
         });
-        items.push( /*#__PURE__*/React.createElement("li", {
+        items.push(/*#__PURE__*/React.createElement("li", {
           key: i,
           role: "option",
           tabIndex: -1,

package/esm/Calendar/hooks/useCalendarState.js

@@ -15,19 +15,19 @@ export var useCalendarState = function useCalendarState(props) {
     setCalendarState(undefined);
     if (calendarState === CalendarState.TIME) {
       var _props$onToggleTimeDr;
-      (_props$onToggleTimeDr = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr === void 0 ? void 0 : _props$onToggleTimeDr.call(props, false);
+      (_props$onToggleTimeDr = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr === void 0 || _props$onToggleTimeDr.call(props, false);
     } else if (calendarState === CalendarState.MONTH) {
       var _props$onToggleMonthD;
-      (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 ? void 0 : _props$onToggleMonthD.call(props, false);
+      (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 || _props$onToggleMonthD.call(props, false);
     }
   });
   var onMoveForward = useEventCallback(function () {
     var _props$onMoveForward;
-    (_props$onMoveForward = props.onMoveForward) === null || _props$onMoveForward === void 0 ? void 0 : _props$onMoveForward.call(props, addMonths(props.calendarDate, 1));
+    (_props$onMoveForward = props.onMoveForward) === null || _props$onMoveForward === void 0 || _props$onMoveForward.call(props, addMonths(props.calendarDate, 1));
   });
   var onMoveBackward = useEventCallback(function () {
     var _props$onMoveBackward;
-    (_props$onMoveBackward = props.onMoveBackward) === null || _props$onMoveBackward === void 0 ? void 0 : _props$onMoveBackward.call(props, addMonths(props.calendarDate, -1));
+    (_props$onMoveBackward = props.onMoveBackward) === null || _props$onMoveBackward === void 0 || _props$onMoveBackward.call(props, addMonths(props.calendarDate, -1));
   });
   var onToggleTimeDropdown = useEventCallback(function () {
     var _props$onToggleTimeDr2;
@@ -36,7 +36,7 @@ export var useCalendarState = function useCalendarState(props) {
     } else {
       setCalendarState(CalendarState.TIME);
     }
-    (_props$onToggleTimeDr2 = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr2 === void 0 ? void 0 : _props$onToggleTimeDr2.call(props, calendarState !== CalendarState.TIME);
+    (_props$onToggleTimeDr2 = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr2 === void 0 || _props$onToggleTimeDr2.call(props, calendarState !== CalendarState.TIME);
   });
   var onToggleMonthDropdown = useEventCallback(function () {
     var _props$onToggleMonthD2;
@@ -45,7 +45,7 @@ export var useCalendarState = function useCalendarState(props) {
     } else {
       setCalendarState(CalendarState.MONTH);
     }
-    (_props$onToggleMonthD2 = props.onToggleMonthDropdown) === null || _props$onToggleMonthD2 === void 0 ? void 0 : _props$onToggleMonthD2.call(props, calendarState !== CalendarState.MONTH);
+    (_props$onToggleMonthD2 = props.onToggleMonthDropdown) === null || _props$onToggleMonthD2 === void 0 || _props$onToggleMonthD2.call(props, calendarState !== CalendarState.MONTH);
   });
   var handlers = useMemo(function () {
     return {

package/esm/Card/Card.d.ts

@@ -0,0 +1,33 @@
+import CardHeader from './CardHeader';
+import CardBody from './CardBody';
+import CardFooter from './CardFooter';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+export interface CardProps extends WithAsProps {
+    /**
+     * Show border
+     */
+    bordered?: boolean;
+    /**
+     * Whether there is a shadow
+     */
+    shaded?: boolean | 'hover';
+    /**
+     * The width of the card
+     */
+    width?: number | string;
+    /**
+     * The direction of the card
+     */
+    direction?: 'row' | 'column';
+    /**
+     * Different sizes
+     */
+    size?: 'lg' | 'md' | 'sm';
+}
+interface CardComponent extends RsRefForwardingComponent<'div', CardProps> {
+    Header: typeof CardHeader;
+    Body: typeof CardBody;
+    Footer: typeof CardFooter;
+}
+declare const Card: CardComponent;
+export default Card;

package/esm/Card/Card.js

@@ -0,0 +1,58 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "bordered", "classPrefix", "className", "children", "direction", "shaded", "style", "size", "width"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import CardHeader from "./CardHeader.js";
+import CardBody from "./CardBody.js";
+import CardFooter from "./CardFooter.js";
+import { useCustom } from "../CustomProvider/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
+var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _withClassPrefix;
+  var _useCustom = useCustom('Card', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$bo = propsWithDefaults.bordered,
+    bordered = _propsWithDefaults$bo === void 0 ? true : _propsWithDefaults$bo,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'card' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    direction = propsWithDefaults.direction,
+    shaded = propsWithDefaults.shaded,
+    style = propsWithDefaults.style,
+    size = propsWithDefaults.size,
+    width = propsWithDefaults.width,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix(direction, size, (_withClassPrefix = {
+    bordered: bordered,
+    shaded: shaded === true
+  }, _withClassPrefix['shaded-hover'] = shaded === 'hover', _withClassPrefix)));
+  var styles = _extends({}, style, {
+    '--rs-card-width': typeof width === 'number' ? width + "px" : width
+  });
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    className: classes,
+    style: styles
+  }, rest), children);
+});
+Card.displayName = 'Card';
+Card.Header = CardHeader;
+Card.Body = CardBody;
+Card.Footer = CardFooter;
+Card.propTypes = {
+  bordered: PropTypes.bool,
+  shaded: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['hover'])]),
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  direction: oneOf(['row', 'column']),
+  size: oneOf(['lg', 'md', 'sm'])
+};
+export default Card;

package/esm/Card/CardBody.d.ts

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

package/esm/Card/CardBody.js

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

package/esm/Card/CardFooter.d.ts

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

package/esm/Card/CardFooter.js

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

package/esm/Card/CardHeader.d.ts

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

package/esm/Card/CardHeader.js

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

package/esm/Card/index.d.ts

@@ -0,0 +1,6 @@
+import Card from './Card';
+export type { CardProps } from './Card';
+export type { CardBodyProps } from './CardBody';
+export type { CardHeaderProps } from './CardHeader';
+export type { CardFooterProps } from './CardFooter';
+export default Card;

package/esm/Card/index.js

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

package/esm/CardGroup/CardGroup.d.ts

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

package/esm/CardGroup/CardGroup.js

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

package/esm/CardGroup/index.d.ts

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

package/esm/CardGroup/index.js

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

package/esm/Carousel/Carousel.js

@@ -80,17 +80,17 @@ var Carousel = /*#__PURE__*/React.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 = 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 = useMemo(function () {
     return guid();
@@ -101,7 +101,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return;
     }
     var inputKey = "indicator_" + uniqueId + "_" + index;
-    labels.push( /*#__PURE__*/React.createElement("li", {
+    labels.push(/*#__PURE__*/React.createElement("li", {
       key: "label" + index,
       className: prefix('label-wrapper')
     }, /*#__PURE__*/React.createElement("input", {
@@ -134,6 +134,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: prefix('content')
   }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "carousel-slider",
     className: prefix('slider'),
     style: sliderStyles,
     onTransitionEnd: handleTransitionEnd

package/esm/CascadeTree/CascadeTree.js

@@ -79,7 +79,7 @@ var CascadeTree = /*#__PURE__*/React.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/esm/CascadeTree/TreeView.js

@@ -88,7 +88,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleSelect = useEventCallback(function (layer, itemData, event) {
     var isLeafNode = isNil(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/esm/CascadeTree/hooks/useSearch.js

@@ -12,12 +12,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(getSafeRegExpString(keyword || searchKeyword), 'i'))) {
       return true;
     }
     var parent = parentMap.get(item);
-    if (parent && someKeyword(parent)) {
+    if (parent && _someKeyword(parent)) {
       return true;
     }
     return false;
@@ -28,7 +28,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]);
@@ -43,7 +43,7 @@ function useSearch(props) {
   var handleSearch = 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/esm/CascadeTree/hooks/useSelect.js

@@ -47,10 +47,10 @@ var useSelect = function useSelect(props) {
     if (isLeafNode) {
       var nextValue = itemData[valueKey];
       if (!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,