rsuite 5.57.0 → 5.58.0

package/esm/Cascader/Cascader.js

@@ -70,8 +70,6 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange = props.onChange,
     onSelect = props.onSelect,
     onSearch = props.onSearch,
-    onClose = props.onClose,
-    onOpen = props.onOpen,
     getChildren = props.getChildren,
     DEPRECATED_menuClassName = props.menuClassName,
     DEPRECATED_menuStyle = props.menuStyle,
@@ -79,7 +77,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     DEPRECATED_menuHeight = props.menuHeight,
     DEPRECATED_renderMenuItem = props.renderMenuItem,
     DEPRECATED_renderMenu = props.renderMenu,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "appearance", "cleanable", "locale", "toggleAs", "style", "value", "popupClassName", "popupStyle", "columnHeight", "columnWidth", "searchable", "parentSelectable", "placement", "id", "renderColumn", "renderTreeNode", "renderSearchItem", "renderValue", "renderExtraFooter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "getChildren", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "renderMenuItem", "renderMenu"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "appearance", "cleanable", "locale", "toggleAs", "style", "value", "popupClassName", "popupStyle", "columnHeight", "columnWidth", "searchable", "parentSelectable", "placement", "id", "renderColumn", "renderTreeNode", "renderSearchItem", "renderValue", "renderExtraFooter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "getChildren", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "renderMenuItem", "renderMenu"]);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -226,8 +224,6 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setSearchKeyword = _useSearch.setSearchKeyword,
     handleSearch = _useSearch.handleSearch;
   var _useActive = useActive({
-      onOpen: onOpen,
-      onClose: onClose,
       onEntered: onEntered,
       onExited: onExited,
       target: target,

package/esm/CheckPicker/CheckPicker.js

@@ -79,9 +79,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClean = props.onClean,
     onChange = props.onChange,
     onSelect = props.onSelect,
-    onClose = props.onClose,
-    onOpen = props.onOpen,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "classPrefix", "countable", "data", "disabledItemValues", "valueKey", "labelKey", "searchable", "virtualized", "cleanable", "placement", "menuAutoWidth", "menuMaxHeight", "menuClassName", "menuStyle", "locale", "placeholder", "disabled", "toggleAs", "style", "sticky", "value", "defaultValue", "groupBy", "listProps", "id", "sort", "searchBy", "renderMenuItem", "renderMenuGroup", "renderValue", "renderExtraFooter", "renderMenu", "onGroupTitleClick", "onSearch", "onEnter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onClose", "onOpen"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "classPrefix", "countable", "data", "disabledItemValues", "valueKey", "labelKey", "searchable", "virtualized", "cleanable", "placement", "menuAutoWidth", "menuMaxHeight", "menuClassName", "menuStyle", "locale", "placeholder", "disabled", "toggleAs", "style", "sticky", "value", "defaultValue", "groupBy", "listProps", "id", "sort", "searchBy", "renderMenuItem", "renderMenuGroup", "renderValue", "renderExtraFooter", "renderMenu", "onGroupTitleClick", "onSearch", "onEnter", "onEntered", "onExited", "onClean", "onChange", "onSelect"]);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -185,10 +183,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExit: handleClean,
     onMenuKeyDown: onFocusItem,
     onMenuPressEnter: handleMenuPressEnter,
