rsuite 5.72.0 → 5.73.0

package/esm/Calendar/CalendarContainer.js

@@ -4,7 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "className", "classPrefix", "calendarDate", "dateRange", "disabledBackward", "defaultState", "disabledForward", "format", "hoverRangeValue", "inline", "isoWeek", "weekStart", "targetId", "limitEndYear", "limitStartYear", "locale", "monthDropdownProps", "showMeridiem", "showWeekNumbers", "cellClassName", "disabledDate", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderCell", "renderCellOnPicker", "renderTitle", "renderToolbar"];
 import React, { useMemo } from 'react';
 import pick from 'lodash/pick';
-import MonthDropdown from "./MonthDropdown.js";
+import MonthDropdown from "./MonthDropdown/index.js";
 import TimeDropdown from "./TimeDropdown/index.js";
 import CalendarBody from "./CalendarBody.js";
 import CalendarHeader from "./CalendarHeader.js";

package/esm/Calendar/CalendarHeader.js

@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "className", "classPrefix", "disabledBackward", "disabledForward", "showDate", "showMonth", "showTime", "disabledTime", "onMoveBackward", "onMoveForward", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderTitle", "renderToolbar"];
 import React, { useMemo } from 'react';
-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 IconButton from "../IconButton/index.js";
 import Button from "../Button/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
@@ -88,7 +88,7 @@ var CalendarHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-label": "Previous month",
     className: backwardClass,
     onClick: disabledBackward ? undefined : onMoveBackward,
-    icon: /*#__PURE__*/React.createElement(AngleLeftIcon, null)
+    icon: /*#__PURE__*/React.createElement(PagePreviousIcon, null)
   })), /*#__PURE__*/React.createElement(Button, _extends({}, btnProps, {
     "aria-label": "Select month",
     id: targetId ? targetId + "-grid-label" : undefined,
@@ -98,7 +98,7 @@ var CalendarHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-label": "Next month",
     className: forwardClass,
     onClick: disabledForward ? undefined : onMoveForward,
-    icon: /*#__PURE__*/React.createElement(AngleRightIcon, null)
+    icon: /*#__PURE__*/React.createElement(PageNextIcon, null)
   })));
   var hasMonth = showDate || showMonth;
   var classes = merge(className, withClassPrefix({

package/esm/Calendar/{MonthDropdown.d.ts → MonthDropdown/MonthDropdown.d.ts}

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
 export interface MonthDropdownProps extends WithAsProps {
     show?: boolean;
     limitStartYear?: number;
@@ -7,6 +7,5 @@ export interface MonthDropdownProps extends WithAsProps {
     width?: number;
     disabledMonth?: (date: Date) => boolean;
 }
-export declare function isEveryDateInMonth(year: number, month: number, predicate: (date: Date) => boolean): boolean;
 declare const MonthDropdown: RsRefForwardingComponent<'div', MonthDropdownProps>;
 export default MonthDropdown;

package/esm/Calendar/{MonthDropdown.js → MonthDropdown/MonthDropdown.js}

@@ -4,21 +4,17 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"],
   _excluded2 = ["className", "itemClassName", "as", "itemAs"];
 import React, { useCallback, useMemo } from 'react';
-import { getDaysInMonth, getMonth, getYear } from "../internals/utils/date/index.js";
-import { AutoSizer, FixedSizeList } from "../internals/Windowing/index.js";
-import { useClassNames } from "../internals/hooks/index.js";
+import { getMonth, getYear } from "../../internals/utils/date/index.js";
+import { AutoSizer, FixedSizeList } from "../../internals/Windowing/index.js";
+import { useClassNames } from "../../internals/hooks/index.js";
 import MonthDropdownItem from "./MonthDropdownItem.js";
-import { useCalendar } from "./hooks/index.js";
-var monthMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-export function isEveryDateInMonth(year, month, predicate) {
-  var days = getDaysInMonth(new Date(year, month));
-  for (var i = 1; i <= days; i++) {
-    if (!predicate(new Date(year, month, i))) {
-      return false;
-    }
-  }
-  return true;
-}
+import { useCalendar } from "../hooks/index.js";
+import { isEveryDateInMonth } from "../utils/index.js";
+// Array representing the index of each month
+var MONTHS_INDEX = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+
+// The height of each item
+var ITEM_SIZE = 108;
 var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -86,7 +82,7 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       role: "rowheader"
     }, year), /*#__PURE__*/React.createElement("div", {
       className: prefix('list')
-    }, monthMap.map(function (item, month) {
+    }, MONTHS_INDEX.map(function (item, month) {
       return /*#__PURE__*/React.createElement(MonthDropdownItem, {
         disabled: isMonthDisabled(year, month),
         active: isSelectedYear && month === selectedMonth,
@@ -99,9 +95,8 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix(), {
     show: show
   });
-  var itemSize = 75;
   var initialItemIndex = getYear(date) - startYear;
-  var initialScrollOffset = itemSize * initialItemIndex;
+  var initialScrollOffset = ITEM_SIZE * initialItemIndex;
   if (!show) {
     return null;
   }
@@ -125,7 +120,7 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: merge(prefix('row-wrapper'), listClassName),
       width: width || defaultWidth,
       height: height || defaultHeight,
-      itemSize: itemSize,
+      itemSize: ITEM_SIZE,
       itemCount: rowCount,
       initialScrollOffset: initialScrollOffset,
       innerElementType: List

package/esm/Calendar/{MonthDropdownItem.d.ts → MonthDropdown/MonthDropdownItem.d.ts}

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
 export interface MonthDropdownItemProps extends WithAsProps {
     month?: number;
     year?: number;

package/esm/Calendar/{MonthDropdownItem.js → MonthDropdown/MonthDropdownItem.js}

@@ -3,11 +3,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "className", "classPrefix", "active", "disabled", "month", "year"];
 import React, { useMemo } from 'react';
-import { setMonth, setYear } from "../internals/utils/date/index.js";
-import { useClassNames, useCustom, useEventCallback } from "../internals/hooks/index.js";
-import { composeFunctions } from "../internals/utils/index.js";
-import { useCalendar } from "./hooks/index.js";
-import { getAriaLabel } from "./utils/index.js";
+import { setMonth, setYear } from "../../internals/utils/date/index.js";
+import { useClassNames, useCustom, useEventCallback } from "../../internals/hooks/index.js";
+import { composeFunctions } from "../../internals/utils/index.js";
+import { useCalendar } from "../hooks/index.js";
+import { getAriaLabel } from "../utils/index.js";
 var MonthDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -65,7 +65,7 @@ var MonthDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: handleClick
   }, rest), /*#__PURE__*/React.createElement("span", {
     className: prefix('content')
-  }, month));
+  }, formatDate(currentMonth, 'MMM')));
 });
 MonthDropdownItem.displayName = 'MonthDropdownItem';
 export default MonthDropdownItem;

