rsuite 5.55.1 → 5.57.0

package/cjs/Radio/Radio.d.ts

@@ -1,32 +1,58 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps, TypeAttributes } from '../@types/common';
 export declare type ValueType = string | number;
 export interface RadioProps<T = ValueType> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /** HTML title */
-    title?: string;
-    /** The disable of component */
+    /**
+     * The color of the radio when checked
+     *
+     * @version 5.56.0
+     */
+    color?: TypeAttributes.Color;
+    /**
+     * The disable of component
+     */
     disabled?: boolean;
-    /** Make the control readonly */
+    /**
+     * Make the control readonly
+     */
     readOnly?: boolean;
-    /** Render the control as plain text */
+    /**
+     * Render the control as plain text
+     */
     plaintext?: boolean;
-    /** Specifies whether the radio is selected */
+    /**
+     * Specifies whether the radio is selected
+     */
     checked?: boolean;
-    /** Specifies the initial state: whether or not the radio is selected */
+    /**
+     * Specifies the initial state: whether or not the radio is selected
+     */
     defaultChecked?: boolean;
-    /** Attributes applied to the input element. */
+    /**
+     * Attributes applied to the input element
+     */
     inputProps?: React.HTMLAttributes<HTMLInputElement>;
-    /** Pass a ref to the input element */
+    /**
+     * Pass a ref to the input element
+     */
     inputRef?: React.Ref<HTMLInputElement>;
-    /** Value, corresponding to the value of the Radiogroup, to determine whether the */
+    /**
+     * Value, corresponding to the value of the Radiogroup, to determine whether the
+     */
     value?: T;
-    /** Name to use for form */
+    /**
+     * Name to use for form
+     */
     name?: string;
-    /** Inline layout */
+    /**
+     * Inline layout.
+     *
+     * @private Used in RadioGroup
+     */
     inline?: boolean;
-    /** Primary content */
-    children?: React.ReactNode;
-    /** Callback function with value changed */
+    /**
+     * Callback function with value changed
+     */
     onChange?: (value: T | undefined, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 /**

package/cjs/Radio/Radio.js

@@ -1,10 +1,11 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 exports.default = void 0;
+var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
@@ -12,26 +13,28 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _RadioGroup = require("../RadioGroup/RadioGroup");
 var _utils = require("../utils");
 var _propTypes2 = require("../internals/propTypes");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /**
  * The `Radio` component is a simple radio button.
  * @see https://rsuitejs.com/components/radio
  */
 var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useContext = (0, _react.useContext)(_RadioGroup.RadioContext),
-    groupValue = _useContext.value,
-    controlled = _useContext.controlled,
-    inlineContext = _useContext.inline,
-    nameContext = _useContext.name,
-    disabledContext = _useContext.disabled,
-    readOnlyContext = _useContext.readOnly,
-    plaintextContext = _useContext.plaintext,
-    onGroupChange = _useContext.onChange;
+  var radioContext = (0, _react.useContext)(_RadioGroup.RadioContext);
+  var _ref = radioContext !== null && radioContext !== void 0 ? radioContext : {},
+    groupValue = _ref.value,
+    inlineContext = _ref.inline,
+    nameContext = _ref.name,
+    disabledContext = _ref.disabled,
+    readOnlyContext = _ref.readOnly,
+    plaintextContext = _ref.plaintext,
+    onGroupChange = _ref.onChange;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     title = props.title,
     className = props.className,
     children = props.children,
     checkedProp = props.checked,
+    color = props.color,
     defaultChecked = props.defaultChecked,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'radio' : _props$classPrefix,
@@ -52,15 +55,16 @@ var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value = props.value,
     onChange = props.onChange,
     onClick = props.onClick,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "className", "children", "checked", "defaultChecked", "classPrefix", "tabIndex", "inputRef", "inputProps", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onChange", "onClick"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "className", "children", "checked", "color", "defaultChecked", "classPrefix", "tabIndex", "inputRef", "inputProps", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onChange", "onClick"]);
   var _useControlled = (0, _utils.useControlled)(typeof groupValue !== 'undefined' ? groupValue === value : checkedProp, defaultChecked || false),
     checked = _useControlled[0],
