rsuite 5.72.0 → 5.73.1

package/esm/Modal/Modal.js

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2, _templateObject3;
-var _excluded = ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id"],
+var _excluded = ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id", "isDrawer", "closeButton"],
   _excluded2 = ["className"];
-import React, { useRef, useMemo, useState, useCallback, useContext } from 'react';
+import React, { useRef, useMemo, useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import pick from 'lodash/pick';
 import on from 'dom-lib/on';
@@ -22,7 +22,6 @@ import ModalTitle from "./ModalTitle.js";
 import ModalFooter from "./ModalFooter.js";
 import { useBodyStyles } from "./utils.js";
 import { deprecatePropType, oneOf } from "../internals/propTypes/index.js";
-import DrawerContext from "../Drawer/DrawerContext.js";
 var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
 /**
  * The `Modal` component is used to show content in a layer above the app.
@@ -62,6 +61,9 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$size = props.size,
     size = _props$size === void 0 ? 'sm' : _props$size,
     idProp = props.id,
+    _props$isDrawer = props.isDrawer,
+    isDrawer = _props$isDrawer === void 0 ? false : _props$isDrawer,
+    closeButton = props.closeButton,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
   var inClass = {
     in: open && !animation
@@ -78,11 +80,6 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var dialogRef = useRef(null);
   var transitionEndListener = useRef();
 
-  // Render Modal as Drawer
-  var _ref = useContext(DrawerContext) || {},
-    _ref$isDrawer = _ref.isDrawer,
-    isDrawer = _ref$isDrawer === void 0 ? false : _ref$isDrawer;
-
   // The style of the Modal body will be updated with the size of the window or container.
   var _useBodyStyles = useBodyStyles(dialogRef, {
       overflow: overflow,
@@ -99,9 +96,11 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onModalClose: onClose,
       getBodyStyles: function getBodyStyles() {
         return bodyStyles;
-      }
+      },
+      closeButton: closeButton,
+      isDrawer: isDrawer
     };
-  }, [dialogId, onClose, bodyStyles]);
+  }, [dialogId, onClose, closeButton, isDrawer, bodyStyles]);
   var handleExited = useCallback(function (node) {
     var _transitionEndListene;
     onExited === null || onExited === void 0 ? void 0 : onExited(node);
@@ -157,8 +156,8 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var sizeKey = 'width';
   if (isDrawer) {
-    var _ref2 = animationProps || {},
-      placement = _ref2.placement;
+    var _ref = animationProps || {},
+      placement = _ref.placement;
     // The width or height of the drawer depends on the placement.
     sizeKey = placement === 'top' || placement === 'bottom' ? 'height' : 'width';
   }
@@ -199,7 +198,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: backdrop ? handleBackdropClick : undefined,
     onMouseDown: handleMouseDown
   }), function (transitionProps, transitionRef) {
-    var _ref3;
+    var _ref2;
     var transitionClassName = transitionProps.className,
       transitionRest = _objectWithoutPropertiesLoose(transitionProps, _excluded2);
     return /*#__PURE__*/React.createElement(Dialog, _extends({
@@ -207,7 +206,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       id: dialogId,
       "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : dialogId + "-title",
       "aria-describedby": ariaDescribedby,
-      style: (_ref3 = {}, _ref3[sizeKey] = modalSizes.includes(size) ? undefined : size, _ref3)
+      style: (_ref2 = {}, _ref2[sizeKey] = modalSizes.includes(size) ? undefined : size, _ref2)
     }, transitionRest, pick(rest, Object.keys(modalDialogPropTypes)), {
       ref: mergeRefs(dialogRef, transitionRef),
       classPrefix: classPrefix,

package/esm/Modal/ModalBody.js

@@ -8,9 +8,7 @@ import { useClassNames } from "../internals/hooks/index.js";
 import { ModalContext } from "./ModalContext.js";
 import IconButton from "../IconButton/index.js";
 import Close from '@rsuite/icons/Close';
-import DrawerContext from "../Drawer/DrawerContext.js";
 var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _context$getBodyStyle, _useContext;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -25,8 +23,11 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
   var context = useContext(ModalContext);
-  var bodyStyles = context === null || context === void 0 ? void 0 : (_context$getBodyStyle = context.getBodyStyles) === null || _context$getBodyStyle === void 0 ? void 0 : _context$getBodyStyle.call(context);
-  var closeButton = (_useContext = useContext(DrawerContext)) === null || _useContext === void 0 ? void 0 : _useContext.closeButton;
+  var _ref = context || {},
+    getBodyStyles = _ref.getBodyStyles,
+    closeButton = _ref.closeButton,
+    onModalClose = _ref.onModalClose;
+  var bodyStyles = getBodyStyles === null || getBodyStyles === void 0 ? void 0 : getBodyStyles();
   var buttonElement = null;
   if (closeButton) {
     buttonElement = typeof closeButton === 'boolean' ? /*#__PURE__*/React.createElement(IconButton, {
@@ -34,7 +35,7 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
       appearance: "subtle",
       size: "sm",
       className: prefix('close'),
-      onClick: context === null || context === void 0 ? void 0 : context.onModalClose
+      onClick: onModalClose
     }) : closeButton;
   }
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {

package/esm/Modal/ModalContext.d.ts

@@ -6,5 +6,9 @@ export interface ModalContextProps {
     onModalClose?: (event: React.MouseEvent<Element, MouseEvent>) => void;
     /** Pass the latest style to body. */
     getBodyStyles?: () => React.CSSProperties | null;
+    /** Indicates if the component should be displayed as a drawer */
+    isDrawer?: boolean;
+    /** Custom close button used when rendered as a Drawer */
+    closeButton?: React.ReactNode | boolean;
 }
 export declare const ModalContext: React.Context<ModalContextProps | null>;

package/esm/Modal/ModalHeader.js

@@ -10,9 +10,7 @@ import { ModalContext } from "./ModalContext.js";
 import CloseButton from "../internals/CloseButton/index.js";
 import Close from '@rsuite/icons/Close';
 import IconButton from "../IconButton/index.js";
-import DrawerContext from "../Drawer/DrawerContext.js";
 var ModalHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useContext, _useContext2;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -28,8 +26,10 @@ var ModalHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
-  var onModalClose = (_useContext = useContext(ModalContext)) === null || _useContext === void 0 ? void 0 : _useContext.onModalClose;
-  var isDrawer = (_useContext2 = useContext(DrawerContext)) === null || _useContext2 === void 0 ? void 0 : _useContext2.isDrawer;
+  var context = useContext(ModalContext);
+  var _ref = context || {},
+    isDrawer = _ref.isDrawer,
+    onModalClose = _ref.onModalClose;
   var buttonElement = isDrawer ? /*#__PURE__*/React.createElement(IconButton, {
     icon: /*#__PURE__*/React.createElement(Close, null),
     appearance: "subtle",

package/esm/MultiCascadeTree/TreeView.js

@@ -4,8 +4,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "style", "renderTreeNode", "renderColumn", "onCheck", "onSelect"];
 import React from 'react';
 import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
-import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
-import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
+import PagePreviousIcon from '@rsuite/icons/PagePrevious';
+import PageNextIcon from '@rsuite/icons/PageNext';
 import { useClassNames, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { shallowEqual } from "../internals/utils/index.js";
 import { ListCheckItem, useCombobox } from "../internals/Picker/index.js";
@@ -84,7 +84,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = node.loading ? SpinnerIcon : rtl ? AngleLeftIcon : AngleRightIcon;
+    var Icon = node.loading ? SpinnerIcon : rtl ? PagePreviousIcon : PageNextIcon;
     var active = value.some(function (v) {
       return v === nodeValue;
     });

package/esm/Nav/NavDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/esm/Nav/NavDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/esm/Nav/NavDropdownMenu.js

@@ -16,8 +16,8 @@ import MenuItem from "../internals/Menu/MenuItem.js";
 import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
 import PropTypes from 'prop-types';
-import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
-import AngleRight from '@rsuite/icons/legacy/AngleRight';
+import PagePreviousIcon from '@rsuite/icons/PagePrevious';
+import PageNextIcon from '@rsuite/icons/PageNext';
 import NavContext from "./NavContext.js";
 import { deprecatePropType, oneOf } from "../internals/propTypes/index.js";
 /**
@@ -60,7 +60,7 @@ var NavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className = _omit.className,
     disabled = _omit.disabled,
     menuProps = _objectWithoutPropertiesLoose(_omit, _excluded2);
-  var Icon = rtl ? AngleLeft : AngleRight;
+  var Icon = rtl ? PagePreviousIcon : PageNextIcon;
   return /*#__PURE__*/React.createElement(Menu, {
     openMenuOn: ['mouseover', 'click'],
     renderMenuButton: function renderMenuButton(_ref, buttonRef) {

package/esm/Nav/NavItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */
     active?: boolean;

package/esm/Navbar/NavbarDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';
 import NavDropdownMenu from '../Nav/NavDropdownMenu';

package/esm/Navbar/NavbarDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavbarDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/esm/Navbar/NavbarDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavbarDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/esm/Navbar/NavbarDropdownMenu.js

@@ -11,8 +11,8 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
 import isNil from 'lodash/isNil';
-import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
-import AngleRight from '@rsuite/icons/legacy/AngleRight';
+import PagePreviousIcon from '@rsuite/icons/PagePrevious';
+import PageNextIcon from '@rsuite/icons/PageNext';
 import { mergeRefs } from "../internals/utils/index.js";
 import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import { NavbarContext } from '.';
@@ -66,7 +66,7 @@ var NavbarDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className = _omit.className,
     disabled = _omit.disabled,
     menuProps = _objectWithoutPropertiesLoose(_omit, _excluded2);
-  var Icon = rtl ? AngleLeft : AngleRight;
+  var Icon = rtl ? PagePreviousIcon : PageNextIcon;
   return /*#__PURE__*/React.createElement(Disclosure, {
     hideOnClickOutside: true,
     trigger: ['click', 'hover'],

package/esm/Navbar/NavbarItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface NavbarItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */

package/esm/Pagination/Pagination.js

@@ -7,19 +7,19 @@ var _excluded = ["as", "className", "classPrefix", "disabled", "locale", "active
   _excluded2 = ["eventKey", "disabled"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import More from '@rsuite/icons/legacy/More';
-import PagePrevious from '@rsuite/icons/legacy/PagePrevious';
-import PageNext from '@rsuite/icons/legacy/PageNext';
-import PageTop from '@rsuite/icons/legacy/PageTop';
-import PageEnd from '@rsuite/icons/legacy/PageEnd';
+import MoreIcon from '@rsuite/icons/More';
+import PagePreviousIcon from '@rsuite/icons/PagePrevious';
+import PageTopIcon from '@rsuite/icons/PageTop';
+import PageNextIcon from '@rsuite/icons/PageNext';
+import PageEndIcon from '@rsuite/icons/PageEnd';
 import PaginationButton from "./PaginationButton.js";
 import { useClassNames, useCustom } from "../internals/hooks/index.js";
 var PAGINATION_ICONS = {
-  more: /*#__PURE__*/React.createElement(More, null),
-  prev: /*#__PURE__*/React.createElement(PagePrevious, null),
-  next: /*#__PURE__*/React.createElement(PageNext, null),
-  first: /*#__PURE__*/React.createElement(PageTop, null),
-  last: /*#__PURE__*/React.createElement(PageEnd, null)
+  more: /*#__PURE__*/React.createElement(MoreIcon, null),
+  prev: /*#__PURE__*/React.createElement(PagePreviousIcon, null),
+  next: /*#__PURE__*/React.createElement(PageNextIcon, null),
+  first: /*#__PURE__*/React.createElement(PageTopIcon, null),
+  last: /*#__PURE__*/React.createElement(PageEndIcon, null)
 };
 /**
  * Pagination component for displaying page numbers.

package/esm/Panel/AccordionButton.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject;
 var _excluded = ["classPrefix", "expanded", "id", "className", "controlId", "children", "disabled", "caretAs"];
 import React from 'react';
-import { Icon } from '@rsuite/icons';
+import Icon from '@rsuite/icons/Icon';
 import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
 import { useClassNames } from "../internals/hooks/index.js";
 var AccordionButton = function AccordionButton(props) {

package/esm/Sidenav/ExpandedSidenavDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/esm/Sidenav/ExpandedSidenavDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/esm/Sidenav/ExpandedSidenavDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownMenuProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLLIElement>, 'title' | 'onSelect'> {
     /** Primary content */
     children?: React.ReactNode;

package/esm/Sidenav/SidenavDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';
 import NavDropdownMenu from '../Nav/NavDropdownMenu';

package/esm/Sidenav/SidenavDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/esm/Sidenav/SidenavDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/esm/Sidenav/SidenavItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */
     active?: boolean;

package/esm/Sidenav/SidenavToggle.js

@@ -4,10 +4,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "expanded", "className", "classPrefix", "onToggle"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
+import PagePreviousIcon from '@rsuite/icons/PagePrevious';
+import PageNextIcon from '@rsuite/icons/PageNext';
 import IconButton from "../IconButton/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
-import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
-import AngleRight from '@rsuite/icons/legacy/AngleRight';
 import { deprecatePropType } from "../internals/propTypes/index.js";
 import { SidenavContext } from "./Sidenav.js";
 var SidenavToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -33,7 +33,7 @@ var SidenavToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix({
     collapsed: !expanded
   }));
-  var Icon = expanded ? AngleLeft : AngleRight;
+  var Icon = expanded ? PagePreviousIcon : PageNextIcon;
   var handleToggle = function handleToggle(event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded, event);
   };

package/esm/Steps/StepItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface StepItemProps extends WithAsProps {
     /** The width of each item. */

package/esm/internals/Picker/ListItemGroup.js

@@ -6,7 +6,7 @@ var _templateObject, _templateObject2;
 var _excluded = ["as", "classPrefix", "children", "className"];
 import React from 'react';
 import { useClassNames } from "../hooks/index.js";
-import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
+import ArrowDownIcon from '@rsuite/icons/ArrowDown';
 var ListItemGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -28,7 +28,7 @@ var ListItemGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["title"]))),
     tabIndex: -1
-  }, /*#__PURE__*/React.createElement("span", null, children), /*#__PURE__*/React.createElement(ArrowDown, {
+  }, /*#__PURE__*/React.createElement("span", null, children), /*#__PURE__*/React.createElement(ArrowDownIcon, {
     "aria-hidden": true,
     className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["caret"])))
   })));

package/esm/internals/Picker/PickerIndicator.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { Icon } from '@rsuite/icons';
+import Icon from '@rsuite/icons/Icon';
 import { useCustom, useClassNames } from "../hooks/index.js";
 import InputGroup from "../../InputGroup/index.js";
 import CloseButton from "../CloseButton/index.js";

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
 import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;
     hasValue?: boolean;

package/esm/internals/SearchBox/SearchBox.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 var _excluded = ["as", "classPrefix", "value", "className", "placeholder", "inputRef", "onChange"];
 import React from 'react';
-import Search from '@rsuite/icons/legacy/Search';
+import SearchIcon from '@rsuite/icons/Search';
 import { useClassNames } from "../hooks/index.js";
 import Input from "../../Input/index.js";
 import InputGroup from "../../InputGroup/index.js";
@@ -37,7 +37,7 @@ var SearchBox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange: onChange,
     placeholder: placeholder,
     ref: inputRef
-  }), /*#__PURE__*/React.createElement(InputGroup.Addon, null, /*#__PURE__*/React.createElement(Search, {
+  }), /*#__PURE__*/React.createElement(InputGroup.Addon, null, /*#__PURE__*/React.createElement(SearchIcon, {
     className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["icon"])))
   }))));
 });