package/esm/Calendar/MonthDropdown/index.d.ts

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

package/esm/Calendar/MonthDropdown/index.js

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

package/esm/Calendar/utils/index.d.ts

@@ -1 +1,2 @@
 export { getAriaLabel } from './getAriaLabel';
+export { isEveryDateInMonth } from './isEveryDateInMonth';

package/esm/Calendar/utils/index.js

@@ -1,2 +1,3 @@
 'use client';
-export { getAriaLabel } from "./getAriaLabel.js";
+export { getAriaLabel } from "./getAriaLabel.js";
+export { isEveryDateInMonth } from "./isEveryDateInMonth.js";

package/esm/Calendar/utils/isEveryDateInMonth.d.ts

@@ -0,0 +1 @@
+export declare function isEveryDateInMonth(year: number, month: number, predicate: (date: Date) => boolean): boolean;

package/esm/Calendar/utils/isEveryDateInMonth.js

@@ -0,0 +1,11 @@
+'use client';
+import { getDaysInMonth } from "../../internals/utils/date/index.js";
+export function isEveryDateInMonth(year, month, predicate) {
+  var days = getDaysInMonth(new Date(year, month));
+  for (var i = 1; i <= days; i++) {
+    if (!predicate(new Date(year, month, i))) {
+      return false;
+    }
+  }
+  return true;
+}

package/esm/CascadeTree/TreeView.js

@@ -9,8 +9,8 @@ import isNil from 'lodash/isNil';
 import { shallowEqual, mergeRefs } from "../internals/utils/index.js";
 import { useClassNames, useCustom, useEventCallback } from "../internals/hooks/index.js";
 import { ListItem, useCombobox } from "../internals/Picker/index.js";
-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 getPosition from 'dom-lib/getPosition';
 import scrollTop from 'dom-lib/scrollTop';
 var emptyArray = [];