-    onMenuPressBackspace: handleClean,
-    onClose: function onClose() {
-      setFocusItemValue(null);
-    }
+    onMenuPressBackspace: handleClean
   }, rest));
   var handleSelect = useEventCallback(function (nextItemValue, item, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextItemValue, item, event);
@@ -209,13 +204,11 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var handleEntered = useEventCallback(function () {
     setActive(true);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
   var handleExited = useEventCallback(function () {
     resetSearch();
     setFocusItemValue(null);
     setActive(false);
-    onClose === null || onClose === void 0 ? void 0 : onClose();
   });
   var selectedItems = data.filter(function (item) {
     return value === null || value === void 0 ? void 0 : value.some(function (val) {

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -94,18 +94,16 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onEntered = props.onEntered,
     onChange = props.onChange,
     onClean = props.onClean,
-    onClose = props.onClose,
     onExited = props.onExited,
     onSearch = props.onSearch,
     onSelect = props.onSelect,
     onSelectItem = props.onSelectItem,
-    onOpen = props.onOpen,
     onScroll = props.onScroll,
     onExpand = props.onExpand,
     renderValue = props.renderValue,
     renderTreeIcon = props.renderTreeIcon,
     renderTreeNode = props.renderTreeNode,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "showIndentLine", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuMaxHeight", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onSelectItem", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "showIndentLine", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuMaxHeight", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onExited", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
   var _useContext = useContext(TreeContext),
     inline = _useContext.inline;
   var _usePickerRef = usePickerRef(ref, {
@@ -366,18 +364,13 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }));
   });
   var handleOpen = useEventCallback(function () {
-    var _trigger$current, _trigger$current$open;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$open = _trigger$current.open) === null || _trigger$current$open === void 0 ? void 0 : _trigger$current$open.call(_trigger$current);
     setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);
     focusActiveNode();
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
   });
   var handleClose = useEventCallback(function () {
-    var _trigger$current2, _trigger$current2$clo, _target$current;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$clo = _trigger$current2.close) === null || _trigger$current2$clo === void 0 ? void 0 : _trigger$current2$clo.call(_trigger$current2);
+    var _target$current;
     setSearchKeyword('');
-    onClose === null || onClose === void 0 ? void 0 : onClose();
     setFocusItemValue(null);
     setActive(false);
 
@@ -494,7 +487,6 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchInput: searchInput,
     active: active,
     onExit: handleClean,
-    onClose: handleClose,
     onMenuKeyDown: function onMenuKeyDown(event) {
       _onMenuKeyDown(event, {
         down: function down() {

package/esm/DatePicker/DatePicker.js

@@ -17,7 +17,7 @@ import { isEveryDateInMonth } from '../Calendar/MonthDropdown';
 import Toolbar from './Toolbar';
 import Stack from '../Stack';
 import PredefinedRanges from './PredefinedRanges';
-import { createChainedFunction, mergeRefs, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps } from '../utils';
+import { mergeRefs, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps } from '../utils';
 import { shouldRenderMonth, shouldRenderDate, shouldRenderTime, shouldOnlyRenderTime, setHours, getHours, addMonths, addDays, isValid, disabledTime, copyTime, calendarOnlyProps } from '../utils/dateUtils';
 import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from '../internals/Picker';
 import { OverlayCloseCause } from '../internals/Overlay/OverlayTrigger';
@@ -84,19 +84,17 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange = props.onChange,
     onChangeCalendarDate = props.onChangeCalendarDate,
     onClean = props.onClean,
-    onClose = props.onClose,
     onEntered = props.onEntered,
     onExited = props.onExited,
     onNextMonth = props.onNextMonth,
     onOk = props.onOk,
-    onOpen = props.onOpen,
     onPrevMonth = props.onPrevMonth,
     onSelect = props.onSelect,
     onToggleMonthDropdown = props.onToggleMonthDropdown,
     onToggleTimeDropdown = props.onToggleTimeDropdown,
     onShortcutClick = props.onShortcutClick,
     renderCell = props.renderCell,
-    restProps = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell"]);
+    restProps = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEntered", "onExited", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell"]);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -489,12 +487,14 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return caretAsProp || (shouldOnlyRenderTime(formatStr) ? IconClockO : IconCalendar);
   }, [caretAsProp, formatStr]);
   var handleTriggerClose = useEventCallback(function (cause) {
+    var _props$onClose;
     // Unless overlay is closing on user clicking "OK" button,
     // reset the selected date on calendar panel
     if (cause !== OverlayCloseCause.ImperativeHandle) {
       resetCalendarDate();
     }
     setShowMonthDropdown(false);
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
   });
   var showCleanButton = cleanable && hasValue && !readOnly;
   var _partitionHTMLProps = partitionHTMLProps(restProps, {
@@ -510,8 +510,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: trigger,
     placement: placement,
     onClose: handleTriggerClose,
-    onEntered: createChainedFunction(onOpen, onEntered),
-    onExited: createChainedFunction(onClose, onExited),
+    onEntered: onEntered,
+    onExited: onExited,
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),

package/esm/DateRangePicker/DateRangePicker.js

@@ -84,16 +84,14 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     valueProp = props.value,
     onChange = props.onChange,
     onClean = props.onClean,
-    onClose = props.onClose,
     onEnter = props.onEnter,
     onEntered = props.onEntered,
     onExited = props.onExited,
     onOk = props.onOk,
-    onOpen = props.onOpen,
     onSelect = props.onSelect,
     onShortcutClick = props.onShortcutClick,
     renderTitle = props.renderTitle,
-    restProps = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "onShortcutClick", "renderTitle"]);
+    restProps = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onEnter", "onEntered", "onExited", "onOk", "onSelect", "onShortcutClick", "renderTitle"]);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -706,8 +704,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     pickerProps: pick(props, pickTriggerPropKeys),
     placement: placement,
     onEnter: createChainedFunction(handleEnter, onEnter),
-    onEntered: createChainedFunction(onOpen, onEntered),
-    onExited: createChainedFunction(onClose, onExited),
+    onEntered: onEntered,
+    onExited: onExited,
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     ref: root,

package/esm/Dropdown/DropdownItem.d.ts

@@ -1,6 +1,6 @@
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
+import type { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;
@@ -35,7 +35,15 @@ export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.
      * @internal
      */
     open?: boolean;
-    /** Select the callback function for the current option  */
+    /**
+     * The dropdown item keyboard shortcut.
+     *
+     * @version 5.58.0
+     */
+    shortcut?: React.ReactNode;
+    /**
+     * Select the callback function for the current option
+     */
     onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
 }
 /**

package/esm/Dropdown/DropdownItem.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import classNames from 'classnames';
 import { deprecatePropType, deprecatePropTypeNew, oneOf } from '../internals/propTypes';
 import MenuItem from '../internals/Menu/MenuItem';
 import DropdownContext from './DropdownContext';
@@ -15,8 +16,8 @@ import { DropdownActionType } from './DropdownState';
 import { useRenderDropdownItem } from './useRenderDropdownItem';
 import warnOnce from '../utils/warnOnce';
 import Nav from '../Nav';
+import Text from '../Text';
 import DropdownSeparator from './DropdownSeparator';
-import classNames from 'classnames';
 /**
  * The `<Dropdown.Item>` API
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
@@ -26,6 +27,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
     className = props.className,
+    shortcut = props.shortcut,
     activeProp = props.active,
     eventKey = props.eventKey,
     onSelect = props.onSelect,
@@ -36,7 +38,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     panel = props.panel,
     children = props.children,
     disabled = props.disabled,
-    restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
+    restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "shortcut", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var internalId = useInternalId('DropdownItem');
   var nav = useContext(NavContext);
   var dropdown = useContext(DropdownContext);
@@ -122,7 +124,14 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, menuitem, dataAttributes, restProps, {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.cloneElement(icon, {
         className: classNames(prefix('menu-icon'), icon.props.className)
-      }), children)
+      }), /*#__PURE__*/React.createElement(Text, {
+        as: "span",
+        className: prefix('content')
+      }, children), shortcut && /*#__PURE__*/React.createElement(Text, {
+        as: "kbd",
+        className: prefix('shortcut'),
+        muted: true
+      }, shortcut))
     }));
   });
 });