package/esm/internals/constants/statusIcons.js

@@ -1,15 +1,15 @@
 'use client';
 import React from 'react';
-import Info from '@rsuite/icons/legacy/Info';
-import CheckCircle from '@rsuite/icons/legacy/CheckCircle';
-import CloseCircle from '@rsuite/icons/legacy/CloseCircle';
+import InfoRoundIcon from '@rsuite/icons/InfoRound';
+import CheckRoundIcon from '@rsuite/icons/CheckRound';
+import WarningRoundIcon from '@rsuite/icons/WarningRound';
+import RemindRoundIcon from '@rsuite/icons/RemindRound';
 import Check from '@rsuite/icons/Check';
 import Close from '@rsuite/icons/Close';
-import RemindRoundIcon from '@rsuite/icons/RemindRound';
 export var MESSAGE_STATUS_ICONS = {
-  info: /*#__PURE__*/React.createElement(Info, null),
-  success: /*#__PURE__*/React.createElement(CheckCircle, null),
-  error: /*#__PURE__*/React.createElement(CloseCircle, null),
+  info: /*#__PURE__*/React.createElement(InfoRoundIcon, null),
+  success: /*#__PURE__*/React.createElement(CheckRoundIcon, null),
+  error: /*#__PURE__*/React.createElement(WarningRoundIcon, null),
   warning: /*#__PURE__*/React.createElement(RemindRoundIcon, null)
 };
 export var PROGRESS_STATUS_ICON = {

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

@@ -1,7 +1,10 @@
 /// <reference types="react" />
 /**
- * Virtualized list loses focus when scrolling or clicking options, causing the component to re-render.
- * To solve this problem, we need to refocus on the selected option after the component is re-rendered.
+ * Ensures that a virtualized list item retains focus after scrolling or clicking on options,
+ * preventing unnecessary re-renders and loss of focus. If the current focus is on an interactive
+ * element (such as input, textarea, select, button, or contenteditable), the focus is not shifted.
+ * @param focused - Boolean indicating if the item should be focused.
+ * @returns A ref to be attached to the list item element.
  */
 export declare function useFocusVirtualListItem<T extends HTMLElement>(focused?: boolean): import("react").RefObject<T>;
 export default useFocusVirtualListItem;

package/esm/internals/hooks/useFocusVirtualListItem.js

@@ -2,19 +2,35 @@
 import { useRef, useEffect } from 'react';
 
 /**
- * Virtualized list loses focus when scrolling or clicking options, causing the component to re-render.
- * To solve this problem, we need to refocus on the selected option after the component is re-rendered.
+ * Ensures that a virtualized list item retains focus after scrolling or clicking on options,
+ * preventing unnecessary re-renders and loss of focus. If the current focus is on an interactive
+ * element (such as input, textarea, select, button, or contenteditable), the focus is not shifted.
+ * @param focused - Boolean indicating if the item should be focused.
+ * @returns A ref to be attached to the list item element.
  */
 export function useFocusVirtualListItem(focused) {
   var itemRef = useRef(null);
   useEffect(function () {
-    if (!focused) {
+    if (!focused || !itemRef.current) {
       return;
     }
-    if (document.activeElement !== itemRef.current) {
-      var _itemRef$current;
-      // Focus on the selected option.
-      (_itemRef$current = itemRef.current) === null || _itemRef$current === void 0 ? void 0 : _itemRef$current.focus();
+    var activeElement = document.activeElement;
+
+    // Helper function to determine if the element should retain focus
+    var isInteractiveElement = function isInteractiveElement(element) {
+      var tagName = element.tagName;
+      return tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT' || tagName === 'BUTTON' || element.isContentEditable || element.tabIndex >= 0 // Elements with tabindex are considered focusable
+      ;
+    };
+
+    // If the active element is an interactive one, don't shift focus.
+    if (activeElement && isInteractiveElement(activeElement)) {
+      return;
+    }
+
+    // If the currently focused element is not the target item, focus it.
+    if (activeElement !== itemRef.current) {
+      itemRef.current.focus();
     }
   }, [focused]);
   return itemRef;

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

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

package/esm/locales/hu_HU.d.ts

@@ -3,6 +3,8 @@ declare const _default: {
     common: {
         loading: string;
         emptyMessage: string;
+        remove: string;
+        clear: string;
     };
     Plaintext: {
         unfilled: string;

package/esm/locales/hu_HU.js

@@ -30,7 +30,9 @@ export default {
   code: 'hu-HU',
   common: {
     loading: 'Betöltés...',
-    emptyMessage: 'Nem található adat'
+    emptyMessage: 'Nem található adat',
+    remove: 'eltávolít',
+    clear: 'töröl'
   },
   Plaintext: {
     unfilled: 'Kitöltetlen',

package/internals/Picker/styles/mixin.less

@@ -38,7 +38,6 @@
       position: absolute;
       top: @padding-y;
       right: @padding-x;
-      padding: 3px;
       color: var(--rs-text-secondary);
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.72.0",
+  "version": "5.73.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@babel/runtime": "^7.20.1",
     "@juggle/resize-observer": "^3.4.0",
-    "@rsuite/icons": "^1.0.2",
+    "@rsuite/icons": "^1.2.0",
     "@types/lodash": "^4.14.184",
     "@types/prop-types": "^15.7.5",
     "@types/react-window": "^1.8.5",