@carbon/react 1.105.0 → 1.106.0

package/es/components/TextArea/index.js

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

package/es/components/TextInput/ControlledPasswordInput.js

@@ -11,11 +11,10 @@ import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { getTextInputProps } from "./util.js";
 import classNames from "classnames";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { View, ViewOff, WarningFilled } from "@carbon/icons-react";
-
 //#region src/components/TextInput/ControlledPasswordInput.tsx
 /**
 * Copyright IBM Corp. 2023, 2026
@@ -139,6 +138,5 @@ ControlledPasswordInput.propTypes = {
 	]),
 	value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-
 //#endregion
-export { ControlledPasswordInput as default };
+export { ControlledPasswordInput as default };

package/es/components/TextInput/PasswordInput.js

@@ -8,15 +8,14 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
-import { FormContext } from "../FluidForm/FormContext.js";
 import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
+import { FormContext } from "../FluidForm/FormContext.js";
 import { getTextInputProps } from "./util.js";
 import classNames from "classnames";
-import React, { forwardRef, useContext, useEffect, useState } from "react";
+import { forwardRef, useContext, useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { View, ViewOff } from "@carbon/icons-react";
-
 //#region src/components/TextInput/PasswordInput.tsx
 /**
 * Copyright IBM Corp. 2023, 2026
@@ -202,6 +201,5 @@ PasswordInput.propTypes = {
 	warn: PropTypes.bool,
 	warnText: PropTypes.node
 };
-
 //#endregion
-export { PasswordInput as default };
+export { PasswordInput as default };

package/es/components/TextInput/TextInput.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/TextInput/TextInput.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -30,6 +29,5 @@ TextInputSkeleton.propTypes = {
 	className: PropTypes.string,
 	hideLabel: PropTypes.bool
 };
-
 //#endregion
-export { TextInputSkeleton as default };
+export { TextInputSkeleton as default };

package/es/components/TextInput/TextInput.js

@@ -10,16 +10,15 @@ import { Text } from "../Text/Text.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.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 { getTextInputProps } from "./util.js";
 import { getAnnouncement } from "../../internal/getAnnouncement.js";
 import classNames from "classnames";
-import React, { cloneElement, forwardRef, useContext, useEffect, useRef, useState } from "react";
+import { cloneElement, forwardRef, useContext, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/TextInput/TextInput.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -225,6 +224,5 @@ TextInput.propTypes = {
 	warn: PropTypes.bool,
 	warnText: PropTypes.node
 };
-
 //#endregion
-export { TextInput as default };
+export { TextInput as default };

package/es/components/TextInput/index.js

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

package/es/components/TextInput/util.js

@@ -25,6 +25,5 @@ const getTextInputProps = ({ sharedTextInputProps, invalid, invalidId, warn, war
 	...warn ? warnProps(warnId) : {},
 	...hasHelper ? helperProps(helperId) : {}
 });
-
 //#endregion
-export { getTextInputProps };
+export { getTextInputProps };

package/es/components/Theme/index.js

@@ -12,7 +12,6 @@ import classNames from "classnames";
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Theme/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -94,6 +93,5 @@ function useTheme() {
 function usePrefersDarkScheme() {
 	return useMatchMedia("(prefers-color-scheme: dark)");
 }
-
 //#endregion
-export { GlobalTheme, Theme, ThemeContext, usePrefersDarkScheme, useTheme };
+export { GlobalTheme, Theme, ThemeContext, usePrefersDarkScheme, useTheme };

package/es/components/Tile/Tile.js

@@ -24,7 +24,6 @@ import React, { Children, cloneElement, forwardRef, useCallback, useEffect, useR
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AiLabel, ArrowRight, Checkbox, CheckboxCheckedFilled, ChevronDown, Error } from "@carbon/icons-react";
-
 //#region src/components/Tile/Tile.tsx
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -73,17 +72,14 @@ const ClickableTile = React.forwardRef(({ children, className, clicked = false,
 		[`${prefix}--tile--decorator`]: decorator,
 		[`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
 	}, className);
-	const [isSelected, setIsSelected] = useState(clicked);
 	function handleOnClick(evt) {
 		evt?.persist?.();
-		setIsSelected(!isSelected);
 		onClick(evt);
 	}
 	function handleOnKeyDown(evt) {
 		evt?.persist?.();
 		if (!href && matches(evt, [Enter, Space])) {
 			evt.preventDefault();
-			setIsSelected(!isSelected);
 			onClick(evt);
 		}
 		onKeyDown(evt);
@@ -411,6 +407,5 @@ const TileBelowTheFoldContent = React.forwardRef(({ children }, ref) => {
 });
 TileBelowTheFoldContent.propTypes = { children: PropTypes.node };
 TileBelowTheFoldContent.displayName = "TileBelowTheFoldContent";
-
 //#endregion
-export { ClickableTile, ExpandableTile, SelectableTile, Tile, TileAboveTheFoldContent, TileBelowTheFoldContent };
+export { ClickableTile, ExpandableTile, SelectableTile, Tile, TileAboveTheFoldContent, TileBelowTheFoldContent };

package/es/components/TileGroup/TileGroup.js

@@ -9,10 +9,9 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { noopFn } from "../../internal/noopFn.js";
 import { isComponentElement } from "../../internal/utils.js";
 import RadioTile_default from "../RadioTile/index.js";
-import React, { Children, cloneElement, createElement, isValidElement, useEffect, useState } from "react";
+import { Children, cloneElement, createElement, isValidElement, useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/TileGroup/TileGroup.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -76,6 +75,5 @@ TileGroup.propTypes = {
 	required: PropTypes.bool,
 	valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-
 //#endregion
-export { TileGroup };
+export { TileGroup };

package/es/components/TimePicker/TimePicker.js

@@ -12,7 +12,6 @@ import classNames from "classnames";
 import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/TimePicker/TimePicker.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -21,7 +20,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * LICENSE file in the root directory of this source tree.
 */
 const TimePicker = forwardRef((props, ref) => {
-	const { children, className, inputClassName, pickerClassName, disabled = false, hideLabel, id, invalidText = "Invalid time format.", invalid = false, warningText = "Warning message.", warning = false, labelText, light = false, maxLength = 5, onChange = () => {}, onClick = () => {}, onBlur = () => {}, pattern = "(1[012]|[1-9]):[0-5][0-9](\\s)?", placeholder = "hh:mm", readOnly, size = "md", type = "text", value, ...rest } = props;
+	const { children, className, inputClassName, pickerClassName, disabled = false, hideLabel, id, invalidText = "Error message goes here", invalid = false, warningText = "Warning message goes here", warning = false, labelText, light = false, maxLength = 5, onChange = () => {}, onClick = () => {}, onBlur = () => {}, pattern = "(1[012]|[1-9]):[0-5][0-9](\\s)?", placeholder = "hh:mm", readOnly, size = "md", type = "text", value, ...rest } = props;
 	const prefix = usePrefix();
 	function handleOnClick(evt) {
 		if (!disabled) onClick(evt);
@@ -154,6 +153,5 @@ TimePicker.propTypes = {
 	warning: PropTypes.bool,
 	warningText: PropTypes.node
 };
-
 //#endregion
-export { TimePicker as default };
+export { TimePicker as default };

package/es/components/TimePickerSelect/TimePickerSelect.js

@@ -7,11 +7,10 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";
-
 //#region src/components/TimePickerSelect/TimePickerSelect.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -49,6 +48,5 @@ TimePickerSelect.propTypes = {
 	disabled: PropTypes.bool,
 	id: PropTypes.string.isRequired
 };
-
 //#endregion
-export { TimePickerSelect as default };
+export { TimePickerSelect as default };

package/es/components/Toggle/Toggle.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/Toggle/Toggle.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -30,6 +29,5 @@ ToggleSkeleton.propTypes = {
 	"aria-label": PropTypes.string,
 	className: PropTypes.string
 };
-
 //#endregion
-export { ToggleSkeleton as default };
+export { ToggleSkeleton as default };

package/es/components/Toggle/Toggle.js

@@ -9,10 +9,9 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { useControllableState } from "../../internal/useControllableState.js";
 import classNames from "classnames";
-import React, { useRef } from "react";
+import { useRef } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/Toggle/Toggle.tsx
 /**
 * Copyright IBM Corp. 2021, 2023
@@ -108,6 +107,5 @@ Toggle.propTypes = {
 	size: PropTypes.oneOf(["sm", "md"]),
 	toggled: PropTypes.bool
 };
-
 //#endregion
-export { Toggle as default };
+export { Toggle as default };

package/es/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -7,10 +7,9 @@
 
 import { PrefixContext } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React, { useContext } from "react";
+import { useContext } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/ToggleSmall/ToggleSmall.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -52,6 +51,5 @@ ToggleSmallSkeleton.propTypes = {
 	id: PropTypes.string,
 	labelText: PropTypes.string
 };
-
 //#endregion
-export { ToggleSmallSkeleton };
+export { ToggleSmallSkeleton };

package/es/components/Toggletip/index.js

@@ -15,7 +15,6 @@ import classNames from "classnames";
 import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Toggletip/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -90,12 +89,14 @@ function Toggletip({ align, as, autoAlign, className: customClassName, children,
 		if (open) actions.close();
 	});
 	useEffect(() => {
-		if (!ref.current) return;
+		if (!open || !ref.current) return;
 		const targetDocument = ref.current.ownerDocument || document;
 		const eventType = "PointerEvent" in window ? "pointerdown" : "mousedown";
 		const handleOutsideClick = (event) => {
-			const node = event.target;
-			if (open && node && !ref.current?.contains(node)) setOpen(false);
+			const { current } = ref;
+			if (!current) return;
+			const isInsideCurrent = (target) => target instanceof Node && current.contains(target);
+			if (!(isInsideCurrent(event.target) || typeof event.composedPath === "function" && event.composedPath().some(isInsideCurrent))) setOpen(false);
 		};
 		const options = { capture: true };
 		targetDocument.addEventListener(eventType, handleOutsideClick, options);
@@ -195,6 +196,5 @@ ToggletipActions.propTypes = {
 	children: PropTypes.node,
 	className: PropTypes.string
 };
-
 //#endregion
-export { ToggletipActions, ToggletipButton, ToggletipContent, ToggletipLabel, Toggletip as default };
+export { ToggletipActions, ToggletipButton, ToggletipContent, ToggletipLabel, Toggletip as default };

package/es/components/Tooltip/DefinitionTooltip.js

@@ -12,10 +12,9 @@ import { useFallbackId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { Popover, PopoverContent } from "../Popover/index.js";
 import classNames from "classnames";
-import React, { useState } from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/Tooltip/DefinitionTooltip.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -104,6 +103,5 @@ DefinitionTooltip.propTypes = {
 	tooltipText: deprecate(PropTypes.node, "The tooltipText prop has been deprecated. Please use the `definition` prop instead."),
 	triggerClassName: PropTypes.string
 };
-
 //#endregion
-export { DefinitionTooltip };
+export { DefinitionTooltip };

package/es/components/Tooltip/Tooltip.js

@@ -17,7 +17,6 @@ import classNames from "classnames";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/Tooltip/Tooltip.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -44,8 +43,6 @@ const Tooltip = React.forwardRef(({ as, align = "top", className: customClassNam
 	const child = React.Children.only(children);
 	const { "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy } = child?.props ?? {};
 	const hasLabel = !!label;
-	const labelledBy = ariaLabelledBy ?? (hasLabel ? id : void 0);
-	const describedBy = ariaDescribedBy ?? (!hasLabel ? id : void 0);
 	const triggerProps = {
 		onFocus: () => !focusByMouse && setOpen(true),
 		onBlur: () => {
@@ -58,8 +55,8 @@ const Tooltip = React.forwardRef(({ as, align = "top", className: customClassNam
 		onMouseDown,
 		onMouseMove,
 		onTouchStart: onDragStart,
-		"aria-labelledby": labelledBy,
-		"aria-describedby": describedBy
+		"aria-labelledby": ariaLabelledBy ?? (hasLabel ? id : void 0),
+		"aria-describedby": ariaDescribedBy ?? (!hasLabel ? id : void 0)
 	};
 	function getChildEventHandlers(childProps) {
 		const eventHandlerFunctions = Object.keys(triggerProps).filter((prop) => prop.startsWith("on"));
@@ -195,6 +192,5 @@ Tooltip.propTypes = {
 	label: PropTypes.node,
 	leaveDelayMs: PropTypes.number
 };
-
 //#endregion
-export { Tooltip };
+export { Tooltip };

package/es/components/TreeView/TreeContext.js

@@ -6,7 +6,6 @@
  */
 
 import { createContext } from "react";
-
 //#region src/components/TreeView/TreeContext.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -16,6 +15,5 @@ import { createContext } from "react";
 */
 const TreeContext = createContext(null);
 const DepthContext = createContext(-1);
-
 //#endregion
-export { DepthContext, TreeContext };
+export { DepthContext, TreeContext };

package/es/components/TreeView/TreeNode.js

@@ -19,7 +19,6 @@ import React, { useCallback, useContext, useEffect, useRef, useState } from "rea
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CaretDown } from "@carbon/icons-react";
-
 //#region src/components/TreeView/TreeNode.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -90,7 +89,8 @@ const TreeNode = React.forwardRef(({ children, className, disabled, id: nodeId,
 	const onTreeSelect = propOnTreeSelect ?? treeContext?.onTreeSelect;
 	const { labelTextRef, isEllipsisApplied, tooltipText } = useEllipsisCheck(label, useRef(null));
 	const enableTreeviewControllable = useFeatureFlag("enable-treeview-controllable");
-	const { current: id } = useRef(nodeId || useId());
+	const generatedId = useId();
+	const { current: id } = useRef(nodeId ?? generatedId);
 	const controllableExpandedState = useControllableState({
 		value: isExpanded,
 		onChange: onToggle,
@@ -370,6 +370,5 @@ TreeNode.propTypes = {
 	autoAlign: PropTypes.bool
 };
 TreeNode.displayName = "TreeNode";
-
 //#endregion
-export { TreeNode as default };
+export { TreeNode as default };

package/es/components/TreeView/TreeView.js

@@ -14,10 +14,9 @@ import { useControllableState } from "../../internal/useControllableState.js";
 import { DepthContext, TreeContext } from "./TreeContext.js";
 import TreeNode from "./TreeNode.js";
 import classNames from "classnames";
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/TreeView/TreeView.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -27,7 +26,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 */
 const TreeView = ({ active: prespecifiedActive, children, className, hideLabel = false, label, multiselect = false, onActivate, onSelect, selected: preselected, size = "sm", ...rest }) => {
 	const enableTreeviewControllable = useFeatureFlag("enable-treeview-controllable");
-	const { current: treeId } = useRef(rest.id || useId());
+	const generatedId = useId();
+	const { current: treeId } = useRef(rest.id ?? generatedId);
 	const prefix = usePrefix();
 	const treeClasses = classNames(className, `${prefix}--tree`, { [`${prefix}--tree--${size}`]: size !== "default" });
 	const treeRootRef = useRef(null);
@@ -171,6 +171,5 @@ TreeView.propTypes = {
 	size: PropTypes.oneOf(["xs", "sm"])
 };
 TreeView.TreeNode = TreeNode;
-
 //#endregion
-export { TreeView as default };
+export { TreeView as default };

package/es/components/UIShell/Content.js

@@ -9,7 +9,6 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
 import React from "react";
 import PropTypes from "prop-types";
-
 //#region src/components/UIShell/Content.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -29,6 +28,5 @@ Content.propTypes = {
 	className: PropTypes.string,
 	tagName: PropTypes.string
 };
-
 //#endregion
-export { Content as default };
+export { Content as default };

package/es/components/UIShell/Header.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 } from "react/jsx-runtime";
-
 //#region src/components/UIShell/Header.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -31,6 +30,5 @@ Header.propTypes = {
 	"aria-labelledby": PropTypes.string,
 	className: PropTypes.string
 };
-
 //#endregion
-export { Header as default };
+export { Header as default };

package/es/components/UIShell/HeaderContainer.js

@@ -8,10 +8,9 @@
 import { Escape } from "../../internal/keyboard/keys.js";
 import { match } from "../../internal/keyboard/match.js";
 import { useWindowEvent } from "../../internal/useEvent.js";
-import React, { useCallback, useState } from "react";
+import { useCallback, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/UIShell/HeaderContainer.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -37,6 +36,5 @@ HeaderContainer.propTypes = {
 	isSideNavExpanded: PropTypes.bool,
 	render: PropTypes.elementType.isRequired
 };
-
 //#endregion
-export { HeaderContainer as default };
+export { HeaderContainer as default };

package/es/components/UIShell/HeaderGlobalAction.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/UIShell/HeaderGlobalAction.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -72,6 +71,5 @@ HeaderGlobalAction.propTypes = {
 	tooltipHighContrast: PropTypes.bool
 };
 HeaderGlobalAction.displayName = "HeaderGlobalAction";
-
 //#endregion
-export { HeaderGlobalAction as default };
+export { HeaderGlobalAction as default };

package/es/components/UIShell/HeaderGlobalBar.js

@@ -6,7 +6,6 @@
  */
 
 import wrapComponent from "../../tools/wrapComponent.js";
-
 //#region src/components/UIShell/HeaderGlobalBar.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -22,6 +21,5 @@ const HeaderGlobalBar = wrapComponent({
 	className: (prefix) => `${prefix}--header__global`,
 	type: "div"
 });