package/esm/Heading/Heading.d.ts

@@ -0,0 +1,16 @@
+import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+export interface HeadingProps extends WithAsProps {
+    /**
+     * Sets heading level, h1 through h6.
+     * @default 3
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+/**
+ *
+ * The `Heading` component is used to display a heading.
+ *
+ * @see https://rsuitejs.com/components/heading
+ */
+declare const Heading: RsRefForwardingComponent<'h3', HeadingProps>;
+export default Heading;

package/esm/Heading/Heading.js

@@ -0,0 +1,38 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames } from '../utils';
+/**
+ *
+ * The `Heading` component is used to display a heading.
+ *
+ * @see https://rsuitejs.com/components/heading
+ */
+var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var as = props.as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'heading' : _props$classPrefix,
+    className = props.className,
+    _props$level = props.level,
+    level = _props$level === void 0 ? 3 : _props$level,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "level"]);
+  var _useClassNames = useClassNames(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix());
+  var Component = as || "h" + level;
+  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    ref: ref,
+    className: classes
+  }));
+});
+Heading.displayName = 'Heading';
+Heading.propTypes = {
+  className: PropTypes.string,
+  classPrefix: PropTypes.string,
+  as: PropTypes.elementType,
+  level: PropTypes.oneOf([1, 2, 3, 4, 5, 6])
+};
+export default Heading;

