@carbon/react 1.78.2 → 1.79.0-rc.0

package/es/components/Tag/DismissibleTag.js

@@ -119,8 +119,7 @@ DismissibleTag.propTypes = {
    */
   onClose: PropTypes.func,
   /**
-   * Optional prop to render a custom icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**

package/es/components/Tag/OperationalTag.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -33,8 +33,7 @@ export interface OperationalTagBaseProps {
      */
     id?: string;
     /**
-     * Optional prop to render a custom icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: React.ElementType;
     onClick?: MouseEventHandler;

package/es/components/Tag/OperationalTag.js

@@ -101,8 +101,7 @@ OperationalTag.propTypes = {
    */
   id: PropTypes.string,
   /**
-   * Optional prop to render a custom icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**

package/es/components/Tag/SelectableTag.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -22,8 +22,7 @@ export interface SelectableTagBaseProps {
      */
     id?: string;
     /**
-     * Optional prop to render a custom icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: React.ElementType;
     /**
@@ -65,8 +64,7 @@ declare const SelectableTag: {
          */
         id: PropTypes.Requireable<string>;
         /**
-         * Optional prop to render a custom icon.
-         * Can be a React component class
+         * A component used to render an icon.
          */
         renderIcon: PropTypes.Requireable<object>;
         /**

package/es/components/Tag/SelectableTag.js

@@ -98,8 +98,7 @@ SelectableTag.propTypes = {
    */
   id: PropTypes.string,
   /**
-   * Optional prop to render a custom icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**

package/es/components/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -58,8 +58,7 @@ export interface TagBaseProps {
      */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Optional prop to render a custom icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: React.ElementType;
     /**

package/es/components/Tag/Tag.js

@@ -176,8 +176,7 @@ Tag.propTypes = {
    */
   onClose: deprecate(PropTypes.func, 'The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
   /**
-   * Optional prop to render a custom icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**

package/es/components/Tile/Tile.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent, type ComponentType } from 'react';
+import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent } from 'react';
 export interface TileProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     className?: string;
@@ -53,11 +53,9 @@ export interface ClickableTileProps extends HTMLAttributes<HTMLAnchorElement> {
      */
     href?: string;
     /**
-     * Optional prop to allow overriding the icon rendering.
+     * A component used to render an icon.
      */
-    renderIcon?: ComponentType<{
-        className?: string;
-    }>;
+    renderIcon?: React.ElementType;
     /**
      * Specify the function to run when the ClickableTile is clicked
      */

package/es/components/Tile/Tile.js

@@ -11,6 +11,8 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { AiLabel, CheckboxCheckedFilled, Checkbox, ChevronDown, ArrowRight, Error } from '@carbon/icons-react';
 import Link from '../Link/Link.js';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
+import { matches } from '../../internal/keyboard/match.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { composeEventHandlers } from '../../tools/events.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -20,9 +22,7 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { useId } from '../../internal/useId.js';
 import '../Text/index.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
 const Tile = /*#__PURE__*/React__default.forwardRef(function Tile(_ref, ref) {
@@ -201,8 +201,7 @@ ClickableTile.propTypes = {
    */
   rel: PropTypes.string,
   /**
-   * Optional prop to allow overriding the icon rendering.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   // @ts-expect-error: Invalid derived prop type, seemingly no real solution.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
@@ -245,22 +244,29 @@ const SelectableTile = /*#__PURE__*/React__default.forwardRef(function Selectabl
     if (normalizedDecorator && decoratorRef.current && decoratorRef.current.contains(evt.target)) {
       return;
     }
-    setIsSelected(!isSelected);
+    setIsSelected(prevSelected => {
+      const newSelected = !prevSelected;
+      onChange(evt, newSelected, id);
+      return newSelected;
+    });
     clickHandler(evt);
-    onChange(evt, isSelected, id);
   }
   function handleKeyDown(evt) {
     evt?.persist?.();
     if (matches(evt, [Enter, Space])) {
       evt.preventDefault();
-      setIsSelected(!isSelected);
-      onChange(evt, isSelected, id);
+      setIsSelected(prevSelected => {
+        const newSelected = !prevSelected;
+        onChange(evt, newSelected, id);
+        return newSelected;
+      });
     }
     keyDownHandler(evt);
   }
   function handleChange(event) {
-    setIsSelected(event.target.checked);
-    onChange(event, isSelected, id);
+    const newSelected = event.target.checked;
+    setIsSelected(newSelected);
+    onChange(event, newSelected, id);
   }
   if (selected !== prevSelected) {
     setIsSelected(selected);

package/es/components/Toggletip/index.js

@@ -10,11 +10,11 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useContext } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Escape } from '../../internal/keyboard/keys.js';
 
 /**
  * Used to render the label for a Toggletip

package/es/components/Tooltip/DefinitionTooltip.js

@@ -10,11 +10,11 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useState } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { useFallbackId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Escape } from '../../internal/keyboard/keys.js';
 
 const DefinitionTooltip = _ref => {
   let {

package/es/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Tooltip/Tooltip.js

@@ -10,13 +10,13 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useCallback, useEffect } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
+import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { useDelayedState } from '../../internal/useDelayedState.js';
 import { useId } from '../../internal/useId.js';
 import { useNoInteractiveChildren } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
 
 /**
  * Event types that trigger a "drag" to stop.

package/es/components/TreeView/TreeNode.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -62,8 +62,7 @@ export type TreeNodeProps = {
      */
     onTreeSelect?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
     /**
-     * Optional prop to allow each node to have an associated icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**
@@ -137,8 +136,7 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
      */
     onTreeSelect?: (event: React.MouseEvent, node?: TreeNodeProps) => void;
     /**
-     * Optional prop to allow each node to have an associated icon.
-     * Can be a React component class
+     * A component used to render an icon.
      */
     renderIcon?: ComponentType | FunctionComponent;
     /**

package/es/components/TreeView/TreeNode.js

@@ -10,12 +10,12 @@ import { CaretDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useEffect } from 'react';
+import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
+import { matches, match } from '../../internal/keyboard/match.js';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
-import { matches, match } from '../../internal/keyboard/match.js';
-import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
 
 const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, forwardedRef) => {
   let {
@@ -400,8 +400,7 @@ TreeNode.propTypes = {
    */
   onTreeSelect: PropTypes.func,
   /**
-   * Optional prop to allow each node to have an associated icon.
-   * Can be a React component class
+   * A component used to render an icon.
    */
   // @ts-ignore
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),

package/es/components/TreeView/TreeView.js

@@ -9,13 +9,13 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useEffect } from 'react';
+import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
+import { matches, match } from '../../internal/keyboard/match.js';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import TreeNode from './TreeNode.js';
-import { matches, match } from '../../internal/keyboard/match.js';
-import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
 
 const TreeView = _ref => {
   let {

package/es/components/UIShell/HeaderContainer.js

@@ -8,9 +8,9 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { useState, useCallback } from 'react';
-import { useWindowEvent } from '../../internal/useEvent.js';
-import { match } from '../../internal/keyboard/match.js';
 import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
+import { useWindowEvent } from '../../internal/useEvent.js';
 
 function HeaderContainer(_ref) {
   let {

package/es/components/UIShell/HeaderMenu.js

@@ -10,12 +10,12 @@ import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
+import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
+import { matches } from '../../internal/keyboard/match.js';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { composeEventHandlers } from '../../tools/events.js';
-import { matches } from '../../internal/keyboard/match.js';
-import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
 
 /**
  * `HeaderMenu` is used to render submenu's in the `Header`. Most often children

package/es/components/UIShell/HeaderPanel.js

@@ -10,10 +10,10 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Escape } from '../../internal/keyboard/keys.js';
 
 const noopFn = () => {};
 const HeaderPanel = /*#__PURE__*/React__default.forwardRef(function HeaderPanel(_ref, ref) {

package/es/components/UIShell/SideNav.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/UIShell/SideNav.js

@@ -12,13 +12,13 @@ import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { CARBON_SIDENAV_ITEMS } from './_utils.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { Tab, Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { useDelayedState } from '../../internal/useDelayedState.js';
 import { breakpoints } from '@carbon/layout';
 import { useMatchMedia } from '../../internal/useMatchMedia.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Tab, Escape } from '../../internal/keyboard/keys.js';
 
 // TO-DO: comment back in when footer is added for rails
 // import SideNavFooter from './SideNavFooter';

package/es/components/UIShell/SideNavHeader.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -20,8 +20,7 @@ export interface SideNavHeaderProps {
      */
     isSideNavExpanded?: boolean;
     /**
-     * Provide an icon to render in the header of the side navigation. Should be
-     * a React class.
+     * A component used to render an icon.
      */
     renderIcon: React.ComponentType;
 }

package/es/components/UIShell/SideNavHeader.js

@@ -39,8 +39,7 @@ SideNavHeader.propTypes = {
    */
   isSideNavExpanded: PropTypes.bool,
   /**
-   * Provide an icon to render in the header of the side navigation. Should be
-   * a React class.
+   * A component used to render an icon.
    */
   // @ts-expect-error - PropTypes are unable to cover this case.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired

package/es/components/UIShell/SideNavLink.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -37,7 +37,7 @@ export type SideNavLinkProps<E extends ElementType> = LinkProps<E> & {
      */
     large?: boolean;
     /**
-     * Provide an icon to render in the side navigation link. Should be a React class.
+     * A component used to render an icon.
      */
     renderIcon?: ComponentType;
     /**

package/es/components/UIShell/SideNavLink.js

@@ -69,7 +69,7 @@ SideNavLink.propTypes = {
    */
   large: PropTypes.bool,
   /**
-   * Provide an icon to render in the side navigation link. Should be a React class.
+   * A component used to render an icon.
    */
   // @ts-expect-error - PropTypes are unable to cover this case.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),

package/es/components/UIShell/SideNavMenu.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -27,7 +27,7 @@ export interface SideNavMenuProps {
      */
     large?: boolean;
     /**
-     * A custom icon to render next to the SideNavMenu title. This can be a function returning JSX or JSX itself.
+     * A component used to render an icon.
      */
     renderIcon?: React.ComponentType;
     /**

package/es/components/UIShell/SideNavMenu.js

@@ -10,10 +10,10 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useContext, useState } from 'react';
 import SideNavIcon from './SideNavIcon.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { SideNavContext } from './SideNav.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Escape } from '../../internal/keyboard/keys.js';
 
 var _ChevronDown;
 const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(_ref, ref) {
@@ -110,7 +110,7 @@ SideNavMenu.propTypes = {
    */
   large: PropTypes.bool,
   /**
-   * Pass in a custom icon to render next to the `SideNavMenu` title
+   * A component used to render an icon.
    */
   // @ts-expect-error - PropTypes are unable to cover this case.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),

package/es/components/UIShell/SwitcherItem.js

@@ -11,9 +11,9 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { Link } from './Link.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
-import { match } from '../../internal/keyboard/match.js';
 import { ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
+import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 
 const SwitcherItem = /*#__PURE__*/forwardRef(function SwitcherItem(props, forwardRef) {
   const {

package/es/index.js

@@ -207,6 +207,7 @@ export { default as unstable_PageSelector } from './components/Pagination/experi
 export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
 export { default as ContainedListItem } from './components/ContainedList/ContainedListItem/ContainedListItem.js';
 export { default as ContainedList } from './components/ContainedList/ContainedList.js';
+export { default as MultiSelect } from './components/MultiSelect/MultiSelect.js';
 export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { default as TextInputSkeleton } from './components/TextInput/TextInput.Skeleton.js';
 export { default as TextInput } from './components/TextInput/TextInput.js';
@@ -238,4 +239,3 @@ export { default as TableToolbarContent } from './components/DataTable/TableTool
 export { default as TableToolbarSearch } from './components/DataTable/TableToolbarSearch.js';
 export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';
 export { default as FilterableMultiSelect } from './components/MultiSelect/FilterableMultiSelect.js';
-export { default as MultiSelect } from './components/MultiSelect/MultiSelect.js';

package/es/internal/FloatingMenu.d.ts

@@ -10,8 +10,8 @@ export declare const DIRECTION_TOP = "top";
 export declare const DIRECTION_RIGHT = "right";
 export declare const DIRECTION_BOTTOM = "bottom";
 export interface Offset {
-    top?: number;
-    left?: number;
+    top: number;
+    left: number;
 }
 interface Container {
     rect: DOMRect;

package/es/internal/FloatingMenu.js

@@ -9,13 +9,13 @@ import React__default, { useContext, useState, useRef, useCallback, useEffect, c
 import * as FeatureFlags from '@carbon/feature-flags';
 import ReactDOM from 'react-dom';
 import window from 'window-or-global';
-import OptimizedResize from './OptimizedResize.js';
+import { Tab } from './keyboard/keys.js';
+import { match } from './keyboard/match.js';
 import { selectorTabbable, selectorFocusable } from './keyboard/navigation.js';
+import { OptimizedResize } from './OptimizedResize.js';
 import { PrefixContext } from './usePrefix.js';
 import { warning } from './warning.js';
 import wrapFocus, { wrapFocusWithoutSentinels } from './wrapFocus.js';
-import { match } from './keyboard/match.js';
-import { Tab } from './keyboard/keys.js';
 
 const DIRECTION_LEFT = 'left';
 const DIRECTION_TOP = 'top';
@@ -83,7 +83,10 @@ const FloatingMenu = _ref2 => {
     flipped,
     focusTrap,
     menuDirection = DIRECTION_BOTTOM,
-    menuOffset = {},
+    menuOffset = {
+      top: 0,
+      left: 0
+    },
     menuRef: externalMenuRef,
     onPlace,
     selectorPrimaryFocus,
@@ -205,7 +208,7 @@ const FloatingMenu = _ref2 => {
       updateMenuPosition();
     });
     return () => {
-      resizeHandler.release();
+      resizeHandler.remove();
     };
   }, [triggerRef, menuOffset, menuDirection, flipped, target, updateOrientation]);
 

package/es/internal/OptimizedResize.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright IBM Corp. 2016, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * A callback function to be executed on `resize`.
+ */
+type Callback = () => void;
+export declare const OptimizedResize: {
+    /** Adds a callback function to be executed on window `resize`. */
+    add: (callback: Callback) => {
+        /** Removes the callback. */
+        remove: () => void;
+    };
+};
+export {};