@carbon/react 1.105.0 → 1.106.0-rc.0

package/es/components/CheckboxGroup/CheckboxGroup.js

@@ -9,14 +9,14 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { isComponentElement } from "../../internal/utils.js";
+import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { AILabel } from "../AILabel/index.js";
 import Checkbox$1 from "../Checkbox/Checkbox.js";
 import classNames from "classnames";
-import React, { Children, cloneElement } from "react";
+import { Children, cloneElement } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
-
 //#region src/components/CheckboxGroup/CheckboxGroup.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -24,11 +24,20 @@ import { WarningAltFilled, WarningFilled } from "@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.
 */
-const CheckboxGroup = ({ children, className, decorator, helperText, invalid, invalidText, legendId, legendText, readOnly, warn, warnText, slug, orientation = "vertical", ...rest }) => {
+const CheckboxGroup = ({ children, className, decorator, helperText, invalid, invalidText, legendId, legendText, readOnly, disabled, warn, warnText, slug, orientation = "vertical", ...rest }) => {
 	const prefix = usePrefix();
-	const showWarning = !readOnly && !invalid && warn;
-	const showHelper = !invalid && !warn;
 	const checkboxGroupInstanceId = useId();
+	const normalizedProps = useNormalizedInputProps({
+		id: `checkbox-group-${checkboxGroupInstanceId}`,
+		readOnly,
+		disabled: disabled ?? false,
+		invalid: invalid ?? false,
+		invalidText,
+		warn: warn ?? false,
+		warnText
+	});
+	const showWarning = normalizedProps.warn;
+	const showHelper = !normalizedProps.invalid && !normalizedProps.warn;
 	const hasHelper = typeof helperText !== "undefined" && helperText !== null;
 	const helperId = !hasHelper ? void 0 : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
 	const helper = hasHelper && /* @__PURE__ */ jsx("div", {
@@ -39,7 +48,7 @@ const CheckboxGroup = ({ children, className, decorator, helperText, invalid, in
 	const fieldsetClasses = classNames(`${prefix}--checkbox-group`, className, {
 		[`${prefix}--checkbox-group--${orientation}`]: orientation === "horizontal",
 		[`${prefix}--checkbox-group--readonly`]: readOnly,
-		[`${prefix}--checkbox-group--invalid`]: !readOnly && invalid,
+		[`${prefix}--checkbox-group--invalid`]: normalizedProps.invalid,
 		[`${prefix}--checkbox-group--warning`]: showWarning,
 		[`${prefix}--checkbox-group--slug`]: slug,
 		[`${prefix}--checkbox-group--decorator`]: decorator
@@ -52,9 +61,10 @@ const CheckboxGroup = ({ children, className, decorator, helperText, invalid, in
 	const clonedChildren = Children.map(children, (child) => {
 		if (isComponentElement(child, Checkbox$1)) {
 			const childProps = {
-				...typeof invalid !== "undefined" && typeof child.props.invalid === "undefined" ? { invalid } : {},
+				...typeof invalid !== "undefined" && typeof child.props.invalid === "undefined" ? { invalid: normalizedProps.invalid } : {},
 				...typeof readOnly !== "undefined" && typeof child.props.readOnly === "undefined" ? { readOnly } : {},
-				...typeof warn !== "undefined" && typeof child.props.warn === "undefined" ? { warn } : {}
+				...typeof warn !== "undefined" && typeof child.props.warn === "undefined" ? { warn: normalizedProps.warn } : {},
+				...typeof disabled !== "undefined" && typeof child.props.disabled === "undefined" ? { disabled } : {}
 			};
 			return Object.keys(childProps).length ? cloneElement(child, childProps) : child;
 		}
@@ -62,10 +72,12 @@ const CheckboxGroup = ({ children, className, decorator, helperText, invalid, in
 	});
 	return /* @__PURE__ */ jsxs("fieldset", {
 		className: fieldsetClasses,
-		"data-invalid": invalid ? true : void 0,
+		disabled,
+		"data-invalid": normalizedProps.invalid ? true : void 0,
 		"aria-labelledby": rest["aria-labelledby"] || legendId,
 		"aria-readonly": readOnly,
-		"aria-describedby": !invalid && !warn && helper ? helperId : void 0,
+		"aria-disabled": disabled,
+		"aria-describedby": !normalizedProps.invalid && !normalizedProps.warn && helper ? helperId : void 0,
 		...rest,
 		children: [
 			/* @__PURE__ */ jsxs("legend", {
@@ -79,7 +91,7 @@ const CheckboxGroup = ({ children, className, decorator, helperText, invalid, in
 			clonedChildren,
 			/* @__PURE__ */ jsxs("div", {
 				className: `${prefix}--checkbox-group__validation-msg`,
-				children: [!readOnly && invalid && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--checkbox__invalid-icon` }), /* @__PURE__ */ jsx("div", {
+				children: [normalizedProps.invalid && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--checkbox__invalid-icon` }), /* @__PURE__ */ jsx("div", {
 					className: `${prefix}--form-requirement`,
 					children: invalidText
 				})] }), showWarning && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningAltFilled, { className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning` }), /* @__PURE__ */ jsx("div", {
@@ -106,6 +118,5 @@ CheckboxGroup.propTypes = {
 	warn: PropTypes.bool,
 	warnText: PropTypes.node
 };
-
 //#endregion
-export { CheckboxGroup as default };
+export { CheckboxGroup as default };

package/es/components/ClassPrefix/index.js

@@ -6,10 +6,9 @@
  */
 
 import { PrefixContext } from "../../internal/usePrefix.js";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/ClassPrefix/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -27,6 +26,5 @@ ClassPrefix.propTypes = {
 	children: PropTypes.node,
 	prefix: PropTypes.string.isRequired
 };
-
 //#endregion
-export { ClassPrefix };
+export { ClassPrefix };

package/es/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/CodeSnippet/CodeSnippet.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -51,6 +50,5 @@ CodeSnippetSkeleton.propTypes = {
 	className: PropTypes.string,
 	type: PropTypes.oneOf(["single", "multi"])
 };
-
 //#endregion
-export { CodeSnippetSkeleton as default };
+export { CodeSnippetSkeleton as default };

package/es/components/CodeSnippet/CodeSnippet.js

@@ -15,12 +15,11 @@ import { useResizeObserver } from "../../internal/useResizeObserver.js";
 import Copy_default from "../Copy/index.js";
 import CopyButton_default from "../CopyButton/index.js";
 import classNames from "classnames";
-import React, { useCallback, useRef, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";
 import copy from "copy-to-clipboard";
-
 //#region src/components/CodeSnippet/CodeSnippet.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -221,6 +220,5 @@ CodeSnippet.propTypes = {
 	]),
 	wrapText: PropTypes.bool
 };
-
 //#endregion
-export { CodeSnippet as default };
+export { CodeSnippet as default };

package/es/components/ComboBox/ComboBox.js

@@ -14,6 +14,7 @@ import { deprecate } from "../../prop-types/deprecate.js";
 import { defaultItemToString } from "../../internal/defaultItemToString.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useFeatureFlag } from "../FeatureFlags/index.js";
+import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { AILabel } from "../AILabel/index.js";
 import { ListBoxSizePropType } from "../ListBox/ListBoxPropTypes.js";
 import { FormContext } from "../FluidForm/FormContext.js";
@@ -21,16 +22,14 @@ import ListBox from "../ListBox/index.js";
 import ListBoxSelection from "../ListBox/next/ListBoxSelection.js";
 import ListBoxTrigger from "../ListBox/next/ListBoxTrigger.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
-import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import classNames from "classnames";
-import React, { cloneElement, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { cloneElement, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Checkmark, WarningAltFilled, WarningFilled } from "@carbon/icons-react";
 import { autoUpdate, flip, hide, useFloating } from "@floating-ui/react";
 import { useCombobox } from "downshift";
 import isEqual from "react-fast-compare";
-
 //#region src/components/ComboBox/ComboBox.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -57,7 +56,7 @@ const findHighlightedIndex = ({ items, itemToString = defaultItemToString }, inp
 	const searchValue = inputValue.toLowerCase();
 	for (let i = 0; i < items.length; i++) {
 		const item = itemToString(items[i]).toLowerCase();
-		if (!items[i]["disabled"] && item.indexOf(searchValue) !== -1) return i;
+		if (!isDisabledItem(items[i]) && item.indexOf(searchValue) !== -1) return i;
 	}
 	return -1;
 };
@@ -201,7 +200,8 @@ const ComboBox = forwardRef((props, ref) => {
 				if (!allowCustomValue) {
 					const currentInput = state.inputValue ?? "";
 					if (!(!!currentInput && items.some((item) => itemToString(item) === currentInput))) {
-						const restoredInput = state.selectedItem !== null ? itemToString(state.selectedItem) : "";
+						const selectedItem = typeof selectedItemProp !== "undefined" ? selectedItemProp : state.selectedItem;
+						const restoredInput = selectedItem !== null ? itemToString(selectedItem) : "";
 						return {
 							...changes,
 							inputValue: restoredInput
@@ -212,7 +212,7 @@ const ComboBox = forwardRef((props, ref) => {
 			case InputKeyDownEnter:
 				if (!allowCustomValue) if (state.highlightedIndex !== -1) {
 					const highlightedItem = filterItems(items, itemToString, inputValue)[state.highlightedIndex];
-					if (highlightedItem && !highlightedItem.disabled) return {
+					if (highlightedItem && !isDisabledItem(highlightedItem)) return {
 						...changes,
 						selectedItem: highlightedItem,
 						inputValue: itemToString(highlightedItem)
@@ -221,7 +221,7 @@ const ComboBox = forwardRef((props, ref) => {
 					const autoIndex = indexToHighlight(inputValue);
 					if (autoIndex !== -1) {
 						const matchingItem = items[autoIndex];
-						if (matchingItem && !matchingItem.disabled) return {
+						if (matchingItem && !isDisabledItem(matchingItem)) return {
 							...changes,
 							selectedItem: matchingItem,
 							inputValue: itemToString(matchingItem)
@@ -242,7 +242,8 @@ const ComboBox = forwardRef((props, ref) => {
 				if (state.isOpen && !changes.isOpen && !allowCustomValue) {
 					const currentInput = state.inputValue ?? "";
 					if (!(!!currentInput && items.some((item) => itemToString(item) === currentInput))) {
-						const restoredInput = state.selectedItem !== null ? itemToString(state.selectedItem) : "";
+						const selectedItem = typeof selectedItemProp !== "undefined" ? selectedItemProp : state.selectedItem;
+						const restoredInput = selectedItem !== null ? itemToString(selectedItem) : "";
 						return {
 							...changes,
 							inputValue: restoredInput
@@ -342,9 +343,7 @@ const ComboBox = forwardRef((props, ref) => {
 		initialSelectedItem,
 		inputId: id,
 		stateReducer,
-		isItemDisabled(item) {
-			return item?.disabled;
-		},
+		isItemDisabled: isDisabledItem,
 		...downshiftProps,
 		onStateChange: ({ type, selectedItem: newSelectedItem }) => {
 			downshiftProps?.onStateChange?.({
@@ -631,6 +630,5 @@ ComboBox.propTypes = {
 	warnText: PropTypes.node,
 	inputProps: PropTypes.object
 };
-
 //#endregion
-export { ComboBox as default };
+export { ComboBox as default };

package/es/components/ComboBox/index.js

@@ -6,7 +6,6 @@
  */
 
 import ComboBox from "./ComboBox.js";
-
 //#region src/components/ComboBox/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -15,6 +14,5 @@ import ComboBox from "./ComboBox.js";
 * LICENSE file in the root directory of this source tree.
 */
 var ComboBox_default = ComboBox;
-
 //#endregion
-export { ComboBox_default as default };
+export { ComboBox_default as default };

package/es/components/ComboButton/index.js

@@ -22,7 +22,6 @@ import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";
 import { autoUpdate, flip, hide, size, useFloating } from "@floating-ui/react";
-
 //#region src/components/ComboButton/index.tsx
 /**
 * Copyright IBM Corp. 2023, 2026
@@ -179,6 +178,5 @@ ComboButton.propTypes = {
 	], mapPopoverAlign),
 	translateWithId: PropTypes.func
 };
-
 //#endregion
-export { ComboButton };
+export { ComboButton };

package/es/components/ComposedModal/ComposedModal.js

@@ -31,7 +31,6 @@ import React, { Children, cloneElement, useContext, useEffect, useRef } from "re
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMergeRefs } from "@floating-ui/react";
-
 //#region src/components/ComposedModal/ComposedModal.tsx
 /**
 * Copyright IBM Corp. 2023, 2026
@@ -321,6 +320,5 @@ ComposedModal.propTypes = {
 	]),
 	slug: deprecate(PropTypes.node, "The `slug` prop for `ComposedModal` has been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.")
 };
-
 //#endregion
-export { ModalBody, ComposedModal as default };
+export { ModalBody, ComposedModal as default };

package/es/components/ComposedModal/ComposedModalPresence.js

@@ -7,9 +7,8 @@
 
 import { usePresenceContext } from "../../internal/usePresenceContext.js";
 import { useComposedModalState } from "./useComposedModalState.js";
-import React, { createContext, useContext, useMemo } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/ComposedModal/ComposedModalPresence.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -55,6 +54,5 @@ const withComposedModalPresence = (Component) => {
 	WithComposedModalPresence.displayName = `withComposedModalPresence(${Component.displayName || Component.name || "Component"})`;
 	return WithComposedModalPresence;
 };
-
 //#endregion
-export { ComposedModalPresence, ComposedModalPresenceContext, useExclusiveComposedModalPresenceContext, withComposedModalPresence };
+export { ComposedModalPresence, ComposedModalPresenceContext, useExclusiveComposedModalPresenceContext, withComposedModalPresence };

package/es/components/ComposedModal/ModalFooter.js

@@ -14,7 +14,6 @@ import classNames from "classnames";
 import React from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/ComposedModal/ModalFooter.tsx
 /**
 * Copyright IBM Corp. 2023, 2025
@@ -136,6 +135,5 @@ ModalFooter.propTypes = {
 	},
 	secondaryClassName: PropTypes.string
 };
-
 //#endregion
-export { ModalFooter };
+export { ModalFooter };

package/es/components/ComposedModal/ModalHeader.js

@@ -12,7 +12,6 @@ import React from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Close } from "@carbon/icons-react";
-
 //#region src/components/ComposedModal/ModalHeader.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -77,6 +76,5 @@ ModalHeader.propTypes = {
 	title: PropTypes.node,
 	titleClassName: PropTypes.string
 };
-
 //#endregion
-export { ModalHeader };
+export { ModalHeader };

package/es/components/ComposedModal/useComposedModalState.js

@@ -6,7 +6,6 @@
  */
 
 import { useEffect, useMemo, useState } from "react";
-
 //#region src/components/ComposedModal/useComposedModalState.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -25,6 +24,5 @@ const useComposedModalState = (open) => {
 	}, [open, wasOpen]);
 	return useMemo(() => [isOpen, setIsOpen], [isOpen]);
 };
-
 //#endregion
-export { useComposedModalState };
+export { useComposedModalState };

package/es/components/ContainedList/ContainedList.js

@@ -13,10 +13,9 @@ import ContainedListItem_default from "./ContainedListItem/index.js";
 import Search from "../Search/Search.js";
 import ExpandableSearch_default from "../ExpandableSearch/index.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/ContainedList/ContainedList.tsx
 const variants = ["on-page", "disclosed"];
 const isSearchComponent = (node) => isComponentElement(node, Search) || isComponentElement(node, ExpandableSearch_default);
@@ -52,11 +51,21 @@ const ContainedList = ({ action, children, className, isInset, kind = variants[0
 				className: `${prefix}--contained-list__action`,
 				children: action
 			})]
-		}), children && /* @__PURE__ */ jsx("ul", {
-			role: "list",
-			"aria-labelledby": label ? labelId : void 0,
-			children: isActionSearch ? filteredChildren : children
-		})]
+		}), children && /* @__PURE__ */ jsx(
+			"ul",
+			/**
+			* Webkit removes implicit "list" semantics when "list-style-type: none" is set.
+			* Explicitly setting the "list" role ensures assistive technology in webkit
+			* browsers correctly announce the semantics.
+			*
+			* Ref https://bugs.webkit.org/show_bug.cgi?id=170179#c1
+			*/
+			{
+				role: "list",
+				"aria-labelledby": label ? labelId : void 0,
+				children: isActionSearch ? filteredChildren : children
+			}
+		)]
 	});
 };
 ContainedList.propTypes = {
@@ -74,6 +83,5 @@ ContainedList.propTypes = {
 	])
 };
 Object.assign(ContainedList, { ContainedListItem: ContainedListItem_default });
-
 //#endregion
-export { ContainedList as default };
+export { ContainedList as default };

package/es/components/ContainedList/ContainedListItem/ContainedListItem.js

@@ -8,10 +8,9 @@
 import { usePrefix } from "../../../internal/usePrefix.js";
 import { LayoutConstraint } from "../../Layout/index.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/ContainedList/ContainedListItem/ContainedListItem.tsx
 const ContainedListItem = ({ action, children, className, disabled = false, onClick, renderIcon: IconElement, ...rest }) => {
 	const prefix = usePrefix();
@@ -55,6 +54,5 @@ ContainedListItem.propTypes = {
 	onClick: PropTypes.func,
 	renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-
 //#endregion
-export { ContainedListItem as default };
+export { ContainedListItem as default };

package/es/components/ContainedList/ContainedListItem/index.js

@@ -6,7 +6,6 @@
  */
 
 import ContainedListItem from "./ContainedListItem.js";
-
 //#region src/components/ContainedList/ContainedListItem/index.ts
 /**
 * Copyright IBM Corp. 2022
@@ -15,6 +14,5 @@ import ContainedListItem from "./ContainedListItem.js";
 * LICENSE file in the root directory of this source tree.
 */
 var ContainedListItem_default = ContainedListItem;
-
 //#endregion
-export { ContainedListItem_default as default };
+export { ContainedListItem_default as default };

package/es/components/ContainedList/index.js

@@ -8,7 +8,6 @@
 import { deprecateFieldOnObject } from "../../internal/deprecateFieldOnObject.js";
 import ContainedListItem_default from "./ContainedListItem/index.js";
 import ContainedList from "./ContainedList.js";
-
 //#region src/components/ContainedList/index.ts
 /**
 * Copyright IBM Corp. 2022, 2025
@@ -18,6 +17,5 @@ import ContainedList from "./ContainedList.js";
 */
 deprecateFieldOnObject(ContainedList, "ContainedListItem", ContainedListItem_default);
 var ContainedList_default = ContainedList;
-
 //#endregion
-export { ContainedList, ContainedListItem_default as ContainedListItem, ContainedList_default as default };
+export { ContainedList, ContainedListItem_default as ContainedListItem, ContainedList_default as default };

package/es/components/ContentSwitcher/ContentSwitcher.js

@@ -15,10 +15,9 @@ import { composeEventHandlers } from "../../tools/events.js";
 import { LayoutConstraint } from "../Layout/index.js";
 import IconSwitch from "../Switch/IconSwitch.js";
 import classNames from "classnames";
-import React, { Children, cloneElement, isValidElement, useContext, useEffect, useRef, useState } from "react";
+import { Children, cloneElement, isValidElement, useContext, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/ContentSwitcher/ContentSwitcher.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -114,6 +113,5 @@ ContentSwitcher.propTypes = {
 		"lg"
 	])
 };
-
 //#endregion
-export { ContentSwitcher };
+export { ContentSwitcher };

package/es/components/ContextMenu/useContextMenu.js

@@ -6,7 +6,6 @@
  */
 
 import { useEffect, useState } from "react";
-
 //#region src/components/ContextMenu/useContextMenu.tsx
 /**
 * Copyright IBM Corp. 2020, 2023
@@ -47,6 +46,5 @@ function useContextMenu(trigger = document) {
 		onClose
 	};
 }
-
 //#endregion
-export { useContextMenu as default };
+export { useContextMenu as default };

package/es/components/Copy/Copy.js

@@ -12,11 +12,10 @@ import { mapPopoverAlign } from "../../tools/mapPopoverAlign.js";
 import { IconButton } from "../IconButton/index.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import classNames from "classnames";
-import React, { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { debounce } from "es-toolkit/compat";
-
 //#region src/components/Copy/Copy.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -103,6 +102,5 @@ Copy.propTypes = {
 	onAnimationEnd: PropTypes.func,
 	onClick: PropTypes.func
 };
-
 //#endregion
-export { Copy as default };
+export { Copy as default };

package/es/components/Copy/index.js

@@ -6,7 +6,6 @@
  */
 
 import Copy from "./Copy.js";
-
 //#region src/components/Copy/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -15,6 +14,5 @@ import Copy from "./Copy.js";
 * LICENSE file in the root directory of this source tree.
 */
 var Copy_default = Copy;
-
 //#endregion
-export { Copy_default as default };
+export { Copy_default as default };

package/es/components/CopyButton/CopyButton.js

@@ -12,11 +12,10 @@ import { mapPopoverAlign } from "../../tools/mapPopoverAlign.js";
 import Copy_default from "../Copy/index.js";
 import { LayoutConstraint } from "../Layout/index.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { Copy } from "@carbon/icons-react";
-
 //#region src/components/CopyButton/CopyButton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -87,6 +86,5 @@ CopyButton.propTypes = {
 	iconDescription: PropTypes.string,
 	onClick: PropTypes.func
 };
-
 //#endregion
-export { CopyButton as default };
+export { CopyButton as default };

package/es/components/CopyButton/index.js

@@ -6,7 +6,6 @@
  */
 
 import CopyButton from "./CopyButton.js";
-
 //#region src/components/CopyButton/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -15,6 +14,5 @@ import CopyButton from "./CopyButton.js";
 * LICENSE file in the root directory of this source tree.
 */
 var CopyButton_default = CopyButton;
-
 //#endregion
-export { CopyButton_default as default };
+export { CopyButton_default as default };

package/es/components/DangerButton/DangerButton.js

@@ -6,14 +6,12 @@
  */
 
 import Button_default from "../Button/index.js";
-import React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/DangerButton/DangerButton.tsx
 const DangerButton = (props) => /* @__PURE__ */ jsx(Button_default, {
 	...props,
 	kind: "danger"
 });
-
 //#endregion
-export { DangerButton as default };
+export { DangerButton as default };

package/es/components/DataTable/DataTable.js

@@ -38,7 +38,6 @@ import TableToolbarMenu from "./TableToolbarMenu.js";
 import { useEffect, useMemo, useState } from "react";
 import PropTypes from "prop-types";
 import isEqual from "react-fast-compare";
-
 //#region src/components/DataTable/DataTable.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -483,6 +482,5 @@ DataTable.propTypes = {
 	useStaticWidth: PropTypes.bool,
 	useZebraStyles: PropTypes.bool
 };
-
 //#endregion
-export { DataTable };
+export { DataTable };

package/es/components/DataTable/Table.js

@@ -10,11 +10,10 @@ import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { useWindowEvent } from "../../internal/useEvent.js";
 import { TableContext } from "./TableContext.js";
 import classNames from "classnames";
-import React, { useCallback, useContext, useRef } from "react";
+import { useCallback, useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { debounce } from "es-toolkit/compat";
-
 //#region src/components/DataTable/Table.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -119,6 +118,5 @@ Table.propTypes = {
 	useZebraStyles: PropTypes.bool,
 	tabIndex: PropTypes.number
 };
-
 //#endregion
-export { Table as default };
+export { Table as default };

package/es/components/DataTable/TableActionList.js

@@ -6,7 +6,6 @@
  */
 
 import wrapComponent from "../../tools/wrapComponent.js";
-
 //#region src/components/DataTable/TableActionList.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -19,6 +18,5 @@ const TableActionList = wrapComponent({
 	type: "div",
 	className: (prefix) => `${prefix}--action-list`
 });
-
 //#endregion
-export { TableActionList as default };
+export { TableActionList as default };