rsuite 5.73.1 → 5.74.0

package/AutoComplete/styles/index.css

@@ -3020,6 +3020,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [5.74.0](https://github.com/rsuite/rsuite/compare/v5.73.1...v5.74.0) (2024-11-01)
+
+
+### Bug Fixes
+
+* **Form:** add missing event object to onSubmit callback ([#4026](https://github.com/rsuite/rsuite/issues/4026)) ([1a80d3f](https://github.com/rsuite/rsuite/commit/1a80d3fe5a31b84786f00c694c67a3b3b37c5b19))
+
+
+### Features
+
+* **CustomProvider:** support setting the default value of the component props globally ([#4012](https://github.com/rsuite/rsuite/issues/4012)) ([b845907](https://github.com/rsuite/rsuite/commit/b8459079e7b0332bb29577535442f7b715e3d78a))
+
+
+
 ## [5.73.1](https://github.com/rsuite/rsuite/compare/v5.73.0...v5.73.1) (2024-10-25)
 
 

package/CascadeTree/styles/index.css

@@ -270,6 +270,7 @@
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 
 /*# sourceMappingURL=index.css.map */

package/CascadeTree/styles/index.less

@@ -81,4 +81,6 @@
 
 .rs-cascade-tree-caret {
   .combobox-indicator-icon();
+
+  font-size: 14px;
 }

package/Cascader/styles/index.css

@@ -617,6 +617,7 @@
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 .rs-btn {
   display: -webkit-inline-box;
@@ -3211,6 +3212,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/CheckPicker/styles/index.css

@@ -3321,6 +3321,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/CheckTree/styles/index.css

@@ -3039,6 +3039,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/CheckTreePicker/styles/index.css

@@ -3039,6 +3039,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/DatePicker/styles/index.css

@@ -3828,6 +3828,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/DateRangePicker/styles/index.css

@@ -3828,6 +3828,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/InputNumber/styles/index.css

@@ -1926,6 +1926,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-number-touchspin-down > .rs-icon {
   height: 17px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-lg .rs-input-number-touchspin-up,
 .rs-input-group-lg .rs-input-number-touchspin-down {
@@ -1934,6 +1936,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-lg .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-lg .rs-input-number-touchspin-down > .rs-icon {
   height: 20px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-sm .rs-input-number-touchspin-up,
 .rs-input-group-sm .rs-input-number-touchspin-down {
@@ -1942,6 +1946,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-sm .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-sm .rs-input-number-touchspin-down > .rs-icon {
   height: 14px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-xs .rs-input-number-touchspin-up,
 .rs-input-group-xs .rs-input-number-touchspin-down {
@@ -1950,6 +1956,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-xs .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-xs .rs-input-number-touchspin-down > .rs-icon {
   height: 11px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-number-touchspin-down > .rs-icon {

package/InputNumber/styles/mixin.less

@@ -6,5 +6,6 @@
 
   > .rs-icon {
     height: @height;
+    color: var(--rs-text-secondary);
   }
 }

package/InputPicker/styles/index.css

@@ -3125,6 +3125,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/MultiCascadeTree/styles/index.css

@@ -629,6 +629,7 @@
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 .rs-btn {
   display: -webkit-inline-box;
@@ -3223,6 +3224,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/MultiCascader/styles/index.css

@@ -622,6 +622,7 @@
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 .rs-checkbox {
   position: relative;
@@ -3529,6 +3530,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/Pagination/styles/index.css

@@ -3085,6 +3085,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/SelectPicker/styles/index.css

@@ -3034,6 +3034,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/TagInput/styles/index.css

@@ -3425,6 +3425,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/TagPicker/styles/index.css

@@ -3425,6 +3425,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/TimePicker/styles/index.css

@@ -3828,6 +3828,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/TimeRangePicker/styles/index.css

@@ -3828,6 +3828,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

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", {