@carbon/react 1.105.0 → 1.106.0-rc.0

package/es/components/DatePicker/plugins/appendToPlugin.js

@@ -34,6 +34,5 @@ const appendToPlugin = (config) => (fp) => {
 		onPreCalendarPosition: handlePreCalendarPosition
 	};
 };
-
 //#endregion
-export { appendToPlugin };
+export { appendToPlugin };

package/es/components/DatePicker/plugins/fixEventsPlugin.js

@@ -7,7 +7,6 @@
 
 import { ArrowDown, ArrowLeft, ArrowRight, Enter } from "../../../internal/keyboard/keys.js";
 import { match } from "../../../internal/keyboard/match.js";
-
 //#region src/components/DatePicker/plugins/fixEventsPlugin.ts
 const fixEventsPlugin = (config) => (fp) => {
 	const { inputFrom, inputTo, lastStartValue, container } = config;
@@ -129,6 +128,5 @@ const fixEventsPlugin = (config) => (fp) => {
 		onDestroy: [release]
 	};
 };
-
 //#endregion
-export { fixEventsPlugin as default };
+export { fixEventsPlugin as default };

package/es/components/DatePicker/plugins/rangePlugin.js

@@ -7,7 +7,6 @@
 
 import { isEmptyDateValue } from "../utils.js";
 import baseRangePlugin from "flatpickr/dist/plugins/rangePlugin";
-
 //#region src/components/DatePicker/plugins/rangePlugin.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -46,6 +45,5 @@ const rangePlugin = (config = {}) => {
 		});
 	};
 };
-
 //#endregion
-export { rangePlugin };
+export { rangePlugin };

package/es/components/DatePicker/utils.js

@@ -13,6 +13,5 @@
 * LICENSE file in the root directory of this source tree.
 */
 const isEmptyDateValue = (date) => date === "" || date === null || typeof date === "undefined";
-
 //#endregion
-export { isEmptyDateValue };
+export { isEmptyDateValue };

package/es/components/DatePickerInput/DatePickerInput.js

@@ -11,15 +11,14 @@ import { useId } from "../../internal/useId.js";
 import { warning } from "../../internal/warning.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 { FormContext } from "../FluidForm/FormContext.js";
-import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import classNames from "classnames";
-import React, { cloneElement, forwardRef, useContext } from "react";
+import { cloneElement, forwardRef, useContext } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Calendar, WarningAltFilled, WarningFilled } from "@carbon/icons-react";
-
 //#region src/components/DatePickerInput/DatePickerInput.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -188,6 +187,5 @@ DatePickerIcon.propTypes = {
 	disabled: PropTypes.bool,
 	readOnly: PropTypes.bool
 };
-
 //#endregion
-export { DatePickerInput as default };
+export { DatePickerInput as default };

package/es/components/DatePickerInput/index.js

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

package/es/components/Dialog/Dialog.d.ts

@@ -60,12 +60,27 @@ interface DialogProps extends HTMLAttributes<HTMLDialogElement> {
     /**
      * Specify a label for screen readers
      */
+    'aria-label'?: string;
+    /**
+     * Specify the ID of an element that labels this dialog
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Specify the ID of an element that describes this dialog
+     */
+    'aria-describedby'?: string;
+    /**
+     * @deprecated Use 'aria-label' instead.
+     * Specify a label for screen readers
+     */
     ariaLabel?: string;
     /**
+     * @deprecated Use 'aria-labelledby' instead.
      * Specify the ID of an element that labels this dialog
      */
     ariaLabelledBy?: string;
     /**
+     * @deprecated Use 'aria-describedby' instead.
      * Specify the ID of an element that describes this dialog
      */
     ariaDescribedBy?: string;

package/es/components/Dialog/Dialog.js

@@ -7,12 +7,13 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
-import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { useId } from "../../internal/useId.js";
 import { noopFn } from "../../internal/noopFn.js";
+import { deprecate } from "../../prop-types/deprecate.js";
 import { IconButton } from "../IconButton/index.js";
 import Button_default from "../Button/index.js";
 import ButtonSet_default from "../ButtonSet/index.js";
+import { useResizeObserver } from "../../internal/useResizeObserver.js";
 import { Layer } from "../Layer/index.js";
 import InlineLoading from "../InlineLoading/InlineLoading.js";
 import classNames from "classnames";
@@ -20,8 +21,6 @@ import React, { createContext, useContext, useEffect, useRef, useState } from "r
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Close } from "@carbon/icons-react";
-import { debounce } from "es-toolkit/compat";
-
 //#region src/components/Dialog/Dialog.tsx
 /**
 * Copyright IBM Corp. 2025, 2026
@@ -30,11 +29,11 @@ import { debounce } from "es-toolkit/compat";
 * LICENSE file in the root directory of this source tree.
 */
 const DialogContext = createContext({});
