rsuite 5.73.1 → 5.74.0

package/cjs/Sidebar/Sidebar.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _Container = require("../Container/Container");
 var _excluded = ["as", "classPrefix", "className", "collapsible", "width", "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); }
@@ -18,16 +19,18 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/container/
  */
 var Sidebar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'aside' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'sidebar' : _props$classPrefix,
-    className = props.className,
-    collapsible = props.collapsible,
-    _props$width = props.width,
-    width = _props$width === void 0 ? 260 : _props$width,
-    style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Sidebar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'aside' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'sidebar' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    collapsible = propsWithDefaults.collapsible,
+    _propsWithDefaults$wi = propsWithDefaults.width,
+    width = _propsWithDefaults$wi === void 0 ? 260 : _propsWithDefaults$wi,
+    style = propsWithDefaults.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -8,17 +8,18 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _Sidenav = require("./Sidenav");
-var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
-var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdownCollapse"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _Disclosure = _interopRequireDefault(require("../internals/Disclosure/Disclosure"));
+var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
+var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _Sidenav = require("./Sidenav");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject;
 var _excluded = ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "onClick", "onSelect"];
 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); }
@@ -47,7 +48,7 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(functio
     onClick = props.onClick,
     onSelect = props.onSelect,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,

package/cjs/Sidenav/Sidenav.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import SidenavBody from './SidenavBody';
 import SidenavHeader from './SidenavHeader';
 import SidenavToggle from './SidenavToggle';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface SidenavProps<T = string | number> extends WithAsProps {
     /** Whether to expand the Sidenav */
     expanded?: boolean;

package/cjs/Sidenav/Sidenav.js

@@ -14,6 +14,7 @@ var _SidenavBody = _interopRequireDefault(require("./SidenavBody"));
 var _SidenavHeader = _interopRequireDefault(require("./SidenavHeader"));
 var _SidenavToggle = _interopRequireDefault(require("./SidenavToggle"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _excluded = ["as", "className", "classPrefix", "appearance", "expanded", "activeKey", "defaultOpenKeys", "openKeys", "onSelect", "onOpenChange"],
@@ -28,22 +29,24 @@ var emptyArray = [];
  * @see https://rsuitejs.com/components/sidenav/
  */
 var Sidenav = /*#__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 ? 'sidenav' : _props$classPrefix,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$expanded = props.expanded,
-    expanded = _props$expanded === void 0 ? true : _props$expanded,
-    activeKey = props.activeKey,
-    _props$defaultOpenKey = props.defaultOpenKeys,
-    defaultOpenKeys = _props$defaultOpenKey === void 0 ? emptyArray : _props$defaultOpenKey,
-    openKeysProp = props.openKeys,
-    onSelect = props.onSelect,
-    onOpenChange = props.onOpenChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Sidenav', 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 ? 'sidenav' : _propsWithDefaults$cl,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$ex = propsWithDefaults.expanded,
+    expanded = _propsWithDefaults$ex === void 0 ? true : _propsWithDefaults$ex,
+    activeKey = propsWithDefaults.activeKey,
+    _propsWithDefaults$de = propsWithDefaults.defaultOpenKeys,
+    defaultOpenKeys = _propsWithDefaults$de === void 0 ? emptyArray : _propsWithDefaults$de,
+    openKeysProp = propsWithDefaults.openKeys,
+    onSelect = propsWithDefaults.onSelect,
+    onOpenChange = propsWithDefaults.onOpenChange,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useControlled = (0, _hooks.useControlled)(openKeysProp, defaultOpenKeys),
     openKeys = _useControlled[0],
     setOpenKeys = _useControlled[1];

package/cjs/Sidenav/SidenavDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
+import type { IconProps } from '@rsuite/icons/Icon';
+import type { StandardProps } from '../internals/types';
 export interface SidenavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/cjs/Sidenav/SidenavDropdownMenu.js

@@ -8,17 +8,18 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Sidenav = require("./Sidenav");
 var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
 var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
-var _ExpandedSidenavDropdownMenu = _interopRequireDefault(require("./ExpandedSidenavDropdownMenu"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
+var _ExpandedSidenavDropdownMenu = _interopRequireDefault(require("./ExpandedSidenavDropdownMenu"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _Sidenav = require("./Sidenav");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2;
 var _excluded = ["onToggle", "eventKey", "title", "classPrefix", "children"],
   _excluded2 = ["icon", "className", "disabled"],
@@ -53,7 +54,7 @@ var SidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props
     classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
     children = props.children,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = (0, _react.useCallback)(function (open, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(open, eventKey, event);

package/cjs/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { WithAsProps, FormControlBaseProps } from '../internals/types';
+import type { WithAsProps, FormControlBaseProps } from '../internals/types';
 export interface LocaleType {
     placeholder?: string;
     searchPlaceholder?: string;

package/cjs/Slider/Slider.js

@@ -14,9 +14,10 @@ var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
 var _Handle = _interopRequireDefault(require("./Handle"));
 var _Graduated = _interopRequireDefault(require("./Graduated"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _utils = require("./utils");
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _excluded = ["aria-label", "aria-labelledby", "aria-valuetext", "as", "graduated", "className", "barClassName", "progress", "vertical", "disabled", "readOnly", "plaintext", "classPrefix", "min", "handleClassName", "handleStyle", "handleTitle", "tooltip", "step", "defaultValue", "value", "max", "placeholder", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"];
 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; }
@@ -52,49 +53,51 @@ var sliderPropTypes = exports.sliderPropTypes = {
  * @see https://rsuitejs.com/components/slider
  */
 var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var ariaLabel = props['aria-label'],
-    ariaLabelledby = props['aria-labelledby'],
-    ariaValuetext = props['aria-valuetext'],
-    _props$as = props.as,
-    Componnet = _props$as === void 0 ? 'div' : _props$as,
-    graduated = props.graduated,
-    className = props.className,
-    barClassName = props.barClassName,
-    progress = props.progress,
-    vertical = props.vertical,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
-    _props$min = props.min,
-    min = _props$min === void 0 ? 0 : _props$min,
-    handleClassName = props.handleClassName,
-    handleStyle = props.handleStyle,
-    handleTitle = props.handleTitle,
-    _props$tooltip = props.tooltip,
-    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
-    _props$step = props.step,
-    step = _props$step === void 0 ? 1 : _props$step,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
-    valueProp = props.value,
-    _props$max = props.max,
-    maxProp = _props$max === void 0 ? 100 : _props$max,
-    placeholder = props.placeholder,
-    getAriaValueText = props.getAriaValueText,
-    renderTooltip = props.renderTooltip,
-    renderMark = props.renderMark,
-    onChange = props.onChange,
-    onChangeCommitted = props.onChangeCommitted,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Slider', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var ariaLabel = propsWithDefaults['aria-label'],
+    ariaLabelledby = propsWithDefaults['aria-labelledby'],
+    ariaValuetext = propsWithDefaults['aria-valuetext'],
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Componnet = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    graduated = propsWithDefaults.graduated,
+    className = propsWithDefaults.className,
+    barClassName = propsWithDefaults.barClassName,
+    progress = propsWithDefaults.progress,
+    vertical = propsWithDefaults.vertical,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'slider' : _propsWithDefaults$cl,
+    _propsWithDefaults$mi = propsWithDefaults.min,
+    min = _propsWithDefaults$mi === void 0 ? 0 : _propsWithDefaults$mi,
+    handleClassName = propsWithDefaults.handleClassName,
+    handleStyle = propsWithDefaults.handleStyle,
+    handleTitle = propsWithDefaults.handleTitle,
+    _propsWithDefaults$to = propsWithDefaults.tooltip,
+    tooltip = _propsWithDefaults$to === void 0 ? true : _propsWithDefaults$to,
+    _propsWithDefaults$st = propsWithDefaults.step,
+    step = _propsWithDefaults$st === void 0 ? 1 : _propsWithDefaults$st,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? 0 : _propsWithDefaults$de,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$ma = propsWithDefaults.max,
+    maxProp = _propsWithDefaults$ma === void 0 ? 100 : _propsWithDefaults$ma,
+    placeholder = propsWithDefaults.placeholder,
+    getAriaValueText = propsWithDefaults.getAriaValueText,
+    renderTooltip = propsWithDefaults.renderTooltip,
+    renderMark = propsWithDefaults.renderMark,
+    onChange = propsWithDefaults.onChange,
+    onChangeCommitted = propsWithDefaults.onChangeCommitted,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var barRef = (0, _react.useRef)(null);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
-  var _useCustom = (0, _hooks.useCustom)('Slider'),
-    rtl = _useCustom.rtl;
+  var _useCustom2 = (0, _CustomProvider.useCustom)('Slider'),
+    rtl = _useCustom2.rtl;
   var classes = merge(className, withClassPrefix({
     vertical: vertical,
     disabled: disabled,

package/cjs/Stack/Stack.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import StackItem from './StackItem';
+import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface StackProps extends WithAsProps {
     /**
      * The direction of the children in the stack.

package/cjs/Stack/Stack.js

@@ -8,10 +8,11 @@ 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 _StackItem = _interopRequireDefault(require("./StackItem"));
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _hooks = require("../internals/hooks");
-var _StackItem = _interopRequireDefault(require("./StackItem"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "alignItems", "classPrefix", "childrenRenderMode", "className", "children", "direction", "justifyContent", "spacing", "divider", "style", "wrap"];
 function isStackItem(child) {
   var _child$type;
@@ -26,25 +27,26 @@ function isStackItem(child) {
  */
 var Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _itemStyles;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$alignItems = props.alignItems,
-    alignItems = _props$alignItems === void 0 ? 'center' : _props$alignItems,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'stack' : _props$classPrefix,
-    _props$childrenRender = props.childrenRenderMode,
-    childrenRenderMode = _props$childrenRender === void 0 ? 'wrap' : _props$childrenRender,
-    className = props.className,
-    children = props.children,
-    direction = props.direction,
-    justifyContent = props.justifyContent,
-    spacing = props.spacing,
-    divider = props.divider,
-    style = props.style,
-    wrap = props.wrap,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)('Stack'),
+  var _useCustom = (0, _CustomProvider.useCustom)('Stack', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
     rtl = _useCustom.rtl;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$al = propsWithDefaults.alignItems,
+    alignItems = _propsWithDefaults$al === void 0 ? 'center' : _propsWithDefaults$al,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'stack' : _propsWithDefaults$cl,
+    _propsWithDefaults$ch = propsWithDefaults.childrenRenderMode,
+    childrenRenderMode = _propsWithDefaults$ch === void 0 ? 'wrap' : _propsWithDefaults$ch,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    direction = propsWithDefaults.direction,
+    justifyContent = propsWithDefaults.justifyContent,
+    spacing = propsWithDefaults.spacing,
+    divider = propsWithDefaults.divider,
+    style = propsWithDefaults.style,
+    wrap = propsWithDefaults.wrap,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,

package/cjs/Steps/Steps.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import StepItem from './StepItem';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface StepsProps extends WithAsProps {
     /** Vertical display */
     vertical?: boolean;

package/cjs/Steps/Steps.js

@@ -8,10 +8,11 @@ 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 _StepItem = _interopRequireDefault(require("./StepItem"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _propTypes2 = require("../internals/propTypes");
-var _StepItem = _interopRequireDefault(require("./StepItem"));
 var _excluded = ["as", "classPrefix", "className", "children", "vertical", "small", "current", "currentStatus"];
 /**
  * The `Steps` component is used to guide users to complete tasks in accordance with the process.
@@ -19,19 +20,21 @@ var _excluded = ["as", "classPrefix", "className", "children", "vertical", "smal
  * @see https://rsuitejs.com/components/steps
  */
 var Steps = /*#__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 ? 'steps' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    vertical = props.vertical,
-    small = props.small,
-    _props$current = props.current,
-    current = _props$current === void 0 ? 0 : _props$current,
-    _props$currentStatus = props.currentStatus,
-    currentStatus = _props$currentStatus === void 0 ? 'process' : _props$currentStatus,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Steps', 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 ? 'steps' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    vertical = propsWithDefaults.vertical,
+    small = propsWithDefaults.small,
+    _propsWithDefaults$cu = propsWithDefaults.current,
+    current = _propsWithDefaults$cu === void 0 ? 0 : _propsWithDefaults$cu,
+    _propsWithDefaults$cu2 = propsWithDefaults.currentStatus,
+    currentStatus = _propsWithDefaults$cu2 === void 0 ? 'process' : _propsWithDefaults$cu2,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/cjs/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TableProps, RowDataType, TableInstance, CellProps as TableCellProps, RowKeyType } from 'rsuite-table';
 import TableColumn from './TableColumn';
+import { TableProps, RowDataType, TableInstance, CellProps as TableCellProps, RowKeyType } from 'rsuite-table';
 export interface CellProps<Row extends RowDataType> extends Omit<TableCellProps<Row>, 'rowData' | 'dataKey'> {
     /** Data binding key, but also a sort of key */
     dataKey?: string | keyof Row;

package/cjs/Table/Table.js

@@ -7,21 +7,21 @@ 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 _rsuiteTable = require("rsuite-table");
-var _hooks = require("../internals/hooks");
 var _TableCell = _interopRequireDefault(require("./TableCell"));
 var _TableHeaderCell = _interopRequireDefault(require("./TableHeaderCell"));
 var _TableColumn = _interopRequireDefault(require("./TableColumn"));
 var _TableColumnGroup = _interopRequireDefault(require("./TableColumnGroup"));
+var _CustomProvider = require("../CustomProvider");
+var _rsuiteTable = require("rsuite-table");
 var _excluded = ["locale", "loadAnimation"];
 var CustomTable = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var localeProp = props.locale,
-    _props$loadAnimation = props.loadAnimation,
-    loadAnimation = _props$loadAnimation === void 0 ? true : _props$loadAnimation,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)('Table', localeProp),
-    locale = _useCustom.locale,
+  var _useCustom = (0, _CustomProvider.useCustom)('Table', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
     rtl = _useCustom.rtl;
+  var locale = propsWithDefaults.locale,
+    _propsWithDefaults$lo = propsWithDefaults.loadAnimation,
+    loadAnimation = _propsWithDefaults$lo === void 0 ? true : _propsWithDefaults$lo,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   return /*#__PURE__*/_react.default.createElement(_rsuiteTable.Table, (0, _extends2.default)({}, rest, {
     rtl: rtl,
     ref: ref,

package/cjs/Table/index.d.ts

@@ -1,4 +1,6 @@
 import Table from './Table';
-export type { TableProps, ColumnProps, ColumnGroupProps, HeaderCellProps, SortType, RowDataType, RowKeyType, TableLocaleType, TableSizeChangeEventName, TableInstance } from 'rsuite-table';
+import type { TableProps as TableBaseProps, RowDataType, RowKeyType } from 'rsuite-table';
+export type { ColumnProps, ColumnGroupProps, HeaderCellProps, SortType, RowDataType, RowKeyType, TableLocaleType, TableSizeChangeEventName, TableInstance } from 'rsuite-table';
+export type TableProps<Row extends RowDataType = any, Key extends RowKeyType = string> = TableBaseProps<Row, Key>;
 export type { CellProps } from './Table';
 export default Table;

package/cjs/Tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import Tab from './Tab';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 /**
  * Props for the Tabs component.
  */

package/cjs/Tabs/Tabs.js

@@ -9,11 +9,12 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _Tab = _interopRequireDefault(require("./Tab"));
 var _TabPanel = _interopRequireDefault(require("./TabPanel"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _utils = require("../internals/utils");
 var _templateObject;
 var _excluded = ["as", "classPrefix", "appearance", "className", "children", "activeKey", "defaultActiveKey", "id", "reversed", "vertical", "onSelect"];
 /**
@@ -112,24 +113,25 @@ var renderTabs = function renderTabs(children, tabPanelProps) {
  * @see https://rsuitejs.com/components/tabs
  */
 var Tabs = /*#__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 ? 'tabs' : _props$classPrefix,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'tabs' : _props$appearance,
-    className = props.className,
-    children = props.children,
-    activeKeyProp = props.activeKey,
-    defaultActiveKey = props.defaultActiveKey,
-    idProp = props.id,
-    reversed = props.reversed,
-    vertical = props.vertical,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var id = (0, _hooks.useUniqueId)('tab-', idProp);
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)('Tabs', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
     rtl = _useCustom.rtl;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'tabs' : _propsWithDefaults$cl,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'tabs' : _propsWithDefaults$ap,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    activeKeyProp = propsWithDefaults.activeKey,
+    defaultActiveKey = propsWithDefaults.defaultActiveKey,
+    idProp = propsWithDefaults.id,
+    reversed = propsWithDefaults.reversed,
+    vertical = propsWithDefaults.vertical,
+    onSelect = propsWithDefaults.onSelect,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
+  var id = (0, _hooks.useUniqueId)('tab-', idProp);
   var _useControlled = (0, _hooks.useControlled)(activeKeyProp, defaultActiveKey),
     activeKey = _useControlled[0],
     setActiveKey = _useControlled[1];

package/cjs/Tag/Tag.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { CommonLocale } from '../locales';
 export interface TagProps extends WithAsProps {
     /** Different sizes */
     size?: 'lg' | 'md' | 'sm';
@@ -9,6 +10,8 @@ export interface TagProps extends WithAsProps {
     closable?: boolean;
     /** The content of the component */
     children?: React.ReactNode;
+    /** Custom locale */
+    locale?: CommonLocale;
     /** Click the callback function for the Close button */
     onClose?: (event: React.MouseEvent<HTMLElement>) => void;
 }