@carbon/react 1.92.0 → 1.93.0-rc.0

package/lib/components/Tooltip/Tooltip.js

@@ -24,7 +24,7 @@ var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
  * Event types that trigger a "drag" to stop.
  */
 const DRAG_STOP_EVENT_TYPES = new Set(['mouseup', 'touchend', 'touchcancel']);
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Tooltip = /*#__PURE__*/React.forwardRef(({
   as,
   align = 'top',
@@ -72,7 +72,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
     'aria-describedby': describedBy
   };
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   function getChildEventHandlers(childProps) {
     const eventHandlerFunctions = Object.keys(triggerProps).filter(prop => prop.startsWith('on'));
     const eventHandlers = {};
@@ -161,7 +161,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
   }, [isDragging, onDragStop]);
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     React.createElement(index.Popover, _rollupPluginBabelHelpers.extends({
       as: as,
       ref: ref

package/lib/components/TreeView/TreeNode.js

@@ -76,11 +76,11 @@ const useEllipsisCheck = (label, detailsWrapperRef) => {
       cancelAnimationFrame(animationFrameId);
       if (resizeObserver) {
         if (labelTextRef.current) {
-          // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+          // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
           resizeObserver.unobserve(labelTextRef.current);
         }
         if (detailsWrapperRef.current) {
-          // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+          // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
           resizeObserver.unobserve(detailsWrapperRef.current);
         }
         resizeObserver.disconnect();
@@ -132,7 +132,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
   } = useEllipsisCheck(label, detailsWrapperRef);
   const enableTreeviewControllable = index.useFeatureFlag('enable-treeview-controllable');
 
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     current: id
   } = React.useRef(nodeId || useId.useId());
@@ -377,7 +377,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
     ref: currentNodeLabel
   }, children &&
   /*#__PURE__*/
-  // eslint-disable-next-line  jsx-a11y/no-static-element-interactions , jsx-a11y/click-events-have-key-events -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  jsx-a11y/no-static-element-interactions , jsx-a11y/click-events-have-key-events -- https://github.com/carbon-design-system/carbon/issues/20452
   React.createElement("span", {
     className: `${prefix}--tree-parent-node__toggle`,
     onClick: handleToggleClick
@@ -478,14 +478,14 @@ TreeNode.propTypes = {
   /**
    * A component used to render an icon.
    */
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
   // @ts-ignore
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * Array containing all selected node IDs in the tree
    */
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
   // @ts-ignore
   selected: deprecate.deprecate(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), 'The `selected` prop for `TreeNode` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
   /**

package/lib/components/TreeView/TreeView.js

@@ -37,13 +37,13 @@ const TreeView = ({
 }) => {
   const enableTreeviewControllable = index.useFeatureFlag('enable-treeview-controllable');
 
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     current: treeId
   } = React.useRef(rest.id || useId.useId());
   const prefix = usePrefix.usePrefix();
   const treeClasses = cx(className, `${prefix}--tree`, {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
     // @ts-ignore - will always be false according to prop types
 
     [`${prefix}--tree--${size}`]: size !== 'default'
@@ -70,7 +70,7 @@ const TreeView = ({
     });
   }
 
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   function handleTreeSelect(event, node) {
     const nodeId = node.id;
     if (nodeId) {
@@ -119,7 +119,7 @@ const TreeView = ({
     if (match.match(event, keys.ArrowDown)) {
       nextFocusNode = treeWalker.current.nextNode();
     }
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
     // @ts-ignore - `matches` doesn't like the object syntax without missing properties
     if (match.matches(event, [keys.Home, keys.End, {
       code: 'KeyA'
@@ -136,7 +136,7 @@ const TreeView = ({
           }
         }
       }
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
       // @ts-ignore - `matches` doesn't like the object syntax without missing properties
       if (match.match(event, {
         code: 'KeyA'

package/lib/components/UIShell/HeaderContainer.js

@@ -32,7 +32,7 @@ function HeaderContainer({
     setIsSideNavExpandedState(prevIsSideNavExpanded => !prevIsSideNavExpanded);
   }, [setIsSideNavExpandedState]);
   return /*#__PURE__*/React.createElement(Children
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   , _rollupPluginBabelHelpers.extends({}, rest, {
     isSideNavExpanded: isSideNavExpandedState,
     onClickSideNavExpand: handleHeaderMenuButtonClick

package/lib/components/UIShell/HeaderMenu.js

@@ -124,7 +124,7 @@ const HeaderMenu = frFn((props, ref) => {
    */
   const renderMenuItem = (item, index) => {
     if (/*#__PURE__*/React.isValidElement(item)) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       return /*#__PURE__*/React.cloneElement(item, {
         ref: handleItemRef(index)
       });

package/lib/components/UIShell/Link.js

@@ -21,11 +21,11 @@ const LinkBase = ({
   as: BaseComponent,
   // Captured here to prevent it from being passed into the created element.
   // See https://github.com/carbon-design-system/carbon/issues/3970
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   isSideNavExpanded: _isSideNavExpanded,
   ...rest
 }, ref) => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
   return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
     ref: ref

package/lib/components/UIShell/SideNavItems.js

@@ -25,7 +25,7 @@ const SideNavItems = ({
   const childrenWithExpandedState = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       const childDisplayName = child.type?.displayName;
       return /*#__PURE__*/React.cloneElement(child, {
         ...(_utils.CARBON_SIDENAV_ITEMS.includes(childDisplayName) ? {

package/lib/components/UIShell/Switcher.js

@@ -59,7 +59,7 @@ const Switcher = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
           if (direction === 1) {
             return enabledIndices[1];
           }
-        // eslint-disable-next-line   no-fallthrough -- https://github.com/carbon-design-system/carbon/issues/20071
+        // eslint-disable-next-line   no-fallthrough -- https://github.com/carbon-design-system/carbon/issues/20452
         default:
           return enabledIndices[nextIndex];
       }

package/lib/components/UIShell/SwitcherItem.js

@@ -73,7 +73,7 @@ const SwitcherItem = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
     href: href,
     target: target,
     rel: rel
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     ,
     ref: forwardRef
   }, rest, {

package/lib/index.d.ts

@@ -245,7 +245,7 @@ export type { ListBoxFieldProps } from './components/ListBox/ListBoxField';
 export type { ListBoxMenuProps } from './components/ListBox/ListBoxMenu';
 export type { ListBoxMenuItemProps } from './components/ListBox/ListBoxMenuItem';
 export type { ListBoxMenuIconProps } from './components/ListBox/ListBoxMenuIcon';
-export type { ListBoxMenuIconTranslationKey } from './components/ListBox/ListBoxMenuIcon';
+export type { ListBoxMenuIconTranslationKey, ListBoxSelectionTranslationKey, } from './components/ListBox';
 export type { ListBoxMenuIconComponent } from './components/ListBox/ListBoxMenuIcon';
 export type { ListBoxSelectionProps } from './components/ListBox/ListBoxSelection';
 export type { ListItemProps } from './components/ListItem/ListItem';

package/lib/internal/FloatingMenu.js

@@ -219,7 +219,7 @@ const FloatingMenu = ({
       }
       placeInProgressRef.current = false;
     }
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [floatingPosition, onPlace]);
 
   // Attach a resize listener.
@@ -230,13 +230,13 @@ const FloatingMenu = ({
     return () => {
       resizeHandler.remove();
     };
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [triggerRef, menuOffset, menuDirection, flipped, target, updateOrientation]);
 
   // Update menu position when key props change.
   React.useEffect(() => {
     updateMenuPosition();
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [menuOffset, menuDirection, flipped, triggerRef, target, updateOrientation]);
 
   /**
@@ -300,7 +300,7 @@ const FloatingMenu = ({
     const portalTarget = target ? target() : document.body;
     return /*#__PURE__*/ReactDOM.createPortal(
     /*#__PURE__*/
-    // eslint-disable-next-line  jsx-a11y/no-static-element-interactions  -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  jsx-a11y/no-static-element-interactions  -- https://github.com/carbon-design-system/carbon/issues/20452
     React.createElement("div", {
       onBlur: focusTrap && !focusTrapWithoutSentinels ? handleBlur : undefined,
       onKeyDown: focusTrapWithoutSentinels ? handleKeyDown : undefined

package/lib/internal/Selection.js

@@ -44,7 +44,7 @@ const useSelection = ({
   const savedOnChange = React.useRef(onChange);
   const [uncontrolledItems, setUncontrolledItems] = React.useState(initialSelectedItems);
   const isControlled = !!controlledItems;
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
   const selectedItems = isControlled ? controlledItems : uncontrolledItems;
   const onItemChange = React.useCallback(item => {
     if (disabled) return;
@@ -52,20 +52,20 @@ const useSelection = ({
     // Assert special properties (e.g., `disabled`, `isSelectAll`, etc.) are
     // `any` since those properties aren’t part of the generic type.
     const allSelectableItems = filteredItems.filter(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     item => !item?.disabled && !item?.isSelectAll);
     const disabledItemCount = filteredItems.filter(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     item => item?.disabled).length;
     let newSelectedItems;
 
     // deselect all on click to All/indeterminate option
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     if (item?.isSelectAll && selectedItems.length > 0) {
       newSelectedItems = [];
     }
     // select all options
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     else if (item?.isSelectAll && selectedItems.length === 0) {
       newSelectedItems = allSelectableItems;
     } else {
@@ -79,7 +79,7 @@ const useSelection = ({
       } else {
         newSelectedItems = removeAtIndex(selectedItems, selectedIndex);
         newSelectedItems = newSelectedItems.filter(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
         item => !item?.isSelectAll);
       }
     }

package/lib/internal/useMergedRefs.js

@@ -18,7 +18,7 @@ var React = require('react');
  * node, assigns that node to every ref in the array.
  */
 const useMergedRefs = refs => {
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   const memoizedRefs = React.useMemo(() => refs, refs);
   return React.useCallback(node => {
     memoizedRefs.forEach(ref => {

package/lib/internal/useNoInteractiveChildren.js

@@ -16,16 +16,16 @@ const useNoInteractiveChildren = (ref, message = 'component should have no inter
     /*
     // eslint-disable-next-line react-hooks/rules-of-hooks
     */
-    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
     React.useEffect(() => {
       const node = ref.current ? getInteractiveContent(ref.current) : false;
       if (node) {
         const errorMessage = `Error: ${message}.\n\nInstead found: ${node.outerHTML}`;
-        // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
+        // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
         console.error(errorMessage);
         throw new Error(errorMessage);
       }
-      // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
     }, []);
   }
 };
@@ -36,7 +36,7 @@ const useInteractiveChildrenNeedDescription = (ref, message = `interactive child
     /*
     // eslint-disable-next-line react-hooks/rules-of-hooks
     */
-    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
     React.useEffect(() => {
       const node = ref.current ? getInteractiveContent(ref.current) : false;
       if (node && !node.hasAttribute('aria-describedby')) {

package/lib/internal/useOutsideClick.js

@@ -25,7 +25,7 @@ const useOutsideClick = (ref, callback) => {
     /*
     // eslint-disable-next-line react-hooks/rules-of-hooks
     */
-    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
     useEvent.useWindowEvent('click', event => {
       const {
         target

package/lib/internal/useOverflowItems.js

@@ -40,7 +40,7 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
       setMaxWidth(newMax);
     }
   };
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   useResizeObserver.useResizeObserver({
     ref: containerRef,
     onResize: handleResize
@@ -90,17 +90,17 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
   };
 
   // Memoize visible items calculation to avoid recalculating on every render
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const visibleItems = React.useMemo(() => {
     if (!Array.isArray(items)) {
       return [];
     }
     return getVisibleItems();
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [items, maxWidth, maxItems]);
 
   // Memoize hidden items calculation
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const hiddenItems = React.useMemo(() => {
     if (!Array.isArray(items)) {
       return [];
@@ -109,11 +109,11 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
   }, [items, visibleItems]);
 
   // Use previous value to compare and only call onChange when needed
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const previousHiddenItems = usePreviousValue.usePreviousValue(hiddenItems);
 
   // Only call onChange if hidden items actually changed
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   React.useEffect(() => {
   }, [hiddenItems, previousHiddenItems, onChange]);
   return {

package/lib/internal/useResizeObserver.js

@@ -37,7 +37,7 @@ const useResizeObserver = ({
       return;
     }
     getInitialSize();
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [width, height]);
   React.useLayoutEffect(() => {
     if (!ref?.current) {
@@ -51,7 +51,7 @@ const useResizeObserver = ({
       setWidth(entry.contentRect.width);
       setHeight(entry.contentRect.height);
 
-      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
       cb.current && cb.current(entry.contentRect);
     };
     const observer = new ResizeObserver(entries => {
@@ -68,7 +68,7 @@ const useResizeObserver = ({
     return () => {
       observer.disconnect();
     };
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, []);
   return {
     width,

package/lib/internal/useSavedCallback.js

@@ -17,7 +17,7 @@ var React = require('react');
  *
  * @param callback - The callback to track.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 const useSavedCallback = callback => {
   const savedCallback = React.useRef(callback);
   React.useEffect(() => {

package/lib/internal/warning.js

@@ -24,7 +24,7 @@ const warning = process.env.NODE_ENV !== 'production' ? (condition, message) =>
     throw new Error('`warning(condition, message)` requires a warning ' + 'format argument');
   }
   if (!condition) {
-    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
     console.warn('Warning: ' + message);
   }
 } : noopFn.noopFn;

package/lib/prop-types/isRequiredOneOf.js

@@ -15,11 +15,11 @@
  *    are the names of the props, and the values are the prop-type validators.
  * @returns A new object of wrapped prop-type validators.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 const isRequiredOneOf = propTypes => {
   const names = Object.keys(propTypes);
   const checker = propType =>
-  // eslint-disable-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   (props, propName, componentName, ...rest) => {
     if (process.env.NODE_ENV !== 'production' && names.every(name => typeof props[name] === 'undefined')) {
       return new Error(`${componentName} requires one of the following props: ${names.join(', ')}`);

package/lib/tools/events.js

@@ -17,7 +17,7 @@
  * @returns A composite event handler.
  */
 const composeEventHandlers = handlers =>
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 (event, ...args) => {
   for (const handler of handlers) {
     if (event.defaultPrevented) {

package/lib/tools/wrapComponent.js

@@ -46,7 +46,7 @@ const wrapComponent = ({
   Component.propTypes = {
     className: PropTypes.string
   };
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   return Component;
 };
 

package/lib/types/common.d.ts

@@ -13,8 +13,12 @@ export type PolymorphicProps<Element extends React.ElementType, Props> = Props &
 };
 export interface TranslateWithId<MID = string, ARGS = Record<string, unknown>> {
     /**
-     * Supply a method to translate internal strings with your i18n tool of
-     * choice.
+     * Translates component strings using your i18n tool.
+     *
+     * @param messageId - The translation ID for the string to translate.
+     * @param [args] - Arguments for string interpolation.
+     * @returns The translated string.
      */
     translateWithId?(messageId: MID, args?: ARGS): string;
 }
+export type TFunc<K, A = Record<string, unknown>> = NonNullable<TranslateWithId<K, A>['translateWithId']>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.92.0",
+  "version": "1.93.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -53,10 +53,10 @@
   "dependencies": {
     "@babel/runtime": "^7.27.3",
     "@carbon/feature-flags": "^0.31.0",
-    "@carbon/icons-react": "^11.68.0",
-    "@carbon/layout": "^11.42.0",
-    "@carbon/styles": "^1.91.0",
-    "@carbon/utilities": "^0.10.0",
+    "@carbon/icons-react": "^11.69.0-rc.0",
+    "@carbon/layout": "^11.43.0-rc.0",
+    "@carbon/styles": "^1.92.0-rc.0",
+    "@carbon/utilities": "^0.11.0-rc.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -80,8 +80,8 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.38.0",
-    "@carbon/themes": "^11.61.0",
-    "@figma/code-connect": "^1.3.2",
+    "@carbon/themes": "^11.62.0-rc.0",
+    "@figma/code-connect": "^1.3.5",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^16.0.1",
@@ -123,7 +123,7 @@
     "storybook": "^9.0.5",
     "stream-browserify": "^3.0.0",
     "style-loader": "^4.0.0",
-    "typescript-config-carbon": "^0.7.0",
+    "typescript-config-carbon": "^0.8.0-rc.0",
     "use-sync-external-store": "^1.5.0",
     "webpack": "^5.65.0",
     "webpack-dev-server": "^5.0.0"
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "8f9dd77c8055a1a1ce36af55298c19c9f8966ab9"
+  "gitHead": "0d9497f77c917c567c8be19157e3da42d7a02c04"
 }