rsuite 5.73.0 → 5.74.0-beta.0

package/esm/MultiCascader/MultiCascader.js

@@ -9,7 +9,7 @@ import omit from 'lodash/omit';
 import isFunction from 'lodash/isFunction';
 import isNil from 'lodash/isNil';
 import { findNodeOfTree } from "../internals/Tree/utils/index.js";
-import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { getColumnsAndPaths } from "../CascadeTree/utils.js";
 import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from "../internals/Picker/index.js";
@@ -17,8 +17,9 @@ import { deprecatePropTypeNew } from "../internals/propTypes/index.js";
 import { useCascadeValue, useSearch, useSelect } from "../MultiCascadeTree/hooks/index.js";
 import TreeView from "../MultiCascadeTree/TreeView.js";
 import SearchView from "../MultiCascadeTree/SearchView.js";
-import { oneOf } from "../internals/propTypes/index.js";
 import useActive from "../Cascader/useActive.js";
+import { oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 var emptyArray = [];
 
 /**
@@ -27,74 +28,74 @@ var emptyArray = [];
  */
 var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _selectedPaths;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    defaultValue = props.defaultValue,
-    columnHeight = props.columnHeight,
-    columnWidth = props.columnWidth,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    _props$data = props.data,
-    data = _props$data === void 0 ? emptyArray : _props$data,
-    disabled = props.disabled,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    valueProp = props.value,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    overrideLocale = props.locale,
-    toggleAs = props.toggleAs,
-    style = props.style,
-    _props$countable = props.countable,
-    countable = _props$countable === void 0 ? true : _props$countable,
-    _props$cascade = props.cascade,
-    cascade = _props$cascade === void 0 ? true : _props$cascade,
-    placeholder = props.placeholder,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    popupClassName = props.popupClassName,
-    popupStyle = props.popupStyle,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? true : _props$searchable,
-    _props$uncheckableIte = props.uncheckableItemValues,
-    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
-    id = props.id,
-    getChildren = props.getChildren,
-    renderValue = props.renderValue,
-    renderExtraFooter = props.renderExtraFooter,
-    renderColumn = props.renderColumn,
-    renderTreeNode = props.renderTreeNode,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
-    onClean = props.onClean,
-    onSearch = props.onSearch,
-    onSelect = props.onSelect,
-    onChange = props.onChange,
-    onCheck = props.onCheck,
-    DEPRECATED_menuClassName = props.menuClassName,
-    DEPRECATED_menuStyle = props.menuStyle,
-    DEPRECATED_menuWidth = props.menuWidth,
-    DEPRECATED_menuHeight = props.menuHeight,
-    DEPRECATED_renderMenu = props.renderMenu,
-    DEPRECATED_renderMenuItem = props.renderMenuItem,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('MultiCascader', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    rtl = _useCustom.rtl;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
+    defaultValue = propsWithDefaults.defaultValue,
+    columnHeight = propsWithDefaults.columnHeight,
+    columnWidth = propsWithDefaults.columnWidth,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    data = _propsWithDefaults$da === void 0 ? emptyArray : _propsWithDefaults$da,
+    disabled = propsWithDefaults.disabled,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? emptyArray : _propsWithDefaults$di,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    locale = propsWithDefaults.locale,
+    toggleAs = propsWithDefaults.toggleAs,
+    style = propsWithDefaults.style,
+    _propsWithDefaults$co = propsWithDefaults.countable,
+    countable = _propsWithDefaults$co === void 0 ? true : _propsWithDefaults$co,
+    _propsWithDefaults$ca = propsWithDefaults.cascade,
+    cascade = _propsWithDefaults$ca === void 0 ? true : _propsWithDefaults$ca,
+    placeholder = propsWithDefaults.placeholder,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    popupClassName = propsWithDefaults.popupClassName,
+    popupStyle = propsWithDefaults.popupStyle,
+    _propsWithDefaults$se = propsWithDefaults.searchable,
+    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    _propsWithDefaults$un = propsWithDefaults.uncheckableItemValues,
+    uncheckableItemValues = _propsWithDefaults$un === void 0 ? emptyArray : _propsWithDefaults$un,
+    id = propsWithDefaults.id,
+    getChildren = propsWithDefaults.getChildren,
+    renderValue = propsWithDefaults.renderValue,
+    renderExtraFooter = propsWithDefaults.renderExtraFooter,
+    renderColumn = propsWithDefaults.renderColumn,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    onEntered = propsWithDefaults.onEntered,
+    onExited = propsWithDefaults.onExited,
+    onClean = propsWithDefaults.onClean,
+    onSearch = propsWithDefaults.onSearch,
+    onSelect = propsWithDefaults.onSelect,
+    onChange = propsWithDefaults.onChange,
+    onCheck = propsWithDefaults.onCheck,
+    DEPRECATED_menuClassName = propsWithDefaults.menuClassName,
+    DEPRECATED_menuStyle = propsWithDefaults.menuStyle,
+    DEPRECATED_menuWidth = propsWithDefaults.menuWidth,
+    DEPRECATED_menuHeight = propsWithDefaults.menuHeight,
+    DEPRECATED_renderMenu = propsWithDefaults.renderMenu,
+    DEPRECATED_renderMenuItem = propsWithDefaults.renderMenuItem,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     searchInput = _usePickerRef.searchInput;
-  var _useCustom = useCustom('Picker', overrideLocale),
-    locale = _useCustom.locale,
-    rtl = _useCustom.rtl;
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -360,7 +361,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     active: active,
     placement: placement,
     inputValue: value
-  }), selectedElement || locale.placeholder)));
+  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 MultiCascader.displayName = 'MultiCascader';
 MultiCascader.propTypes = _extends({}, listPickerPropTypes, {

package/esm/Nav/Nav.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import NavItem from './NavItem';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import NavDropdown from './NavDropdown';
 import NavMenu from './NavMenu';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /**
      * The appearance style of the Nav component.

package/esm/Nav/Nav.js

@@ -4,39 +4,42 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "defaultActiveKey", "onSelect"];
 import React, { useContext, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useEnsuredRef, useControlled } from "../internals/hooks/index.js";
-import { NavbarContext } from "../Navbar/Navbar.js";
-import { SidenavContext } from "../Sidenav/Sidenav.js";
 import NavContext from "./NavContext.js";
 import Menubar from "../internals/Menu/Menubar.js";
-import { oneOf } from "../internals/propTypes/index.js";
-import { deprecateComponent } from "../internals/utils/index.js";
 import NavDropdown from "./NavDropdown.js";
 import NavMenu from "./NavMenu.js";
 import NavDropdownItem from "./NavDropdownItem.js";
 import NavDropdownMenu from "./NavDropdownMenu.js";
 import AdaptiveNavItem from "./AdaptiveNavItem.js";
+import { useClassNames, useEnsuredRef, useControlled } from "../internals/hooks/index.js";
+import { NavbarContext } from "../Navbar/Navbar.js";
+import { SidenavContext } from "../Sidenav/Sidenav.js";
+import { oneOf } from "../internals/propTypes/index.js";
+import { deprecateComponent } from "../internals/utils/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Nav` component is used to create navigation links.
  * @see https://rsuitejs.com/components/nav
  */
 var Nav = /*#__PURE__*/React.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 ? 'nav' : _props$classPrefix,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    vertical = props.vertical,
-    justified = props.justified,
-    reversed = props.reversed,
-    pullRight = props.pullRight,
-    className = props.className,
-    children = props.children,
-    activeKeyProp = props.activeKey,
-    defaultActiveKey = props.defaultActiveKey,
-    onSelectProp = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Nav', 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 ? 'nav' : _propsWithDefaults$cl,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    vertical = propsWithDefaults.vertical,
+    justified = propsWithDefaults.justified,
+    reversed = propsWithDefaults.reversed,
+    pullRight = propsWithDefaults.pullRight,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    activeKeyProp = propsWithDefaults.activeKey,
+    defaultActiveKey = propsWithDefaults.defaultActiveKey,
+    onSelectProp = propsWithDefaults.onSelect,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var sidenav = useContext(SidenavContext);
 
   // Whether inside a <Navbar>

package/esm/Nav/NavDropdownMenu.js

@@ -10,16 +10,17 @@ var _excluded = ["onToggle", "eventKey", "title", "classPrefix", "children", "op
   _excluded5 = ["open"],
   _excluded6 = ["open"];
 import React, { useCallback, useContext } from 'react';
+import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
 import Menu from "../internals/Menu/Menu.js";
 import MenuItem from "../internals/Menu/MenuItem.js";
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
-import PropTypes from 'prop-types';
 import PagePreviousIcon from '@rsuite/icons/PagePrevious';
 import PageNextIcon from '@rsuite/icons/PageNext';
 import NavContext from "./NavContext.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { mergeRefs } from "../internals/utils/index.js";
 import { deprecatePropType, oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * @private
  */
@@ -38,7 +39,7 @@ var NavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
     noCaret = props.noCaret,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCustom = useCustom('DropdownMenu'),
+  var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = useCallback(function (open, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);

package/esm/Navbar/Navbar.js

@@ -7,20 +7,23 @@ import NavbarBody from "./NavbarBody.js";
 import NavbarHeader from "./NavbarHeader.js";
 import NavbarBrand from "./NavbarBrand.js";
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 export var NavbarContext = /*#__PURE__*/React.createContext(false);
 /**
  * The `Navbar` component is used to create a navigation header.
  * @see https://rsuitejs.com/components/navbar
  */
 var Navbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? 'nav' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'navbar' : _props$classPrefix,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Navbar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'nav' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'navbar' : _propsWithDefaults$cl,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/Navbar/NavbarDropdownMenu.js

@@ -13,12 +13,13 @@ import omit from 'lodash/omit';
 import isNil from 'lodash/isNil';
 import PagePreviousIcon from '@rsuite/icons/PagePrevious';
 import PageNextIcon from '@rsuite/icons/PageNext';
-import { mergeRefs } from "../internals/utils/index.js";
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
-import { NavbarContext } from '.';
 import Disclosure from "../internals/Disclosure/index.js";
 import NavContext from "../Nav/NavContext.js";
+import { mergeRefs } from "../internals/utils/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { NavbarContext } from '.';
 import { deprecatePropType, oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Navbar>
@@ -47,7 +48,7 @@ var NavbarDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$openDirection = props.openDirection,
     openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCustom = useCustom('DropdownMenu'),
+  var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix;

package/esm/Notification/Notification.js

@@ -6,31 +6,34 @@ var _templateObject, _templateObject2;
 var _excluded = ["as", "classPrefix", "closable", "duration", "className", "type", "header", "children", "onClose"];
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
+import useDelayedClosure from "../toaster/hooks/useDelayedClosure.js";
+import CloseButton from "../internals/CloseButton/index.js";
 import { MESSAGE_STATUS_ICONS } from "../internals/constants/statusIcons.js";
 import { useClassNames, useIsMounted, useEventCallback } from "../internals/hooks/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
-import CloseButton from "../internals/CloseButton/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
-import useDelayedClosure from "../toaster/hooks/useDelayedClosure.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Notification` component is used to display global messages and notifications.
  *
  * @see https://rsuitejs.com/components/notification
  */
 var Notification = /*#__PURE__*/React.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 ? 'notification' : _props$classPrefix,
-    closable = props.closable,
-    _props$duration = props.duration,
-    duration = _props$duration === void 0 ? 4500 : _props$duration,
-    className = props.className,
-    type = props.type,
-    header = props.header,
-    children = props.children,
-    onClose = props.onClose,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Notification', 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 ? 'notification' : _propsWithDefaults$cl,
+    closable = propsWithDefaults.closable,
+    _propsWithDefaults$du = propsWithDefaults.duration,
+    duration = _propsWithDefaults$du === void 0 ? 4500 : _propsWithDefaults$du,
+    className = propsWithDefaults.className,
+    type = propsWithDefaults.type,
+    header = propsWithDefaults.header,
+    children = propsWithDefaults.children,
+    onClose = propsWithDefaults.onClose,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useState = useState('show'),
     display = _useState[0],
     setDisplay = _useState[1];

package/esm/Pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps, TypeAttributes } from '../internals/types';
-import { PaginationLocale } from '../locales';
+import type { RsRefForwardingComponent, WithAsProps, TypeAttributes } from '../internals/types';
+import type { PaginationLocale } from '../locales';
 export interface PaginationProps extends WithAsProps {
     /** Current page number */
     activePage?: number;

package/esm/Pagination/Pagination.js

@@ -13,7 +13,8 @@ import PageTopIcon from '@rsuite/icons/PageTop';
 import PageNextIcon from '@rsuite/icons/PageNext';
 import PageEndIcon from '@rsuite/icons/PageEnd';
 import PaginationButton from "./PaginationButton.js";
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 var PAGINATION_ICONS = {
   more: /*#__PURE__*/React.createElement(MoreIcon, null),
   prev: /*#__PURE__*/React.createElement(PagePreviousIcon, null),
@@ -27,36 +28,36 @@ var PAGINATION_ICONS = {
  * @see https://rsuitejs.com/components/pagination
  */
 var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,
-    disabledProp = props.disabled,
-    overrideLocale = props.locale,
-    _props$activePage = props.activePage,
-    activePage = _props$activePage === void 0 ? 1 : _props$activePage,
-    maxButtons = props.maxButtons,
-    _props$pages = props.pages,
-    pages = _props$pages === void 0 ? 1 : _props$pages,
-    ellipsis = props.ellipsis,
-    boundaryLinks = props.boundaryLinks,
-    first = props.first,
-    prev = props.prev,
-    next = props.next,
-    last = props.last,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'xs' : _props$size,
-    linkAs = props.linkAs,
-    linkProps = props.linkProps,
-    onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Pagination', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'pagination' : _propsWithDefaults$cl,
+    disabledProp = propsWithDefaults.disabled,
+    locale = propsWithDefaults.locale,
+    _propsWithDefaults$ac = propsWithDefaults.activePage,
+    activePage = _propsWithDefaults$ac === void 0 ? 1 : _propsWithDefaults$ac,
+    maxButtons = propsWithDefaults.maxButtons,
+    _propsWithDefaults$pa = propsWithDefaults.pages,
+    pages = _propsWithDefaults$pa === void 0 ? 1 : _propsWithDefaults$pa,
+    ellipsis = propsWithDefaults.ellipsis,
+    boundaryLinks = propsWithDefaults.boundaryLinks,
+    first = propsWithDefaults.first,
+    prev = propsWithDefaults.prev,
+    next = propsWithDefaults.next,
+    last = propsWithDefaults.last,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'xs' : _propsWithDefaults$si,
+    linkAs = propsWithDefaults.linkAs,
+    linkProps = propsWithDefaults.linkProps,
+    onSelect = propsWithDefaults.onSelect,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
-  var _useCustom = useCustom('Pagination', overrideLocale),
-    locale = _useCustom.locale;
   var renderItem = function renderItem(key, itemProps) {
     var eventKey = itemProps.eventKey,
       disabled = itemProps.disabled,

package/esm/Pagination/PaginationGroup.d.ts

@@ -1,5 +1,5 @@
 import { PaginationProps } from './Pagination';
-import { RsRefForwardingComponent } from '../internals/types';
+import type { RsRefForwardingComponent } from '../internals/types';
 /**
  * The layout of the paging component.
  */

package/esm/Pagination/PaginationGroup.js

@@ -8,9 +8,10 @@ import classNames from 'classnames';
 import Pagination from "./Pagination.js";
 import Divider from "../Divider/index.js";
 import Input from "../Input/index.js";
-import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { tplTransform } from "../internals/utils/index.js";
 import LimitPicker from "./LimitPicker.js";
+import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { tplTransform } from "../internals/utils/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 
 /**
  * The layout of the paging component.
@@ -59,10 +60,11 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useControlled2 = useControlled(activePageProp, 1),
     activePage = _useControlled2[0],
     setActivePage = _useControlled2[1];
-  var _useCustom = useCustom('Pagination', localeProp),
-    locale = _useCustom.locale;
   var pages = Math.floor(total / limit) + (total % limit ? 1 : 0);
   var classes = merge(className, withClassPrefix(size));
+  var _useCustom = useCustom(),
+    getLocale = _useCustom.getLocale;
+  var locale = getLocale('Pagination', localeProp);
   var handleInputBlur = useEventCallback(function (event) {
     var value = parseInt(event.target.value);
     if (value > 0 && value <= pages) {

package/esm/Panel/Panel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnimationEventProps, RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { AnimationEventProps, RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface PanelProps<T = string | number> extends WithAsProps, AnimationEventProps {
     /**
      * Show border

package/esm/Panel/Panel.js

@@ -4,46 +4,49 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "bodyFill", "bodyProps", "bordered", "children", "className", "classPrefix", "caretAs", "collapsible", "defaultExpanded", "disabled", "eventKey", "expanded", "header", "headerRole", "panelRole", "shaded", "scrollShadow", "id", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "onSelect"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
-import { PanelGroupContext } from "../PanelGroup/index.js";
 import PanelHeader from "./PanelHeader.js";
 import PanelBody from "./PanelBody.js";
 import useExpanded from "./hooks/useExpanded.js";
+import { useClassNames, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
+import { PanelGroupContext } from "../PanelGroup/index.js";
 /**
  * The `Panel` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/panel
  */
 var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    bodyFill = props.bodyFill,
-    bodyProps = props.bodyProps,
-    bordered = props.bordered,
-    children = props.children,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,
-    caretAs = props.caretAs,
-    collapsibleProp = props.collapsible,
-    defaultExpanded = props.defaultExpanded,
-    disabled = props.disabled,
-    eventKey = props.eventKey,
-    expandedProp = props.expanded,
-    header = props.header,
-    headerRole = props.headerRole,
-    _props$panelRole = props.panelRole,
-    panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,
-    shaded = props.shaded,
-    scrollShadow = props.scrollShadow,
-    idProp = props.id,
-    onEnter = props.onEnter,
-    onEntered = props.onEntered,
-    onEntering = props.onEntering,
-    onExit = props.onExit,
-    onExited = props.onExited,
-    onExiting = props.onExiting,
-    onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Panel', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    bodyFill = propsWithDefaults.bodyFill,
+    bodyProps = propsWithDefaults.bodyProps,
+    bordered = propsWithDefaults.bordered,
+    children = propsWithDefaults.children,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'panel' : _propsWithDefaults$cl,
+    caretAs = propsWithDefaults.caretAs,
+    collapsibleProp = propsWithDefaults.collapsible,
+    defaultExpanded = propsWithDefaults.defaultExpanded,
+    disabled = propsWithDefaults.disabled,
+    eventKey = propsWithDefaults.eventKey,
+    expandedProp = propsWithDefaults.expanded,
+    header = propsWithDefaults.header,
+    headerRole = propsWithDefaults.headerRole,
+    _propsWithDefaults$pa = propsWithDefaults.panelRole,
+    panelRole = _propsWithDefaults$pa === void 0 ? 'region' : _propsWithDefaults$pa,
+    shaded = propsWithDefaults.shaded,
+    scrollShadow = propsWithDefaults.scrollShadow,
+    idProp = propsWithDefaults.id,
+    onEnter = propsWithDefaults.onEnter,
+    onEntered = propsWithDefaults.onEntered,
+    onEntering = propsWithDefaults.onEntering,
+    onExit = propsWithDefaults.onExit,
+    onExited = propsWithDefaults.onExited,
+    onExiting = propsWithDefaults.onExiting,
+    onSelect = propsWithDefaults.onSelect,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var id = useUniqueId('rs-', idProp);
   var bodyId = id + "-panel";
   var buttonId = id + "-btn";

package/esm/PanelGroup/PanelGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 type KeyType = string | number;
 export interface PanelGroupProps<T = KeyType> extends WithAsProps {
     /** Whether it is a collapsible panel. */