package/esm/Heading/index.d.ts

@@ -0,0 +1,3 @@
+import Heading from './Heading';
+export { type HeadingProps } from './Heading';
+export default Heading;

package/esm/Heading/index.js

@@ -0,0 +1,4 @@
+'use client';
+import Heading from './Heading';
+export { type HeadingProps } from './Heading';
+export default Heading;

package/esm/HeadingGroup/HeadingGroup.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from '../utils/createComponent';
+export declare type HeadingGroupProps = ComponentProps;
+/**
+ * HeadingGroup is a group of headings.
+ * @see https://rsuitejs.com/components/heading
+ */
+declare const HeadingGroup: import("../@types/common").RsRefForwardingComponent<"hgroup", ComponentProps>;
+export default HeadingGroup;

package/esm/HeadingGroup/HeadingGroup.js

@@ -0,0 +1,11 @@
+'use client';
+import createComponent from '../utils/createComponent';
+/**
+ * HeadingGroup is a group of headings.
+ * @see https://rsuitejs.com/components/heading
+ */
+var HeadingGroup = createComponent({
+  name: 'HeadingGroup',
+  componentAs: 'hgroup'
+});
+export default HeadingGroup;

package/esm/HeadingGroup/index.d.ts

@@ -0,0 +1,3 @@
+import HeadingGroup from './HeadingGroup';
+export type { HeadingGroupProps } from './HeadingGroup';
+export default HeadingGroup;

package/esm/HeadingGroup/index.js

@@ -0,0 +1,3 @@
+'use client';
+import HeadingGroup from './HeadingGroup';
+export default HeadingGroup;

package/esm/InputPicker/InputPicker.js

@@ -104,14 +104,13 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onCreate = props.onCreate,
     onSearch = props.onSearch,
     onSelect = props.onSelect,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
     searchBy = props.searchBy,
+    size = props.size,
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "searchable", "open", "placeholder", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "shouldDisplayCreateOption", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onOpen", "onClose", "onBlur", "onFocus", "searchBy", "placement"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "searchable", "open", "placeholder", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "shouldDisplayCreateOption", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onBlur", "onFocus", "searchBy", "size", "placement"]);
   var _useContext = useContext(InputPickerContext),
     multi = _useContext.multi,
     tagProps = _useContext.tagProps,
@@ -460,7 +459,6 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleExited = useEventCallback(function () {
     setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);
     resetSearch();
-    onClose === null || onClose === void 0 ? void 0 : onClose();
   });
   var handleFocus = useEventCallback(function () {
     if (!readOnly) {
@@ -522,7 +520,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         role: "option"
       }, tagRest, {
         key: tag,
-        size: convertSize(rest.size),
+        size: convertSize(size),
         closable: !disabled && closable && !readOnly && !plaintext,
         title: typeof itemNode === 'string' ? itemNode : undefined,
         onClose: createChainedFunction(handleRemoveItemByTag.bind(null, tag), onClose)
@@ -623,7 +621,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })),
     pickerClasses = _usePickerClassName[0],
     usedClassNamePropKeys = _usePickerClassName[1];