@@ -110,7 +110,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 = loading ? SpinnerIcon : rtl ? AngleLeftIcon : AngleRightIcon;
+    var Icon = loading ? SpinnerIcon : rtl ? PagePreviousIcon : PageNextIcon;
     return /*#__PURE__*/React.createElement(ListItem, {
       as: 'li',
       role: "treeitem",

package/esm/CustomProvider/CustomProvider.d.ts

@@ -102,14 +102,38 @@ export interface CustomValue<T = Locale> {
     disableRipple?: boolean;
 }
 export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>> {
-    /** Supported themes */
+    /**
+     * Supported themes
+     */
     theme?: 'light' | 'dark' | 'high-contrast';
-    /** The prefix of the component CSS class */
+    /**
+     * The prefix of the component CSS class
+     */
     classPrefix?: string;
-    /** Primary content */
+    /**
+     * The prefix of the icon CSS class
+     */
+    iconClassPrefix?: string;
+    /**
+     * Primary content
+     */
     children?: React.ReactNode;
-    /** Sets a container for toast rendering */
+    /**
+     * Sets a container for toast rendering
+     */
     toastContainer?: HTMLElement | (() => HTMLElement | null) | null;
+    csp?: {
+        /**
+         * Content Security Policy nonce
+         * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce
+         */
+        nonce?: string;
+    };
+    /**
+     * Disable inline styles
+     * @default false
+     */
+    disableInlineStyles?: boolean;
 }
 declare const CustomContext: React.Context<CustomProviderProps<{
     code?: string | undefined;
@@ -149,9 +173,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         hours: string;
         minutes: string;
         seconds: string;
-        formattedMonthPattern: string; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
+        formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
         shortTimeFormat: string;
@@ -172,9 +194,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         hours: string;
         minutes: string;
         seconds: string;
-        formattedMonthPattern: string; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
+        formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
         shortTimeFormat: string;
@@ -196,9 +216,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         hours: string;
         minutes: string;
         seconds: string;
-        formattedMonthPattern: string; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
+        formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
         shortTimeFormat: string;

package/esm/CustomProvider/CustomProvider.js

@@ -1,8 +1,9 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "classPrefix", "theme", "toastContainer", "disableRipple"];
-import React from 'react';
+var _excluded = ["children", "classPrefix", "iconClassPrefix", "theme", "toastContainer", "disableRipple", "csp", "disableInlineStyles"];
+import React, { useRef, useMemo } from 'react';
+import IconProvider from '@rsuite/icons/IconProvider';
 import { usePortal, useIsomorphicLayoutEffect } from "../internals/hooks/index.js";
 import { getClassNamePrefix, prefix } from "../internals/utils/prefix.js";
 import { addClass, removeClass, canUseDOM } from "../DOMHelper/index.js";
@@ -19,17 +20,21 @@ var CustomProvider = function CustomProvider(props) {
   var children = props.children,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? getClassNamePrefix() : _props$classPrefix,
+    _props$iconClassPrefi = props.iconClassPrefix,
+    iconClassPrefix = _props$iconClassPrefi === void 0 ? classPrefix : _props$iconClassPrefi,
     theme = props.theme,
     container = props.toastContainer,
     disableRipple = props.disableRipple,
+    csp = props.csp,
+    disableInlineStyles = props.disableInlineStyles,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var toasters = React.useRef(new Map());
+  var toasters = useRef(new Map());
   var _usePortal = usePortal({
       container: container,
       waitMount: true
     }),
     Portal = _usePortal.Portal;
-  var value = React.useMemo(function () {
+  var value = useMemo(function () {
     return _extends({
       classPrefix: classPrefix,
       theme: theme,
@@ -37,6 +42,13 @@ var CustomProvider = function CustomProvider(props) {
       disableRipple: disableRipple
     }, rest);
   }, [classPrefix, theme, disableRipple, rest]);
+  var iconContext = useMemo(function () {
+    return {
+      classPrefix: iconClassPrefix,
+      csp: csp,
+      disableInlineStyles: disableInlineStyles
+    };
+  }, [iconClassPrefix, csp, disableInlineStyles]);
   useIsomorphicLayoutEffect(function () {
     if (canUseDOM && theme) {
       addClass(document.body, prefix(classPrefix, "theme-" + theme));
@@ -51,8 +63,10 @@ var CustomProvider = function CustomProvider(props) {
   }, [classPrefix, theme]);
   return /*#__PURE__*/React.createElement(CustomContext.Provider, {
     value: value
+  }, /*#__PURE__*/React.createElement(IconProvider, {
+    value: iconContext
   }, children, /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
-    className: "rs-toast-provider"
+    className: classPrefix + "toast-provider"
   }, toastPlacements.map(function (placement) {
     return /*#__PURE__*/React.createElement(ToastContainer, {
       key: placement,
@@ -61,7 +75,7 @@ var CustomProvider = function CustomProvider(props) {
         toasters.current.set(placement, _ref);
       }
     });
-  }))));
+  })))));
 };
 export { CustomContext };
 export default CustomProvider;

