rsuite 5.73.0 → 5.74.0-beta.0

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;

package/cjs/Badge/Badge.js

@@ -10,23 +10,26 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "content", "color", "className", "classPrefix", "children", "maxCount"];
 /**
  * The Badge component is usually used to mark or highlight the status or quantity of an object.
  * @see https://rsuitejs.com/components/badge
  */
 var Badge = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    contentText = props.content,
-    color = props.color,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'badge' : _props$classPrefix,
-    children = props.children,
-    _props$maxCount = props.maxCount,
-    maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Badge', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    contentText = propsWithDefaults.content,
+    color = propsWithDefaults.color,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'badge' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$ma = propsWithDefaults.maxCount,
+    maxCount = _propsWithDefaults$ma === void 0 ? 99 : _propsWithDefaults$ma,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,

package/cjs/Breadcrumb/Breadcrumb.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "className", "classPrefix", "children", "ellipsis", "maxItems", "separator", "locale", "onExpand"];
 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; }
@@ -25,29 +26,29 @@ var Separator = (0, _utils.createComponent)({
  * @see https://rsuitejs.com/components/breadcrumb
  */
 var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'nav' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb' : _props$classPrefix,
-    children = props.children,
-    _props$ellipsis = props.ellipsis,
-    ellipsis = _props$ellipsis === void 0 ? '...' : _props$ellipsis,
-    _props$maxItems = props.maxItems,
-    maxItems = _props$maxItems === void 0 ? 5 : _props$maxItems,
-    _props$separator = props.separator,
-    separator = _props$separator === void 0 ? '/' : _props$separator,
-    overrideLocale = props.locale,
-    onExpand = props.onExpand,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Breadcrumb', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'nav' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'breadcrumb' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$el = propsWithDefaults.ellipsis,
+    ellipsis = _propsWithDefaults$el === void 0 ? '...' : _propsWithDefaults$el,
+    _propsWithDefaults$ma = propsWithDefaults.maxItems,
+    maxItems = _propsWithDefaults$ma === void 0 ? 5 : _propsWithDefaults$ma,
+    _propsWithDefaults$se = propsWithDefaults.separator,
+    separator = _propsWithDefaults$se === void 0 ? '/' : _propsWithDefaults$se,
+    locale = propsWithDefaults.locale,
+    onExpand = propsWithDefaults.onExpand,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var _useState = (0, _react.useState)(true),
     showEllipsis = _useState[0],
     setShowEllipsis = _useState[1];
-  var _useCustom = (0, _hooks.useCustom)('Breadcrumb', overrideLocale),
-    locale = _useCustom.locale;
   var handleClickEllipsis = (0, _hooks.useEventCallback)(function (event) {
     setShowEllipsis(false);
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(event);
@@ -64,8 +65,8 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return [].concat(items.slice(0, 1), [[/*#__PURE__*/_react.default.createElement(_BreadcrumbItem.default, {
         role: "button",
         key: "ellipsis",
-        title: locale.expandText,
-        "aria-label": locale.expandText,
+        title: locale === null || locale === void 0 ? void 0 : locale.expandText,
+        "aria-label": locale === null || locale === void 0 ? void 0 : locale.expandText,
         separator: /*#__PURE__*/_react.default.createElement(Separator, null, separator),
         onClick: handleClickEllipsis
       }, /*#__PURE__*/_react.default.createElement("span", {
@@ -73,7 +74,7 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, ellipsis))]], items.slice(items.length - 1, items.length));
     }
     return items;
-  }, [children, ellipsis, handleClickEllipsis, locale.expandText, maxItems, separator, showEllipsis]);
+  }, [children, ellipsis, handleClickEllipsis, locale === null || locale === void 0 ? void 0 : locale.expandText, maxItems, separator, showEllipsis]);
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,

package/cjs/Button/Button.js

@@ -10,11 +10,12 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
+var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _propTypes2 = require("../internals/propTypes");
 var _ButtonGroup = require("../ButtonGroup");
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "startIcon", "endIcon", "type"];
 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); }
@@ -24,25 +25,27 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/button
  */
 var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var as = props.as,
-    active = props.active,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    block = props.block,
-    className = props.className,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,
-    color = props.color,
-    disabled = props.disabled,
-    loading = props.loading,
-    _props$ripple = props.ripple,
-    ripple = _props$ripple === void 0 ? true : _props$ripple,
-    sizeProp = props.size,
-    startIcon = props.startIcon,
-    endIcon = props.endIcon,
-    typeProp = props.type,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Button', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var as = propsWithDefaults.as,
+    active = propsWithDefaults.active,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    block = propsWithDefaults.block,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'btn' : _propsWithDefaults$cl,
+    color = propsWithDefaults.color,
+    disabled = propsWithDefaults.disabled,
+    loading = propsWithDefaults.loading,
+    _propsWithDefaults$ri = propsWithDefaults.ripple,
+    ripple = _propsWithDefaults$ri === void 0 ? true : _propsWithDefaults$ri,
+    sizeProp = propsWithDefaults.size,
+    startIcon = propsWithDefaults.startIcon,
+    endIcon = propsWithDefaults.endIcon,
+    typeProp = propsWithDefaults.type,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);
   var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),

package/cjs/ButtonGroup/ButtonGroup.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _propTypes2 = require("../internals/propTypes");
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
 var _excluded = ["as", "classPrefix", "role", "className", "children", "block", "vertical", "justified", "size"];
 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); }
