@carbon/react 1.107.1 → 1.108.0

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -25,6 +25,7 @@ import ListBoxTrigger from "../ListBox/next/ListBoxTrigger.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { defaultFilterItems } from "./filter.js";
 import { sortingPropTypes } from "./MultiSelectPropTypes.js";
+import { isSelectAllItem } from "./tools/isSelectAllItem.js";
 import { defaultCompareItems, defaultSortItems } from "./tools/sorting.js";
 import { useSelection } from "../../internal/Selection.js";
 import classNames from "classnames";
@@ -60,8 +61,8 @@ const FilterableMultiSelect = forwardRef(function FilterableMultiSelect({ autoAl
 		itemToString,
 		filterItems
 	]);
-	const nonSelectAllItems = useMemo(() => filteredItems.filter((item) => !item.isSelectAll), [filteredItems]);
-	const selectAll = filteredItems.some((item) => item.isSelectAll);
+	const nonSelectAllItems = useMemo(() => filteredItems.filter((item) => !isSelectAllItem(item)), [filteredItems]);
+	const selectAll = filteredItems.some(isSelectAllItem);
 	const { selectedItems: controlledSelectedItems, onItemChange, clearSelection, toggleAll } = useSelection({
 		disabled,
 		initialSelectedItems,
@@ -129,7 +130,7 @@ const FilterableMultiSelect = forwardRef(function FilterableMultiSelect({ autoAl
 		setIsOpen(open);
 	}, [open]);
 	const sortedItems = useMemo(() => {
-		const selectAllItem = items.find((item) => item.isSelectAll);
+		const selectAllItem = items.find(isSelectAllItem);
 		const selectableRealItems = nonSelectAllItems.filter((item) => !item.disabled);
 		const sortedReal = sortItems(nonSelectAllItems, {
 			selectedItems: {
@@ -265,7 +266,7 @@ const FilterableMultiSelect = forwardRef(function FilterableMultiSelect({ autoAl
 		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 (isSelectAllItem(changes.selectedItem)) handleSelectAllClick();
 				else onItemChange(changes.selectedItem);
 				setHighlightedIndex(changes.selectedItem);
 				return {
@@ -273,7 +274,7 @@ const FilterableMultiSelect = forwardRef(function FilterableMultiSelect({ autoAl
 					highlightedIndex: state.highlightedIndex
 				};
 			case ItemClick:
-				if (changes.selectedItem.isSelectAll) handleSelectAllClick();
+				if (isSelectAllItem(changes.selectedItem)) handleSelectAllClick();
 				else onItemChange(changes.selectedItem);
 				setHighlightedIndex(changes.selectedItem);
 				return changes;
@@ -371,7 +372,7 @@ const FilterableMultiSelect = forwardRef(function FilterableMultiSelect({ autoAl
 	const candidate = slug ?? decorator;
 	const candidateIsAILabel = isComponentElement(candidate, AILabel);
 	const normalizedDecorator = candidateIsAILabel ? cloneElement(candidate, { size: "mini" }) : candidate;
-	const selectedItemsLength = controlledSelectedItems.filter((item) => !item.isSelectAll).length;
+	const selectedItemsLength = controlledSelectedItems.filter((item) => !isSelectAllItem(item)).length;
 	const className = classNames(`${prefix}--multi-select`, `${prefix}--combo-box`, `${prefix}--multi-select--filterable`, {
 		[`${prefix}--multi-select--invalid`]: normalizedProps.invalid,
 		[`${prefix}--multi-select--invalid--focused`]: inputFocused && normalizedProps.invalid,
@@ -528,7 +529,7 @@ const FilterableMultiSelect = forwardRef(function FilterableMultiSelect({ autoAl
 						children: isOpen ? sortedItems.map((item, index) => {
 							let isChecked;
 							let isIndeterminate = false;
-							if (item.isSelectAll) {
+							if (isSelectAllItem(item)) {
 								isChecked = selectAllStatus.checked;
 								isIndeterminate = selectAllStatus.indeterminate;
 							} else isChecked = controlledSelectedItems.filter((selected) => isEqual(selected, item)).length > 0;
@@ -542,7 +543,7 @@ const FilterableMultiSelect = forwardRef(function FilterableMultiSelect({ autoAl
 							return /* @__PURE__ */ jsx(ListBox.MenuItem, {
 								"aria-label": itemText,
 								"aria-checked": isIndeterminate ? "mixed" : isChecked,
-								isActive: isChecked && !item["isSelectAll"],
+								isActive: isChecked && !isSelectAllItem(item),
 								isHighlighted: highlightedIndex === index,
 								title: itemText,
 								disabled,

package/es/components/MultiSelect/MultiSelect.js

@@ -23,6 +23,7 @@ import { FormContext } from "../FluidForm/FormContext.js";
 import ListBox from "../ListBox/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { sortingPropTypes } from "./MultiSelectPropTypes.js";
+import { isSelectAllItem } from "./tools/isSelectAllItem.js";
 import { defaultCompareItems, defaultSortItems } from "./tools/sorting.js";
 import { useSelection } from "../../internal/Selection.js";
 import classNames from "classnames";
@@ -50,7 +51,7 @@ const MultiSelect = React.forwardRef(({ autoAlign = false, className: containerC
 			return true;
 		});
 	}, [items]);
-	const selectAll = filteredItems.some((item) => item.isSelectAll);
+	const selectAll = filteredItems.some(isSelectAllItem);
 	const prefix = usePrefix();
 	const { isFluid } = useContext(FormContext);
 	const multiSelectInstanceId = useId();
@@ -280,7 +281,7 @@ const MultiSelect = React.forwardRef(({ autoAlign = false, className: containerC
 	const candidate = slug ?? decorator;
 	const normalizedDecorator = isComponentElement(candidate, AILabel) ? 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) => !isSelectAllItem(item)).length : selectedItems.length;
 	const menuProps = useMemo(() => getMenuProps({
 		ref: enableFloatingStyles ? refs.setFloating : null,
 		hidden: !isOpen
@@ -294,9 +295,9 @@ const MultiSelect = React.forwardRef(({ autoAlign = false, className: containerC
 	const labelProps = isValidElement(titleText) ? { id: allLabelProps.id } : allLabelProps;
 	const getSelectionStats = 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) => !isSelectAllItem(selected)),
+			nonSelectAllSelectedCount: selectedItems.filter((selected) => !isSelectAllItem(selected)).length,
+			totalSelectableCount: filteredItems.filter((item) => !isSelectAllItem(item) && !item.disabled).length
 		};
 	}, [selectedItems, filteredItems]);
 	return /* @__PURE__ */ jsxs("div", {
@@ -372,15 +373,15 @@ const MultiSelect = React.forwardRef(({ autoAlign = false, className: containerC
 						...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) => isEqual(selected, item));
-							const isIndeterminate = item.isSelectAll && hasIndividualSelections && nonSelectAllSelectedCount < totalSelectableCount;
+							const isChecked = isSelectAllItem(item) ? nonSelectAllSelectedCount === totalSelectableCount && totalSelectableCount > 0 : selectedItems.some((selected) => isEqual(selected, item));
+							const isIndeterminate = isSelectAllItem(item) && hasIndividualSelections && nonSelectAllSelectedCount < totalSelectableCount;
 							const itemProps = getItemProps({
 								item,
 								["aria-selected"]: isChecked
 							});
 							const itemText = itemToString(item);
 							return /* @__PURE__ */ jsx(ListBox.MenuItem, {
-								isActive: isChecked && !item["isSelectAll"],
+								isActive: isChecked && !isSelectAllItem(item),
 								"aria-label": itemText,
 								"aria-checked": isIndeterminate ? "mixed" : isChecked,
 								isHighlighted: highlightedIndex === index,

package/es/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/es/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
+export { isSelectAllItem };

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

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { isSelectAllItem } from "./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.

package/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -23,7 +23,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * LICENSE file in the root directory of this source tree.
 */
 const OverflowMenuItem = 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 = usePrefix();
 	function setTabFocus(evt) {
 		if (match(evt, ArrowDown)) handleOverflowMenuItemFocus?.({
@@ -47,13 +47,14 @@ const OverflowMenuItem = forwardRef((props, ref) => {
 		[`${prefix}--overflow-menu-options__option--disabled`]: disabled
 	}, wrapperClassName);
 	const TagToUse = href ? "a" : "button";
+	const hasDangerDescription = isDelete && Boolean(dangerDescription);
 	const assistiveId = useId("danger-description");
 	const OverflowMenuItemContent = (() => {
 		if (typeof itemText !== "string") return itemText;
 		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 			className: `${prefix}--overflow-menu-options__option-content`,
 			children: itemText
-		}), isDelete && /* @__PURE__ */ jsx("span", {
+		}), hasDangerDescription && /* @__PURE__ */ jsx("span", {
 			id: assistiveId,
 			className: `${prefix}--visually-hidden`,
 			children: dangerDescription

package/es/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/es/components/PageHeader/PageHeader.js

@@ -13,6 +13,7 @@ import AspectRatio from "../AspectRatio/AspectRatio.js";
 import { Popover, PopoverContent } from "../Popover/index.js";
 import { DefinitionTooltip } from "../Tooltip/DefinitionTooltip.js";
 import { MenuItem } from "../Menu/MenuItem.js";
+import { deprecateComponent } from "../../prop-types/deprecateComponent.js";
 import { GridAsGridComponent } from "../Grid/Grid.js";
 import Column from "../Grid/Column.js";
 import { MenuButton } from "../MenuButton/index.js";
@@ -33,7 +34,18 @@ import { breakpoints } from "@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) => {
+	useEffect(() => {
+		deprecateComponent(componentName, pageHeaderDeprecationMessage(componentName));
+	}, [componentName]);
+};
 const PageHeader = React.forwardRef(({ className, children, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeader");
 	return /* @__PURE__ */ jsx("div", {
 		className: classNames({ [`${usePrefix()}--page-header`]: true }, className),
 		ref,
@@ -43,6 +55,7 @@ const PageHeader = React.forwardRef(({ className, children, ...other }, ref) =>
 });
 PageHeader.displayName = "PageHeader";
 const PageHeaderBreadcrumbBar = React.forwardRef(({ border = true, className, children, renderIcon: IconElement, contentActions, contentActionsFlush, pageActions, pageActionsFlush, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderBreadcrumbBar");
 	const prefix = usePrefix();
 	const classNames$1 = classNames({
 		[`${prefix}--page-header__breadcrumb-bar`]: true,
@@ -79,6 +92,7 @@ const PageHeaderBreadcrumbBar = React.forwardRef(({ border = true, className, ch
 });
 PageHeaderBreadcrumbBar.displayName = "PageHeaderBreadcrumbBar";
 const PageHeaderContent = React.forwardRef(({ className, children, title, renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderContent");
 	const prefix = usePrefix();
 	const classNames$2 = classNames({ [`${prefix}--page-header__content`]: true }, className);
 	const titleRef = useRef(null);
@@ -141,6 +155,7 @@ PageHeaderContent.propTypes = {
 	pageActions: PropTypes.node
 };
 const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "Actions", actions, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderContentPageActions");
 	const classNames$3 = classNames({ [`${usePrefix()}--page-header__content__page-actions`]: true }, className);
 	const containerRef = useRef(null);
 	const offsetRef = useRef(null);
@@ -194,6 +209,7 @@ PageHeaderContentPageActions.propTypes = {
 	actions: PropTypes.oneOfType([PropTypes.node, PropTypes.array])
 };
 const PageHeaderContentText = ({ className, children, subtitle, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderContentText");
 	const prefix = usePrefix();
 	return /* @__PURE__ */ jsxs("div", {
 		className: classNames({ [`${prefix}--page-header__content__body`]: true }, className),
@@ -212,6 +228,7 @@ PageHeaderContentText.propTypes = {
 	subtitle: PropTypes.string
 };
 const PageHeaderHeroImage = ({ className, children, ...other }) => {
+	usePageHeaderDeprecation("PageHeaderHeroImage");
 	const classNames$4 = classNames({ [`${usePrefix()}--page-header__hero-image`]: true }, className);
 	const isLg = useMatchMedia(`(min-width: ${breakpoints.lg.width})`);
 	return /* @__PURE__ */ jsx(AspectRatio, {
@@ -227,6 +244,7 @@ PageHeaderHeroImage.propTypes = {
 	className: PropTypes.string
 };
 const PageHeaderTabBar = React.forwardRef(({ className, children, tags = [], ...other }, ref) => {
+	usePageHeaderDeprecation("PageHeaderTabBar");
 	const prefix = usePrefix();
 	const classNames$5 = classNames({ [`${prefix}--page-header__tab-bar`]: true }, className);
 	const [openPopover, setOpenPopover] = useState(false);

package/es/components/PageHeader/index.d.ts

@@ -4,5 +4,9 @@
  * 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
+ */
 export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderTabBar, PageHeaderHeroImage, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, TabBar, HeroImage, } from './PageHeader';
 export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderTabBarProps, PageHeaderHeroImageProps, } from './PageHeader';

package/es/components/Tabs/Tabs.d.ts

@@ -192,8 +192,12 @@ export interface TabListProps extends DivAttributes {
      * on component rerender
      */
     scrollIntoView?: boolean;
+    /**
+     * Specify the size of the tabs.
+     */
+    size?: 'sm' | 'md' | 'lg';
 }
-declare function TabList({ activation, 'aria-label': label, children, className: customClassName, contained, fullWidth, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, ...rest }: TabListProps): import("react/jsx-runtime").JSX.Element;
+declare function TabList({ activation, 'aria-label': label, children, className: customClassName, contained, fullWidth, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, size, ...rest }: TabListProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabList {
     var propTypes: {
         /**

package/es/components/Tabs/Tabs.js

@@ -144,7 +144,7 @@ function getNextIndexVertical(event, total, index) {
 		default: return index;
 	}
 }
-function TabList({ activation = "automatic", "aria-label": label, children, className: customClassName, contained = false, fullWidth = false, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait = 200, scrollIntoView, ...rest }) {
+function TabList({ activation = "automatic", "aria-label": label, children, className: customClassName, contained = false, fullWidth = false, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait = 200, scrollIntoView, size, ...rest }) {
 	const { activeIndex, selectedIndex, setSelectedIndex, setActiveIndex, dismissable } = React.useContext(TabsContext);
 	const prefix = usePrefix();
 	const ref = useRef(null);
@@ -161,6 +161,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 		[`${prefix}--tabs__icon--default`]: iconSize === "default",
 		[`${prefix}--tabs__icon--lg`]: iconSize === "lg",
 		[`${prefix}--layout--size-lg`]: iconSize === "lg",
+		[`${prefix}--layout--size-${size}`]: size && contained && !hasSecondaryLabelTabs,
 		[`${prefix}--tabs--tall`]: hasSecondaryLabelTabs,
 		[`${prefix}--tabs--full-width`]: distributeWidth,
 		[`${prefix}--tabs--dismissable`]: dismissable

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

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 export interface SwitcherDividerProps {
     /**
-     * Optionally provide a custom class to apply to the underlying `<li>` node
+     * Optionally provide a custom class to apply to the underlying `<hr>` node
      */
     className?: string;
 }
@@ -15,7 +15,7 @@ declare const SwitcherDivider: {
     ({ className: customClassName, ...other }: SwitcherDividerProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
-         * Optionally provide a custom class to apply to the underlying `<li>` node
+         * Optionally provide a custom class to apply to the underlying `<hr>` node
          */
         className: PropTypes.Requireable<string>;
     };

package/es/components/UIShell/SwitcherDivider.js

@@ -13,10 +13,10 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/UIShell/SwitcherDivider.tsx
 const SwitcherDivider = ({ className: customClassName, ...other }) => {
 	const classNames$1 = classNames(`${usePrefix()}--switcher__item--divider`, { [customClassName || ""]: !!customClassName });
-	return /* @__PURE__ */ jsx("hr", {
+	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("hr", {
 		...other,
 		className: classNames$1
-	});
+	}) });
 };
 SwitcherDivider.propTypes = { className: PropTypes.string };
 //#endregion

package/es/internal/warning.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/Button/Button.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { type ReactNode } from 'react';
+import React from 'react';
 import { IconButtonKind } from '../IconButton';
 import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 export declare const ButtonKinds: readonly ["primary", "secondary", "danger", "ghost", "danger--primary", "danger--ghost", "danger--tertiary", "tertiary"];
@@ -82,6 +82,6 @@ export interface ButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     tooltipPosition?: ButtonTooltipPosition;
 }
 export type ButtonProps<T extends React.ElementType> = PolymorphicComponentPropWithRef<T, ButtonBaseProps>;
-export type ButtonComponent = <T extends React.ElementType = 'button'>(props: ButtonProps<T>) => ReactNode;
+export type ButtonComponent = <T extends React.ElementType = 'button'>(props: ButtonProps<T>, context?: any) => React.ReactElement | any;
 declare const _default: ButtonComponent;
 export default _default;

package/lib/components/Button/ButtonBase.js

@@ -20,7 +20,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.
 */
-const ButtonBase = react.default.forwardRef(function ButtonBase({ as, children, className, dangerDescription = "danger", disabled = false, hasIconOnly = false, href, iconDescription, isExpressive = false, isSelected, kind = "primary", onBlur, onClick, onFocus, onMouseEnter, onMouseLeave, renderIcon: ButtonImageElement, size, tabIndex, type = "button", ...rest }, ref) {
+const ButtonBase = react.default.forwardRef(function ButtonBase({ as, children, className, dangerDescription = "", disabled = false, hasIconOnly = false, href, iconDescription, isExpressive = false, isSelected, kind = "primary", onBlur, onClick, onFocus, onMouseEnter, onMouseLeave, renderIcon: ButtonImageElement, size, tabIndex, type = "button", ...rest }, ref) {
 	const prefix = require_usePrefix.usePrefix();
 	const commonProps = {
 		tabIndex,
@@ -46,23 +46,23 @@ const ButtonBase = react.default.forwardRef(function ButtonBase({ as, children,
 		className: `${prefix}--btn__icon`,
 		"aria-hidden": "true"
 	});
-	const dangerButtonVariants = [
+	const hasDangerDescription = [
 		"danger",
 		"danger--tertiary",
 		"danger--ghost"
-	];
+	].includes(kind) && Boolean(dangerDescription);
 	let component = "button";
 	const assistiveId = require_useId.useId("danger-description");
 	const { "aria-pressed": ariaPressed, "aria-describedby": ariaDescribedBy } = rest;
 	let otherProps = {
 		disabled,
 		type,
-		"aria-describedby": dangerButtonVariants.includes(kind) ? assistiveId : ariaDescribedBy || void 0,
+		"aria-describedby": hasDangerDescription ? assistiveId : ariaDescribedBy || void 0,
 		"aria-pressed": ariaPressed ?? (hasIconOnly && kind === "ghost" ? isSelected : void 0)
 	};
 	const anchorProps = { href };
 	let assistiveText = null;
-	if (dangerButtonVariants.includes(kind)) assistiveText = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	if (hasDangerDescription) assistiveText = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		id: assistiveId,
 		className: `${prefix}--visually-hidden`,
 		children: dangerDescription

package/lib/components/ChatButton/ChatButton.d.ts

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

@@ -17,7 +17,7 @@ prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/ChatButton/ChatButton.tsx
 /**
-* Copyright IBM Corp. 2024, 2025
+* Copyright IBM Corp. 2024, 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/ComposedModal/ComposedModal.js

@@ -27,6 +27,7 @@ const require_wrapFocus = require("../../internal/wrapFocus.js");
 const require_Dialog = require("../Dialog/Dialog.js");
 const require_useComposedModalState = require("./useComposedModalState.js");
 const require_ComposedModalPresence = require("./ComposedModalPresence.js");
+const require_isTopmostVisibleModal = require("../Modal/isTopmostVisibleModal.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -102,9 +103,14 @@ const ComposedModalDialog = react.default.forwardRef(function ComposedModalDialo
 	const button = (0, react.useRef)(null);
 	const startSentinel = (0, react.useRef)(null);
 	const endSentinel = (0, react.useRef)(null);
+	const modalRef = (0, react.useRef)(null);
 	const onMouseDownTarget = (0, react.useRef)(null);
 	const presenceContext = (0, react.useContext)(require_ComposedModalPresence.ComposedModalPresenceContext);
-	const mergedRefs = (0, _floating_ui_react.useMergeRefs)([ref, presenceContext?.presenceRef]);
+	const mergedRefs = (0, _floating_ui_react.useMergeRefs)([
+		modalRef,
+		ref,
+		presenceContext?.presenceRef
+	]);
 	const enablePresence = require_index.useFeatureFlag("enable-presence") || presenceContext?.autoEnablePresence;
 	const open = externalOpen || enablePresence;
 	const modalState = require_useComposedModalState.useComposedModalState(open);
@@ -188,15 +194,14 @@ const ComposedModalDialog = react.default.forwardRef(function ComposedModalDialo
 	(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();
 				closeModal(event);
 			}
 		};
-		document.addEventListener("keydown", handleEscapeKey, true);
+		document.addEventListener("keydown", handleEscapeKey);
 		return () => {
-			document.removeEventListener("keydown", handleEscapeKey, true);
+			document.removeEventListener("keydown", handleEscapeKey);
 		};
 	}, [open]);
 	(0, react.useEffect)(() => {

package/lib/components/ComposedModal/ModalFooter.d.ts

@@ -36,6 +36,11 @@ export interface ModalFooterProps {
      * Note that this prop is not applied if you render primary/danger button by yourself
      */
     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;
     /**
      * The `ref` callback for the primary button.
      */

package/lib/components/ComposedModal/ModalFooter.js

@@ -65,7 +65,7 @@ SecondaryButtonSet.propTypes = {
 	},
 	secondaryClassName: prop_types.default.string
 };
-const ModalFooter = react.default.forwardRef(function ModalFooter({ children, className: customClassName, closeModal = require_noopFn.noopFn, danger, inputref, onRequestClose = require_noopFn.noopFn, onRequestSubmit = require_noopFn.noopFn, primaryButtonDisabled, primaryButtonText, primaryClassName, secondaryButtonText, secondaryButtons, secondaryClassName, loadingStatus = "inactive", loadingDescription, loadingIconDescription, onLoadingSuccess = require_noopFn.noopFn, ...rest }, ref) {
+const ModalFooter = react.default.forwardRef(function ModalFooter({ children, className: customClassName, closeModal = require_noopFn.noopFn, danger, dangerDescription = "", inputref, onRequestClose = require_noopFn.noopFn, onRequestSubmit = require_noopFn.noopFn, primaryButtonDisabled, primaryButtonText, primaryClassName, secondaryButtonText, secondaryButtons, secondaryClassName, loadingStatus = "inactive", loadingDescription, loadingIconDescription, onLoadingSuccess = require_noopFn.noopFn, ...rest }, ref) {
 	const prefix = require_usePrefix.usePrefix();
 	const footerClass = (0, classnames.default)(`${prefix}--modal-footer`, customClassName, Array.isArray(secondaryButtons) && secondaryButtons.length === 2 ? `${prefix}--modal-footer--three-button` : null);
 	const primaryButtonClass = (0, classnames.default)(primaryClassName, loadingStatus !== "inactive" ? `${prefix}--btn--loading` : null);
@@ -89,6 +89,7 @@ const ModalFooter = react.default.forwardRef(function ModalFooter({ children, cl
 				onClick: onRequestSubmit,
 				className: primaryButtonClass,
 				disabled: loadingActive || primaryButtonDisabled,
+				dangerDescription,
 				kind: danger ? "danger" : "primary",
 				ref: inputref,
 				children: loadingStatus === "inactive" ? primaryButtonText : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
@@ -108,6 +109,7 @@ ModalFooter.propTypes = {
 	className: prop_types.default.string,
 	closeModal: prop_types.default.func,
 	danger: prop_types.default.bool,
+	dangerDescription: prop_types.default.string,
 	inputref: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.shape({ current: prop_types.default.any })]),
 	loadingDescription: prop_types.default.string,
 	loadingIconDescription: prop_types.default.string,

package/lib/components/Dialog/Dialog.d.ts

@@ -232,6 +232,11 @@ interface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {
      * Specify whether the Dialog 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;
     /**
      * Specify loading status
      */

package/lib/components/Dialog/Dialog.js

@@ -252,7 +252,7 @@ DialogBody.propTypes = {
 	className: prop_types.default.string,
 	hasScrollingContent: prop_types.default.bool
 };
-const DialogFooter = react.default.forwardRef(({ children, className, onRequestClose = require_noopFn.noopFn, onSecondarySubmit, onRequestSubmit = require_noopFn.noopFn, primaryButtonText = "Save", primaryButtonDisabled = false, secondaryButtonText = "Cancel", secondaryButtons, loadingStatus = "inactive", loadingDescription, loadingIconDescription, onLoadingSuccess = require_noopFn.noopFn, danger = false, ...rest }, ref) => {
+const DialogFooter = react.default.forwardRef(({ children, className, onRequestClose = require_noopFn.noopFn, onSecondarySubmit, onRequestSubmit = require_noopFn.noopFn, primaryButtonText = "Save", primaryButtonDisabled = false, secondaryButtonText = "Cancel", secondaryButtons, loadingStatus = "inactive", loadingDescription, loadingIconDescription, onLoadingSuccess = require_noopFn.noopFn, danger = false, dangerDescription = "", ...rest }, ref) => {
 	const prefix = require_usePrefix.usePrefix();
 	const button = (0, react.useRef)(null);
 	const { isOpen } = (0, react.useContext)(DialogContext);
@@ -300,6 +300,7 @@ const DialogFooter = react.default.forwardRef(({ children, className, onRequestC
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
 			className: primaryButtonClass,
 			kind: danger ? "danger" : "primary",
+			dangerDescription,
 			disabled: loadingActive || primaryButtonDisabled,
 			onClick: onRequestSubmit,
 			ref: button,
@@ -337,6 +338,7 @@ DialogFooter.propTypes = {
 		return null;
 	},
 	danger: prop_types.default.bool,
+	dangerDescription: prop_types.default.string,
 	loadingStatus: prop_types.default.oneOf([
 		"inactive",
 		"active",

package/lib/components/ErrorBoundary/ErrorBoundaryContext.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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/ErrorBoundary/ErrorBoundaryContext.js

@@ -8,7 +8,7 @@
 require("../../_virtual/_rolldown/runtime.js");
 //#region src/components/ErrorBoundary/ErrorBoundaryContext.ts
 /**
-* Copyright IBM Corp. 2016, 2023
+* 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/FileUploader/FileUploader.d.ts

@@ -11,6 +11,7 @@ interface FileItem {
     file: File & {
         invalidFileType?: boolean;
     };
+    disabled?: boolean;
 }
 export interface FileChangeData {
     addedFiles: FileItem[];
@@ -113,6 +114,10 @@ export interface FileUploaderHandle {
      * Get current files (only available when 'enable-enhanced-file-uploader' feature flag is enabled)
      */
     getCurrentFiles?: () => FileItem[];
+    /**
+     * Set current files (only available when 'enable-enhanced-file-uploader' feature flag is enabled)
+     */
+    setCurrentFiles?: (files: FileItem[]) => void;
 }
 declare const FileUploader: {
     (props: FileUploaderProps): React.ReactElement;