rsuite 5.73.1 → 5.74.0-beta.0

package/CHANGELOG.md

@@ -1,19 +1,3 @@
-## [5.73.1](https://github.com/rsuite/rsuite/compare/v5.73.0...v5.73.1) (2024-10-25)
-
-
-### Bug Fixes
-
-* **Calendar:** fix not triggering the `onToggleTimeDropdown` event when collapsing the time panel ([#4009](https://github.com/rsuite/rsuite/issues/4009)) ([9e2d69e](https://github.com/rsuite/rsuite/commit/9e2d69e232b1317e00b856a470e97c2d7b4ddd37))
-* **CheckTree:** fix focus lost when search keyword matches selected item ([#4017](https://github.com/rsuite/rsuite/issues/4017)) ([119fed2](https://github.com/rsuite/rsuite/commit/119fed2778c2defb5cb772050cc52e9f72f63d87))
-* **Modal:** the style of Modal is messy when it's rendered inside of a Drawer ([#4016](https://github.com/rsuite/rsuite/issues/4016)) ([922ab04](https://github.com/rsuite/rsuite/commit/922ab04eb09f0437fa21db91b69cf7c8d9e407fc))
-
-
-### Features
-
-* **FormErrorMessage:** support display react element ([#4013](https://github.com/rsuite/rsuite/issues/4013)) ([50f22fc](https://github.com/rsuite/rsuite/commit/50f22fc104aa0e32c255aed4da89b6cb2c6a2447))
-
-
-
 # [5.73.0](https://github.com/rsuite/rsuite/compare/v5.72.0...v5.73.0) (2024-10-18)
 
 

package/cjs/Accordion/Accordion.js

@@ -8,15 +8,18 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _PanelGroup = _interopRequireDefault(require("../PanelGroup"));
 var _AccordionPanel = _interopRequireDefault(require("./AccordionPanel"));
+var _CustomProvider = require("../CustomProvider");
 /**
  * The `Accordion` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/accordion
  */
 var Accordion = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _CustomProvider.useCustom)('Accordion', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   return /*#__PURE__*/_react.default.createElement(_PanelGroup.default, (0, _extends2.default)({
     accordion: true,
     ref: ref
-  }, props));
+  }, propsWithDefaults));
 });
 Accordion.Panel = _AccordionPanel.default;
 Accordion.displayName = 'Accordion';

package/cjs/Affix/Affix.js

@@ -12,6 +12,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "children", "container", "top", "onChange", "onOffsetChange"];
 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; }
@@ -111,18 +112,20 @@ function useFixed(offset, containerOffset, props) {
  */
 var Affix = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _merge;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'affix' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    container = props.container,
-    _props$top = props.top,
-    top = _props$top === void 0 ? 0 : _props$top,
-    onChange = props.onChange,
-    onOffsetChange = props.onOffsetChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Affix', 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 ? 'affix' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    container = propsWithDefaults.container,
+    _propsWithDefaults$to = propsWithDefaults.top,
+    top = _propsWithDefaults$to === void 0 ? 0 : _propsWithDefaults$to,
+    onChange = propsWithDefaults.onChange,
+    onOffsetChange = propsWithDefaults.onOffsetChange,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var mountRef = (0, _react.useRef)(null);
   var offset = useOffset(mountRef, onOffsetChange);
   var containerOffset = useContainerOffset(container);

package/cjs/Animation/Bounce.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["timeout"];
 /**
  * Bounce animation component
@@ -20,7 +21,9 @@ var Bounce = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)('anim'),
     prefix = _useClassNames.prefix;
-  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
+  var _useCustom = (0, _CustomProvider.useCustom)('Bounce', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     animation: true,
     timeout: timeout,

package/cjs/Animation/Collapse.js

@@ -15,6 +15,7 @@ var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _Transition = _interopRequireWildcard(require("./Transition"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["className", "timeout", "dimension", "exitedClassName", "exitingClassName", "enteredClassName", "enteringClassName", "getDimensionValue", "onEnter", "onEntering", "onEntered", "onExit", "onExiting"];
 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; }
@@ -46,23 +47,25 @@ function getScrollDimensionValue(elem, dimension) {
  * @see https://rsuitejs.com/components/animation/#collapse
  */
 var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$timeout = props.timeout,
-    timeout = _props$timeout === void 0 ? 300 : _props$timeout,
-    _props$dimension = props.dimension,
-    dimensionProp = _props$dimension === void 0 ? DIMENSION.HEIGHT : _props$dimension,
-    exitedClassName = props.exitedClassName,
-    exitingClassName = props.exitingClassName,
-    enteredClassName = props.enteredClassName,
-    enteringClassName = props.enteringClassName,
-    _props$getDimensionVa = props.getDimensionValue,
-    getDimensionValue = _props$getDimensionVa === void 0 ? defaultGetDimensionValue : _props$getDimensionVa,
-    onEnter = props.onEnter,
-    onEntering = props.onEntering,
-    onEntered = props.onEntered,
-    onExit = props.onExit,
-    onExiting = props.onExiting,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Collapse', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$ti = propsWithDefaults.timeout,
+    timeout = _propsWithDefaults$ti === void 0 ? 300 : _propsWithDefaults$ti,
+    _propsWithDefaults$di = propsWithDefaults.dimension,
+    dimensionProp = _propsWithDefaults$di === void 0 ? DIMENSION.HEIGHT : _propsWithDefaults$di,
+    exitedClassName = propsWithDefaults.exitedClassName,
+    exitingClassName = propsWithDefaults.exitingClassName,
+    enteredClassName = propsWithDefaults.enteredClassName,
+    enteringClassName = propsWithDefaults.enteringClassName,
+    _propsWithDefaults$ge = propsWithDefaults.getDimensionValue,
+    getDimensionValue = _propsWithDefaults$ge === void 0 ? defaultGetDimensionValue : _propsWithDefaults$ge,
+    onEnter = propsWithDefaults.onEnter,
+    onEntering = propsWithDefaults.onEntering,
+    onEntered = propsWithDefaults.onEntered,
+    onExit = propsWithDefaults.onExit,
+    onExiting = propsWithDefaults.onExiting,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)('anim'),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;

