rsuite 5.73.1 → 5.74.0

package/esm/Sidenav/SidenavDropdownMenu.js

@@ -10,17 +10,18 @@ var _excluded = ["onToggle", "eventKey", "title", "classPrefix", "children"],
   _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 { SidenavContext } from "./Sidenav.js";
 import ArrowLeftLine from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLine from '@rsuite/icons/ArrowRightLine';
-import ExpandedSidenavDropdownMenu from "./ExpandedSidenavDropdownMenu.js";
 import NavContext from "../Nav/NavContext.js";
+import ExpandedSidenavDropdownMenu from "./ExpandedSidenavDropdownMenu.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { mergeRefs } from "../internals/utils/index.js";
+import { SidenavContext } from "./Sidenav.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 <Sidenav>
@@ -46,7 +47,7 @@ var SidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
     children = props.children,
     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/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/esm/Slider/Slider.js

@@ -10,9 +10,10 @@ import getOffset from 'dom-lib/getOffset';
 import ProgressBar from "./ProgressBar.js";
 import Handle from "./Handle.js";
 import Graduated from "./Graduated.js";
-import { useClassNames, useControlled, useCustom, useEventCallback } from "../internals/hooks/index.js";
-import { precisionMath, checkValue, getPosition } from "./utils.js";
 import Plaintext from "../internals/Plaintext/index.js";
