@carbon/react 1.107.1 → 1.108.0

package/lib/components/FileUploader/FileUploader.js

@@ -158,9 +158,14 @@ const FileUploader = (0, react.forwardRef)(({ accept, buttonKind, buttonLabel, c
 				});
 			} else setLegacyFileNames([]);
 		},
-		...enhancedFileUploaderEnabled && { getCurrentFiles() {
-			return [...fileItems];
-		} }
+		...enhancedFileUploaderEnabled && {
+			getCurrentFiles() {
+				return [...fileItems];
+			},
+			setCurrentFiles: (files) => {
+				setFileItems(files);
+			}
+		}
 	}), [
 		enhancedFileUploaderEnabled,
 		fileItems,
@@ -171,12 +176,14 @@ const FileUploader = (0, react.forwardRef)(({ accept, buttonKind, buttonLabel, c
 		[className]: className
 	});
 	const getHelperLabelClasses = (baseClass) => (0, classnames.default)(baseClass, { [`${prefix}--label-description--disabled`]: disabled });
-	const selectedFileClasses = (0, classnames.default)(`${prefix}--file__selected-file`, {
+	const getSelectedFileClasses = (file) => (0, classnames.default)(`${prefix}--file__selected-file`, {
 		[`${prefix}--file__selected-file--md`]: size === "field" || size === "md",
-		[`${prefix}--file__selected-file--sm`]: size === "small" || size === "sm"
+		[`${prefix}--file__selected-file--sm`]: size === "small" || size === "sm",
+		[`${prefix}--file__selected-file--disabled`]: file.disabled
 	});
 	const displayFiles = enhancedFileUploaderEnabled ? fileItems.map((item, index) => ({
 		name: item.name,
+		disabled: item.disabled,
 		key: item.uuid,
 		index
 	})) : legacyFileNames.map((name, index) => ({
@@ -215,7 +222,7 @@ const FileUploader = (0, react.forwardRef)(({ accept, buttonKind, buttonLabel, c
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: `${prefix}--file-container`,
 				children: displayFiles.length === 0 ? null : displayFiles.map((file) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: selectedFileClasses,
+					className: getSelectedFileClasses(file),
 					ref: (node) => {
 						nodes[file.index] = node;
 					},
@@ -229,6 +236,7 @@ const FileUploader = (0, react.forwardRef)(({ accept, buttonKind, buttonLabel, c
 						className: `${prefix}--file__state-container`,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Filename.default, {
 							name: file.name,
+							disabled: file.disabled,
 							iconDescription,
 							status: filenameStatus,
 							onKeyDown: (evt) => {

package/lib/components/FileUploader/FileUploaderItem.d.ts

@@ -7,6 +7,10 @@
 import PropTypes from 'prop-types';
 import React, { type HTMLAttributes } from 'react';
 export interface FileUploaderItemProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Specify whether file uploader item is disabled
+     */
+    disabled?: boolean;
     /**
      * Error message body for an invalid file upload
      */
@@ -52,7 +56,7 @@ export interface FileUploaderItemProps extends HTMLAttributes<HTMLSpanElement> {
      */
     uuid?: string;
 }
-declare function FileUploaderItem({ uuid, name, status, iconDescription, onDelete, invalid, errorSubject, errorBody, size, className, ...other }: FileUploaderItemProps): import("react/jsx-runtime").JSX.Element;
+declare function FileUploaderItem({ uuid, name, status, iconDescription, onDelete, invalid, errorSubject, errorBody, size, className, disabled, ...other }: FileUploaderItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploaderItem {
     var propTypes: {
         /**

package/lib/components/FileUploader/FileUploaderItem.js

@@ -29,7 +29,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
-function FileUploaderItem({ uuid, name, status = "uploading", iconDescription, onDelete = require_noopFn.noopFn, invalid, errorSubject, errorBody, size, className, ...other }) {
+function FileUploaderItem({ uuid, name, status = "uploading", iconDescription, onDelete = require_noopFn.noopFn, invalid, errorSubject, errorBody, size, className, disabled, ...other }) {
 	const textRef = (0, react.useRef)(null);
 	const [isEllipsisApplied, setIsEllipsisApplied] = (0, react.useState)(false);
 	const prefix = require_usePrefix.usePrefix();
@@ -38,7 +38,8 @@ function FileUploaderItem({ uuid, name, status = "uploading", iconDescription, o
 	const classes = (0, classnames.default)(`${prefix}--file__selected-file`, className, {
 		[`${prefix}--file__selected-file--invalid`]: invalid,
 		[`${prefix}--file__selected-file--md`]: size === "md",
-		[`${prefix}--file__selected-file--sm`]: size === "sm"
+		[`${prefix}--file__selected-file--sm`]: size === "sm",
+		[`${prefix}--file__selected-file--disabled`]: disabled
 	});
 	const isInvalid = invalid ? `${prefix}--file-filename-container-wrap-invalid` : `${prefix}--file-filename-container-wrap`;
 	const filterSpaceName = (name) => {
@@ -93,6 +94,7 @@ function FileUploaderItem({ uuid, name, status = "uploading", iconDescription, o
 					className: `${prefix}--file__state-container`,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Filename.default, {
 						name,
+						disabled,
 						iconDescription,
 						status,
 						invalid,

package/lib/components/FileUploader/Filename.d.ts

@@ -17,6 +17,10 @@ export interface FilenameProps extends Omit<HTMLAttributes<HTMLElement> & SVGAtt
      * Provide a description of the SVG icon to denote file upload status
      */
     iconDescription?: string;
+    /**
+     * Specify whether the file uploader item is disabled
+     */
+    disabled?: boolean;
     /**
      * Specify if the file is invalid
      */
@@ -34,7 +38,7 @@ export interface FilenameProps extends Omit<HTMLAttributes<HTMLElement> & SVGAtt
      */
     tabIndex?: number;
 }
-declare function Filename({ iconDescription, status, invalid, name, tabIndex, ['aria-describedby']: ariaDescribedBy, ...rest }: FilenameProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Filename({ iconDescription, status, invalid, disabled, name, tabIndex, ['aria-describedby']: ariaDescribedBy, ...rest }: FilenameProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Filename {
     var propTypes: {
         /**

package/lib/components/FileUploader/Filename.js

@@ -21,7 +21,7 @@ let _carbon_icons_react = require("@carbon/icons-react");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
-function Filename({ iconDescription = "Uploading file", status = "uploading", invalid, name, tabIndex = 0, ["aria-describedby"]: ariaDescribedBy, ...rest }) {
+function Filename({ iconDescription = "Uploading file", status = "uploading", invalid, disabled, name, tabIndex = 0, ["aria-describedby"]: ariaDescribedBy, ...rest }) {
 	const prefix = require_usePrefix.usePrefix();
 	switch (status) {
 		case "uploading": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
@@ -31,6 +31,7 @@ function Filename({ iconDescription = "Uploading file", status = "uploading", in
 			className: `${prefix}--file-loading`
 		});
 		case "edit": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [invalid && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.WarningFilled, { className: `${prefix}--file-invalid` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			disabled,
 			"aria-label": `${iconDescription} - ${name}`,
 			className: `${prefix}--file-close`,
 			type: "button",

package/lib/components/Menu/MenuItem.js

@@ -33,18 +33,26 @@ let _floating_ui_react = require("@floating-ui/react");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
-const MenuItem = (0, react.forwardRef)(function MenuItem({ children, className, dangerDescription = "danger", disabled, kind = "default", label, onClick, renderIcon: IconElement, shortcut, ...rest }, forwardRef) {
+const MenuItem = (0, react.forwardRef)(function MenuItem({ children, className, dangerDescription = "", disabled, kind = "default", label, onClick, renderIcon: IconElement, shortcut, ...rest }, forwardRef) {
 	const [submenuOpen, setSubmenuOpen] = (0, react.useState)(false);
 	const [rtl, setRtl] = (0, react.useState)(false);
 	const { refs, floatingStyles, context: floatingContext } = (0, _floating_ui_react.useFloating)({
 		open: submenuOpen,
-		onOpenChange: setSubmenuOpen,
+		onOpenChange: (open, event) => {
+			if (open) setSubmenuOpen(true);
+			else {
+				const relatedTarget = event && "relatedTarget" in event ? event.relatedTarget : null;
+				if (relatedTarget instanceof Node && menuItem.current?.contains(relatedTarget)) return;
+				setSubmenuOpen(false);
+				if (!(relatedTarget instanceof HTMLElement && relatedTarget.closest("[role=\"menuitem\"]")?.querySelector("[role=\"menu\"]"))) menuItem.current?.focus();
+			}
+		},
 		placement: rtl ? "left-start" : "right-start",
 		whileElementsMounted: _floating_ui_react.autoUpdate,
-		middleware: [(0, _floating_ui_react.offset)({
-			mainAxis: -6,
+		middleware: [(0, _floating_ui_react.flip)(), (0, _floating_ui_react.offset)(({ placement }) => ({
+			mainAxis: placement.startsWith("left") ? 10 : -6,
 			crossAxis: -6
-		})],
+		}))],
 		strategy: "fixed"
 	});
 	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([(0, _floating_ui_react.useHover)(floatingContext, {
@@ -63,6 +71,7 @@ const MenuItem = (0, react.forwardRef)(function MenuItem({ children, className,
 	const hasChildren = react.default.Children.toArray(children).length > 0;
 	const isDisabled = disabled && !hasChildren;
 	const isDanger = kind === "danger" && !hasChildren;
+	const hasDangerDescription = isDanger && Boolean(dangerDescription);
 	function registerItem() {
 		context.dispatch({
 			type: "registerItem",
@@ -165,7 +174,7 @@ const MenuItem = (0, react.forwardRef)(function MenuItem({ children, className,
 					className: `${prefix}--menu-item__label`,
 					children: label
 				}),
-				isDanger && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				hasDangerDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					id: assistiveId,
 					className: `${prefix}--visually-hidden`,
 					children: dangerDescription

package/lib/components/Modal/Modal.d.ts

@@ -38,6 +38,11 @@ export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
      * Specify whether the Modal is for dangerous actions
      */
     danger?: boolean;
+    /**
+     * Specify the message read by screen readers for the danger primary button.
+     * Defaults to an empty string; provide localized text to opt in.
+     */
+    dangerDescription?: string;
     /**
      * **Experimental**: Provide a decorator component to be rendered inside the `Modal` component
      */

package/lib/components/Modal/Modal.js

@@ -30,6 +30,7 @@ const require_toggleClass = require("../../tools/toggleClass.js");
 const require_requiredIfGivenPropIsTruthy = require("../../prop-types/requiredIfGivenPropIsTruthy.js");
 const require_wrapFocus = require("../../internal/wrapFocus.js");
 const require_Dialog = require("../Dialog/Dialog.js");
+const require_isTopmostVisibleModal = require("./isTopmostVisibleModal.js");
 const require_usePreviousValue = require("../../internal/usePreviousValue.js");
 const require_ModalPresence = require("./ModalPresence.js");
 let classnames = require("classnames");
@@ -76,12 +77,13 @@ const Modal = react.default.forwardRef(function Modal({ open, ...props }, ref) {
 		...props
 	});
 });
-const ModalDialog = react.default.forwardRef(function ModalDialog({ "aria-label": ariaLabelProp, children, className, decorator, modalHeading = "", modalLabel = "", modalAriaLabel, passiveModal = false, secondaryButtonText, primaryButtonText, open: externalOpen, onRequestClose = require_noopFn.noopFn, onRequestSubmit = require_noopFn.noopFn, onSecondarySubmit, primaryButtonDisabled = false, danger, alert, secondaryButtons, selectorPrimaryFocus = "[data-modal-primary-focus]", selectorsFloatingMenus, shouldSubmitOnEnter, size, hasScrollingContent = false, closeButtonLabel = "Close", preventCloseOnClickOutside, isFullWidth, launcherButtonRef, loadingStatus = "inactive", loadingDescription, loadingIconDescription, onLoadingSuccess = require_noopFn.noopFn, slug, ...rest }, ref) {
+const ModalDialog = react.default.forwardRef(function ModalDialog({ "aria-label": ariaLabelProp, children, className, decorator, modalHeading = "", modalLabel = "", modalAriaLabel, passiveModal = false, secondaryButtonText, primaryButtonText, open: externalOpen, onRequestClose = require_noopFn.noopFn, onRequestSubmit = require_noopFn.noopFn, onSecondarySubmit, primaryButtonDisabled = false, danger, dangerDescription = "", alert, secondaryButtons, selectorPrimaryFocus = "[data-modal-primary-focus]", selectorsFloatingMenus, shouldSubmitOnEnter, size, hasScrollingContent = false, closeButtonLabel = "Close", preventCloseOnClickOutside, isFullWidth, launcherButtonRef, loadingStatus = "inactive", loadingDescription, loadingIconDescription, onLoadingSuccess = require_noopFn.noopFn, slug, ...rest }, ref) {
 	const prefix = require_usePrefix.usePrefix();
 	const button = (0, react.useRef)(null);
 	const secondaryButton = (0, react.useRef)(null);
 	const contentRef = (0, react.useRef)(null);
 	const innerModal = (0, react.useRef)(null);
+	const modalRef = (0, react.useRef)(null);
 	const startTrap = (0, react.useRef)(null);
 	const endTrap = (0, react.useRef)(null);
 	const wrapFocusTimeout = (0, react.useRef)(null);
@@ -93,7 +95,11 @@ const ModalDialog = react.default.forwardRef(function ModalDialog({ "aria-label"
 	const primaryButtonClass = (0, classnames.default)({ [`${prefix}--btn--loading`]: loadingStatus !== "inactive" });
 	const loadingActive = loadingStatus !== "inactive";
 	const presenceContext = (0, react.useContext)(require_ModalPresence.ModalPresenceContext);
-	const mergedRefs = require_useMergedRefs.useMergedRefs([ref, presenceContext?.presenceRef]);
+	const mergedRefs = require_useMergedRefs.useMergedRefs([
+		modalRef,
+		ref,
+		presenceContext?.presenceRef
+	]);
 	const enablePresence = require_index.useFeatureFlag("enable-presence") || presenceContext?.autoEnablePresence;
 	const open = externalOpen || enablePresence;
 	const prevOpen = require_usePreviousValue.usePreviousValue(open);
@@ -107,14 +113,19 @@ const ModalDialog = react.default.forwardRef(function ModalDialog({ "aria-label"
 	}
 	function handleKeyDown(evt) {
 		const { target } = evt;
-		evt.stopPropagation();
 		if (open && target instanceof HTMLElement) {
-			if (require_match.match(evt, require_keys.Enter) && shouldSubmitOnEnter && !isCloseButton(target) && document.activeElement !== button.current) onRequestSubmit(evt);
-			if (focusTrapWithoutSentinels && !enableDialogElement && require_match.match(evt, require_keys.Tab) && innerModal.current) require_wrapFocus.wrapFocusWithoutSentinels({
-				containerNode: innerModal.current,
-				currentActiveNode: target,
-				event: evt
-			});
+			if (require_match.match(evt, require_keys.Enter) && shouldSubmitOnEnter && !isCloseButton(target) && document.activeElement !== button.current) {
+				evt.stopPropagation();
+				onRequestSubmit(evt);
+			}
+			if (focusTrapWithoutSentinels && !enableDialogElement && require_match.match(evt, require_keys.Tab) && innerModal.current) {
+				evt.stopPropagation();
+				require_wrapFocus.wrapFocusWithoutSentinels({
+					containerNode: innerModal.current,
+					currentActiveNode: target,
+					event: evt
+				});
+			}
 		}
 	}
 	function handleOnClick(evt) {
@@ -191,15 +202,14 @@ const ModalDialog = react.default.forwardRef(function ModalDialog({ "aria-label"
 	(0, react.useEffect)(() => {
 		if (!open) return;
 		const handleEscapeKey = (event) => {
-			if (require_match.match(event, require_keys.Escape)) {
+			if (require_match.match(event, require_keys.Escape) && require_isTopmostVisibleModal.isTopmostVisibleModal(modalRef.current, prefix)) {
 				event.preventDefault();
-				event.stopPropagation();
 				onRequestClose(event);
 			}
 		};
-		document.addEventListener("keydown", handleEscapeKey, true);
+		document.addEventListener("keydown", handleEscapeKey);
 		return () => {
-			document.removeEventListener("keydown", handleEscapeKey, true);
+			document.removeEventListener("keydown", handleEscapeKey);
 		};
 	}, [open]);
 	(0, react.useEffect)(() => {
@@ -356,6 +366,7 @@ const ModalDialog = react.default.forwardRef(function ModalDialog({ "aria-label"
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
 					className: primaryButtonClass,
 					kind: danger ? "danger" : "primary",
+					dangerDescription,
 					disabled: loadingActive || primaryButtonDisabled,
 					onClick: onRequestSubmit,
 					ref: button,
@@ -432,6 +443,7 @@ const ModalDialog = react.default.forwardRef(function ModalDialog({ "aria-label"
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
 						className: primaryButtonClass,
 						kind: danger ? "danger" : "primary",
+						dangerDescription,
 						disabled: loadingActive || primaryButtonDisabled,
 						onClick: onRequestSubmit,
 						ref: button,
@@ -474,6 +486,7 @@ Modal.propTypes = {
 	className: prop_types.default.string,
 	closeButtonLabel: prop_types.default.string,
 	danger: prop_types.default.bool,
+	dangerDescription: prop_types.default.string,
 	decorator: prop_types.default.node,
 	hasScrollingContent: prop_types.default.bool,
 	id: prop_types.default.string,

package/lib/components/Modal/isTopmostVisibleModal.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 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.
+ */
+export declare const isTopmostVisibleModal: (node: HTMLElement | null, prefix: string) => boolean;

package/lib/components/Modal/isTopmostVisibleModal.js

@@ -0,0 +1,21 @@
+/**
+ * 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.
+ */
+
+//#region src/components/Modal/isTopmostVisibleModal.ts
+/**
+* Copyright IBM Corp. 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.
+*/
+const isTopmostVisibleModal = (node, prefix) => {
+	if (!node) return false;
+	const visibleModals = document.querySelectorAll(`.${prefix}--modal.is-visible`);
+	return visibleModals.item(visibleModals.length - 1) === node;
+};
+//#endregion
+exports.isTopmostVisibleModal = isTopmostVisibleModal;

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -26,6 +26,7 @@ const require_ListBoxTrigger = require("../ListBox/next/ListBoxTrigger.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_filter = require("./filter.js");
 const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
+const require_isSelectAllItem = require("./tools/isSelectAllItem.js");
 const require_sorting = require("./tools/sorting.js");
 const require_Selection = require("../../internal/Selection.js");
 let classnames = require("classnames");
@@ -66,8 +67,8 @@ const FilterableMultiSelect = (0, react.forwardRef)(function FilterableMultiSele
 		itemToString,
 		filterItems
 	]);
-	const nonSelectAllItems = (0, react.useMemo)(() => filteredItems.filter((item) => !item.isSelectAll), [filteredItems]);
-	const selectAll = filteredItems.some((item) => item.isSelectAll);
+	const nonSelectAllItems = (0, react.useMemo)(() => filteredItems.filter((item) => !require_isSelectAllItem.isSelectAllItem(item)), [filteredItems]);
+	const selectAll = filteredItems.some(require_isSelectAllItem.isSelectAllItem);
 	const { selectedItems: controlledSelectedItems, onItemChange, clearSelection, toggleAll } = require_Selection.useSelection({
 		disabled,
 		initialSelectedItems,
@@ -135,7 +136,7 @@ const FilterableMultiSelect = (0, react.forwardRef)(function FilterableMultiSele
 		setIsOpen(open);
 	}, [open]);
 	const sortedItems = (0, react.useMemo)(() => {
-		const selectAllItem = items.find((item) => item.isSelectAll);
+		const selectAllItem = items.find(require_isSelectAllItem.isSelectAllItem);
 		const selectableRealItems = nonSelectAllItems.filter((item) => !item.disabled);
 		const sortedReal = sortItems(nonSelectAllItems, {
 			selectedItems: {
@@ -271,7 +272,7 @@ const FilterableMultiSelect = (0, react.forwardRef)(function FilterableMultiSele
 		switch (type) {
 			case InputKeyDownEnter:
 				if (sortedItems.length === 0) return changes;
-				if (changes.selectedItem && changes.selectedItem.disabled !== true) if (changes.selectedItem.isSelectAll) handleSelectAllClick();
+				if (changes.selectedItem && changes.selectedItem.disabled !== true) if (require_isSelectAllItem.isSelectAllItem(changes.selectedItem)) handleSelectAllClick();
 				else onItemChange(changes.selectedItem);
 				setHighlightedIndex(changes.selectedItem);
 				return {
@@ -279,7 +280,7 @@ const FilterableMultiSelect = (0, react.forwardRef)(function FilterableMultiSele
 					highlightedIndex: state.highlightedIndex
 				};
 			case ItemClick:
-				if (changes.selectedItem.isSelectAll) handleSelectAllClick();
+				if (require_isSelectAllItem.isSelectAllItem(changes.selectedItem)) handleSelectAllClick();
 				else onItemChange(changes.selectedItem);
 				setHighlightedIndex(changes.selectedItem);
 				return changes;
@@ -377,7 +378,7 @@ const FilterableMultiSelect = (0, react.forwardRef)(function FilterableMultiSele
 	const candidate = slug ?? decorator;
 	const candidateIsAILabel = require_utils.isComponentElement(candidate, require_index.AILabel);
 	const normalizedDecorator = candidateIsAILabel ? (0, react.cloneElement)(candidate, { size: "mini" }) : candidate;
-	const selectedItemsLength = controlledSelectedItems.filter((item) => !item.isSelectAll).length;
+	const selectedItemsLength = controlledSelectedItems.filter((item) => !require_isSelectAllItem.isSelectAllItem(item)).length;
 	const className = (0, classnames.default)(`${prefix}--multi-select`, `${prefix}--combo-box`, `${prefix}--multi-select--filterable`, {
 		[`${prefix}--multi-select--invalid`]: normalizedProps.invalid,
 		[`${prefix}--multi-select--invalid--focused`]: inputFocused && normalizedProps.invalid,
@@ -534,7 +535,7 @@ const FilterableMultiSelect = (0, react.forwardRef)(function FilterableMultiSele
 						children: isOpen ? sortedItems.map((item, index) => {
 							let isChecked;
 							let isIndeterminate = false;
-							if (item.isSelectAll) {
+							if (require_isSelectAllItem.isSelectAllItem(item)) {
 								isChecked = selectAllStatus.checked;
 								isIndeterminate = selectAllStatus.indeterminate;
 							} else isChecked = controlledSelectedItems.filter((selected) => (0, react_fast_compare.default)(selected, item)).length > 0;
@@ -548,7 +549,7 @@ const FilterableMultiSelect = (0, react.forwardRef)(function FilterableMultiSele
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default.MenuItem, {
 								"aria-label": itemText,
 								"aria-checked": isIndeterminate ? "mixed" : isChecked,
-								isActive: isChecked && !item["isSelectAll"],
+								isActive: isChecked && !require_isSelectAllItem.isSelectAllItem(item),
 								isHighlighted: highlightedIndex === index,
 								title: itemText,
 								disabled,

package/lib/components/MultiSelect/MultiSelect.js

@@ -24,6 +24,7 @@ const require_FormContext = require("../FluidForm/FormContext.js");
 const require_index$3 = require("../ListBox/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
+const require_isSelectAllItem = require("./tools/isSelectAllItem.js");
 const require_sorting = require("./tools/sorting.js");
 const require_Selection = require("../../internal/Selection.js");
 let classnames = require("classnames");
@@ -55,7 +56,7 @@ const MultiSelect = react.default.forwardRef(({ autoAlign = false, className: co
 			return true;
 		});
 	}, [items]);
-	const selectAll = filteredItems.some((item) => item.isSelectAll);
+	const selectAll = filteredItems.some(require_isSelectAllItem.isSelectAllItem);
 	const prefix = require_usePrefix.usePrefix();
 	const { isFluid } = (0, react.useContext)(require_FormContext.FormContext);
 	const multiSelectInstanceId = require_useId.useId();
@@ -285,7 +286,7 @@ const MultiSelect = react.default.forwardRef(({ autoAlign = false, className: co
 	const candidate = slug ?? decorator;
 	const normalizedDecorator = require_utils.isComponentElement(candidate, require_index$1.AILabel) ? (0, react.cloneElement)(candidate, { size: "mini" }) : candidate;
 	const itemsSelectedText = selectedItems.length > 0 && selectedItems.map((item) => item?.text);
-	const selectedItemsLength = selectAll ? selectedItems.filter((item) => !item.isSelectAll).length : selectedItems.length;
+	const selectedItemsLength = selectAll ? selectedItems.filter((item) => !require_isSelectAllItem.isSelectAllItem(item)).length : selectedItems.length;
 	const menuProps = (0, react.useMemo)(() => getMenuProps({
 		ref: enableFloatingStyles ? refs.setFloating : null,
 		hidden: !isOpen
@@ -299,9 +300,9 @@ const MultiSelect = react.default.forwardRef(({ autoAlign = false, className: co
 	const labelProps = (0, react.isValidElement)(titleText) ? { id: allLabelProps.id } : allLabelProps;
 	const getSelectionStats = (0, react.useCallback)((selectedItems, filteredItems) => {
 		return {
-			hasIndividualSelections: selectedItems.some((selected) => !selected.isSelectAll),
-			nonSelectAllSelectedCount: selectedItems.filter((selected) => !selected.isSelectAll).length,
-			totalSelectableCount: filteredItems.filter((item) => !item.isSelectAll && !item.disabled).length
+			hasIndividualSelections: selectedItems.some((selected) => !require_isSelectAllItem.isSelectAllItem(selected)),
+			nonSelectAllSelectedCount: selectedItems.filter((selected) => !require_isSelectAllItem.isSelectAllItem(selected)).length,
+			totalSelectableCount: filteredItems.filter((item) => !require_isSelectAllItem.isSelectAllItem(item) && !item.disabled).length
 		};
 	}, [selectedItems, filteredItems]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -377,15 +378,15 @@ const MultiSelect = react.default.forwardRef(({ autoAlign = false, className: co
 						...menuProps,
 						children: isOpen && sortItems(filteredItems, sortOptions).map((item, index) => {
 							const { hasIndividualSelections, nonSelectAllSelectedCount, totalSelectableCount } = getSelectionStats(selectedItems, filteredItems);
-							const isChecked = item.isSelectAll ? nonSelectAllSelectedCount === totalSelectableCount && totalSelectableCount > 0 : selectedItems.some((selected) => (0, react_fast_compare.default)(selected, item));
-							const isIndeterminate = item.isSelectAll && hasIndividualSelections && nonSelectAllSelectedCount < totalSelectableCount;
+							const isChecked = require_isSelectAllItem.isSelectAllItem(item) ? nonSelectAllSelectedCount === totalSelectableCount && totalSelectableCount > 0 : selectedItems.some((selected) => (0, react_fast_compare.default)(selected, item));
+							const isIndeterminate = require_isSelectAllItem.isSelectAllItem(item) && hasIndividualSelections && nonSelectAllSelectedCount < totalSelectableCount;
 							const itemProps = getItemProps({
 								item,
 								["aria-selected"]: isChecked
 							});
 							const itemText = itemToString(item);
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.default.MenuItem, {
-								isActive: isChecked && !item["isSelectAll"],
+								isActive: isChecked && !require_isSelectAllItem.isSelectAllItem(item),
 								"aria-label": itemText,
 								"aria-checked": isIndeterminate ? "mixed" : isChecked,
 								isHighlighted: highlightedIndex === index,

package/lib/components/MultiSelect/tools/isSelectAllItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 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.
+ */
+export declare const isSelectAllItem: (item: unknown) => item is {
+    isSelectAll?: boolean;
+};

package/lib/components/MultiSelect/tools/isSelectAllItem.js

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+
+//#region src/components/MultiSelect/tools/isSelectAllItem.ts
+/**
+* Copyright IBM Corp. 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.
+*/
+const isSelectAllItem = (item) => typeof item === "object" && item !== null && "isSelectAll" in item;
+//#endregion
+exports.isSelectAllItem = isSelectAllItem;

package/lib/components/MultiSelect/tools/sorting.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+const require_isSelectAllItem = require("./isSelectAllItem.js");
 //#region src/components/MultiSelect/tools/sorting.ts
-const isSelectAllItem = (item) => typeof item === "object" && item !== null && "isSelectAll" in item;
 /**
 * Use `localeCompare` with the `numeric` option enabled to sort two
 * alphanumeric strings.
@@ -17,8 +17,8 @@ const defaultCompareItems = (itemA, itemB, { locale }) => itemA.localeCompare(it
 */
 const defaultSortItems = (items, { selectedItems, itemToString, compareItems, locale }) => {
 	return items.sort((itemA, itemB) => {
-		if (isSelectAllItem(itemA) && itemA.isSelectAll) return -1;
-		if (isSelectAllItem(itemB) && itemB.isSelectAll) return 1;
+		if (require_isSelectAllItem.isSelectAllItem(itemA) && itemA.isSelectAll) return -1;
+		if (require_isSelectAllItem.isSelectAllItem(itemB) && itemB.isSelectAll) return 1;
 		const hasItemA = selectedItems.includes(itemA);
 		const hasItemB = selectedItems.includes(itemB);
 		if (hasItemA && !hasItemB) return -1;

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -27,7 +27,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * LICENSE file in the root directory of this source tree.
 */
 const OverflowMenuItem = (0, react.forwardRef)((props, ref) => {
-	const { className, closeMenu, dangerDescription = "danger", disabled = false, handleOverflowMenuItemFocus, hasDivider = false, href, isDelete = false, index, itemText = "Provide itemText", onClick = () => {}, onKeyDown = () => {}, requireTitle, title, wrapperClassName, ...rest } = props;
+	const { className, closeMenu, dangerDescription = "", disabled = false, handleOverflowMenuItemFocus, hasDivider = false, href, isDelete = false, index, itemText = "Provide itemText", onClick = () => {}, onKeyDown = () => {}, requireTitle, title, wrapperClassName, ...rest } = props;
 	const prefix = require_usePrefix.usePrefix();
 	function setTabFocus(evt) {
 		if (require_match.match(evt, require_keys.ArrowDown)) handleOverflowMenuItemFocus?.({
@@ -51,13 +51,14 @@ const OverflowMenuItem = (0, react.forwardRef)((props, ref) => {
 		[`${prefix}--overflow-menu-options__option--disabled`]: disabled
 	}, wrapperClassName);
 	const TagToUse = href ? "a" : "button";
+	const hasDangerDescription = isDelete && Boolean(dangerDescription);
 	const assistiveId = require_useId.useId("danger-description");
 	const OverflowMenuItemContent = (() => {
 		if (typeof itemText !== "string") return itemText;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: `${prefix}--overflow-menu-options__option-content`,
 			children: itemText
-		}), isDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		}), hasDangerDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			id: assistiveId,
 			className: `${prefix}--visually-hidden`,
 			children: dangerDescription

package/lib/components/PageHeader/PageHeader.d.ts

@@ -4,6 +4,10 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * @deprecated PageHeader has moved to Carbon for IBM Products.
+ * See https://github.com/carbon-design-system/carbon/issues/21926
+ */
 import React, { type ElementType } from 'react';
 import PropTypes from 'prop-types';
 import { TYPES } from '../Tag/Tag';

package/lib/components/PageHeader/PageHeader.js

@@ -14,6 +14,7 @@ const require_AspectRatio = require("../AspectRatio/AspectRatio.js");
 const require_index = require("../Popover/index.js");
 const require_DefinitionTooltip = require("../Tooltip/DefinitionTooltip.js");
 const require_MenuItem = require("../Menu/MenuItem.js");
+const require_deprecateComponent = require("../../prop-types/deprecateComponent.js");
 const require_Grid = require("../Grid/Grid.js");
 const require_Column = require("../Grid/Column.js");
 const require_index$1 = require("../MenuButton/index.js");
@@ -37,7 +38,18 @@ let _carbon_layout = require("@carbon/layout");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
+/**
+* @deprecated PageHeader has moved to Carbon for IBM Products.
+* See https://github.com/carbon-design-system/carbon/issues/21926
+*/
+const pageHeaderDeprecationMessage = (componentName) => `The \`${componentName}\` component in \`@carbon/react\` has been deprecated and moved to \`@carbon/ibm-products\`. See https://github.com/carbon-design-system/carbon/issues/21926`;
+const usePageHeaderDeprecation = (componentName) => {
+	(0, react.useEffect)(() => {
+		require_deprecateComponent.deprecateComponent(componentName, pageHeaderDeprecationMessage(componentName));
+	}, [componentName]);
+};
 const PageHeader = react.default.forwardRef(({ className, children, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeader");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: (0, classnames.default)({ [`${require_usePrefix.usePrefix()}--page-header`]: true }, className),
 		ref,
@@ -47,6 +59,7 @@ const PageHeader = react.default.forwardRef(({ className, children, ...other },
 });
 PageHeader.displayName = "PageHeader";
 const PageHeaderBreadcrumbBar = react.default.forwardRef(({ border = true, className, children, renderIcon: IconElement, contentActions, contentActionsFlush, pageActions, pageActionsFlush, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderBreadcrumbBar");
 	const prefix = require_usePrefix.usePrefix();
 	const classNames = (0, classnames.default)({
 		[`${prefix}--page-header__breadcrumb-bar`]: true,
@@ -83,6 +96,7 @@ const PageHeaderBreadcrumbBar = react.default.forwardRef(({ border = true, class
 });
 PageHeaderBreadcrumbBar.displayName = "PageHeaderBreadcrumbBar";
 const PageHeaderContent = react.default.forwardRef(({ className, children, title, renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderContent");
 	const prefix = require_usePrefix.usePrefix();
 	const classNames = (0, classnames.default)({ [`${prefix}--page-header__content`]: true }, className);
 	const titleRef = (0, react.useRef)(null);
@@ -145,6 +159,7 @@ PageHeaderContent.propTypes = {
 	pageActions: prop_types.default.node
 };
 const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "Actions", actions, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderContentPageActions");
 	const classNames = (0, classnames.default)({ [`${require_usePrefix.usePrefix()}--page-header__content__page-actions`]: true }, className);
 	const containerRef = (0, react.useRef)(null);
 	const offsetRef = (0, react.useRef)(null);
@@ -198,6 +213,7 @@ PageHeaderContentPageActions.propTypes = {
 	actions: prop_types.default.oneOfType([prop_types.default.node, prop_types.default.array])
 };
 const PageHeaderContentText = ({ className, children, subtitle, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderContentText");
 	const prefix = require_usePrefix.usePrefix();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: (0, classnames.default)({ [`${prefix}--page-header__content__body`]: true }, className),
@@ -216,6 +232,7 @@ PageHeaderContentText.propTypes = {
 	subtitle: prop_types.default.string
 };
 const PageHeaderHeroImage = ({ className, children, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderHeroImage");
 	const classNames = (0, classnames.default)({ [`${require_usePrefix.usePrefix()}--page-header__hero-image`]: true }, className);
 	const isLg = require_useMatchMedia.useMatchMedia(`(min-width: ${_carbon_layout.breakpoints.lg.width})`);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AspectRatio.default, {
@@ -231,6 +248,7 @@ PageHeaderHeroImage.propTypes = {
 	className: prop_types.default.string
 };
 const PageHeaderTabBar = react.default.forwardRef(({ className, children, tags = [], ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderTabBar");
 	const prefix = require_usePrefix.usePrefix();
 	const classNames = (0, classnames.default)({ [`${prefix}--page-header__tab-bar`]: true }, className);
 	const [openPopover, setOpenPopover] = (0, react.useState)(false);