package/cjs/Animation/Fade.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["timeout", "className"];
 /**
  * Fade animation component
@@ -22,7 +23,9 @@ var Fade = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _useClassNames = (0, _hooks.useClassNames)('anim'),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
-  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
+  var _useCustom = (0, _CustomProvider.useCustom)('Fade', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     timeout: timeout,
     className: merge(className, prefix('fade')),

package/cjs/Animation/Slide.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["timeout", "placement"];
 /**
  * Slide animation component
@@ -20,11 +21,13 @@ var Slide = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'right' : _ref$placement,
     props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Slide', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   var _useClassNames = (0, _hooks.useClassNames)('anim'),
     prefix = _useClassNames.prefix;
   var enterClassName = prefix('slide-in', placement);
   var exitClassName = prefix('slide-out', placement);
-  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     animation: true,
     timeout: timeout,

package/cjs/AutoComplete/AutoComplete.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { PickerComponent } from '../internals/Picker';
 import { WithAsProps, FormControlPickerProps, TypeAttributes, ItemDataType } from '../internals/types';
-export type ValueType = string;
-export interface AutoCompleteProps<T = ValueType> extends WithAsProps, FormControlPickerProps<T, any, ItemDataType | string> {
+export interface AutoCompleteProps<T = string> extends WithAsProps, FormControlPickerProps<T, any, ItemDataType | string> {
     /** Additional classes for menu */
     menuClassName?: string;
     /** The placement of component */

package/cjs/AutoComplete/AutoComplete.js

@@ -18,6 +18,7 @@ var _constants = require("../internals/constants");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _propTypes2 = require("../internals/propTypes");
 var _utils3 = require("./utils");
+var _CustomProvider = require("../CustomProvider");
 var _Combobox = _interopRequireDefault(require("./Combobox"));
 var _excluded = ["as", "disabled", "className", "placement", "selectOnEnter", "classPrefix", "defaultValue", "menuAutoWidth", "data", "value", "open", "style", "size", "menuClassName", "id", "readOnly", "plaintext", "renderMenu", "renderMenuItem", "onSelect", "filterBy", "onKeyDown", "onChange", "onClose", "onOpen", "onFocus", "onBlur", "onMenuFocus"];
 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); }
@@ -30,41 +31,43 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * TODO: role=combobox and aria-autocomplete on input element
  */
 var AutoComplete = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    disabled = props.disabled,
