rsuite 6.0.0-canary-20241227 → 6.0.0-canary-20250103

package/esm/InlineEdit/EditableControls.js

@@ -5,7 +5,7 @@ import CheckIcon from '@rsuite/icons/Check';
 import CloseIcon from '@rsuite/icons/Close';
 import IconButton from "../IconButton/index.js";
 import Stack from "../Stack/index.js";
-const EditableControls = /*#__PURE__*/React.forwardRef((props, ref) => {
+const EditableControls = /*#__PURE__*/React.forwardRef(function EditableControls(props, ref) {
   const {
     onSave,
     onCancel,

package/esm/InputGroup/InputGroup.js

@@ -10,7 +10,7 @@ export const InputGroupContext = /*#__PURE__*/React.createContext(null);
  * The `InputGroup` component is used to specify an input field with an add-on.
  * @see https://rsuitejs.com/components/input/#input-group
  */
-const InputGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+const InputGroup = /*#__PURE__*/React.forwardRef(function InputGroup(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('InputGroup', props);

package/esm/InputNumber/InputNumber.js

@@ -193,7 +193,7 @@ const InputNumber = /*#__PURE__*/React.forwardRef((props, ref) => {
   });
   const handleChange = useEventCallback((value, event) => {
     const separator = decimalSeparator || '.';
-    const escapedSeparator = separator.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+    const escapedSeparator = separator.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
     const regex = new RegExp(`^-?(?:\\d+)?(${escapedSeparator})?\\d*$`);
     if (!regex.test(value) && value !== '') {
       return;

package/esm/InputPicker/InputPicker.js

@@ -186,7 +186,6 @@ const InputPicker = /*#__PURE__*/React.forwardRef((props, ref) => {
   useEffect(() => {
     var _triggerRef$current2, _triggerRef$current2$;
     (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 || (_triggerRef$current2$ = _triggerRef$current2.updatePosition) === null || _triggerRef$current2$ === void 0 || _triggerRef$current2$.call(_triggerRef$current2);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchKeyword, value]);
   const getDataItem = value => {
     // Find active `MenuItem` by `value`

package/esm/InputPicker/TagList.js

@@ -21,4 +21,5 @@ const TagList = /*#__PURE__*/React.forwardRef((props, ref) => {
     className: prefix`tag-list`
   }, rest), children);
 });
+TagList.displayName = 'TagList';
 export default TagList;

package/esm/InputPicker/TextBox.js

@@ -39,4 +39,5 @@ const TextBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     value: inputValue
   })));
 });
+TextBox.displayName = 'TextBox';
 export default TextBox;

package/esm/InputPicker/hooks/useMaxWidth.js

@@ -10,7 +10,6 @@ function useMaxWidth(triggerRef) {
       var _triggerRef$current2;
       setMaxWidth(getWidth((_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.root));
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return maxWidth;
 }

package/esm/List/List.js

@@ -11,7 +11,7 @@ import { useCustom } from "../CustomProvider/index.js";
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
  */
-const List = /*#__PURE__*/React.forwardRef((props, ref) => {
+const List = /*#__PURE__*/React.forwardRef(function List(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('List', props);

package/esm/MaskedInput/MaskedInput.js

@@ -16,4 +16,5 @@ const MaskedInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     ref: ref
   }));
 });
+MaskedInput.displayName = 'MaskedInput';
 export default MaskedInput;

package/esm/MaskedInput/conformToMask.js

@@ -127,7 +127,6 @@ export default function conformToMask(rawValue, mask, config) {
         // or we find at least one character that we can map.
         while (rawValueArr.length > 0) {
           // Let's retrieve the first user character in the queue of characters we have left
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           const {
             char: rawValueChar,
             isNew

package/esm/Modal/Modal.js

@@ -21,7 +21,7 @@ const modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
  * The `Modal` component is used to show content in a layer above the app.
  * @see https://rsuitejs.com/components/modal
  */
-const Modal = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Modal = /*#__PURE__*/React.forwardRef(function Modal(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('Modal', props);

package/esm/Modal/utils.js

@@ -64,7 +64,6 @@ export const useBodyStyles = (ref, options) => {
   }, [overflow, prefix, ref, size, updateBodyStyles]);
   useEffect(() => {
     return onDestroyEvents;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return [overflow ? bodyStyles : null, onChangeBodyStyles, onDestroyEvents];
 };

package/esm/Nav/Nav.js

@@ -17,7 +17,7 @@ import { useCustom } from "../CustomProvider/index.js";
  * The `Nav` component is used to create navigation links.
  * @see https://rsuitejs.com/components/nav
  */
-const Nav = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Nav = /*#__PURE__*/React.forwardRef(function Nav(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('Nav', props);

package/esm/Nav/NavDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import Button from '../Button';
 import NavDropdownItem from './NavDropdownItem';
 import NavDropdownMenu from './NavDropdownMenu';
@@ -13,7 +13,7 @@ export interface NavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLA
     /** Triggering events */
     trigger?: NavDropdownTrigger | readonly NavDropdownTrigger[];
     /** The placement of Menu */
-    placement?: TypeAttributes.Placement8;
+    placement?: PlacementCorners;
     /** Whether or not component is disabled */
     disabled?: boolean;
     /** The style of the menu */

package/esm/Nav/NavDropdown.js

@@ -22,7 +22,7 @@ import NavDropdownToggle from "./NavDropdownToggle.js";
  *   </Nav.Menu>
  * </Nav>
  */
-const NavDropdown = /*#__PURE__*/React.forwardRef((props, ref) => {
+const NavDropdown = /*#__PURE__*/React.forwardRef(function NavDropdown(props, ref) {
   const nav = useContext(NavContext);
   if (!nav) {
     throw new Error('<Nav.Dropdown> must be rendered within a <Nav> component.');

package/esm/Nav/NavDropdownToggle.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import Button from '../Button';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import { WithAsProps, RsRefForwardingComponent, PlacementCorners } from '../internals/types';
 import { NavItemProps } from './NavItem';
 export interface NavDropdownToggleProps extends WithAsProps {
     icon?: NavItemProps['icon'];
     noCaret?: boolean;
     renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;
-    placement?: TypeAttributes.Placement8;
+    placement?: PlacementCorners;
 }
 /**
  * @private this component is not supposed to be used directly

package/esm/Navbar/Navbar.js

@@ -11,7 +11,7 @@ export const NavbarContext = /*#__PURE__*/React.createContext(false);
  * The `Navbar` component is used to create a navigation header.
  * @see https://rsuitejs.com/components/navbar
  */
-const Navbar = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Navbar = /*#__PURE__*/React.forwardRef(function Navbar(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('Navbar', props);

package/esm/Navbar/NavbarDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import { IconProps } from '@rsuite/icons/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';
@@ -13,7 +13,7 @@ export interface NavbarDropdownProps<T = any> extends WithAsProps, Omit<React.HT
     /** Triggering events */
     trigger?: NavbarDropdownTrigger | readonly NavbarDropdownTrigger[];
     /** The placement of Menu */
-    placement?: TypeAttributes.Placement8;
+    placement?: PlacementCorners;
     /** Whether or not component is disabled */
     disabled?: boolean;
     /** The style of the menu */

package/esm/Navbar/NavbarDropdown.js

@@ -14,7 +14,7 @@ import NavbarDropdownToggle from "./NavbarDropdownToggle.js";
 /**
  * @private
  */
-const NavbarDropdown = /*#__PURE__*/React.forwardRef((props, ref) => {
+const NavbarDropdown = /*#__PURE__*/React.forwardRef(function NavbarDropdown(props, ref) {
   const navbar = useContext(NavbarContext);
   if (!navbar) {
     throw new Error('<Navbar.Dropdown> should be used within a <Navbar> component.');

package/esm/Navbar/NavbarDropdownToggle.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import Button from '../Button';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import { WithAsProps, RsRefForwardingComponent, PlacementCorners } from '../internals/types';
 export interface NavbarDropdownToggleProps extends WithAsProps {
     noCaret?: boolean;
     renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;
-    placement?: TypeAttributes.Placement8;
+    placement?: PlacementCorners;
 }
 /**
  * @private this component is not supposed to be used directly

package/esm/RangeSlider/RangeSlider.js

@@ -81,7 +81,7 @@ const RangeSlider = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, [max, min]);
   const [value, setValue] = useControlled(getValidValue(valueProp), getValidValue(defaultValue));
 
-  // The count of values ​​that can be entered.
+  // The count of values that can be entered.
   const count = useMemo(() => precisionMath((max - min) / step), [max, min, step]);
 
   // Get the height of the progress bar
@@ -184,10 +184,10 @@ const RangeSlider = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   });
   const handleKeyDown = useEventCallback(event => {
-    var _event$target;
+    const target = event.target;
     const {
       key
-    } = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target['dataset'];
+    } = (target === null || target === void 0 ? void 0 : target.dataset) || {};
     const nextValue = [...value];
     const increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';
     const decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';
@@ -231,7 +231,7 @@ const RangeSlider = /*#__PURE__*/React.forwardRef((props, ref) => {
     let [start, end] = value;
     const v = getValueByPosition(event);
 
-    //  Judging that the current click value is closer to the values ​​of `start` and` end`.
+    // Judging that the current click value is closer to the values of `start` and `end`.
     if (Math.abs(start - v) < Math.abs(end - v)) {
       start = v;
     } else {

package/esm/Rate/Character.js

@@ -1,9 +1,9 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _isNil from "lodash/isNil";
-import React, { useCallback, useRef } from 'react';
+import React, { useRef } from 'react';
 import contains from 'dom-lib/contains';
-import { useClassNames } from "../internals/hooks/index.js";
+import isNil from 'lodash/isNil';
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 const characterStatus = {
   [0]: 'empty',
   [0.5]: 'half',
@@ -30,13 +30,13 @@ const Character = /*#__PURE__*/React.forwardRef((props, ref) => {
     withClassPrefix
   } = useClassNames(classPrefix);
   const beforeRef = useRef(null);
-  const classes = merge(className, withClassPrefix(!_isNil(status) && characterStatus[status]));
-  const handleMouseMove = useCallback(event => {
+  const classes = merge(className, withClassPrefix(!isNil(status) && characterStatus[status]));
+  const handleMouseMove = useEventCallback(event => {
     onMouseMove === null || onMouseMove === void 0 || onMouseMove(getKey(beforeRef.current, event.target), event);
-  }, [onMouseMove]);
-  const handleClick = useCallback(event => {
+  });
+  const handleClick = useEventCallback(event => {
     onClick === null || onClick === void 0 || onClick(getKey(beforeRef.current, event.target), event);
-  }, [onClick]);
+  });
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes,

package/esm/Rate/Rate.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-import type { WithAsProps, TypeAttributes, RsRefForwardingComponent, FormControlBaseProps } from '../internals/types';
+import type { WithAsProps, Color, TypeAttributes, RsRefForwardingComponent, FormControlBaseProps } from '../internals/types';
 export interface RateProps<T = number> extends WithAsProps, FormControlBaseProps<T> {
     allowHalf?: boolean;
     character?: React.ReactNode;
     classPrefix?: string;
     cleanable?: boolean;
-    /** A tate can have different sizes */
+    /** A rate can have different sizes */
     size?: TypeAttributes.Size;
-    /** A tate can have different colors */
-    color?: TypeAttributes.Color;
+    /** A rate can have different colors */
+    color?: Color | React.CSSProperties['color'];
     max?: number;
     vertical?: boolean;
     renderCharacter?: (value: number, index: number) => React.ReactNode;

package/esm/Rate/Rate.js

@@ -1,13 +1,13 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useCallback, useState, useMemo } from 'react';
 import isNil from 'lodash/isNil';
 import Star from '@rsuite/icons/Star';
 import Character from "./Character.js";
 import Plaintext from "../internals/Plaintext/index.js";
 import { KEY_VALUES } from "../internals/constants/index.js";
-import { useControlled, useClassNames } from "../internals/hooks/index.js";
-import { shallowEqualArray } from "../internals/utils/index.js";
+import { useControlled, useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { shallowEqualArray, isPresetColor, createColorVariables, mergeStyles } from "../internals/utils/index.js";
 import { transformValueToCharacterMap, transformCharacterMapToValue } from "./utils.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
@@ -34,6 +34,7 @@ const Rate = /*#__PURE__*/React.forwardRef((props, ref) => {
     defaultValue = 0,
     cleanable = true,
     plaintext,
+    style,
     onChange,
     renderCharacter,
     onChangeActive,
@@ -49,23 +50,23 @@ const Rate = /*#__PURE__*/React.forwardRef((props, ref) => {
     merge,
     withClassPrefix
   } = useClassNames(classPrefix);
-  const classes = merge(className, withClassPrefix(size, color, {
+  const classes = merge(className, withClassPrefix(size, isPresetColor(color) && color, {
     disabled,
     readonly: readOnly
   }));
+  const styles = useMemo(() => mergeStyles(style, createColorVariables(color, '--rs-rate-symbol-checked')), [style, color]);
   const resetCharacterMap = useCallback(() => {
     setCharacterMap(getCharacterMap());
   }, [getCharacterMap]);
   useEffect(() => {
     // Update characterMap when value is updated.
     setCharacterMap(getCharacterMap(valueProp));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [valueProp]);
-  const handleMouseLeave = useCallback(event => {
+  const handleMouseLeave = useEventCallback(event => {
     resetCharacterMap();
     onChangeActive === null || onChangeActive === void 0 || onChangeActive(value, event);
-  }, [onChangeActive, resetCharacterMap, value]);
-  const handleChangeValue = useCallback((index, event) => {
+  });
+  const handleChangeValue = useEventCallback((index, event) => {
     let nextValue = transformCharacterMapToValue(characterMap);
     if (cleanable && value === nextValue && getCharacterMap(value)[index] === characterMap[index]) {
       nextValue = 0;
@@ -75,8 +76,8 @@ const Rate = /*#__PURE__*/React.forwardRef((props, ref) => {
       setCharacterMap(getCharacterMap(nextValue));
       onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
-  }, [characterMap, cleanable, getCharacterMap, onChange, setValue, value]);
-  const handleKeyDown = useCallback((index, event) => {
+  });
+  const handleKeyDown = useEventCallback((index, event) => {
     const {
       key
     } = event;
@@ -90,8 +91,8 @@ const Rate = /*#__PURE__*/React.forwardRef((props, ref) => {
     if (key === KEY_VALUES.ENTER) {
       handleChangeValue(index, event);
     }
-  }, [allowHalf, characterMap, getCharacterMap, handleChangeValue, max]);
-  const handleChangeCharacterMap = useCallback((index, key, event) => {
+  });
+  const handleChangeCharacterMap = useEventCallback((index, key, event) => {
     const nextCharacterMap = characterMap.map((_item, i) => {
       if (i === index && key === 'before' && allowHalf) {
         return 0.5;
@@ -102,11 +103,11 @@ const Rate = /*#__PURE__*/React.forwardRef((props, ref) => {
       setCharacterMap(nextCharacterMap);
       onChangeActive === null || onChangeActive === void 0 || onChangeActive(transformCharacterMapToValue(nextCharacterMap), event);
     }
-  }, [allowHalf, characterMap, onChangeActive]);
-  const handleClick = useCallback((index, key, event) => {
+  });
+  const handleClick = useEventCallback((index, key, event) => {
     handleChangeCharacterMap(index, key, event);
     handleChangeValue(index, event);
-  }, [handleChangeCharacterMap, handleChangeValue]);
+  });
   if (plaintext) {
     return /*#__PURE__*/React.createElement(Plaintext, {
       localeKey: "notSelected",
@@ -115,12 +116,12 @@ const Rate = /*#__PURE__*/React.forwardRef((props, ref) => {
   }
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "radiogroup",
-    tabIndex: 0
-  }, rest, {
+    tabIndex: 0,
     ref: ref,
     className: classes,
+    style: styles,
     onMouseLeave: handleMouseLeave
-  }), characterMap.map((item, index) => /*#__PURE__*/React.createElement(Character, {
+  }, rest), characterMap.map((item, index) => /*#__PURE__*/React.createElement(Character, {
     role: "radio",
     "aria-posinset": index + 1,
     "aria-setsize": max,

package/esm/Sidenav/ExpandedSidenavDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onToggle' | 'title'> {
     /** Define the title as a submenu */
@@ -7,7 +7,7 @@ export interface SidenavDropdownProps<T = any> extends WithAsProps, Omit<React.H
     /** Set the icon */
     icon?: React.ReactElement<IconProps>;
     /** The placement of Menu */
-    placement?: TypeAttributes.Placement8;
+    placement?: PlacementCorners;
     /** Whether or not component is disabled */
     disabled?: boolean;
     /** The style of the menu */

package/esm/Sidenav/Sidenav.js

@@ -16,7 +16,7 @@ const emptyArray = [];
  * The `Sidenav` component is an encapsulation of the page sidebar `Nav`.
  * @see https://rsuitejs.com/components/sidenav/
  */
-const Sidenav = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Sidenav = /*#__PURE__*/React.forwardRef(function Sidenav(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('Sidenav', props);

package/esm/Sidenav/SidenavDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import { PlacementCorners, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import { IconProps } from '@rsuite/icons/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';
@@ -13,7 +13,7 @@ export interface NavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLA
     /** Triggering events */
     trigger?: SidenavDropdownTrigger | readonly SidenavDropdownTrigger[];
     /** The placement of Menu */
-    placement?: TypeAttributes.Placement8;
+    placement?: PlacementCorners;
     /** Whether or not component is disabled */
     disabled?: boolean;
     /** The style of the menu */

package/esm/Sidenav/SidenavDropdown.js

@@ -26,7 +26,7 @@ import { NavMenuContext } from "../Nav/NavMenu.js";
  *   </Nav>
  * </Sidenav>
  */
-const SidenavDropdown = /*#__PURE__*/React.forwardRef((props, ref) => {
+const SidenavDropdown = /*#__PURE__*/React.forwardRef(function SidenavDropdown(props, ref) {
   const sidenav = useContext(SidenavContext);
   const nav = useContext(NavContext);
   const navMenu = useContext(NavMenuContext);

package/esm/Sidenav/SidenavDropdownToggle.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import Button from '../Button';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
+import { WithAsProps, RsRefForwardingComponent, PlacementCorners } from '../internals/types';
 export interface SidenavDropdownToggleProps extends WithAsProps {
     noCaret?: boolean;
     renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;
-    placement?: TypeAttributes.Placement8;
+    placement?: PlacementCorners;
 }
 /**
  * @private this component is not supposed to be used directly

package/esm/Stack/HStack.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Stack from "./Stack.js";
-const HStack = /*#__PURE__*/React.forwardRef((props, ref) => {
+const HStack = /*#__PURE__*/React.forwardRef(function HStack(props, ref) {
   const {
     reverse,
     spacing = 6,

package/esm/Stack/Stack.js

@@ -16,7 +16,7 @@ function isStackItem(child) {
  *
  * @see https://rsuitejs.com/components/stack
  */
-const Stack = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Stack = /*#__PURE__*/React.forwardRef(function Stack(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('Stack', props);

package/esm/Stack/VStack.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Stack from "./Stack.js";
-const VStack = /*#__PURE__*/React.forwardRef((props, ref) => {
+const VStack = /*#__PURE__*/React.forwardRef(function VStack(props, ref) {
   const {
     reverse,
     spacing = 6,

package/esm/Stat/Stat.js

@@ -8,7 +8,7 @@ import StatHelpText from "./StatHelpText.js";
 import StatTrend from "./StatTrend.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-const Stat = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Stat = /*#__PURE__*/React.forwardRef(function Stat(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('Stat', props);

package/esm/Steps/Steps.js

@@ -10,7 +10,7 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/steps
  */
-const Steps = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Steps = /*#__PURE__*/React.forwardRef(function Steps(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('Steps', props);

package/esm/Table/Table.js

@@ -7,7 +7,7 @@ import TableColumn from "./TableColumn.js";
 import TableColumnGroup from "./TableColumnGroup.js";
 import { useCustom } from "../CustomProvider/index.js";
 import { Table as RsTable } from 'rsuite-table';
-const CustomTable = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CustomTable = /*#__PURE__*/React.forwardRef(function Table(props, ref) {
   const {
     propsWithDefaults,
     rtl,
@@ -18,7 +18,7 @@ const CustomTable = /*#__PURE__*/React.forwardRef((props, ref) => {
     loadAnimation = true,
     ...rest
   } = propsWithDefaults;
-  const locale = getLocale('Calendar', overrideLocale);
+  const locale = getLocale('common', overrideLocale);
   return /*#__PURE__*/React.createElement(RsTable, _extends({}, rest, {
     rtl: rtl,
     ref: ref,

package/esm/Tabs/Tabs.js

@@ -105,7 +105,7 @@ const renderTabs = (children, tabPanelProps) => {
  * @version 5.53.0
  * @see https://rsuitejs.com/components/tabs
  */
-const Tabs = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
   const {
     propsWithDefaults,
     rtl
@@ -163,16 +163,15 @@ const Tabs = /*#__PURE__*/React.forwardRef((props, ref) => {
         event.preventDefault();
         break;
       case 'End':
-        const tabs = getFocusableTabs(tablistRef.current);
-        item = tabs[tabs.length - 1];
-        event.preventDefault();
-        break;
+        {
+          const tabs = getFocusableTabs(tablistRef.current);
+          item = tabs[tabs.length - 1];
+          event.preventDefault();
+          break;
+        }
     }
     if (item) {
-      var _item;
-      const {
-        eventKey
-      } = (_item = item) === null || _item === void 0 ? void 0 : _item.dataset;
+      const eventKey = item ? item.dataset.eventKey : undefined;
       handleSelect(eventKey, event);
       item.focus();
     }

package/esm/Tag/Tag.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, Color, RsRefForwardingComponent } from '../internals/types';
 import type { CommonLocale } from '../locales';
 export interface TagProps extends WithAsProps {
     /** Different sizes */
     size?: 'lg' | 'md' | 'sm';
     /** A tag can have different colors */
-    color?: TypeAttributes.Color;
+    color?: Color | React.CSSProperties['color'];
     /** Whether to close */
     closable?: boolean;
     /** The content of the component */