-const Dialog = React.forwardRef(({ children, className, focusAfterCloseRef, modal, onCancel = noopFn, onClick = noopFn, onClose = noopFn, onRequestClose = noopFn, open = false, role, ariaLabel, ariaLabelledBy, ariaDescribedBy, ...rest }, forwardRef) => {
+const Dialog = React.forwardRef(({ children, className, focusAfterCloseRef, modal, onCancel = noopFn, onClick = noopFn, onClose = noopFn, onRequestClose = noopFn, open = false, role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ariaLabel: deprecatedAriaLabel, ariaLabelledBy: deprecatedAriaLabelledBy, ariaDescribedBy: deprecatedAriaDescribedBy, ...rest }, forwardRef) => {
 	const prefix = usePrefix();
 	const dialogId = useId();
-	const titleId = `${prefix}--dialog-header__heading--${dialogId}`;
-	const subtitleId = `${prefix}--dialog-header__label--${dialogId}`;
+	const [titleId, setTitleId] = useState(void 0);
+	const [subtitleId, setSubtitleId] = useState(void 0);
 	const backupRef = useRef(null);
 	const ref = forwardRef ?? backupRef;
 	function handleModalBackdropClick(e) {
@@ -64,17 +63,23 @@ const Dialog = React.forwardRef(({ children, className, focusAfterCloseRef, moda
 		dialogId,
 		titleId,
 		subtitleId,
-		isOpen: open
+		isOpen: open,
+		setTitleId,
+		setSubtitleId
 	};
 	useEffect(() => {
-		if (ref.current && open && !ariaLabel && !ariaLabelledBy) {
+		const effectiveAriaLabel = ariaLabel || deprecatedAriaLabel;
+		const effectiveAriaLabelledBy = ariaLabelledBy || deprecatedAriaLabelledBy;
+		if (ref.current && open && !effectiveAriaLabel && !effectiveAriaLabelledBy) {
 			const title = ref.current.querySelector(`.${prefix}--dialog-header__heading`);
 			if (title && title.id) ref.current.setAttribute("aria-labelledby", title.id);
 		}
 	}, [
 		open,
 		ariaLabel,
+		deprecatedAriaLabel,
 		ariaLabelledBy,
+		deprecatedAriaLabelledBy,
 		prefix
 	]);
 	return /* @__PURE__ */ jsx(DialogContext.Provider, {
@@ -87,9 +92,9 @@ const Dialog = React.forwardRef(({ children, className, focusAfterCloseRef, moda
 			onClick: handleClick,
 			onClose,
 			role,
-			"aria-label": ariaLabel,
-			"aria-labelledby": !ariaLabel ? ariaLabelledBy || titleId : void 0,
-			"aria-describedby": ariaDescribedBy,
+			"aria-label": ariaLabel || deprecatedAriaLabel,
+			"aria-labelledby": !(ariaLabel || deprecatedAriaLabel) ? ariaLabelledBy || deprecatedAriaLabelledBy || titleId : void 0,
+			"aria-describedby": ariaDescribedBy || deprecatedAriaDescribedBy,
 			children: /* @__PURE__ */ jsx("div", {
 				className: containerClasses,
 				children
@@ -108,7 +113,10 @@ Dialog.propTypes = {
 	role: PropTypes.oneOf(["dialog", "alertdialog"]),
 	"aria-label": PropTypes.string,
 	"aria-labelledby": PropTypes.string,
-	ariaDescribedBy: PropTypes.string
+	"aria-describedby": PropTypes.string,
+	ariaLabel: deprecate(PropTypes.string, "This prop syntax has been deprecated. Please use the new `aria-label`"),
+	ariaLabelledBy: deprecate(PropTypes.string, "This prop syntax has been deprecated. Please use the new `aria-labelledby`"),
+	ariaDescribedBy: deprecate(PropTypes.string, "This prop syntax has been deprecated. Please use the new `aria-describedby`")
 };
 const DialogHeader = React.forwardRef(({ children, ...rest }, ref) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -154,10 +162,16 @@ DialogCloseButton.displayName = "DialogCloseButton";
 DialogCloseButton.propTypes = { onClick: PropTypes.func };
 const DialogTitle = React.forwardRef(({ children, className, id, ...rest }, ref) => {
 	const prefix = usePrefix();
-	const { titleId } = useContext(DialogContext);
+	const { dialogId, setTitleId } = useContext(DialogContext);
+	const defaultTitleId = `${prefix}--dialog-header__heading--${dialogId}`;
+	const headingId = id ?? defaultTitleId;
+	useEffect(() => {
+		setTitleId?.(headingId);
+		return () => setTitleId?.(void 0);
+	}, [headingId, setTitleId]);
 	return /* @__PURE__ */ jsx(Text, {
 		as: "h2",
-		id: id || titleId,
+		id: headingId,
 		className: classNames(`${prefix}--dialog-header__heading`, className),
 		ref,
 		...rest,
@@ -172,10 +186,16 @@ DialogTitle.propTypes = {
 };
 const DialogSubtitle = React.forwardRef(({ children, className, id, ...rest }, ref) => {
 	const prefix = usePrefix();
-	const { subtitleId } = useContext(DialogContext);
+	const { dialogId, setSubtitleId } = useContext(DialogContext);
+	const defaultSubtitleId = `${prefix}--dialog-header__label--${dialogId}`;
+	const labelId = id ?? defaultSubtitleId;
+	useEffect(() => {
+		setSubtitleId?.(labelId);
+		return () => setSubtitleId?.(void 0);
+	}, [labelId, setSubtitleId]);
 	return /* @__PURE__ */ jsx(Text, {
 		as: "h2",
-		id: id || subtitleId,
+		id: labelId,
 		className: classNames(`${prefix}--dialog-header__label`, className),
 		ref,
 		...rest,
@@ -191,24 +211,22 @@ DialogSubtitle.propTypes = {
 const DialogBody = React.forwardRef(({ children, className, hasScrollingContent, ...rest }, ref) => {
 	const prefix = usePrefix();
 	const contentRef = useRef(null);
-	const [isScrollable, setIsScrollable] = useState(false);
 	const dialogBodyId = `${prefix}--dialog-body--${useId()}`;
-	useIsomorphicEffect(() => {
-		if (contentRef.current) setIsScrollable(contentRef.current.scrollHeight > contentRef.current.clientHeight);
-		function handler() {
-			if (contentRef.current) setIsScrollable(contentRef.current.scrollHeight > contentRef.current.clientHeight);
-		}
-		const debouncedHandler = debounce(handler, 200);
-		window.addEventListener("resize", debouncedHandler);
-		return () => {
-			debouncedHandler.cancel();
-			window.removeEventListener("resize", debouncedHandler);
-		};
-	}, []);
-	const contentClasses = classNames(`${prefix}--dialog-content`, { [`${prefix}--dialog-scroll-content`]: hasScrollingContent || isScrollable }, className);
+	const { titleId, subtitleId } = useContext(DialogContext);
+	const { height } = useResizeObserver({ ref: contentRef });
+	/**
+	* isScrollable is implicitly dependent on height, when height gets updated
+	* via `useResizeObserver`, clientHeight and scrollHeight get updated too
+	*/
+	const isScrollable = !!contentRef.current && contentRef?.current?.scrollHeight > contentRef?.current?.clientHeight;
+	const contentClasses = classNames(`${prefix}--dialog-content`, {
+		[`${prefix}--dialog-scroll-content`]: hasScrollingContent || isScrollable,
+		[`${prefix}--dialog-scroll-content--no-fade`]: height <= 300
+	}, className);
 	const hasScrollingContentProps = hasScrollingContent || isScrollable ? {
 		tabIndex: 0,
-		role: "region"
+		role: "region",
+		"aria-labelledby": subtitleId ?? titleId
 	} : {};
 	const combinedRef = (el) => {
 		if (typeof ref === "function") ref(el);
@@ -325,6 +343,5 @@ DialogFooter.propTypes = {
 	loadingIconDescription: PropTypes.string,
 	onLoadingSuccess: PropTypes.func
 };
-
 //#endregion
-export { Dialog, DialogBody, DialogCloseButton, DialogControls, DialogFooter, DialogHeader, DialogSubtitle, DialogTitle };
+export { Dialog, DialogBody, DialogCloseButton, DialogControls, DialogFooter, DialogHeader, DialogSubtitle, DialogTitle };

package/es/components/Dialog/index.js

@@ -7,7 +7,6 @@
 
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { Dialog, DialogBody, DialogCloseButton, DialogControls, DialogFooter, DialogHeader, DialogSubtitle, DialogTitle } from "./Dialog.js";
-
 //#region src/components/Dialog/index.tsx
 var Dialog_exports = /* @__PURE__ */ __exportAll({
 	Dialog: () => Dialog,
@@ -19,6 +18,5 @@ var Dialog_exports = /* @__PURE__ */ __exportAll({
 	DialogSubtitle: () => DialogSubtitle,
 	DialogTitle: () => DialogTitle
 });
-
 //#endregion
-export { Dialog_exports };
+export { Dialog_exports };

package/es/components/Dropdown/Dropdown.Skeleton.js

@@ -8,10 +8,9 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { ListBoxSizePropType } from "../ListBox/ListBoxPropTypes.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/Dropdown/Dropdown.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -32,6 +31,5 @@ DropdownSkeleton.propTypes = {
 	hideLabel: PropTypes.bool,
 	size: ListBoxSizePropType
 };
-
 //#endregion
-export { DropdownSkeleton as default };
+export { DropdownSkeleton as default };

package/es/components/Dropdown/Dropdown.js

@@ -10,12 +10,12 @@ 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, ListBoxTypePropType } from "../ListBox/ListBoxPropTypes.js";
 import { FormContext } from "../FluidForm/FormContext.js";
 import ListBox from "../ListBox/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
-import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import classNames from "classnames";
 import React, { cloneElement, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import PropTypes from "prop-types";
@@ -23,7 +23,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Checkmark, WarningAltFilled, WarningFilled } from "@carbon/icons-react";
 import { autoUpdate, flip, hide, size, useFloating } from "@floating-ui/react";
 import { useSelect } from "downshift";
-
 //#region src/components/Dropdown/Dropdown.tsx
 /**
 * Copyright IBM Corp. 2022, 2026
@@ -353,6 +352,5 @@ Dropdown.propTypes = {
 	warn: PropTypes.bool,
 	warnText: PropTypes.node
 };
-
 //#endregion
-export { Dropdown as default };
+export { Dropdown as default };

package/es/components/Dropdown/index.js

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

package/es/components/ErrorBoundary/ErrorBoundary.js

@@ -8,7 +8,6 @@
 import { ErrorBoundaryContext } from "./ErrorBoundaryContext.js";
 import React from "react";
 import PropTypes from "prop-types";
-
 //#region src/components/ErrorBoundary/ErrorBoundary.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -40,6 +39,5 @@ ErrorBoundary.propTypes = {
 	fallback: PropTypes.node
 };
 ErrorBoundary.contextType = ErrorBoundaryContext;
-
 //#endregion
-export { ErrorBoundary as default };
+export { ErrorBoundary as default };

package/es/components/ErrorBoundary/ErrorBoundaryContext.js

@@ -6,7 +6,6 @@
  */
 
 import { createContext } from "react";
-
 //#region src/components/ErrorBoundary/ErrorBoundaryContext.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -17,6 +16,5 @@ import { createContext } from "react";
 const ErrorBoundaryContext = createContext({ log(error, info) {
 	console.log(info.componentStack);
 } });
-
 //#endregion
-export { ErrorBoundaryContext };
+export { ErrorBoundaryContext };

package/es/components/ExpandableSearch/ExpandableSearch.js

@@ -13,9 +13,8 @@ import { mergeRefs } from "../../tools/mergeRefs.js";
 import { isSearchValuePresent } from "../Search/utils.js";
 import Search_default from "../Search/index.js";
 import classNames from "classnames";
-import React, { forwardRef, useEffect, useRef, useState } from "react";
+import { forwardRef, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/ExpandableSearch/ExpandableSearch.tsx
 /**
 * Copyright IBM Corp. 2021, 2026
@@ -64,6 +63,5 @@ const ExpandableSearch = forwardRef((props, forwardedRef) => {
 });
 ExpandableSearch.propTypes = Search_default.propTypes;
 ExpandableSearch.displayName = "ExpandableSearch";
-
 //#endregion
-export { ExpandableSearch as default };
+export { ExpandableSearch as default };

package/es/components/ExpandableSearch/index.js

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

package/es/components/FeatureFlags/index.js

@@ -7,10 +7,9 @@
 
 import { deprecate } from "../../prop-types/deprecate.js";
 import { FeatureFlags, createScope } from "@carbon/feature-flags";
-import React, { createContext, useContext, useMemo } from "react";
+import { createContext, useContext, useMemo } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/FeatureFlags/index.tsx
 /**
 * Copyright IBM Corp. 2015, 2026
@@ -90,6 +89,5 @@ const useFeatureFlag = (flag) => {
 * Access all feature flag information for the given FeatureFlagContext
 */
 const useFeatureFlags = () => useContext(FeatureFlagContext);
-
 //#endregion
-export { FeatureFlags$1 as FeatureFlags, useFeatureFlag, useFeatureFlags };
+export { FeatureFlags$1 as FeatureFlags, useFeatureFlag, useFeatureFlags };

package/es/components/FileUploader/FileUploader.Skeleton.js

@@ -9,10 +9,9 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import SkeletonText_default from "../SkeletonText/index.js";
 import ButtonSkeleton from "../Button/Button.Skeleton.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/FileUploader/FileUploader.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -39,6 +38,5 @@ function FileUploaderSkeleton({ className, ...rest }) {
 	});
 }
 FileUploaderSkeleton.propTypes = { className: PropTypes.string };
-
 //#endregion
-export { FileUploaderSkeleton as default };
+export { FileUploaderSkeleton as default };

package/es/components/FileUploader/FileUploader.js

@@ -18,7 +18,6 @@ import classNames from "classnames";
 import React, { forwardRef, useCallback, useImperativeHandle, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/FileUploader/FileUploader.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -275,6 +274,5 @@ FileUploader.propTypes = {
 		"lg"
 	])
 };
-
 //#endregion
-export { FileUploader as default };
+export { FileUploader as default };

package/es/components/FileUploader/FileUploaderButton.js

@@ -13,10 +13,9 @@ import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { ButtonKinds } from "../Button/Button.js";
 import classNames from "classnames";
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/FileUploader/FileUploaderButton.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -116,6 +115,5 @@ FileUploaderButton.propTypes = {
 	]),
 	tabIndex: deprecate(PropTypes.number, "The `tabIndex` prop for `FileUploaderButton` has been deprecated since it now renders a button element by default.")
 };
-
 //#endregion
-export { FileUploaderButton as default };
+export { FileUploaderButton as default };

package/es/components/FileUploader/FileUploaderDropContainer.js

@@ -13,10 +13,9 @@ import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import classNames from "classnames";
-import React, { useRef, useState } from "react";
+import { useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/FileUploader/FileUploaderDropContainer.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -150,6 +149,5 @@ FileUploaderDropContainer.propTypes = {
 	role: deprecate(PropTypes.number, "The `role` prop for `FileUploaderButton` has been deprecated since it now renders a button element by default, and has an implicit role of button."),
 	tabIndex: deprecate(PropTypes.number, "The `tabIndex` prop for `FileUploaderButton` has been deprecated since it now renders a button element by default.")
 };
-
 //#endregion
-export { FileUploaderDropContainer as default };
+export { FileUploaderDropContainer as default };

package/es/components/FileUploader/FileUploaderItem.js

@@ -15,10 +15,9 @@ import { noopFn } from "../../internal/noopFn.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
 import Filename from "./Filename.js";
 import classNames from "classnames";
-import React, { useRef, useState } from "react";
+import { useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/FileUploader/FileUploaderItem.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -144,6 +143,5 @@ FileUploaderItem.propTypes = {
 	]),
 	uuid: PropTypes.string
 };
-
 //#endregion
-export { FileUploaderItem as default };
+export { FileUploaderItem as default };

package/es/components/FileUploader/Filename.js

@@ -7,11 +7,10 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import Loading_default from "../Loading/index.js";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CheckmarkFilled, Close, WarningFilled } from "@carbon/icons-react";
-
 //#region src/components/FileUploader/Filename.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -59,6 +58,5 @@ Filename.propTypes = {
 	]),
 	tabIndex: PropTypes.number
 };
-
 //#endregion
-export { Filename as default };
+export { Filename as default };

package/es/components/FluidComboBox/FluidComboBox.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/FluidComboBox/FluidComboBox.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -30,6 +29,5 @@ const FluidComboBoxSkeleton = ({ className, ...rest }) => {
 	});
 };
 FluidComboBoxSkeleton.propTypes = { className: PropTypes.string };
-
 //#endregion
-export { FluidComboBoxSkeleton as default };
+export { FluidComboBoxSkeleton as default };

package/es/components/FluidComboBox/FluidComboBox.js

@@ -12,7 +12,6 @@ import classNames from "classnames";
 import React from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/FluidComboBox/FluidComboBox.tsx
 /**
 * Copyright IBM Corp. 2022, 2026
@@ -60,6 +59,5 @@ FluidComboBox.propTypes = {
 	warn: PropTypes.bool,
 	warnText: PropTypes.node
 };
-
 //#endregion
-export { FluidComboBox as default };
+export { FluidComboBox as default };

package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js

@@ -8,11 +8,10 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { FormContext } from "../FluidForm/FormContext.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Calendar } from "@carbon/icons-react";
-
 //#region src/components/FluidDatePicker/FluidDatePicker.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -62,6 +61,5 @@ FluidDatePickerSkeleton.propTypes = {
 		"range"
 	])
 };
-
 //#endregion
-export { FluidDatePickerSkeleton as default };
+export { FluidDatePickerSkeleton as default };