@carbon/react 1.102.0-rc.0 → 1.102.0

package/es/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * 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/CheckboxGroup/CheckboxGroup.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React, { Children, isValidElement, cloneElement } from 'react';
+import React, { Children, cloneElement } from 'react';
 import cx from 'classnames';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -61,7 +61,7 @@ const CheckboxGroup = ({
     kind: 'default'
   }) : candidate;
   const clonedChildren = Children.map(children, child => {
-    if (/*#__PURE__*/isValidElement(child) && child.type === Checkbox) {
+    if (isComponentElement(child, Checkbox)) {
       const childProps = {
         ...(typeof invalid !== 'undefined' && typeof child.props.invalid === 'undefined' ? {
           invalid

package/es/components/ComboBox/ComboBox.js

@@ -500,8 +500,7 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     onHighlightedIndexChange: ({
       highlightedIndex
     }) => {
-      // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
-      if (highlightedIndex > -1 && typeof window !== undefined) {
+      if (highlightedIndex > -1) {
         const itemArray = document.querySelectorAll(`li.${prefix}--list-box__menu-item[role="option"]`);
         const highlightedItem = itemArray[highlightedIndex];
         if (highlightedItem) {

package/es/components/ContentSwitcher/ContentSwitcher.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React, { useContext, useState, useRef, Children, useEffect, isValidElement, cloneElement } from 'react';
+import React, { useContext, useState, useRef, Children, useEffect, cloneElement, isValidElement } from 'react';
 import cx from 'classnames';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { LayoutConstraint } from '../Layout/index.js';
@@ -16,6 +16,7 @@ import { ArrowRight, ArrowLeft, Enter, Space } from '../../internal/keyboard/key
 import { matches } from '../../internal/keyboard/match.js';
 import { getNextIndex } from '../../internal/keyboard/navigation.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
+import { isComponentElement } from '../../internal/utils.js';
 import '../Switch/Switch.js';
 import IconSwitch from '../Switch/IconSwitch.js';
 
@@ -81,7 +82,7 @@ const ContentSwitcher = ({
     }
   };
   const isIconOnly = Children.map(children, child => {
-    return /*#__PURE__*/isValidElement(child) ? child.type === IconSwitch : null;
+    return isComponentElement(child, IconSwitch);
   })?.every(val => val === true);
   const classes = cx(`${prefix}--content-switcher`, className, {
     [`${prefix}--content-switcher--light`]: light,

package/es/components/DataTable/TableExpandRow.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { forwardRef, Children, isValidElement } from 'react';
+import React, { forwardRef, Children } from 'react';
 import { ChevronRight } from '@carbon/icons-react';
 import TableCell from './TableCell.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -50,7 +50,7 @@ const TableExpandRow = /*#__PURE__*/forwardRef(({
     }
   });
   const normalizedChildren = Children.toArray(children).map(child => {
-    if (/*#__PURE__*/isValidElement(child) && child.type !== TableSlugRow && child.type !== TableDecoratorRow) {
+    if (!isComponentElement(child, TableSlugRow) && !isComponentElement(child, TableDecoratorRow)) {
       return child;
     }
   });

package/es/components/DataTable/tools/normalize.js

@@ -6,6 +6,7 @@
  */
 
 import { AILabel } from '../../AILabel/index.js';
+import { isComponentElement } from '../../../internal/utils.js';
 import { getCellId } from './cells.js';
 
 /**
@@ -60,7 +61,7 @@ const normalize = (rows, headers, prevState = {}) => {
         isEditing: false,
         isValid: true,
         errors: null,
-        hasAILabelHeader: !!(slug || decorator?.type === AILabel),
+        hasAILabelHeader: !!(slug || isComponentElement(decorator, AILabel)),
         info: {
           header: key
         }

package/es/components/DatePicker/DatePicker.js

@@ -18,6 +18,7 @@ import { rangePlugin } from './plugins/rangePlugin.js';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { Escape, Tab, Enter } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
+import { isComponentElement } from '../../internal/utils.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useSavedCallback } from '../../internal/useSavedCallback.js';
 import '../FluidForm/FluidForm.js';
@@ -242,7 +243,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, ref) => {
   const childrenWithProps = React.Children.toArray(children).map(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   (child, index) => {
-    if (index === 0 && child.type === /*#__PURE__*/React.createElement(DatePickerInput, child.props).type) {
+    if (index === 0 && isComponentElement(child, DatePickerInput)) {
       return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
         ref: startInputField,
@@ -251,7 +252,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, ref) => {
         warn: effectiveWarn
       });
     }
-    if (index === 1 && child.type === /*#__PURE__*/React.createElement(DatePickerInput, child.props).type) {
+    if (index === 1 && isComponentElement(child, DatePickerInput)) {
       return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
         ref: endInputField,

package/es/components/Dropdown/Dropdown.js

@@ -172,9 +172,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     const {
       highlightedIndex
     } = changes;
-    if (highlightedIndex !== undefined && highlightedIndex > -1 &&
-    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
-    typeof window !== undefined) {
+    if (highlightedIndex !== undefined && highlightedIndex > -1) {
       const itemArray = document.querySelectorAll(`li.${prefix}--list-box__menu-item[role="option"]`);
       const highlightedItem = itemArray[highlightedIndex];
       if (highlightedItem) {

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -180,7 +180,7 @@ function ProgressStep({
     }),
     disabled: disabled,
     "aria-disabled": disabled,
-    tabIndex: !current && onClick && !disabled ? 0 : -1,
+    tabIndex: disabled ? -1 : 0,
     onClick: !current ? onClick : undefined,
     onKeyDown: handleKeyDown,
     title: label
@@ -193,10 +193,10 @@ function ProgressStep({
   }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--progress-text`
   }, /*#__PURE__*/React.createElement(Text, {
-    as: "p",
+    as: "span",
     className: `${prefix}--progress-label`
   }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React.createElement(Text, {
-    as: "p",
+    as: "span",
     className: `${prefix}--progress-optional`
   }, secondaryLabel) : null), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`

package/es/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * 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/Slider/Slider.js

@@ -994,14 +994,8 @@ const Slider = props => {
     delete other.onRelease;
     delete other.invalid;
     delete other.unstable_valueUpper;
-    const showWarning = normalizedProps.warn ||
-    // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
-    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
-    typeof correctedValue !== null && correctedPosition === HandlePosition.LOWER && isValid;
-    const showWarningUpper = normalizedUpperProps.warn ||
-    // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
-    // eslint-disable-next-line valid-typeof, no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
-    typeof correctedValue !== null && correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
+    const showWarning = normalizedProps.warn || correctedPosition === HandlePosition.LOWER && isValid;
+    const showWarningUpper = normalizedUpperProps.warn || correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
     return /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => {
       const labelId = `${id}-label`;
       const labelClasses = cx(`${prefix}--label`, {

package/es/components/TileGroup/TileGroup.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * 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/TileGroup/TileGroup.js

@@ -9,6 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import PropTypes from 'prop-types';
 import React, { useState, useEffect, Children, isValidElement, cloneElement } from 'react';
 import RadioTile from '../RadioTile/RadioTile.js';
+import { isComponentElement } from '../../internal/utils.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { noopFn } from '../../internal/noopFn.js';
 
@@ -42,7 +43,7 @@ const TileGroup = ({
         if (! /*#__PURE__*/isValidElement(child)) return child;
 
         // If a `RadioTile` is found, return it with necessary props,
-        if (/*#__PURE__*/isValidElement(child) && child.type === RadioTile) {
+        if (isComponentElement(child, RadioTile)) {
           const {
             value,
             ...otherProps

package/es/components/UIShell/HeaderPanel.js

@@ -8,7 +8,8 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useRef, useState, isValidElement } from 'react';
+import React, { useRef, useState } from 'react';
+import { isComponentElement } from '../../internal/utils.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
@@ -64,7 +65,7 @@ const HeaderPanel = /*#__PURE__*/React.forwardRef(({
     } = event;
     if (!(target instanceof Element)) return;
     setLastClickedElement(target);
-    const isChildASwitcher = /*#__PURE__*/isValidElement(children) && typeof children.type !== 'string' && children.type === Switcher;
+    const isChildASwitcher = isComponentElement(children, Switcher);
     if (isChildASwitcher && !target.closest(`.${prefix}--header-panel--expanded`) && !target.closest(`.${prefix}--header__action`) && !headerPanelReference?.current?.classList.contains(`${prefix}--switcher`) && expanded) {
       setExpandedState(false);
       onHeaderPanelFocus();

package/es/components/UIShell/Switcher.js

@@ -6,10 +6,11 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, Children, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, useRef, Children, cloneElement } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
+import { isComponentElement } from '../../internal/utils.js';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import SwitcherItem from './SwitcherItem.js';
@@ -38,7 +39,7 @@ const Switcher = /*#__PURE__*/forwardRef((props, forwardRef) => {
     direction
   }) => {
     const enabledIndices = Children.toArray(children).reduce((acc, child, i) => {
-      if (/*#__PURE__*/isValidElement(child) && child.type === SwitcherItem && Object.keys(child.props).length) {
+      if (isComponentElement(child, SwitcherItem) && Object.keys(child.props).length) {
         acc.push(i);
       }
       return acc;
@@ -66,7 +67,7 @@ const Switcher = /*#__PURE__*/forwardRef((props, forwardRef) => {
     }
   };
   const childrenWithProps = Children.toArray(children).map((child, index) => {
-    if (/*#__PURE__*/isValidElement(child) && child.type === SwitcherItem) {
+    if (isComponentElement(child, SwitcherItem)) {
       return /*#__PURE__*/cloneElement(child, {
         handleSwitcherItemFocus,
         index,
@@ -74,7 +75,7 @@ const Switcher = /*#__PURE__*/forwardRef((props, forwardRef) => {
         expanded
       });
     }
-    if (/*#__PURE__*/isValidElement(child) && child.type === SwitcherDivider) {
+    if (isComponentElement(child, SwitcherDivider)) {
       return /*#__PURE__*/cloneElement(child, {
         key: index
       });

package/es/internal/useOverflowItems.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2025, 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -18,10 +18,6 @@ type Item = {
  * @returns Object with `visibleItems` (items to display), `hiddenItems` (items that don't fit), and `itemRefHandler` (function to attach refs to items for width measurement).
  */
 declare const useOverflowItems: <T extends Item>(items: T[] | ReactNode, containerRef: RefObject<HTMLDivElement>, offsetRef?: RefObject<HTMLDivElement>, maxItems?: number, onChange?: (hiddenItems: T[]) => void) => {
-    visibleItems: T[];
-    hiddenItems: T[];
-    itemRefHandler: () => void;
-} | {
     visibleItems: T[];
     itemRefHandler: (id: string, node: HTMLDivElement | null) => () => void;
     hiddenItems: T[];

package/es/internal/useOverflowItems.js

@@ -18,17 +18,10 @@ import { usePreviousValue } from './usePreviousValue.js';
  * @param onChange - Optional callback called when hidden items change. Receives array of currently hidden items.
  * @returns Object with `visibleItems` (items to display), `hiddenItems` (items that don't fit), and `itemRefHandler` (function to attach refs to items for width measurement).
  */
-
 const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) => {
   const itemsRef = useRef(null);
   const [maxWidth, setMaxWidth] = useState(0);
-  if (!items || !Array.isArray(items)) {
-    return {
-      visibleItems: [],
-      hiddenItems: [],
-      itemRefHandler: () => {}
-    };
-  }
+  const overflowItems = useMemo(() => Array.isArray(items) ? items : [], [items]);
   const handleResize = () => {
     if (containerRef.current) {
       const offset = offsetRef?.current?.offsetWidth || 0;
@@ -36,7 +29,6 @@ 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/20452
   useResizeObserver({
     ref: containerRef,
     onResize: handleResize
@@ -59,16 +51,13 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
     };
   };
   const getVisibleItems = () => {
-    if (!items || Array.isArray(items) === false) {
-      return [];
-    }
     if (!containerRef) {
-      return items;
+      return overflowItems;
     }
     const map = getMap();
     let maxReached = false;
     let accumulatedWidth = 0;
-    const visibleItems = items.slice(0, maxItems).reduce((prev, cur) => {
+    const visibleItems = overflowItems.slice(0, maxItems).reduce((prev, cur) => {
       if (maxReached) {
         return prev;
       }
@@ -86,30 +75,20 @@ 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/20452
   const visibleItems = useMemo(() => {
-    if (!Array.isArray(items)) {
-      return [];
-    }
     return getVisibleItems();
     // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
-  }, [items, maxWidth, maxItems]);
+  }, [overflowItems, maxWidth, maxItems]);
 
   // Memoize hidden items calculation
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const hiddenItems = useMemo(() => {
-    if (!Array.isArray(items)) {
-      return [];
-    }
-    return items.slice(visibleItems.length);
-  }, [items, visibleItems]);
+    return overflowItems.slice(visibleItems.length);
+  }, [overflowItems, 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/20452
   const previousHiddenItems = 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/20452
   useEffect(() => {
   }, [hiddenItems, previousHiddenItems, onChange]);
   return {

package/lib/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * 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/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -65,7 +65,7 @@ const CheckboxGroup = ({
     kind: 'default'
   }) : candidate;
   const clonedChildren = React.Children.map(children, child => {
-    if (/*#__PURE__*/React.isValidElement(child) && child.type === Checkbox.default) {
+    if (utils.isComponentElement(child, Checkbox.default)) {
       const childProps = {
         ...(typeof invalid !== 'undefined' && typeof child.props.invalid === 'undefined' ? {
           invalid

package/lib/components/ComboBox/ComboBox.js

@@ -504,8 +504,7 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     onHighlightedIndexChange: ({
       highlightedIndex
     }) => {
-      // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
-      if (highlightedIndex > -1 && typeof window !== undefined) {
+      if (highlightedIndex > -1) {
         const itemArray = document.querySelectorAll(`li.${prefix}--list-box__menu-item[role="option"]`);
         const highlightedItem = itemArray[highlightedIndex];
         if (highlightedItem) {

package/lib/components/ContentSwitcher/ContentSwitcher.js

@@ -18,6 +18,7 @@ var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
 var navigation = require('../../internal/keyboard/navigation.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var utils = require('../../internal/utils.js');
 require('../Switch/Switch.js');
 var IconSwitch = require('../Switch/IconSwitch.js');
 
@@ -83,7 +84,7 @@ const ContentSwitcher = ({
     }
   };
   const isIconOnly = React.Children.map(children, child => {
-    return /*#__PURE__*/React.isValidElement(child) ? child.type === IconSwitch.default : null;
+    return utils.isComponentElement(child, IconSwitch.default);
   })?.every(val => val === true);
   const classes = cx(`${prefix}--content-switcher`, className, {
     [`${prefix}--content-switcher--light`]: light,

package/lib/components/DataTable/TableExpandRow.js

@@ -54,7 +54,7 @@ const TableExpandRow = /*#__PURE__*/React.forwardRef(({
     }
   });
   const normalizedChildren = React.Children.toArray(children).map(child => {
-    if (/*#__PURE__*/React.isValidElement(child) && child.type !== TableSlugRow.default && child.type !== TableDecoratorRow.default) {
+    if (!utils.isComponentElement(child, TableSlugRow.default) && !utils.isComponentElement(child, TableDecoratorRow.default)) {
       return child;
     }
   });

package/lib/components/DataTable/tools/normalize.js

@@ -10,6 +10,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../../AILabel/index.js');
+var utils = require('../../../internal/utils.js');
 var cells = require('./cells.js');
 
 /**
@@ -64,7 +65,7 @@ const normalize = (rows, headers, prevState = {}) => {
         isEditing: false,
         isValid: true,
         errors: null,
-        hasAILabelHeader: !!(slug || decorator?.type === index.AILabel),
+        hasAILabelHeader: !!(slug || utils.isComponentElement(decorator, index.AILabel)),
         info: {
           header: key
         }

package/lib/components/DatePicker/DatePicker.js

@@ -22,6 +22,7 @@ var rangePlugin = require('./plugins/rangePlugin.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
+var utils = require('../../internal/utils.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useSavedCallback = require('../../internal/useSavedCallback.js');
 require('../FluidForm/FluidForm.js');
@@ -246,7 +247,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
   const childrenWithProps = React.Children.toArray(children).map(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   (child, index) => {
-    if (index === 0 && child.type === /*#__PURE__*/React.createElement(DatePickerInput.default, child.props).type) {
+    if (index === 0 && utils.isComponentElement(child, DatePickerInput.default)) {
       return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
         ref: startInputField,
@@ -255,7 +256,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
         warn: effectiveWarn
       });
     }
-    if (index === 1 && child.type === /*#__PURE__*/React.createElement(DatePickerInput.default, child.props).type) {
+    if (index === 1 && utils.isComponentElement(child, DatePickerInput.default)) {
       return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
         ref: endInputField,

package/lib/components/Dropdown/Dropdown.js

@@ -176,9 +176,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     const {
       highlightedIndex
     } = changes;
-    if (highlightedIndex !== undefined && highlightedIndex > -1 &&
-    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
-    typeof window !== undefined) {
+    if (highlightedIndex !== undefined && highlightedIndex > -1) {
       const itemArray = document.querySelectorAll(`li.${prefix}--list-box__menu-item[role="option"]`);
       const highlightedItem = itemArray[highlightedIndex];
       if (highlightedItem) {

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -182,7 +182,7 @@ function ProgressStep({
     }),
     disabled: disabled,
     "aria-disabled": disabled,
-    tabIndex: !current && onClick && !disabled ? 0 : -1,
+    tabIndex: disabled ? -1 : 0,
     onClick: !current ? onClick : undefined,
     onKeyDown: handleKeyDown,
     title: label
@@ -195,10 +195,10 @@ function ProgressStep({
   }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--progress-text`
   }, /*#__PURE__*/React.createElement(Text.Text, {
-    as: "p",
+    as: "span",
     className: `${prefix}--progress-label`
   }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React.createElement(Text.Text, {
-    as: "p",
+    as: "span",
     className: `${prefix}--progress-optional`
   }, secondaryLabel) : null), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`

package/lib/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * 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/lib/components/Slider/Slider.js

@@ -998,14 +998,8 @@ const Slider = props => {
     delete other.onRelease;
     delete other.invalid;
     delete other.unstable_valueUpper;
-    const showWarning = normalizedProps.warn ||
-    // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
-    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
-    typeof correctedValue !== null && correctedPosition === HandlePosition.LOWER && isValid;
-    const showWarningUpper = normalizedUpperProps.warn ||
-    // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
-    // eslint-disable-next-line valid-typeof, no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
-    typeof correctedValue !== null && correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
+    const showWarning = normalizedProps.warn || correctedPosition === HandlePosition.LOWER && isValid;
+    const showWarningUpper = normalizedUpperProps.warn || correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
     return /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Consumer, null, prefix => {
       const labelId = `${id}-label`;
       const labelClasses = cx(`${prefix}--label`, {

package/lib/components/TileGroup/TileGroup.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * 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/lib/components/TileGroup/TileGroup.js

@@ -11,6 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var RadioTile = require('../RadioTile/RadioTile.js');
+var utils = require('../../internal/utils.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var noopFn = require('../../internal/noopFn.js');
 
@@ -44,7 +45,7 @@ const TileGroup = ({
         if (! /*#__PURE__*/React.isValidElement(child)) return child;
 
         // If a `RadioTile` is found, return it with necessary props,
-        if (/*#__PURE__*/React.isValidElement(child) && child.type === RadioTile.default) {
+        if (utils.isComponentElement(child, RadioTile.default)) {
           const {
             value,
             ...otherProps

package/lib/components/UIShell/HeaderPanel.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var utils = require('../../internal/utils.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
@@ -68,7 +69,7 @@ const HeaderPanel = /*#__PURE__*/React.forwardRef(({
     } = event;
     if (!(target instanceof Element)) return;
     setLastClickedElement(target);
-    const isChildASwitcher = /*#__PURE__*/React.isValidElement(children) && typeof children.type !== 'string' && children.type === Switcher.default;
+    const isChildASwitcher = utils.isComponentElement(children, Switcher.default);
     if (isChildASwitcher && !target.closest(`.${prefix}--header-panel--expanded`) && !target.closest(`.${prefix}--header__action`) && !headerPanelReference?.current?.classList.contains(`${prefix}--switcher`) && expanded) {
       setExpandedState(false);
       onHeaderPanelFocus();

package/lib/components/UIShell/Switcher.js

@@ -14,6 +14,7 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
+var utils = require('../../internal/utils.js');
 var PropTypes = require('prop-types');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var SwitcherItem = require('./SwitcherItem.js');
@@ -42,7 +43,7 @@ const Switcher = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
     direction
   }) => {
     const enabledIndices = React.Children.toArray(children).reduce((acc, child, i) => {
-      if (/*#__PURE__*/React.isValidElement(child) && child.type === SwitcherItem.default && Object.keys(child.props).length) {
+      if (utils.isComponentElement(child, SwitcherItem.default) && Object.keys(child.props).length) {
         acc.push(i);
       }
       return acc;
@@ -70,7 +71,7 @@ const Switcher = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
     }
   };
   const childrenWithProps = React.Children.toArray(children).map((child, index) => {
-    if (/*#__PURE__*/React.isValidElement(child) && child.type === SwitcherItem.default) {
+    if (utils.isComponentElement(child, SwitcherItem.default)) {
       return /*#__PURE__*/React.cloneElement(child, {
         handleSwitcherItemFocus,
         index,
@@ -78,7 +79,7 @@ const Switcher = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
         expanded
       });
     }
-    if (/*#__PURE__*/React.isValidElement(child) && child.type === SwitcherDivider.default) {
+    if (utils.isComponentElement(child, SwitcherDivider.default)) {
       return /*#__PURE__*/React.cloneElement(child, {
         key: index
       });