rsuite 5.57.0 → 5.58.0

package/esm/Text/Text.js

@@ -0,0 +1,66 @@
+'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';
+import { oneOf } from '../internals/propTypes';
+var fontSizeMap = {
+  sm: 12,
+  md: 14,
+  lg: 16,
+  xl: 18,
+  xxl: 20
+};
+/**
+ *
+ * The `Text` component is used to display text.
+ *
+ * @see https://rsuitejs.com/components/text
+ */
+var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'p' : _props$as,
+    align = props.align,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'text' : _props$classPrefix,
+    color = props.color,
+    className = props.className,
+    maxLines = props.maxLines,
+    weight = props.weight,
+    muted = props.muted,
+    transform = props.transform,
+    size = props.size,
+    style = props.style,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "align", "classPrefix", "color", "className", "maxLines", "weight", "muted", "transform", "size", "style"]);
+  var _useClassNames = useClassNames(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix(color, align, weight, transform, {
+    muted: muted,
+    ellipsis: maxLines
+  }));
+  var styles = _extends({
+    fontSize: fontSizeMap[size] || size
+  }, maxLines ? {
+    WebkitLineClamp: maxLines
+  } : null, style);
+  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    ref: ref,
+    className: classes,
+    style: styles
+  }));
+});
+Text.displayName = 'Text';
+Text.propTypes = {
+  className: PropTypes.string,
+  classPrefix: PropTypes.string,
+  as: PropTypes.elementType,
+  size: PropTypes.oneOfType([PropTypes.number, oneOf(['sm', 'md', 'lg', 'xl', 'xxl'])]),
+  muted: PropTypes.bool,
+  transform: oneOf(['uppercase', 'lowercase', 'capitalize']),
+  align: oneOf(['left', 'center', 'right', 'justify']),
+  weight: oneOf(['thin', 'light', 'regular', 'medium', 'semibold', 'bold', 'extrabold']),
+  maxLines: PropTypes.number
+};
+export default Text;

package/esm/Text/index.d.ts

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

package/esm/Text/index.js

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

package/esm/TreePicker/TreePicker.js

@@ -85,13 +85,11 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExit = props.onExit,
     onExited = props.onExited,
     onClean = props.onClean,
-    onOpen = props.onOpen,
     onSearch = props.onSearch,
     onSelect = props.onSelect,
     onSelectItem = props.onSelectItem,
     onChange = props.onChange,
     onEntered = props.onEntered,
-    onClose = props.onClose,
     onDragEnd = props.onDragEnd,
     onDragStart = props.onDragStart,
     onDragEnter = props.onDragEnter,
@@ -102,7 +100,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     renderExtraFooter = props.renderExtraFooter,
     renderMenu = props.renderMenu,
     renderValue = props.renderValue,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "menuMaxHeight", "menuStyle", "className", "disabled", "placement", "cleanable", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onSelectItem", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "menuMaxHeight", "menuStyle", "className", "disabled", "placement", "cleanable", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onSearch", "onSelect", "onSelectItem", "onChange", "onEntered", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
   var _useCustom = useCustom('Picker', overrideLocale),
     rtl = _useCustom.rtl,
     locale = _useCustom.locale;