-    setChecked = _useControlled[1];
+    setChecked = _useControlled[1],
+    selfControlled = _useControlled[2];
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix({
+  var classes = merge(className, withClassPrefix(color, {
     inline: inline,
     disabled: disabled,
     checked: checked
@@ -68,59 +72,62 @@ var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(rest),
     htmlInputProps = _partitionHTMLProps[0],
     restProps = _partitionHTMLProps[1];
-  var handleChange = (0, _react.useCallback)(function (event) {
+  var handleChange = (0, _utils.useEventCallback)(function (event) {
     if (disabled || readOnly) {
       return;
     }
     setChecked(true);
     onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, event);
     onChange === null || onChange === void 0 ? void 0 : onChange(value, true, event);
-  }, [disabled, onChange, onGroupChange, readOnly, setChecked, value]);
+  });
+  var controlled = radioContext ? true : selfControlled;
   if (typeof controlled !== 'undefined') {
     // In uncontrolled situations, use defaultChecked instead of checked
     htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;
   }
-  var input = /*#__PURE__*/_react.default.createElement("span", {
-    className: prefix('wrapper')
+  var labelId = (0, _utils.useUniqueId)('label-');
+  if (plaintext) {
+    return checked ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {
+      ref: ref,
+      className: classes
+    }), children) : null;
+  }
+  var control = /*#__PURE__*/_react.default.createElement("span", {
+    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["control"])))
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, htmlInputProps, inputProps, {
+    "aria-labelledby": labelId,
+    "aria-checked": checked,
+    "aria-disabled": disabled,
     ref: inputRef,
     type: "radio",
     name: name,
     value: value,
     tabIndex: tabIndex,
+    readOnly: readOnly,
     disabled: disabled,
-    onChange: handleChange,
-    onClick: (0, _react.useCallback)(function (event) {
-      return event.stopPropagation();
-    }, [])
+    onChange: handleChange
   })), /*#__PURE__*/_react.default.createElement("span", {
-    className: prefix('inner'),
+    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["inner"]))),
     "aria-hidden": true
   }));
-  if (plaintext) {
-    return checked ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {
-      ref: ref,
-      className: classes
-    }), children) : null;
-  }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restProps, {
     ref: ref,
     onClick: onClick,
-    className: classes,
-    "aria-checked": checked,
-    "aria-disabled": disabled
+    className: classes
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix('checker')
+    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["checker"])))
   }, children ? /*#__PURE__*/_react.default.createElement("label", {
     title: title
-  }, input, children) : input));
+  }, control, /*#__PURE__*/_react.default.createElement("span", {
+    className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["label"]))),
+    id: labelId
+  }, children)) : control));
 });
 Radio.displayName = 'Radio';
 Radio.propTypes = {
   id: _propTypes.default.string,
   name: _propTypes.default.string,
   inline: _propTypes.default.bool,
-  title: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   checked: _propTypes.default.bool,
   defaultChecked: _propTypes.default.bool,
@@ -130,9 +137,7 @@ Radio.propTypes = {
   classPrefix: _propTypes.default.string,
   value: _propTypes.default.any,
   inputRef: _propTypes2.refType,
-  onChange: _propTypes.default.func,
-  onClick: _propTypes.default.func,
-  tabIndex: _propTypes.default.number
+  onChange: _propTypes.default.func
 };
 var _default = Radio;
 exports.default = _default;

package/cjs/RadioGroup/RadioGroup.d.ts

@@ -21,7 +21,7 @@ export interface RadioGroupProps<T = ValueType> extends WithAsProps, FormControl
     /** Primary content */
     children?: React.ReactNode;
 }