package/esm/DatePicker/DatePicker.js

@@ -8,10 +8,11 @@ import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import mapValues from 'lodash/mapValues';
 import pick from 'lodash/pick';
-import IconCalendar from '@rsuite/icons/legacy/Calendar';
+import CalendarIcon from '@rsuite/icons/Calendar';
 import TimeIcon from '@rsuite/icons/Time';
 import CalendarContainer from "../Calendar/CalendarContainer.js";
 import { useCalendarDate } from "../Calendar/hooks/index.js";
+import { isEveryDateInMonth } from "../Calendar/utils/index.js";
 import Toolbar from "./Toolbar.js";
 import Stack from "../Stack/index.js";
 import PredefinedRanges from "./PredefinedRanges.js";
@@ -20,7 +21,6 @@ import InputGroup from "../InputGroup/index.js";
 import useMonthView from "./hooks/useMonthView.js";
 import useFocus from "./hooks/useFocus.js";
 import useCustomizedInput from "./hooks/useCustomizedInput.js";
-import { isEveryDateInMonth } from "../Calendar/MonthDropdown.js";
 import { mergeRefs, partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
 import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
 import { isValid, copyTime, disableTime, DateMode, useDateMode, calendarOnlyProps } from "../internals/utils/date/index.js";
@@ -441,7 +441,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (caretAsProp === null) {
       return null;
     }
-    return caretAsProp || (mode === DateMode.Time ? TimeIcon : IconCalendar);
+    return caretAsProp || (mode === DateMode.Time ? TimeIcon : CalendarIcon);
   }, [caretAsProp, mode]);
   var handleTriggerClose = useEventCallback(function (cause) {
     var _props$onClose;

package/esm/DateRangePicker/DateRangePicker.js

@@ -9,7 +9,7 @@ import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import PropTypes from 'prop-types';
-import IconCalendar from '@rsuite/icons/legacy/Calendar';
+import CalendarIcon from '@rsuite/icons/Calendar';
 import TimeIcon from '@rsuite/icons/Time';
 import Toolbar from "../DatePicker/Toolbar.js";
 import PredefinedRanges from "../DatePicker/PredefinedRanges.js";
@@ -745,7 +745,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (caretAsProp === null) {
       return null;
     }
-    return caretAsProp || (onlyShowTime ? TimeIcon : IconCalendar);
+    return caretAsProp || (onlyShowTime ? TimeIcon : CalendarIcon);
   }, [caretAsProp, onlyShowTime]);
   var isErrorValue = function isErrorValue(value) {
     if (!value) {

package/esm/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import DropdownMenu from './DropdownMenu';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import DropdownItem from './DropdownItem';
 import Button from '../Button';
 import DropdownSeparator from './DropdownSeparator';

package/esm/Dropdown/DropdownItem.d.ts

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

package/esm/Dropdown/DropdownMenu.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 DropdownMenuProps<T = string> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/esm/Dropdown/DropdownMenu.js

@@ -18,8 +18,8 @@ import { oneOf } from "../internals/propTypes/index.js";
 import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import { mergeRefs, warnOnce } 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 DropdownContext from "./DropdownContext.js";
 import Nav from "../Nav/index.js";
 import NavContext from "../Nav/NavContext.js";
@@ -108,7 +108,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     icon = _omit.icon,
     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/Dropdown/DropdownToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '../Button';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../internals/types';
 export interface DropdownToggleProps extends WithAsProps {
     icon?: React.ReactElement<IconProps>;

package/esm/FormHelpText/FormHelpText.js

@@ -8,7 +8,7 @@ import Tooltip from "../Tooltip/index.js";
 import Whisper from "../Whisper/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useFormGroup } from "../FormGroup/index.js";
-import HelpIcon from '@rsuite/icons/legacy/HelpO';
+import HelpOutlineIcon from '@rsuite/icons/HelpOutline';
 /**
  * The `<Form.HelpText>` component is used to display help information in the form.
  * @see https://rsuitejs.com/components/form/
@@ -43,7 +43,7 @@ var FormHelpText = /*#__PURE__*/React.forwardRef(function (props, ref) {
       role: "img",
       "aria-label": "help",
       className: classes
-    }, /*#__PURE__*/React.createElement(HelpIcon, {
+    }, /*#__PURE__*/React.createElement(HelpOutlineIcon, {
       "aria-hidden": true
     })));
   }

package/esm/IconButton/IconButton.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 } from '../internals/types';
 import Button, { ButtonProps } from '../Button';
 export interface IconButtonProps extends ButtonProps {

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 */