-
 //#endregion
-export { HeaderGlobalBar as default };
+export { HeaderGlobalBar as default };

package/es/components/UIShell/HeaderMenu.js

@@ -13,20 +13,11 @@ import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
 import classNames from "classnames";
-import React, { Children, cloneElement, forwardRef, isValidElement, useContext, useRef, useState } from "react";
+import { Children, cloneElement, forwardRef, isValidElement, useContext, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@carbon/icons-react";
-
-//#region src/components/UIShell/HeaderMenu.tsx
-/**
-* Copyright IBM Corp. 2016, 2025
-*
-* 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 frFn = forwardRef;
-const HeaderMenu = frFn((props, ref) => {
+const HeaderMenu = forwardRef((props, ref) => {
 	const { isActive, isCurrentPage, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: customClassName, children, renderMenuContent: MenuContent, menuLinkName, focusRef, onBlur, onClick, onKeyDown, ...rest } = props;
 	const prefix = useContext(PrefixContext);
 	const [expanded, setExpanded] = useState(false);
@@ -149,6 +140,5 @@ HeaderMenu.propTypes = {
 	renderMenuContent: PropTypes.func,
 	tabIndex: PropTypes.number
 };
-
 //#endregion
-export { HeaderMenu as default };
+export { HeaderMenu as default };

package/es/components/UIShell/HeaderMenuButton.js

@@ -8,11 +8,10 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { Close, Menu } from "@carbon/icons-react";
-
 //#region src/components/UIShell/HeaderMenuButton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -49,6 +48,5 @@ HeaderMenuButton.propTypes = {
 	isCollapsible: PropTypes.bool,
 	onClick: PropTypes.func
 };
-
 //#endregion
-export { HeaderMenuButton as default };
+export { HeaderMenuButton as default };

package/es/components/UIShell/HeaderMenuItem.js

@@ -9,10 +9,9 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import Link, { LinkPropTypes } from "./Link.js";
 import classNames from "classnames";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/UIShell/HeaderMenuItem.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -55,6 +54,5 @@ HeaderMenuItem.propTypes = {
 	role: PropTypes.string,
 	tabIndex: PropTypes.number
 };
-
 //#endregion
-export { HeaderMenuItem as default };
+export { HeaderMenuItem as default };