+import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
+import { precisionMath, checkValue, getPosition } from "./utils.js";
 export var sliderPropTypes = {
   min: PropTypes.number,
   max: PropTypes.number,
@@ -45,49 +46,51 @@ export var sliderPropTypes = {
  * @see https://rsuitejs.com/components/slider
  */
 var Slider = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var barRef = useRef(null);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
-  var _useCustom = useCustom('Slider'),
-    rtl = _useCustom.rtl;
+  var _useCustom2 = useCustom('Slider'),
+    rtl = _useCustom2.rtl;
   var classes = merge(className, withClassPrefix({
     vertical: vertical,
     disabled: disabled,

package/esm/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/esm/Stack/Stack.js

@@ -4,10 +4,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "alignItems", "classPrefix", "childrenRenderMode", "className", "children", "direction", "justifyContent", "spacing", "divider", "style", "wrap"];
 import React from 'react';
 import PropTypes from 'prop-types';
+import StackItem from "./StackItem.js";
 import { isSupportFlexGap, ReactChildren } from "../internals/utils/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
-import StackItem from "./StackItem.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 function isStackItem(child) {
   var _child$type;
   return child.type === StackItem || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'StackItem';
@@ -21,25 +22,26 @@ function isStackItem(child) {
  */
 var Stack = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCustom = useCustom('Stack'),
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,

package/esm/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/esm/Steps/Steps.js

@@ -4,29 +4,32 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "classPrefix", "className", "children", "vertical", "small", "current", "currentStatus"];
 import React from 'react';
 import PropTypes from 'prop-types';
+import StepItem from "./StepItem.js";
 import { ReactChildren } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
-import StepItem from "./StepItem.js";
 /**
  * The `Steps` component is used to guide users to complete tasks in accordance with the process.
  *
  * @see https://rsuitejs.com/components/steps
  */
 var Steps = /*#__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 ? '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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/esm/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/esm/Table/Table.js

@@ -3,20 +3,20 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["locale", "loadAnimation"];
 import React from 'react';
-import { Table as RsTable } from 'rsuite-table';
-import { useCustom } from "../internals/hooks/index.js";
 import TableCell from "./TableCell.js";
 import TableHeaderCell from "./TableHeaderCell.js";
 import TableColumn from "./TableColumn.js";
 import TableColumnGroup from "./TableColumnGroup.js";
+import { useCustom } from "../CustomProvider/index.js";
+import { Table as RsTable } from 'rsuite-table';
 var CustomTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var localeProp = props.locale,
-    _props$loadAnimation = props.loadAnimation,
-    loadAnimation = _props$loadAnimation === void 0 ? true : _props$loadAnimation,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCustom = useCustom('Table', localeProp),
-    locale = _useCustom.locale,
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   return /*#__PURE__*/React.createElement(RsTable, _extends({}, rest, {
     rtl: rtl,
     ref: ref,

package/esm/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/esm/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/esm/Tabs/Tabs.js

@@ -6,11 +6,12 @@ var _templateObject;
 var _excluded = ["as", "classPrefix", "appearance", "className", "children", "activeKey", "defaultActiveKey", "id", "reversed", "vertical", "onSelect"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useControlled, useEventCallback, useUniqueId, useCustom } from "../internals/hooks/index.js";
-import { ReactChildren } from "../internals/utils/index.js";
 import Nav from "../Nav/index.js";
 import Tab from "./Tab.js";
 import TabPanel from "./TabPanel.js";
+import { useClassNames, useControlled, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
+import { ReactChildren } from "../internals/utils/index.js";
 
 /**
  * Props for the Tabs component.
@@ -108,24 +109,25 @@ var renderTabs = function renderTabs(children, tabPanelProps) {
  * @see https://rsuitejs.com/components/tabs
  */
 var Tabs = /*#__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 ? '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 = _objectWithoutPropertiesLoose(props, _excluded);
-  var id = useUniqueId('tab-', idProp);
-  var _useCustom = useCustom(),
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
+  var id = useUniqueId('tab-', idProp);
   var _useControlled = useControlled(activeKeyProp, defaultActiveKey),
     activeKey = _useControlled[0],
     setActiveKey = _useControlled[1];

package/esm/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;
 }

package/esm/Tag/Tag.js

@@ -3,11 +3,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "className", "onClose"];
+var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "className", "locale", "onClose"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import CloseButton from "../internals/CloseButton/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Tag` component is used to label and categorize.
  * It can be used to mark the status of an object or classify it into different categories.
@@ -15,19 +16,25 @@ import CloseButton from "../internals/CloseButton/index.js";
  * @see https://rsuitejs.com/components/tag
  */
 var Tag = /*#__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 ? 'tag' : _props$classPrefix,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'default' : _props$color,
-    children = props.children,
-    closable = props.closable,
-    className = props.className,
-    onClose = props.onClose,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Tag', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'tag' : _propsWithDefaults$cl,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
+    _propsWithDefaults$co = propsWithDefaults.color,
+    color = _propsWithDefaults$co === void 0 ? 'default' : _propsWithDefaults$co,
+    children = propsWithDefaults.children,
+    closable = propsWithDefaults.closable,
+    className = propsWithDefaults.className,
+    overrideLocale = propsWithDefaults.locale,
+    onClose = propsWithDefaults.onClose,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
+  var _getLocale = getLocale('common', overrideLocale),
+    remove = _getLocale.remove;
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
@@ -35,8 +42,6 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix(size, color, {
     closable: closable
   }));
-  var _useCustom = useCustom(),
-    locale = _useCustom.locale;
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes
@@ -47,7 +52,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: onClose,
     tabIndex: -1,
     locale: {
-      closeLabel: locale === null || locale === void 0 ? void 0 : locale.remove
+      closeLabel: remove
     }
   }));
 });

package/esm/TagInput/index.js

@@ -5,20 +5,23 @@ var _excluded = ["tagProps", "trigger", "value", "defaultValue", "onTagRemove"];
 import React, { useMemo } from 'react';
 import InputPicker from "../InputPicker/InputPicker.js";
 import { TagProvider } from "../InputPicker/InputPickerContext.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `TagInput` component is an enhancement of Input and supports input tags and management tags.
  *
  * @see https://rsuitejs.com/components/tag-input
  */
 var TagInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$tagProps = props.tagProps,
-    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    onTagRemove = props.onTagRemove,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('TagInput', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$ta = propsWithDefaults.tagProps,
+    tagProps = _propsWithDefaults$ta === void 0 ? {} : _propsWithDefaults$ta,
+    _propsWithDefaults$tr = propsWithDefaults.trigger,
+    trigger = _propsWithDefaults$tr === void 0 ? 'Enter' : _propsWithDefaults$tr,
+    value = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    onTagRemove = propsWithDefaults.onTagRemove,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var contextValue = useMemo(function () {
     return {
       multi: true,

package/esm/TagPicker/index.js

@@ -5,19 +5,22 @@ var _excluded = ["tagProps", "trigger", "onTagRemove", "renderMenuItemCheckbox"]
 import React, { useMemo } from 'react';
 import InputPicker from "../InputPicker/InputPicker.js";
 import { TagProvider } from "../InputPicker/InputPickerContext.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * `TagPicker` component enables multi-selection by tags and supports new options.
  *
  * @see https://rsuitejs.com/components/tag-picker/
  */
 var TagPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$tagProps = props.tagProps,
-    tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
-    onTagRemove = props.onTagRemove,
-    renderMenuItemCheckbox = props.renderMenuItemCheckbox,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('TagPicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$ta = propsWithDefaults.tagProps,
+    tagProps = _propsWithDefaults$ta === void 0 ? {} : _propsWithDefaults$ta,
+    _propsWithDefaults$tr = propsWithDefaults.trigger,
+    trigger = _propsWithDefaults$tr === void 0 ? 'Enter' : _propsWithDefaults$tr,
+    onTagRemove = propsWithDefaults.onTagRemove,
+    renderMenuItemCheckbox = propsWithDefaults.renderMenuItemCheckbox,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var contextValue = useMemo(function () {
     return {
       multi: true,

package/esm/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 declare const fontSizeMap: {
     sm: number;
     md: number;

package/esm/Text/Text.js

@@ -5,6 +5,7 @@ var _excluded = ["as", "align", "classPrefix", "color", "className", "maxLines",
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
 var fontSizeMap = {
   sm: 12,
@@ -20,20 +21,22 @@ var fontSizeMap = {
  * @see https://rsuitejs.com/components/text
  */
 var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'p' : _props$as,
-    align = props.align,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'text' : _props$classPrefix,
-    color = props.color,
-    className = props.className,
-    maxLines = props.maxLines,
-    weight = props.weight,
-    muted = props.muted,
-    transform = props.transform,
-    size = props.size,
-    style = props.style,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Text', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'p' : _propsWithDefaults$as,
+    align = propsWithDefaults.align,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'text' : _propsWithDefaults$cl,
+    color = propsWithDefaults.color,
+    className = propsWithDefaults.className,
+    maxLines = propsWithDefaults.maxLines,
+    weight = propsWithDefaults.weight,
+    muted = propsWithDefaults.muted,
+    transform = propsWithDefaults.transform,
+    size = propsWithDefaults.size,
+    style = propsWithDefaults.style,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/TimePicker/TimePicker.js

@@ -2,13 +2,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import DatePicker from "../DatePicker/index.js";
-import { useCustom } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 var TimePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Calendar'),
-    locale = _useCustom.locale;
+  var _useCustom = useCustom('TimePicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    getLocale = _useCustom.getLocale;
+  var locale = getLocale('DateTimeFormats');
   var defaultRanges = useMemo(function () {
     return [{
-      label: locale.now,
+      label: locale === null || locale === void 0 ? void 0 : locale.now,
       value: function value() {
         return new Date();
       }
@@ -16,9 +18,9 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [locale]);
   return /*#__PURE__*/React.createElement(DatePicker, _extends({
     ref: ref,
-    format: locale.shortTimeFormat,
+    format: locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat,
     ranges: defaultRanges
-  }, props));
+  }, propsWithDefaults));
 });
 TimePicker.displayName = 'TimePicker';
 export default TimePicker;