-export declare const RadioContext: React.Context<RadioContextProps>;
+export declare const RadioContext: React.Context<RadioContextProps | undefined>;
 /**
  * The `RadioGroup` component is used to group a collection of `Radio` components.
  * @see https://rsuitejs.com/components/radio/#radio-group

package/cjs/RadioGroup/RadioGroup.js

@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var _propTypes2 = require("../internals/propTypes");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var RadioContext = /*#__PURE__*/_react.default.createContext({});
+var RadioContext = /*#__PURE__*/_react.default.createContext(void 0);
 
 /**
  * The `RadioGroup` component is used to group a collection of `Radio` components.
@@ -47,10 +47,10 @@ var RadioGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value = _useControlled[0],
     setValue = _useControlled[1],
     isControlled = _useControlled[2];
-  var handleChange = (0, _react.useCallback)(function (nextValue, event) {
+  var handleChange = (0, _utils.useEventCallback)(function (nextValue, event) {
     setValue(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);
-  }, [onChange, setValue]);
+  });
   var contextValue = (0, _react.useMemo)(function () {
     return {
       inline: inline,

package/cjs/TagPicker/index.js

@@ -29,7 +29,7 @@ var TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       trigger: trigger,
       tagProps: tagProps,
       onTagRemove: onTagRemove,
-      renderMenuItemCheckbox: renderMenuItemCheckbox
+      renderCheckbox: renderMenuItemCheckbox
     };
   }, [onTagRemove, renderMenuItemCheckbox, tagProps, trigger]);
   return /*#__PURE__*/_react.default.createElement(_InputPickerContext.default.Provider, {

package/cjs/Tree/Tree.d.ts

@@ -77,11 +77,11 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     /** load node children data asynchronously */
     getChildren?: (activeNode: ItemDataType) => ItemDataType[] | Promise<ItemDataType>;
 }
-export interface TreeProps<ValueType = string | number> extends TreeBaseProps<ValueType, ItemDataType>, TreeDragProps<ItemDataType> {
+export interface TreeProps<T = string | number> extends TreeBaseProps<T, ItemDataType<T>>, TreeDragProps<ItemDataType<T>> {
     /** Tree Data */
-    data: ItemDataType[];
+    data: ItemDataType<T>[];
     /** Selected value */
-    value?: ValueType;
+    value?: T;
     /** Whether using virtualized list */
     virtualized?: boolean;
     /** Tree data structure Label property name */
@@ -91,7 +91,7 @@ export interface TreeProps<ValueType = string | number> extends TreeBaseProps<Va
     /** Tree data structure Children property name */
     childrenKey?: string;
     /** Default selected Value  */
-    defaultValue?: ValueType;
+    defaultValue?: T;
 }
 /**
  * The `Tree` component is used to display hierarchical data.

package/cjs/index.d.ts

@@ -32,8 +32,9 @@ export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
 export { default as AvatarGroup } from './AvatarGroup';
 export type { AvatarGroupProps } from './AvatarGroup';
-export { default as toaster, useToaster } from './toaster';
+export { default as toaster } from './toaster';
 export type { Toaster } from './toaster';
+export { default as useToaster } from './useToaster';
 export { default as Dropdown } from './Dropdown';
 export type { DropdownProps, DropdownMenuItemProps, DropdownMenuProps } from './Dropdown';
 export { default as Nav } from './Nav';
@@ -114,6 +115,10 @@ export { default as Tree } from './Tree';
 export type { TreeProps } from './Tree';
 export { default as CheckTree } from './CheckTree';
 export type { CheckTreeProps } from './CheckTree';
+export { default as CascadeTree } from './CascadeTree';
+export type { CascadeTreeProps } from './CascadeTree';
+export { default as MultiCascadeTree } from './MultiCascadeTree';
+export type { MultiCascadeTreeProps } from './MultiCascadeTree';
 export { default as Panel } from './Panel';
 export type { PanelProps } from './Panel';
 export { default as Accordion } from './Accordion';

package/cjs/index.js

@@ -4,7 +4,7 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.useFormClassNames = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.useToaster = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
 var _Button = _interopRequireDefault(require("./Button"));
 exports.Button = _Button.default;
 var _IconButton = _interopRequireDefault(require("./IconButton"));
@@ -39,9 +39,10 @@ var _Avatar = _interopRequireDefault(require("./Avatar"));
 exports.Avatar = _Avatar.default;
 var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
 exports.AvatarGroup = _AvatarGroup.default;
-var _toaster = _interopRequireWildcard(require("./toaster"));
+var _toaster = _interopRequireDefault(require("./toaster"));
 exports.toaster = _toaster.default;
-exports.useToaster = _toaster.useToaster;
+var _useToaster = _interopRequireDefault(require("./useToaster"));
+exports.useToaster = _useToaster.default;
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 exports.Dropdown = _Dropdown.default;
 var _Nav = _interopRequireDefault(require("./Nav"));
@@ -123,6 +124,10 @@ var _Tree = _interopRequireDefault(require("./Tree"));
 exports.Tree = _Tree.default;
 var _CheckTree = _interopRequireDefault(require("./CheckTree"));
 exports.CheckTree = _CheckTree.default;
+var _CascadeTree = _interopRequireDefault(require("./CascadeTree"));
+exports.CascadeTree = _CascadeTree.default;
+var _MultiCascadeTree = _interopRequireDefault(require("./MultiCascadeTree"));
+exports.MultiCascadeTree = _MultiCascadeTree.default;
 var _Panel = _interopRequireDefault(require("./Panel"));
 exports.Panel = _Panel.default;
 var _Accordion = _interopRequireDefault(require("./Accordion"));

package/cjs/internals/Picker/ListCheckItem.d.ts

@@ -1,23 +1,14 @@
 import React from 'react';
 import { CheckboxProps } from '../../Checkbox';
 import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
-export interface ListCheckItemProps extends WithAsProps {
+export interface ListCheckItemProps extends WithAsProps, Omit<CheckboxProps, 'onSelect'> {
     active?: boolean;
     checkboxAs?: React.ElementType | string;
-    classPrefix?: string;
-    disabled?: boolean;
-    checkable?: boolean;
-    indeterminate?: boolean;
-    value?: string | number;
     focus?: boolean;
-    title?: string;
-    className?: string;
-    children?: React.ReactNode;
     onSelect?: (value: any, event: React.SyntheticEvent, checked: boolean) => void;
     onCheck?: (value: any, event: React.SyntheticEvent, checked: boolean) => void;
     onSelectItem?: (value: any, event: React.SyntheticEvent, checked: boolean) => void;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    renderMenuItemCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
+    renderCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
 }
 declare const ListCheckItem: RsRefForwardingComponent<'div', ListCheckItemProps>;
 export default ListCheckItem;

package/cjs/internals/Picker/ListCheckItem.js

@@ -29,12 +29,13 @@ var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     children = props.children,
     className = props.className,
     indeterminate = props.indeterminate,
+    labelClickable = props.labelClickable,
     onKeyDown = props.onKeyDown,
     onSelect = props.onSelect,
     onCheck = props.onCheck,
     onSelectItem = props.onSelectItem,
-    renderMenuItemCheckbox = props.renderMenuItemCheckbox,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "onKeyDown", "onSelect", "onCheck", "onSelectItem", "renderMenuItemCheckbox"]);
+    renderCheckbox = props.renderCheckbox,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "labelClickable", "onKeyDown", "onSelect", "onCheck", "onSelectItem", "renderCheckbox"]);
   var handleChange = (0, _utils.useEventCallback)(function (value, checked, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event, checked);
   });
@@ -58,13 +59,14 @@ var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     focus: focus
   });
   var checkboxProps = {
-    value: value,
-    disabled: disabled,
-    indeterminate: indeterminate,
     checkable: checkable,
     children: children,
     checked: active,
     className: checkboxItemClasses,
+    disabled: disabled,
+    value: value,
+    indeterminate: indeterminate,
+    labelClickable: labelClickable,
     onKeyDown: disabled ? undefined : onKeyDown,
     onChange: handleChange,
     onClick: handleSelectItem,
@@ -80,7 +82,7 @@ var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: ref,
     className: merge(className, rootPrefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["picker-list-item"])))),
     tabIndex: -1
-  }), renderMenuItemCheckbox ? renderMenuItemCheckbox(checkboxProps) : /*#__PURE__*/_react.default.createElement(CheckboxItem, (0, _extends2.default)({
+  }), renderCheckbox ? renderCheckbox(checkboxProps) : /*#__PURE__*/_react.default.createElement(CheckboxItem, (0, _extends2.default)({
     role: "checkbox"
   }, checkboxProps)));
 });

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