-  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["tag"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["focused"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["disabled-options"])))] = disabledOptions, _merge));
+  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["tag"])))] = multi, _merge[prefix((multi ? 'tag' : 'input') + "-" + size)] = size, _merge[prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["focused"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["disabled-options"])))] = disabledOptions, _merge));
   var searching = !!searchKeyword && open;
   var editable = searchable && !disabled && !rest.loading;
   var inputProps = multi ? {
@@ -657,7 +655,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: triggerRef,
     trigger: "active",
     onEnter: createChainedFunction(handleEnter, onEnter),
-    onEntered: createChainedFunction(onEntered, onOpen),
+    onEntered: onEntered,
     onExit: createChainedFunction(handleExit, onExit),
     onExited: createChainedFunction(handleExited, onExited),
     speaker: renderPopup,
@@ -683,7 +681,8 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placement: placement,
     inputValue: value,
     focusItemValue: focusItemValue,
-    caret: !disabledOptions
+    caret: !disabledOptions,
+    size: size
   }), searching || multi && hasValue ? null : itemNode || placeholderNode), /*#__PURE__*/React.createElement(TextBox, {
     showTagList: hasValue && multi,
     tags: tagElements,

package/esm/MultiCascader/MultiCascader.js

@@ -76,8 +76,6 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSearch = props.onSearch,
     onSelect = props.onSelect,
     onChange = props.onChange,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
     onCheck = props.onCheck,
     DEPRECATED_menuClassName = props.menuClassName,
     DEPRECATED_menuStyle = props.menuStyle,
@@ -85,7 +83,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     DEPRECATED_menuHeight = props.menuHeight,
     DEPRECATED_renderMenu = props.renderMenu,
     DEPRECATED_renderMenuItem = props.renderMenuItem,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "classPrefix", "defaultValue", "columnHeight", "columnWidth", "childrenKey", "cleanable", "data", "disabled", "disabledItemValues", "value", "valueKey", "labelKey", "locale", "toggleAs", "style", "countable", "cascade", "placeholder", "placement", "popupClassName", "popupStyle", "searchable", "uncheckableItemValues", "id", "getChildren", "renderValue", "renderExtraFooter", "renderColumn", "renderTreeNode", "onEntered", "onExited", "onClean", "onSearch", "onSelect", "onChange", "onOpen", "onClose", "onCheck", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "renderMenu", "renderMenuItem"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "classPrefix", "defaultValue", "columnHeight", "columnWidth", "childrenKey", "cleanable", "data", "disabled", "disabledItemValues", "value", "valueKey", "labelKey", "locale", "toggleAs", "style", "countable", "cascade", "placeholder", "placement", "popupClassName", "popupStyle", "searchable", "uncheckableItemValues", "id", "getChildren", "renderValue", "renderExtraFooter", "renderColumn", "renderTreeNode", "onEntered", "onExited", "onClean", "onSearch", "onSelect", "onChange", "onCheck", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "renderMenu", "renderMenuItem"]);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -194,8 +192,6 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setSearchKeyword = _useSearch.setSearchKeyword,
     handleSearch = _useSearch.handleSearch;
   var _useActive = useActive({
-      onOpen: onOpen,
-      onClose: onClose,
       onEntered: onEntered,
       onExited: onExited,
       target: target,

package/esm/Panel/Panel.js

@@ -7,6 +7,7 @@ import get from 'lodash/get';
 import Collapse from '../Animation/Collapse';
 import { useClassNames, useControlled, useUniqueId, useEventCallback } from '../utils';
 import { PanelGroupContext } from '../PanelGroup';
+import Heading from '../Heading';
 import AccordionButton from './AccordionButton';
 /**
  * The `Panel` component is used to display content that can be collapsed.
@@ -120,7 +121,8 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: _className
       });
     }
-    return /*#__PURE__*/React.createElement("h2", {
+    return /*#__PURE__*/React.createElement(Heading, {
+      level: 2,
       className: prefix('header')
     }, collapsible ? /*#__PURE__*/React.createElement(AccordionButton, {
       id: btnId,

package/esm/Popover/Popover.js

@@ -6,6 +6,7 @@ var _templateObject, _templateObject2, _templateObject3;
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
+import Heading from '../Heading';
 /**
  * The `Popover` component is used to display a popup window for a target component.
  * @see https://rsuitejs.com/components/popover
@@ -44,7 +45,8 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), arrow && /*#__PURE__*/React.createElement("div", {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["arrow"]))),
     "aria-hidden": true
-  }), title && /*#__PURE__*/React.createElement("h3", {
+  }), title && /*#__PURE__*/React.createElement(Heading, {
+    level: 3,
     className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["title"])))
   }, title), /*#__PURE__*/React.createElement("div", {
     className: prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["content"])))