-    className = props.className,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    _props$selectOnEnter = props.selectOnEnter,
-    selectOnEnter = _props$selectOnEnter === void 0 ? true : _props$selectOnEnter,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'auto-complete' : _props$classPrefix,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
-    _props$menuAutoWidth = props.menuAutoWidth,
-    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
-    data = props.data,
-    valueProp = props.value,
-    open = props.open,
-    style = props.style,
-    size = props.size,
-    menuClassName = props.menuClassName,
-    id = props.id,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    renderMenu = props.renderMenu,
-    renderMenuItem = props.renderMenuItem,
-    onSelect = props.onSelect,
-    filterBy = props.filterBy,
-    onKeyDown = props.onKeyDown,
-    onChange = props.onChange,
-    onClose = props.onClose,
-    onOpen = props.onOpen,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    onMenuFocus = props.onMenuFocus,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('AutoComplete', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    disabled = propsWithDefaults.disabled,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    _propsWithDefaults$se = propsWithDefaults.selectOnEnter,
+    selectOnEnter = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'auto-complete' : _propsWithDefaults$cl,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? '' : _propsWithDefaults$de,
+    _propsWithDefaults$me = propsWithDefaults.menuAutoWidth,
+    menuAutoWidth = _propsWithDefaults$me === void 0 ? true : _propsWithDefaults$me,
+    data = propsWithDefaults.data,
+    valueProp = propsWithDefaults.value,
+    open = propsWithDefaults.open,
+    style = propsWithDefaults.style,
+    size = propsWithDefaults.size,
+    menuClassName = propsWithDefaults.menuClassName,
+    id = propsWithDefaults.id,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    renderMenu = propsWithDefaults.renderMenu,
+    renderMenuItem = propsWithDefaults.renderMenuItem,
+    onSelect = propsWithDefaults.onSelect,
+    filterBy = propsWithDefaults.filterBy,
+    onKeyDown = propsWithDefaults.onKeyDown,
+    onChange = propsWithDefaults.onChange,
+    onClose = propsWithDefaults.onClose,
+    onOpen = propsWithDefaults.onOpen,
+    onFocus = propsWithDefaults.onFocus,
+    onBlur = propsWithDefaults.onBlur,
+    onMenuFocus = propsWithDefaults.onMenuFocus,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var datalist = (0, _utils3.transformData)(data);
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],

package/cjs/Avatar/Avatar.js

@@ -13,6 +13,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _AvatarGroup = require("../AvatarGroup/AvatarGroup");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _AvatarIcon = _interopRequireDefault(require("./AvatarIcon"));
 var _useImage2 = _interopRequireDefault(require("./useImage"));
 var _templateObject, _templateObject2;
@@ -28,25 +29,28 @@ var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_AvatarGroup.AvatarGroupContext),
     groupSize = _useContext.size,
     spacing = _useContext.spacing;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    bordered = props.bordered,
-    alt = props.alt,
-    className = props.className,
-    children = props.children,
-    circle = props.circle,
-    color = props.color,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,
-    _props$size = props.size,
-    size = _props$size === void 0 ? groupSize : _props$size,
-    src = props.src,
-    srcSet = props.srcSet,
-    sizes = props.sizes,
-    style = props.style,
-    imgProps = props.imgProps,
-    onError = props.onError,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Avatar', props),
+    rtl = _useCustom.rtl,
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    alt = propsWithDefaults.alt,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    circle = propsWithDefaults.circle,
+    color = propsWithDefaults.color,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'avatar' : _propsWithDefaults$cl,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? groupSize : _propsWithDefaults$si,
+    src = propsWithDefaults.src,
+    srcSet = propsWithDefaults.srcSet,
+    sizes = propsWithDefaults.sizes,
+    style = propsWithDefaults.style,
+    imgProps = propsWithDefaults.imgProps,
+    onError = propsWithDefaults.onError,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
@@ -65,8 +69,6 @@ var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onError: onError
     })),
     loaded = _useImage.loaded;
-  var _useCustom = (0, _hooks.useCustom)('Avatar'),
-    rtl = _useCustom.rtl;
   var altComponent = (0, _react.useMemo)(function () {
     if (alt) {
       return /*#__PURE__*/_react.default.createElement("span", {

package/cjs/AvatarGroup/AvatarGroup.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "spacing", "className", "children", "stack", "size", "style"];
 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; }
@@ -21,17 +22,19 @@ var AvatarGroupContext = exports.AvatarGroupContext = /*#__PURE__*/_react.defaul
  * @see https://rsuitejs.com/components/avatar
  */
 var AvatarGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'avatar-group' : _props$classPrefix,
-    spacing = props.spacing,
-    className = props.className,
-    children = props.children,
-    stack = props.stack,
-    size = props.size,
-    style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('AvatarGroup', 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 ? 'avatar-group' : _propsWithDefaults$cl,
+    spacing = propsWithDefaults.spacing,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    stack = propsWithDefaults.stack,
+    size = propsWithDefaults.size,
+    style = propsWithDefaults.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;