@@ -19,19 +20,21 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/button/#button-group
  */
 var ButtonGroup = /*#__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 ? 'btn-group' : _props$classPrefix,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'group' : _props$role,
-    className = props.className,
-    children = props.children,
-    block = props.block,
-    vertical = props.vertical,
-    justified = props.justified,
-    size = props.size,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('ButtonGroup', 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 ? 'btn-group' : _propsWithDefaults$cl,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'group' : _propsWithDefaults$ro,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    block = propsWithDefaults.block,
+    vertical = propsWithDefaults.vertical,
+    justified = propsWithDefaults.justified,
+    size = propsWithDefaults.size,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/ButtonToolbar/ButtonToolbar.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _excluded = ["className", "classPrefix", "as", "role"];
 /**
@@ -16,14 +17,16 @@ var _excluded = ["className", "classPrefix", "as", "role"];
  * @see https://rsuitejs.com/components/button/#button-toolbar
  */
 var ButtonToolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'btn-toolbar' : _props$classPrefix,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? _Stack.default : _props$as,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'toolbar' : _props$role,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('ButtonToolbar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'btn-toolbar' : _propsWithDefaults$cl,
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? _Stack.default : _propsWithDefaults$as,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'toolbar' : _propsWithDefaults$ro,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var stackProps = Component === _Stack.default ? {
     wrap: true,
     spacing: 10,

package/cjs/Calendar/Calendar.js

@@ -8,9 +8,9 @@ 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 _date = require("../internals/utils/date");
 var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
 var _Button = _interopRequireDefault(require("../Button"));
+var _date = require("../internals/utils/date");
 var _CustomProvider = require("../CustomProvider");
 var _hooks = require("../internals/hooks");
 var _hooks2 = require("./hooks");
@@ -20,31 +20,31 @@ var _excluded = ["as", "bordered", "className", "classPrefix", "compact", "defau
  * @see https://rsuitejs.com/components/calendar
  */
 var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,
-    bordered = props.bordered,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
-    compact = props.compact,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? (0, _date.startOfDay)(new Date()) : _props$defaultValue,
-    isoWeek = props.isoWeek,
-    _props$weekStart = props.weekStart,
-    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
-    overrideLocale = props.locale,
-    onChange = props.onChange,
-    onMonthChange = props.onMonthChange,
-    onSelect = props.onSelect,
-    renderCell = props.renderCell,
-    value = props.value,
-    cellClassName = props.cellClassName,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Calendar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? _CalendarContainer.default : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'calendar' : _propsWithDefaults$cl,
+    compact = propsWithDefaults.compact,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? (0, _date.startOfDay)(new Date()) : _propsWithDefaults$de,
+    isoWeek = propsWithDefaults.isoWeek,
+    _propsWithDefaults$we = propsWithDefaults.weekStart,
+    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    locale = propsWithDefaults.locale,
+    onChange = propsWithDefaults.onChange,
+    onMonthChange = propsWithDefaults.onMonthChange,
+    onSelect = propsWithDefaults.onSelect,
+    renderCell = propsWithDefaults.renderCell,
+    value = propsWithDefaults.value,
+    cellClassName = propsWithDefaults.cellClassName,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useCalendarDate = (0, _hooks2.useCalendarDate)(value, defaultValue),
     calendarDate = _useCalendarDate.calendarDate,
     setCalendarDate = _useCalendarDate.setCalendarDate;
-  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
-    locale = _useCustom.locale;
   var handleChange = (0, _hooks.useEventCallback)(function (nextValue) {
     setCalendarDate(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
@@ -68,12 +68,12 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: prefix('btn-today'),
       size: "sm",
       onClick: handleClickToday
-    }, locale.today || 'Today');
+    }, (locale === null || locale === void 0 ? void 0 : locale.today) || 'Today');
   };
   var renderTitle = function renderTitle(date) {
     return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
       date: date,
-      formatStr: locale.formattedMonthPattern || 'MMMM  yyyy'
+      formatStr: (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'MMMM  yyyy'
     });
   };
   var classes = merge(className, withClassPrefix('panel', {

package/cjs/Calendar/CalendarBody.d.ts

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export type CalendarBodyProps = WithAsProps;
 declare const CalendarBody: RsRefForwardingComponent<'div', CalendarBodyProps>;
 export default CalendarBody;

package/cjs/Calendar/CalendarBody.js

@@ -7,10 +7,11 @@ 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 _Grid = _interopRequireDefault(require("./Grid"));
 var _date = require("../internals/utils/date");
 var _hooks = require("../internals/hooks");
-var _Grid = _interopRequireDefault(require("./Grid"));
 var _hooks2 = require("./hooks");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "className", "classPrefix"];
 var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -25,9 +26,10 @@ var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     isoWeek = _useCalendar.isoWeek,
     overrideLocale = _useCalendar.locale,
     weekStart = _useCalendar.weekStart;
-  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
-    locale = _useCustom.locale,
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale,
     formatDate = _useCustom.formatDate;
+  var locale = getLocale('Calendar', overrideLocale);
   var thisMonthDate = (0, _date.setDate)(date, 1);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,

package/cjs/Calendar/CalendarContainer.d.ts

@@ -99,7 +99,7 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
      *
      * @see https://rsuitejs.com/guide/i18n/#calendar
      */
-    locale: CalendarLocale;
+    locale?: CalendarLocale;
     /**
      * The props for the Month Dropdown component.
      */

package/cjs/Calendar/CalendarProvider.d.ts

@@ -104,7 +104,7 @@ export interface CalendarInnerContextValue {
     cellClassName?: (date: Date) => string | undefined;
 }
 export interface CalendarContextValue extends CalendarInnerContextValue {
-    locale: CalendarLocale;
+    locale?: CalendarLocale;
     formatDate?: typeof format;
 }
 export declare const CalendarContext: React.Context<CalendarContextValue>;