@@ -390,15 +388,11 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setDragOverNodeKey(null);
   });
   var handleOpen = useEventCallback(function () {
-    var _trigger$current2, _trigger$current2$ope;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$ope = _trigger$current2.open) === null || _trigger$current2$ope === void 0 ? void 0 : _trigger$current2$ope.call(_trigger$current2);
     focusActiveNode();
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
   });
   var handleClose = useEventCallback(function () {
-    var _trigger$current3, _trigger$current3$clo, _target$current2;
-    (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : (_trigger$current3$clo = _trigger$current3.close) === null || _trigger$current3$clo === void 0 ? void 0 : _trigger$current3$clo.call(_trigger$current3);
+    var _target$current2;
     setSearchKeyword('');
     setActive(false);
     setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);
@@ -486,7 +480,6 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchInput: searchInput,
     active: active,
     onExit: handleClean,
-    onClose: handleClose,
     onMenuKeyDown: function onMenuKeyDown(event) {
       _onMenuKeyDown(event, {
         down: function down() {
@@ -681,7 +674,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placement: placement,
     onEnter: handleOpen,
     onEntered: onEntered,
-    onExit: createChainedFunction(onClose, onExit),
+    onExit: onExit,
     onExited: createChainedFunction(handleClose, onExited),
     speaker: renderTreeView
   }, /*#__PURE__*/React.createElement(Component, {

package/esm/index.d.ts

@@ -1,3 +1,11 @@
+export { default as Text } from './Text';
+export type { TextProps } from './Text';
+export { default as Heading } from './Heading';
+export type { HeadingProps } from './Heading';
+export { default as HeadingGroup } from './HeadingGroup';
+export type { HeadingGroupProps } from './HeadingGroup';
+export { default as SafeAnchor } from './SafeAnchor';
+export type { SafeAnchorProps } from './SafeAnchor';
 export { default as Button } from './Button';
 export type { ButtonProps } from './Button';
 export { default as IconButton } from './IconButton';
@@ -14,29 +22,29 @@ export { default as Popover } from './Popover';
 export type { PopoverProps } from './Popover';
 export { default as Modal } from './Modal';
 export type { ModalProps, ModalBodyProps, ModalDialogProps, ModalFooterProps, ModalHeaderProps, ModalTitleProps } from './Modal';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
+export { default as Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownMenuItemProps, DropdownMenuProps } from './Dropdown';
 export { default as Notification } from './Notification';
 export type { NotificationProps } from './Notification';
 export { default as Message } from './Message';
 export type { MessageProps } from './Message';
-export { default as Drawer } from './Drawer';
-export type { DrawerProps } from './Drawer';
 export { default as Loader } from './Loader';
 export type { LoaderProps } from './Loader';
-export { default as SafeAnchor } from './SafeAnchor';
-export type { SafeAnchorProps } from './SafeAnchor';
 export { default as Placeholder } from './Placeholder';
 export type { PlaceholderGraphProps, PlaceholderGridProps, PlaceholderParagraphProps } from './Placeholder';
 export { default as Badge } from './Badge';
 export type { BadgeProps } from './Badge';
+export { default as toaster } from './toaster';
+export type { Toaster } from './toaster';
+export { default as useToaster } from './useToaster';
+export { default as Progress } from './Progress';
+export type { ProgressLineProps, ProgressCircleProps } from './Progress';
 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 } 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';
 export type { NavProps, NavItemProps } from './Nav';
 export { default as Navbar } from './Navbar';
@@ -49,10 +57,10 @@ export { default as Pagination } from './Pagination';
 export type { PaginationProps, PaginationButtonProps, BasePaginationProps } from './Pagination';
 export { default as Steps } from './Steps';
 export type { StepsProps, StepItemProps } from './Steps';
-export { default as Toggle } from './Toggle';
-export type { ToggleProps } from './Toggle';
 export { default as Form, useFormClassNames } from './Form';
 export type { FormProps, FormInstance, FormGroupProps, FormErrorMessageProps, FormControlLabelProps, FormHelpTextProps, FormControlProps } from './Form';
+export { default as Toggle } from './Toggle';
+export type { ToggleProps } from './Toggle';
 export { default as Input } from './Input';
 export type { InputProps } from './Input';
 export { default as MaskedInput } from './MaskedInput';
@@ -121,16 +129,10 @@ 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';
-export type { AccordionProps } from './Accordion';
 export { default as PanelGroup } from './PanelGroup';
 export type { PanelGroupProps } from './PanelGroup';
-export { default as Tabs } from './Tabs';
-export type { TabsProps } from './Tabs';
 export { default as Table } from './Table';
 export type { TableProps, ColumnProps, ColumnGroupProps, CellProps, TableLocaleType } from './Table';
-export { default as Progress } from './Progress';
-export type { ProgressLineProps, ProgressCircleProps } from './Progress';
 export { default as Timeline } from './Timeline';
 export type { TimelineProps, TimelineItemProps } from './Timeline';
 export { default as Tag } from './Tag';
@@ -178,3 +180,7 @@ export type { PickerHandle } from './internals/Picker';
 export { default as useMediaQuery } from './useMediaQuery';
 export { default as VisuallyHidden } from './VisuallyHidden';
 export type { VisuallyHiddenProps } from './VisuallyHidden';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';

package/esm/index.js

@@ -1,36 +1,52 @@
 'use client';
-// Base
+// Typography
+// --------------------------------------------------------
+export { default as Text } from './Text';
+export { default as Heading } from './Heading';
+export { default as HeadingGroup } from './HeadingGroup';
+export { default as SafeAnchor } from './SafeAnchor';
+// Buttons
+// --------------------------------------------------------
 export { default as Button } from './Button';
 export { default as IconButton } from './IconButton';
 export { default as ButtonToolbar } from './ButtonToolbar';
 export { default as ButtonGroup } from './ButtonGroup';
+// Overlays
+// --------------------------------------------------------
 export { default as Whisper } from './Whisper';
 export { default as Tooltip } from './Tooltip';
 export { default as Popover } from './Popover';
 export { default as Modal } from './Modal';
+export { default as Drawer } from './Drawer';
+export { default as Dropdown } from './Dropdown';
+// Status
+// --------------------------------------------------------
 export { default as Notification } from './Notification';
 export { default as Message } from './Message';
-export { default as Drawer } from './Drawer';
 export { default as Loader } from './Loader';
-export { default as SafeAnchor } from './SafeAnchor';
 export { default as Placeholder } from './Placeholder';
 export { default as Badge } from './Badge';
-export { default as Avatar } from './Avatar';
-export { default as AvatarGroup } from './AvatarGroup';
 export { default as toaster } from './toaster';
 export { default as useToaster } from './useToaster';
-
+export { default as Progress } from './Progress';
+// Media
+// --------------------------------------------------------
+export { default as Avatar } from './Avatar';
+export { default as AvatarGroup } from './AvatarGroup';
 // Nav
-export { default as Dropdown } from './Dropdown';
+// --------------------------------------------------------
 export { default as Nav } from './Nav';
 export { default as Navbar } from './Navbar';
 export { default as Sidenav } from './Sidenav';
 export { default as Breadcrumb } from './Breadcrumb';
 export { default as Pagination } from './Pagination';
 export { default as Steps } from './Steps';
-// Data enter
-export { default as Toggle } from './Toggle';
+// Form
+// --------------------------------------------------------
 export { default as Form, useFormClassNames } from './Form';
+// Data Entry
+// --------------------------------------------------------
+export { default as Toggle } from './Toggle';
 export { default as Input } from './Input';
 export { default as MaskedInput } from './MaskedInput';
 export { default as InputNumber } from './InputNumber';
@@ -60,17 +76,15 @@ export { default as Slider } from './Slider';
 export { default as RangeSlider } from './RangeSlider';
 export { default as Rate } from './Rate';
 export { default as InlineEdit } from './InlineEdit';
-// Data display
+// Data Display
+// --------------------------------------------------------
 export { default as Tree } from './Tree';
 export { default as CheckTree } from './CheckTree';
 export { default as CascadeTree } from './CascadeTree';
 export { default as MultiCascadeTree } from './MultiCascadeTree';
 export { default as Panel } from './Panel';
-export { default as Accordion } from './Accordion';
 export { default as PanelGroup } from './PanelGroup';
-export { default as Tabs } from './Tabs';
 export { default as Table } from './Table';
-export { default as Progress } from './Progress';
 export { default as Timeline } from './Timeline';
 export { default as Tag } from './Tag';
 export { default as TagGroup } from './TagGroup';
@@ -78,7 +92,7 @@ export { default as List } from './List';
 export { default as Calendar } from './Calendar';
 export { default as Carousel } from './Carousel';
 // Layout
-
+// --------------------------------------------------------
 export { default as Grid } from './Grid';
 export { default as Row } from './Row';
 export { default as Col } from './Col';
@@ -90,12 +104,17 @@ export { default as Sidebar } from './Sidebar';
 export { default as Footer } from './Footer';
 export { default as Divider } from './Divider';
 export { default as Stack } from './Stack';
-// Utils
-
+// Utils and Hooks
+// --------------------------------------------------------
 export { default as Schema } from './Schema';
 export { default as Animation } from './Animation';
 export { default as DOMHelper } from './DOMHelper';
 export { default as Affix } from './Affix';
 export { default as CustomProvider } from './CustomProvider';
 export { default as useMediaQuery } from './useMediaQuery';
-export { default as VisuallyHidden } from './VisuallyHidden';
+
+// Disclosure
+// --------------------------------------------------------
+export { default as VisuallyHidden } from './VisuallyHidden';
+export { default as Tabs } from './Tabs';
+export { default as Accordion } from './Accordion';

package/esm/internals/Overlay/OverlayTrigger.js

@@ -88,9 +88,10 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onContextMenu = props.onContextMenu,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
+    onOpen = props.onOpen,
     onClose = props.onClose,
     onExited = props.onExited,
-    rest = _objectWithoutPropertiesLoose(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "onExited"]);
+    rest = _objectWithoutPropertiesLoose(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onOpen", "onClose", "onExited"]);
   var _usePortal = usePortal({
       container: container
     }),
@@ -129,30 +130,38 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   // Whether the cursor is on the overlay
   var mouseEnter = useRef(false);
+  var handleOpenChange = useCallback(function (nextOpen, closeCause) {
+    // if the overlay open state is not changed, do not fire the event
+    if (nextOpen === open) return;
+    if (nextOpen) {
+      onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    } else {
+      onClose === null || onClose === void 0 ? void 0 : onClose(closeCause);
+    }
+    setOpen(nextOpen);
+  }, [open, onOpen, onClose, setOpen]);
   var handleOpen = useCallback(function (delay) {
     var ms = _isUndefined(delay) ? delayOpen : delay;
     if (ms && typeof ms === 'number') {
       return delayOpenTimer.current = setTimeout(function () {
         delayOpenTimer.current = null;
         if (mouseEnter.current) {
-          setOpen(true);
+          handleOpenChange(true);
         }
       }, ms);
     }
-    setOpen(true);
-  }, [delayOpen, setOpen]);
-  var handleClose = useCallback(function (delay, callback) {
+    handleOpenChange(true);
+  }, [delayOpen, handleOpenChange]);
+  var handleClose = useCallback(function (delay, closeCause) {
     var ms = _isUndefined(delay) ? delayClose : delay;
     if (ms && typeof ms === 'number') {
       return delayCloseTimer.current = setTimeout(function () {
         delayCloseTimer.current = null;
-        setOpen(false);
-        callback === null || callback === void 0 ? void 0 : callback();
+        handleOpenChange(false, closeCause);
       }, ms);
     }
-    setOpen(false);
-    callback === null || callback === void 0 ? void 0 : callback();
-  }, [delayClose, setOpen]);
+    handleOpenChange(false, closeCause);
+  }, [delayClose, handleOpenChange]);
   var handleExited = useCallback(function () {
     setCursorPosition(null);
   }, []);
@@ -172,9 +181,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       },
       open: handleOpen,
       close: function close(delay) {
-        return handleClose(delay, function () {
-          return onClose === null || onClose === void 0 ? void 0 : onClose(OverlayCloseCause.ImperativeHandle);
-        });
+        return handleClose(delay, OverlayCloseCause.ImperativeHandle);
       },
       updatePosition: function updatePosition() {
         var _overlayRef$current2, _overlayRef$current2$;
@@ -189,7 +196,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleCloseWhenLeave = useCallback(function () {
     // When the cursor is not on the overlay and not on the trigger, it is closed.
     if (!isOnOverlay.current && !isOnTrigger.current) {
-      handleClose();
+      handleClose(undefined, OverlayCloseCause.ClickOutside);
     }
   }, [handleClose]);
   var handleDelayedOpen = useCallback(function () {
@@ -321,9 +328,9 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var overlayProps = _extends({}, rest, {
       rootClose: rootClose,
       triggerTarget: triggerRef,
-      onClose: trigger !== 'none' ? createChainedFunction(handleClose, function () {
-        return onClose === null || onClose === void 0 ? void 0 : onClose(OverlayCloseCause.ClickOutside);
-      }) : undefined,
+      onClose: trigger !== 'none' ? function () {
+        return handleClose(undefined, OverlayCloseCause.ClickOutside);
+      } : undefined,
       onExited: createChainedFunction(followCursor ? handleExited : undefined, onExited),
       placement: placement,
       container: containerElement,

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

@@ -3,7 +3,7 @@ import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '.
 import { PositionChildProps } from '../../internals/Overlay/Position';
 import { TypeAttributes, AnimationEventProps } from '../../@types/common';
 export type { OverlayTriggerHandle, PositionChildProps };
-export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onClose'> {
+export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;
     /**
      * Identifies the combobox has having a popout, and indicates the type.

package/esm/internals/Picker/PickerToggleTrigger.js

@@ -5,7 +5,7 @@ import React from 'react';
 import pick from 'lodash/pick';
 import OverlayTrigger from '../../internals/Overlay/OverlayTrigger';
 import { placementPolyfill, useCustom, useUniqueId } from '../../utils';
-export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'container', 'containerPadding', 'preventOverflow'];
+export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
 export var ComboboxContextContext = /*#__PURE__*/React.createContext({
   popupType: 'listbox'

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

@@ -11,8 +11,6 @@ interface ToggleKeyDownEventProps {
     loading?: boolean;
     onExit?: (event: any) => void;
     onKeyDown?: (event: any) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
     onMenuKeyDown?: (event: any) => void;
     onMenuPressEnter?: (event: any) => void;
     onMenuPressBackspace?: (event: any) => void;

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

@@ -16,8 +16,6 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
     disabled = props.disabled,
     loading = props.loading,
     onExit = props.onExit,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
     onKeyDown = props.onKeyDown,
     onMenuKeyDown = props.onMenuKeyDown,
     onMenuPressEnter = props.onMenuPressEnter,
@@ -28,12 +26,10 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
 
     // The focus is on the trigger button after closing
     (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$foc = _trigger$current2.focus) === null || _trigger$current2$foc === void 0 ? void 0 : _trigger$current2$foc.call(_trigger$current2);
-    onClose === null || onClose === void 0 ? void 0 : onClose();
   });
   var handleOpen = useEventCallback(function () {
     var _trigger$current3, _trigger$current3$ope;
     (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : (_trigger$current3$ope = _trigger$current3.open) === null || _trigger$current3$ope === void 0 ? void 0 : _trigger$current3$ope.call(_trigger$current3);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
   var handleToggleDropdown = useEventCallback(function () {
     if (active) {

package/internals/Picker/styles/index.less

@@ -182,14 +182,12 @@
 /* stylelint-disable-next-line */ // Custom button sizes
 .rs-picker-toggle.rs-btn {
   .picker-button-caret-md();
-  .tag-picker-search-input-md();
   .date-picker-button-caret-md();
   .date-picker-button-size(base);
 
   &-lg {
     .picker-button-caret-lg();
     .picker-default-button-reset-padding-left(large);
-    .tag-picker-search-input-lg();
     .date-picker-button-caret-lg();
     .date-picker-button-size(large);
 
@@ -203,7 +201,6 @@
   &-md {
     .picker-button-caret-md();
     .picker-default-button-reset-padding-left(base);
-    .tag-picker-search-input-md();
     .date-picker-button-caret-md();
     .date-picker-button-size(base);
   }
@@ -213,7 +210,6 @@
 
     .picker-button-caret-sm();
     .picker-default-button-reset-padding-left(small);
-    .tag-picker-search-input-sm();
     .date-picker-button-caret-sm();
     .date-picker-button-size(small);
   }
@@ -223,7 +219,6 @@
 
     .picker-button-caret-xs();
     .picker-default-button-reset-padding-left(extra-small);
-    .tag-picker-search-input-xs();
     .date-picker-button-caret-xs();
     .date-picker-button-size(extra-small);
   }

package/internals/Picker/styles/mixin.less

@@ -220,79 +220,6 @@
   }
 }
 
-.tag-picker-search-input-size(@padding-vertical; @padding-horizontal; @font-size; @line-height;) {
-  .rs-picker-input:not(.rs-picker-tag) & ~ .rs-picker-textbox .rs-picker-search-input {
-    padding: (@padding-vertical - 1px) @padding-horizontal;
-    font-size: @font-size;
-    line-height: @line-height;
-  }
-
-  // FIXME Bad design. Should not set search input styles in a mixin that is used in picker buttons.
-  .rs-picker-tag & ~ .rs-picker-textbox {
-    padding-bottom: @padding-vertical - 3px;
-
-    .rs-tag {
-      margin-top: @padding-vertical - 3px;
-    }
-
-    .rs-picker-search-input {
-      padding-left: @padding-horizontal;
-      margin-top: @padding-vertical - 3px;
-      font-size: @font-size;
-    }
-
-    input {
-      height: @line-height * @font-size - 2px;
-    }
-  }
-
-  .rs-picker-input.rs-picker-tag & {
-    padding-top: @padding-vertical - 1px;
-    padding-bottom: @padding-vertical - 1px;
-    box-shadow: none;
-  }
-}
-
-.tag-picker-search-input-lg() {
-  .tag-picker-search-input-size(
-      @padding-y-lg - 1; @padding-x-lg; @font-size-large; @line-height-large
-  );
-}
-
-.tag-picker-search-input-md() {
-  .tag-picker-search-input-size(
-          @padding-y; @padding-x; @font-size-base; @line-height-base
-  );
-}
-
-.tag-picker-search-input-sm() {
-  .tag-picker-search-input-size(
-    @padding-y-sm; @padding-x-sm; @font-size-base; @line-height-base
-  );
-}
-
-.tag-picker-search-input-xs() {
-  /* stylelint-disable */ //Formatted by prettier
-  .tag-picker-search-input-size(
-    @padding-y-xs; @padding-x-xs; @font-size-extra-small;
-    @line-height-extra-small
-  );
-  /* stylelint-enable */
-
-  .rs-picker-input.rs-picker-tag & ~ .rs-picker-textbox {
-    padding-bottom: @padding-y-xs - 1px;
-
-    .rs-tag {
-      margin-top: 1px;
-    }
-
-    // Adjust search-input size the same with button
-    .rs-picker-search-input {
-      .padding-vertical(1px);
-    }
-  }
-}
-
 .input-picker-input-sizes() {
   @border-width: 2 * @picker-default-toggle-border-width;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.57.0",
+  "version": "5.58.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/styles/color-modes/light.less

@@ -75,6 +75,13 @@
   --rs-text-active: var(--rs-primary-700);
   --rs-text-disabled: var(--rs-gray-400);
   --rs-text-error: var(--rs-color-red);
+  --rs-text-weight-thin: 100;
+  --rs-text-weight-light: 300;
+  --rs-text-weight-regular: 400;
+  --rs-text-weight-medium: 500;
+  --rs-text-weight-semibold: 600;
+  --rs-text-weight-bold: 700;
+  --rs-text-weight-extrabold: 800;
   --rs-border-primary: var(--rs-gray-200);
   --rs-border-secondary: var(--rs-gray-100);
   --rs-bg-card: var(--rs-gray-0);

package/styles/index.less

@@ -81,6 +81,9 @@
 @import '../toaster/styles/index';
 @import '../Stack/styles/index';
 @import '../VisuallyHidden/styles/index';
+@import '../Text/styles/index';
+@import '../Heading/styles/index';
+@import '../HeadingGroup/styles/index';
 
 // Internal Components
 @import '../internals/Ripple/styles/index';