package/esm/SelectPicker/SelectPicker.js

@@ -66,15 +66,13 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange = props.onChange,
     onSelect = props.onSelect,
     onSearch = props.onSearch,
-    onClose = props.onClose,
-    onOpen = props.onOpen,
     sort = props.sort,
     renderValue = props.renderValue,
     renderMenu = props.renderMenu,
     renderMenuGroup = props.renderMenuGroup,
     renderMenuItem = props.renderMenuItem,
     renderExtraFooter = props.renderExtraFooter,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "data", "valueKey", "labelKey", "value", "classPrefix", "placeholder", "defaultValue", "disabled", "cleanable", "placement", "menuClassName", "menuAutoWidth", "menuMaxHeight", "menuStyle", "groupBy", "locale", "toggleAs", "style", "searchable", "disabledItemValues", "virtualized", "listProps", "id", "onGroupTitleClick", "searchBy", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "sort", "renderValue", "renderMenu", "renderMenuGroup", "renderMenuItem", "renderExtraFooter"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "data", "valueKey", "labelKey", "value", "classPrefix", "placeholder", "defaultValue", "disabled", "cleanable", "placement", "menuClassName", "menuAutoWidth", "menuMaxHeight", "menuStyle", "groupBy", "locale", "toggleAs", "style", "searchable", "disabledItemValues", "virtualized", "listProps", "id", "onGroupTitleClick", "searchBy", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "sort", "renderValue", "renderMenu", "renderMenuGroup", "renderMenuItem", "renderExtraFooter"]);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -164,21 +162,17 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     active: active,
     onExit: handleClean,
     onMenuKeyDown: onFocusItem,
-    onMenuPressEnter: handleMenuPressEnter,
-    onClose: function onClose() {
-      setFocusItemValue(null);
-    }
+    onMenuPressEnter: handleMenuPressEnter
   }, rest));
   var handleExited = useEventCallback(function () {
     resetSearch();
     setActive(false);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
-    onClose === null || onClose === void 0 ? void 0 : onClose();
+    setFocusItemValue(null);
   });
   var handleEntered = useEventCallback(function () {
     setActive(true);
     setFocusItemValue(value);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
 
   // Find active `MenuItem` by `value`

package/esm/Text/Text.d.ts

@@ -0,0 +1,47 @@
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+declare const fontSizeMap: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export interface TextProps extends WithAsProps {
+    /**
+     * The font color of the text.
+     */
+    color?: TypeAttributes.Color;
+    /**
+     * The font size of the text.
+     */
+    size?: keyof typeof fontSizeMap | number | string;
+    /**
+     * To set the text to be muted.
+     */
+    muted?: boolean;
+    /**
+     * To set the text transformation of the element.
+     */
+    transform?: 'uppercase' | 'lowercase' | 'capitalize';
+    /**
+     * To set the text alignment of the element
+     */
+    align?: 'left' | 'center' | 'right' | 'justify';
+    /**
+     * The font weight of the text.
+     * @default 'regular'
+     */
+    weight?: 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    /**
+     * The number of lines to limit the provided text to. Text will be truncated with an ellipsis.
+     */
+    maxLines?: number;
+}
+/**
+ *
+ * The `Text` component is used to display text.
+ *
+ * @see https://rsuitejs.com/components/text
+ */
+declare const Text: RsRefForwardingComponent<'p', TextProps>;
+export default Text;