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

package/esm/Tag/Tag.js

@@ -1,9 +1,10 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
+import React, { useMemo } from 'react';
 import CloseButton from "../internals/CloseButton/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
+import { mergeStyles, isPresetColor, createColorVariables } from "../internals/utils/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.
@@ -19,11 +20,12 @@ const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
     as: Component = 'div',
     classPrefix = 'tag',
     size = 'md',
-    color = 'default',
+    color,
     children,
     closable,
     className,
     locale: overrideLocale,
+    style,
     onClose,
     ...rest
   } = propsWithDefaults;
@@ -35,13 +37,15 @@ const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
     prefix,
     merge
   } = useClassNames(classPrefix);
-  const classes = merge(className, withClassPrefix(size, color, {
+  const classes = merge(className, withClassPrefix(size, isPresetColor(color) && color, {
     closable
   }));
-  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+  const styles = useMemo(() => mergeStyles(style, createColorVariables(color, '--rs-tag-bg', '--rs-tag-text')), [style, color]);
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
-    className: classes
-  }), /*#__PURE__*/React.createElement("span", {
+    className: classes,
+    style: styles
+  }, rest), /*#__PURE__*/React.createElement("span", {
     className: prefix`text`
   }, children), closable && /*#__PURE__*/React.createElement(CloseButton, {
     className: prefix`icon-close`,

package/esm/Timeline/Timeline.js

@@ -6,12 +6,15 @@ import TimelineItem from "./TimelineItem.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 import { ReactChildren } from "../internals/utils/index.js";
+const ACTIVE_FIRST = index => index === 0;
+const ACTIVE_LAST = (index, totalItemsCount) => index === totalItemsCount - 1;
+
 /**
  * The `Timeline` component is used to display a list of items in chronological order.
  *
  * @see https://rsuitejs.com/components/timeline
  */
-const Timeline = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(props, ref) {
   const {
     propsWithDefaults
   } = useCustom('Timeline', props);
@@ -22,7 +25,7 @@ const Timeline = /*#__PURE__*/React.forwardRef((props, ref) => {
     className,
     align = 'left',
     endless,
-    isItemActive = Timeline.ACTIVE_LAST,
+    isItemActive = ACTIVE_LAST,
     ...rest
   } = propsWithDefaults;
   const {
@@ -47,8 +50,8 @@ const Timeline = /*#__PURE__*/React.forwardRef((props, ref) => {
     align
   })));
 });
-Timeline.ACTIVE_FIRST = index => index === 0;
-Timeline.ACTIVE_LAST = (index, totalItemsCount) => index === totalItemsCount - 1;
-Timeline.Item = TimelineItem;
 Timeline.displayName = 'Timeline';
+Timeline.ACTIVE_FIRST = ACTIVE_FIRST;
+Timeline.ACTIVE_LAST = ACTIVE_LAST;
+Timeline.Item = TimelineItem;
 export default Timeline;

package/esm/Tooltip/Tooltip.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { Placement, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface TooltipProps extends WithAsProps {
     /** Dispaly placement */
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     /** Whether visible */
     visible?: boolean;
     /** Primary content */

package/esm/Tree/hooks/useFlattenTree.js

@@ -77,8 +77,7 @@ function useFlattenTree(data, options) {
     // when data is changed, should clear the flattenedNodes, avoid duplicate keys
     flattenedNodes.current = {};
     flattenTreeData(data);
-  }, [data]); // eslint-disable-line react-hooks/exhaustive-deps
-
+  }, [data]);
   useEffect(() => {
     if (multiple) {
       updateTreeNodeCheckState(value);
@@ -90,7 +89,6 @@ function useFlattenTree(data, options) {
      * data may change and the node status needs to be updated.
      * @see https://github.com/rsuite/rsuite/issues/3973
      */
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, data]);
   return flattenedNodes.current;
 }

package/esm/Tree/hooks/useFocusTree.js

@@ -132,7 +132,6 @@ function useFocusTree(props) {
     return () => {
       unregister === null || unregister === void 0 || unregister();
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(() => {
     flattenedNodesRef.current = flattenedNodes;

package/esm/Tree/hooks/useTreeSearch.js

@@ -46,7 +46,6 @@ export default function useTreeSearch(props) {
   };
   useEffect(() => {
     handleSearch(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchKeyword]);
   useEffect(() => {
     setSearchKeyword(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');

package/esm/Uploader/UploadTrigger.js

@@ -1,8 +1,7 @@
 'use client';
-import React, { useCallback, useRef, useState, useImperativeHandle } from 'react';
+import React, { useRef, useState, useImperativeHandle } from 'react';
 import Button from "../Button/index.js";
-import { useClassNames } from "../internals/hooks/index.js";
-import { isIE11 } from "../internals/utils/index.js";
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 const UploadTrigger = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     as: Component = Button,
@@ -36,55 +35,41 @@ const UploadTrigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     customize: children,
     'drag-over': dragOver
   }));
-  const handleClick = useCallback(() => {
+  const handleClick = useEventCallback(() => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
-  }, []);
-  const handleClearInput = useCallback(() => {
+  });
+  const handleClearInput = useEventCallback(() => {
     if (inputRef.current) {
       inputRef.current.value = '';
     }
-  }, []);
-  const handleDragEnter = useCallback(event => {
+  });
+  const handleDragEnter = useEventCallback(event => {
     if (draggable) {
       event.preventDefault();
       setDragOver(true);
     }
     onDragEnter === null || onDragEnter === void 0 || onDragEnter(event);
-  }, [draggable, onDragEnter]);
-  const handleDragLeave = useCallback(event => {
+  });
+  const handleDragLeave = useEventCallback(event => {
     if (draggable) {
       event.preventDefault();
       setDragOver(false);
     }
     onDragLeave === null || onDragLeave === void 0 || onDragLeave(event);
-  }, [draggable, onDragLeave]);
-  const handleDragOver = useCallback(event => {
+  });
+  const handleDragOver = useEventCallback(event => {
     draggable && event.preventDefault();
     onDragOver === null || onDragOver === void 0 || onDragOver(event);
-  }, [draggable, onDragOver]);
-  const handleDrop = useCallback(event => {
+  });
+  const handleDrop = useEventCallback(event => {
     if (draggable) {
       event.preventDefault();
       setDragOver(false);
       onChange === null || onChange === void 0 || onChange(event);
     }
     onDrop === null || onDrop === void 0 || onDrop(event);
-  }, [draggable, onChange, onDrop]);
-  const handleChange = useCallback(event => {
-    if (isIE11()) {
-      var _event$target;
-      /**
-       * IE11 triggers onChange event of file input when element.value is assigned
-       * https://github.com/facebook/react/issues/8793
-       */
-      if (((_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.files) === null || _event$target === void 0 ? void 0 : _event$target.length) > 0) {
-        onChange === null || onChange === void 0 || onChange(event);
-      }
-      return;
-    }
-    onChange === null || onChange === void 0 || onChange(event);
-  }, [onChange]);
+  });
   useImperativeHandle(ref, () => ({
     root: rootRef.current,
     clearInput: handleClearInput
@@ -113,7 +98,7 @@ const UploadTrigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     readOnly: readOnly,
     accept: accept,
     ref: inputRef,
-    onChange: handleChange
+    onChange: onChange
   }), trigger);
 });
 UploadTrigger.displayName = 'UploadTrigger';

package/esm/Uploader/utils/ajaxUpload.js

@@ -6,7 +6,7 @@ function getResponse(xhr) {
   }
   try {
     return JSON.parse(text);
-  } catch (e) {
+  } catch {
     return text;
   }
 }

package/esm/internals/Disclosure/Disclosure.js

@@ -97,6 +97,7 @@ const Disclosure = /*#__PURE__*/React.memo(props => {
     value: contextValue
   }, children(renderProps, containerElementRef));
 });
+Disclosure.displayName = 'Disclosure';
 Disclosure.Button = DisclosureButton;
 Disclosure.Content = DisclosureContent;
 export default Disclosure;

package/esm/internals/Menu/useMenu.js

@@ -38,61 +38,63 @@ export function menuReducer(state, action) {
         open: false
       };
     case MenuActionTypes.MoveFocus:
-      let nextActiveItemIndex = activeItemIndex;
-      switch (action.to) {
-        case MoveFocusTo.Next:
-          for (let i = activeItemIndex === null ? 0 : activeItemIndex + 1; i < items.length; i++) {
-            var _items$i$props;
-            if (!((_items$i$props = items[i].props) !== null && _items$i$props !== void 0 && _items$i$props.disabled)) {
-              nextActiveItemIndex = i;
-              break;
+      {
+        let nextActiveItemIndex = activeItemIndex;
+        switch (action.to) {
+          case MoveFocusTo.Next:
+            for (let i = activeItemIndex === null ? 0 : activeItemIndex + 1; i < items.length; i++) {
+              var _items$i$props;
+              if (!((_items$i$props = items[i].props) !== null && _items$i$props !== void 0 && _items$i$props.disabled)) {
+                nextActiveItemIndex = i;
+                break;
+              }
             }
-          }
-          break;
-        case MoveFocusTo.Prev:
-          for (let i = activeItemIndex === null ? items.length - 1 : activeItemIndex - 1; i >= 0; i--) {
-            var _items$i$props2;
-            if (!((_items$i$props2 = items[i].props) !== null && _items$i$props2 !== void 0 && _items$i$props2.disabled)) {
-              nextActiveItemIndex = i;
-              break;
+            break;
+          case MoveFocusTo.Prev:
+            for (let i = activeItemIndex === null ? items.length - 1 : activeItemIndex - 1; i >= 0; i--) {
+              var _items$i$props2;
+              if (!((_items$i$props2 = items[i].props) !== null && _items$i$props2 !== void 0 && _items$i$props2.disabled)) {
+                nextActiveItemIndex = i;
+                break;
+              }
             }
-          }
-          break;
-        case MoveFocusTo.First:
-          for (let i = 0; i < items.length; i++) {
-            var _items$i$props3;
-            if (!((_items$i$props3 = items[i].props) !== null && _items$i$props3 !== void 0 && _items$i$props3.disabled)) {
-              nextActiveItemIndex = i;
-              break;
+            break;
+          case MoveFocusTo.First:
+            for (let i = 0; i < items.length; i++) {
+              var _items$i$props3;
+              if (!((_items$i$props3 = items[i].props) !== null && _items$i$props3 !== void 0 && _items$i$props3.disabled)) {
+                nextActiveItemIndex = i;
+                break;
+              }
             }
-          }
-          break;
-        case MoveFocusTo.Last:
-          for (let i = items.length - 1; i >= 0; i--) {
-            var _items$i$props4;
-            if (!((_items$i$props4 = items[i].props) !== null && _items$i$props4 !== void 0 && _items$i$props4.disabled)) {
-              nextActiveItemIndex = i;
-              break;
+            break;
+          case MoveFocusTo.Last:
+            for (let i = items.length - 1; i >= 0; i--) {
+              var _items$i$props4;
+              if (!((_items$i$props4 = items[i].props) !== null && _items$i$props4 !== void 0 && _items$i$props4.disabled)) {
+                nextActiveItemIndex = i;
+                break;
+              }
             }
-          }
-          break;
-        case MoveFocusTo.Specific:
-          for (let i = 0; i < items.length; i++) {
-            var _items$i$props5;
-            if (items[i].element.id === action.id && !((_items$i$props5 = items[i].props) !== null && _items$i$props5 !== void 0 && _items$i$props5.disabled)) {
-              nextActiveItemIndex = i;
-              break;
+            break;
+          case MoveFocusTo.Specific:
+            for (let i = 0; i < items.length; i++) {
+              var _items$i$props5;
+              if (items[i].element.id === action.id && !((_items$i$props5 = items[i].props) !== null && _items$i$props5 !== void 0 && _items$i$props5.disabled)) {
+                nextActiveItemIndex = i;
+                break;
+              }
             }
-          }
-          break;
-        case MoveFocusTo.None:
-          nextActiveItemIndex = null;
-          break;
+            break;
+          case MoveFocusTo.None:
+            nextActiveItemIndex = null;
+            break;
+        }
+        return {
+          ...state,
+          activeItemIndex: nextActiveItemIndex
+        };
       }
-      return {
-        ...state,
-        activeItemIndex: nextActiveItemIndex
-      };
     default:
       return state;
   }

package/esm/internals/Overlay/Overlay.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { PositionChildProps } from './Position';
-import { TypeAttributes, AnimationEventProps, CursorPosition } from '../types';
+import { Placement, AnimationEventProps, CursorPosition } from '../types';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
     children: React.ReactElement | ((props: PositionChildProps & React.HTMLAttributes<HTMLElement>, ref: React.RefCallback<HTMLElement>) => React.ReactElement);
     childrenProps?: React.HTMLAttributes<HTMLElement>;
     className?: string;
     containerPadding?: number;
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     preventOverflow?: boolean;
     open?: boolean;
     rootClose?: boolean;

package/esm/internals/Overlay/OverlayTrigger.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="node" />
 import React from 'react';
-import type { AnimationEventProps, StandardProps, TypeAttributes } from '../types';
+import type { AnimationEventProps, StandardProps, Placement } from '../types';
 import type { PositionChildProps } from './Position';
 export type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends Omit<StandardProps, 'children'>, AnimationEventProps {
     /** Triggering events */
     trigger?: OverlayTriggerType | OverlayTriggerType[];
     /** Display placement */
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     /** Delay time */
     delay?: number;
     /** Open delay time */

package/esm/internals/Overlay/Position.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CursorPosition, TypeAttributes } from '../types';
+import { CursorPosition, Placement } from '../types';
 export interface PositionChildProps {
     className: string;
     left?: number;
@@ -12,7 +12,7 @@ export interface PositionProps {
     className?: string;
     container?: HTMLElement | (() => HTMLElement | null) | null;
     containerPadding?: number;
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     preventOverflow?: boolean;
     triggerTarget?: React.RefObject<any>;
     followCursor?: boolean;

package/esm/internals/Overlay/positionUtils.d.ts

@@ -1,4 +1,4 @@
-import { CursorPosition, TypeAttributes } from '../types';
+import { CursorPosition, Placement } from '../types';
 type Offset = {
     top: number;
     left: number;
@@ -13,7 +13,7 @@ export interface PositionType {
     positionClassName?: string;
 }
 export interface UtilProps {
-    placement: TypeAttributes.Placement;
+    placement: Placement;
     preventOverflow: boolean;
     padding: number;
 }

package/esm/internals/Picker/PickerToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../types';
+import { RsRefForwardingComponent, Placement, DataItemValue } from '../types';
 import { IconProps } from '@rsuite/icons/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;
@@ -17,7 +17,7 @@ export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps
      */
     caretAs?: React.ElementType;
     disabled?: boolean;
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     readOnly?: boolean;
     plaintext?: boolean;
     tabIndex?: number;

package/esm/internals/Picker/PickerToggleTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
 import { PositionChildProps } from '../Overlay/Position';
-import type { TypeAttributes, AnimationEventProps } from '../types';
+import type { Placement, AnimationEventProps } from '../types';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;
@@ -12,7 +12,7 @@ export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onE
      */
     popupType?: 'listbox' | 'tree' | 'grid' | 'dialog' | 'menu';
     multiple?: boolean;
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     pickerProps: any;
     open?: boolean;
     trigger?: OverlayTriggerType | OverlayTriggerType[];

package/esm/internals/Picker/hooks/useFocusItemValue.js

@@ -78,7 +78,7 @@ const useFocusItemValue = (defaultFocusItemValue, props) => {
     }
 
     // 1. It is necessary to traverse the `keys` instead of `data` here to preserve the order of the array.
-    // 2. The values ​​in `keys` are all string, so the corresponding value of `data` should also be converted to string
+    // 2. The values in `keys` are all string, so the corresponding value of `data` should also be converted to string
     return currentKeys.map(key => find(data, i => `${i[valueKey]}` === key));
   };
 

package/esm/internals/Picker/hooks/usePickerClassName.d.ts

@@ -1,9 +1,9 @@
-import { TypeAttributes } from '../../types';
+import { Placement } from '../../types';
 export interface PickerClassNameProps {
     name?: string;
     classPrefix: string;
     className?: string;
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     appearance?: 'default' | 'subtle';
     cleanable?: boolean;
     block?: boolean;

package/esm/internals/ScrollView/hooks/useScrollState.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare function useScrollState(scrollShadow?: boolean): {
-    scrollState: "top" | "bottom" | "middle" | null;
+    scrollState: "bottom" | "top" | "middle" | null;
     handleScroll: ((...args: any[]) => any) | undefined;
     bodyRef: import("react").RefObject<HTMLDivElement>;
 };

package/esm/internals/Tree/TreeView.js

@@ -4,7 +4,7 @@ import React from 'react';
 import useCombobox from "../Picker/hooks/useCombobox.js";
 import ScrollView from "../ScrollView/index.js";
 import { useTreeContextProps } from "./TreeProvider.js";
-const ScrollShadowView = /*#__PURE__*/React.forwardRef((props, ref) => {
+const ScrollShadowView = /*#__PURE__*/React.forwardRef(function ScrollShadowView(props, ref) {
   return /*#__PURE__*/React.createElement(ScrollView, _extends({
     scrollShadow: true,
     ref: ref
@@ -49,4 +49,5 @@ const TreeView = /*#__PURE__*/React.forwardRef((props, ref) => {
     className: treeRootClassName
   }, children));
 });
+TreeView.displayName = 'TreeView';
 export default TreeView;

package/esm/internals/Tree/utils/getPathTowardsItem.js

@@ -5,7 +5,7 @@
 export function getPathTowardsItem(target, getParent) {
   if (!target) return [];
   const path = [target];
-  for (let parent = getParent(target); !!parent; parent = getParent(parent)) {
+  for (let parent = getParent(target); parent; parent = getParent(parent)) {
     path.unshift(parent);
   }
   return path;

package/esm/internals/Windowing/AutoSizer.js

@@ -80,4 +80,5 @@ const AutoSizer = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   }, rest), children(childParams));
 });
+AutoSizer.displayName = 'AutoSizer';
 export default AutoSizer;

package/esm/internals/Windowing/List.js

@@ -5,7 +5,7 @@ import ScrollView from "../ScrollView/index.js";
 import { VariableSizeList } from 'react-window';
 import { useCustom } from "../../CustomProvider/index.js";
 export const defaultItemSize = () => 36;
-const OuterElementType = /*#__PURE__*/React.forwardRef((props, ref) => {
+const OuterElementType = /*#__PURE__*/React.forwardRef(function OuterElementType(props, ref) {
   return /*#__PURE__*/React.createElement(ScrollView, _extends({
     scrollShadow: true,
     ref: ref
@@ -70,4 +70,5 @@ const List = /*#__PURE__*/React.forwardRef((props, ref) => {
     outerElementType: scrollShadow ? OuterElementType : undefined
   }));
 });
+List.displayName = 'List';
 export default List;

package/esm/internals/hooks/useClassNames.d.ts

@@ -1,6 +1,5 @@
 export type ClassValue = string | number | ClassDictionary | ClassArray | undefined | null | boolean;
-export interface ClassArray extends Array<ClassValue> {
-}
+export type ClassArray = Array<ClassValue>;
 export interface ClassDictionary {
     [id: string]: any;
 }

package/esm/internals/hooks/useClassNames.js

@@ -7,8 +7,6 @@ import { CustomContext } from "../../CustomProvider/CustomProvider.js";
 // This is the only way I found to break circular references between ClassArray and ClassValue
 // https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
 
-//eslint-disable-line @typescript-eslint/no-empty-interface
-
 /**
  * Add a prefix to all classNames.
  *

package/esm/internals/hooks/usePortal.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useEffect, useState, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import canUseDOM from 'dom-lib/canUseDOM';
-const MountedPortal = /*#__PURE__*/React.memo(_ref => {
+const MountedPortal = /*#__PURE__*/React.memo(function MountedPortal(_ref) {
   let {
     children,
     container

package/esm/internals/hooks/useToggleCaret.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { TypeAttributes } from '../types';
-export declare function useToggleCaret(placement: TypeAttributes.Placement8 | TypeAttributes.Placement): import("react").ForwardRefExoticComponent<import("@rsuite/icons/esm/Icon").IconProps & import("react").RefAttributes<SVGElement>>;
+import { PlacementCorners, Placement } from '../types';
+export declare function useToggleCaret(placement: PlacementCorners | Placement): import("react").ForwardRefExoticComponent<import("@rsuite/icons/esm/Icon").IconProps & import("react").RefAttributes<SVGElement>>;
 export default useToggleCaret;

package/esm/internals/hooks/useToggleCaret.js

@@ -1,10 +1,10 @@
 'use client';
 import { useMemo } from 'react';
+import { useCustom } from "../../CustomProvider/index.js";
 import ArrowUpLineIcon from '@rsuite/icons/ArrowUpLine';
 import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
 import ArrowRightLineIcon from '@rsuite/icons/ArrowRightLine';
-import { useCustom } from "../../CustomProvider/index.js";
 export function useToggleCaret(placement) {
   const {
     rtl

package/esm/internals/hooks/useUpdateEffect.js

@@ -8,7 +8,6 @@ export const useUpdateEffect = (effect, deps) => {
       return;
     }
     effect();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 };
 export default useUpdateEffect;

package/esm/internals/hooks/useWillUnmount.js

@@ -10,8 +10,6 @@ import { useEffect } from 'react';
  */
 export function useWillUnmount(fn) {
   const onUnmount = useUpdatedRef(fn);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => () => onUnmount.current(), []);
 }
 export default useWillUnmount;

package/esm/internals/symbols.d.ts

@@ -1,2 +1,3 @@
 export declare const RSUITE_PICKER_TYPE: symbol;
 export declare const RSUITE_PICKER_GROUP_KEY: unique symbol;
+export declare const RSUITE_TOASTER_ID: unique symbol;

package/esm/internals/symbols.js

@@ -1,3 +1,4 @@
 'use client';
 export const RSUITE_PICKER_TYPE = Symbol.for('rsuite.picker');
-export const RSUITE_PICKER_GROUP_KEY = Symbol.for('rsuite.picker_group_key');
+export const RSUITE_PICKER_GROUP_KEY = Symbol.for('rsuite.picker_group_key');
+export const RSUITE_TOASTER_ID = Symbol.for('rsuite.toaster_id');

package/esm/internals/types/colours.d.ts

@@ -0,0 +1,10 @@
+export declare enum Colours {
+    Red = "red",
+    Orange = "orange",
+    Yellow = "yellow",
+    Green = "green",
+    Cyan = "cyan",
+    Blue = "blue",
+    Violet = "violet"
+}
+export type Color = `${Colours}`;