@@ -1,9 +1,8 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes } from '../../@types/common';
+import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../../@types/common';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-declare type ValueType = string | number;
-export interface PickerToggleProps extends ToggleButtonProps {
+export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;
     hasValue?: boolean;
     cleanable?: boolean;
@@ -28,8 +27,8 @@ export interface PickerToggleProps extends ToggleButtonProps {
     loading?: boolean;
     label?: React.ReactNode;
     name?: string;
-    inputValue?: ValueType | ValueType[];
-    focusItemValue?: ValueType | null;
+    inputValue?: T | T[];
+    focusItemValue?: T | null;
     onClean?: (event: React.MouseEvent) => void;
 }
 declare const PickerToggle: RsRefForwardingComponent<typeof ToggleButton, PickerToggleProps>;

package/cjs/toaster/ToastContainer.d.ts

@@ -3,9 +3,16 @@ import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export declare type PlacementType = 'topCenter' | 'bottomCenter' | 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd';
 export declare const toastPlacements: PlacementType[];
 export interface ToastContainerProps extends WithAsProps {
-    /** The placement of the message box */
+    /**
+     * The placement of the message box。
+     *
+     * @default 'topCenter'
+     */
     placement?: PlacementType;
-    /** Set the message to appear in the specified container */
+    /**
+     * Set the message to appear in the specified container
+     *
+     */
     container?: HTMLElement | (() => HTMLElement);
     /** The number of milliseconds to wait before automatically closing a message. */
     duration?: number;

package/cjs/toaster/index.d.ts

@@ -1,4 +1,3 @@
 import toaster from './toaster';
 export type { Toaster } from './toaster';
-export { default as useToaster } from './useToaster';
 export default toaster;

package/cjs/toaster/index.js

@@ -3,9 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.useToaster = void 0;
+exports.default = void 0;
 var _toaster = _interopRequireDefault(require("./toaster"));
-var _useToaster = _interopRequireDefault(require("./useToaster"));
-exports.useToaster = _useToaster.default;
 var _default = _toaster.default;
 exports.default = _default;

package/cjs/useToaster/index.d.ts

@@ -0,0 +1,2 @@
+import useToaster from './useToaster';
+export default useToaster;

package/cjs/useToaster/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _useToaster = _interopRequireDefault(require("./useToaster"));
+var _default = _useToaster.default;
+exports.default = _default;

package/cjs/{toaster → useToaster}/useToaster.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { ToastContainerProps } from './ToastContainer';
+import { ToastContainerProps } from '../toaster/ToastContainer';
 /**
- * The 'useToaster' hook is a wrapper for the 'toaster' module.
+ * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
+ * It is often used with the Message and Notification components.
  * @returns toaster { push, remove, clear }
  *
- * @see https://rsuitejs.com/components/message/
- * @see https://rsuitejs.com/components/notification/
+ * @see https://rsuitejs.com/components/use-toaster/
  */
 declare const useToaster: () => {
     /**

package/cjs/{toaster → useToaster}/useToaster.js

@@ -5,14 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _toaster = _interopRequireDefault(require("./toaster"));
+var _toaster = _interopRequireDefault(require("../toaster"));
 var _utils = require("../utils");
 /**
- * The 'useToaster' hook is a wrapper for the 'toaster' module.
+ * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
+ * It is often used with the Message and Notification components.
  * @returns toaster { push, remove, clear }
  *
- * @see https://rsuitejs.com/components/message/
- * @see https://rsuitejs.com/components/notification/
+ * @see https://rsuitejs.com/components/use-toaster/
  */
 var useToaster = function useToaster() {
   var _useCustom = (0, _utils.useCustom)(),

package/cjs/utils/index.d.ts

@@ -46,3 +46,4 @@ export { default as useUniqueId } from './useUniqueId';
 export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 export { default as useInternalId } from './useInternalId';
 export { default as useEnsuredRef } from './useEnsuredRef';
+export { useMap } from './useMap';

package/cjs/utils/index.js

@@ -50,9 +50,10 @@ var _exportNames = {
   defaultClassPrefix: true,
   getClassNamePrefix: true,
   globalKey: true,
+  useMap: true,
   DateUtils: true
 };
-exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useEnsuredRef = exports.useInternalId = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.getStringLength = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.DateUtils = exports.useMap = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useEnsuredRef = exports.useInternalId = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.getStringLength = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 var _BrowserDetection = require("./BrowserDetection");
 Object.keys(_BrowserDetection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -169,4 +170,6 @@ exports.useIsomorphicLayoutEffect = _useIsomorphicLayoutEffect.default;
 var _useInternalId = _interopRequireDefault(require("./useInternalId"));
 exports.useInternalId = _useInternalId.default;
 var _useEnsuredRef = _interopRequireDefault(require("./useEnsuredRef"));
-exports.useEnsuredRef = _useEnsuredRef.default;
+exports.useEnsuredRef = _useEnsuredRef.default;
+var _useMap = require("./useMap");
+exports.useMap = _useMap.useMap;