@carbon/react 1.105.0 → 1.106.0

package/lib/components/TextArea/TextArea.js

@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_Text = require('../Text/Text.js');
-const require_useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
-const require_useId = require('../../internal/useId.js');
-const require_noopFn = require('../../internal/noopFn.js');
-const require_deprecate = require('../../prop-types/deprecate.js');
-const require_utils = require('../../internal/utils.js');
-const require_useMergedRefs = require('../../internal/useMergedRefs.js');
-const require_index = require('../AILabel/index.js');
-const require_FormContext = require('../FluidForm/FormContext.js');
-const require_getAnnouncement = require('../../internal/getAnnouncement.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_Text = require("../Text/Text.js");
+const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
+const require_useId = require("../../internal/useId.js");
+const require_noopFn = require("../../internal/noopFn.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_utils = require("../../internal/utils.js");
+const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_index = require("../AILabel/index.js");
+const require_FormContext = require("../FluidForm/FormContext.js");
+const require_getAnnouncement = require("../../internal/getAnnouncement.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -25,7 +25,6 @@ let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _carbon_icons_react = require("@carbon/icons-react");
-
 //#region src/components/TextArea/TextArea.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -325,6 +324,5 @@ TextArea.propTypes = {
 	warn: prop_types.default.bool,
 	warnText: prop_types.default.node
 };
-
 //#endregion
-exports.default = TextArea;
+exports.default = TextArea;

package/lib/components/TextArea/index.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_TextArea = require('./TextArea.js');
-const require_TextArea_Skeleton = require('./TextArea.Skeleton.js');
-
+const require_TextArea = require("./TextArea.js");
+require("./TextArea.Skeleton.js");
 //#region src/components/TextArea/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -16,6 +15,5 @@ const require_TextArea_Skeleton = require('./TextArea.Skeleton.js');
 * LICENSE file in the root directory of this source tree.
 */
 var TextArea_default = require_TextArea.default;
-
 //#endregion
-exports.default = TextArea_default;
+exports.default = TextArea_default;

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_useId = require('../../internal/useId.js');
-const require_noopFn = require('../../internal/noopFn.js');
-const require_deprecate = require('../../prop-types/deprecate.js');
-const require_util = require('./util.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_useId = require("../../internal/useId.js");
+const require_noopFn = require("../../internal/noopFn.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_util = require("./util.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -19,7 +19,6 @@ let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _carbon_icons_react = require("@carbon/icons-react");
-
 //#region src/components/TextInput/ControlledPasswordInput.tsx
 /**
 * Copyright IBM Corp. 2023, 2026
@@ -143,6 +142,5 @@ ControlledPasswordInput.propTypes = {
 	]),
 	value: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number])
 };
-
 //#endregion
-exports.default = ControlledPasswordInput;
+exports.default = ControlledPasswordInput;

package/lib/components/TextInput/PasswordInput.js

@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_deprecate = require('../../prop-types/deprecate.js');
-const require_Tooltip = require('../Tooltip/Tooltip.js');
-const require_FormContext = require('../FluidForm/FormContext.js');
-const require_useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
-const require_util = require('./util.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_Tooltip = require("../Tooltip/Tooltip.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
+const require_FormContext = require("../FluidForm/FormContext.js");
+const require_util = require("./util.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -20,7 +20,6 @@ let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _carbon_icons_react = require("@carbon/icons-react");
-
 //#region src/components/TextInput/PasswordInput.tsx
 /**
 * Copyright IBM Corp. 2023, 2026
@@ -206,6 +205,5 @@ PasswordInput.propTypes = {
 	warn: prop_types.default.bool,
 	warnText: prop_types.default.node
 };
-
 //#endregion
-exports.default = PasswordInput;
+exports.default = PasswordInput;

package/lib/components/TextInput/TextInput.Skeleton.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -14,7 +14,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/TextInput/TextInput.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -34,6 +33,5 @@ TextInputSkeleton.propTypes = {
 	className: prop_types.default.string,
 	hideLabel: prop_types.default.bool
 };
-
 //#endregion
-exports.default = TextInputSkeleton;
+exports.default = TextInputSkeleton;

package/lib/components/TextInput/TextInput.js

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_Text = require('../Text/Text.js');
-const require_deprecate = require('../../prop-types/deprecate.js');
-const require_utils = require('../../internal/utils.js');
-const require_useMergedRefs = require('../../internal/useMergedRefs.js');
-const require_index = require('../AILabel/index.js');
-const require_FormContext = require('../FluidForm/FormContext.js');
-const require_useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
-const require_util = require('./util.js');
-const require_getAnnouncement = require('../../internal/getAnnouncement.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_Text = require("../Text/Text.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_utils = require("../../internal/utils.js");
+const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
+const require_index = require("../AILabel/index.js");
+const require_FormContext = require("../FluidForm/FormContext.js");
+const require_util = require("./util.js");
+const require_getAnnouncement = require("../../internal/getAnnouncement.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -23,7 +23,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/TextInput/TextInput.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -229,6 +228,5 @@ TextInput.propTypes = {
 	warn: prop_types.default.bool,
 	warnText: prop_types.default.node
 };
-
 //#endregion
-exports.default = TextInput;
+exports.default = TextInput;

package/lib/components/TextInput/index.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_TextInput = require('./TextInput.js');
-const require_TextInput_Skeleton = require('./TextInput.Skeleton.js');
-
+const require_TextInput = require("./TextInput.js");
+require("./TextInput.Skeleton.js");
 //#region src/components/TextInput/index.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -16,6 +15,5 @@ const require_TextInput_Skeleton = require('./TextInput.Skeleton.js');
 * LICENSE file in the root directory of this source tree.
 */
 var TextInput_default = require_TextInput.default;
-
 //#endregion
-exports.default = TextInput_default;
+exports.default = TextInput_default;

package/lib/components/TextInput/util.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 //#region src/components/TextInput/util.ts
 /**
 * Copyright IBM Corp. 2025
@@ -26,6 +25,5 @@ const getTextInputProps = ({ sharedTextInputProps, invalid, invalidId, warn, war
 	...warn ? warnProps(warnId) : {},
 	...hasHelper ? helperProps(helperId) : {}
 });
-
 //#endregion
-exports.getTextInputProps = getTextInputProps;
+exports.getTextInputProps = getTextInputProps;

package/lib/components/Theme/index.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_LayerContext = require('../Layer/LayerContext.js');
-const require_useMatchMedia = require('../../internal/useMatchMedia.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_LayerContext = require("../Layer/LayerContext.js");
+const require_useMatchMedia = require("../../internal/useMatchMedia.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -16,7 +16,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Theme/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -98,10 +97,9 @@ function useTheme() {
 function usePrefersDarkScheme() {
 	return require_useMatchMedia.useMatchMedia("(prefers-color-scheme: dark)");
 }
-
 //#endregion
 exports.GlobalTheme = GlobalTheme;
 exports.Theme = Theme;
 exports.ThemeContext = ThemeContext;
 exports.usePrefersDarkScheme = usePrefersDarkScheme;
-exports.useTheme = useTheme;
+exports.useTheme = useTheme;

package/lib/components/Tile/Tile.js

@@ -5,21 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_Text = require('../Text/Text.js');
-const require_keys = require('../../internal/keyboard/keys.js');
-const require_match = require('../../internal/keyboard/match.js');
-const require_useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
-const require_useId = require('../../internal/useId.js');
-const require_deprecate = require('../../prop-types/deprecate.js');
-const require_index = require('../Link/index.js');
-const require_utils = require('../../internal/utils.js');
-const require_useMergedRefs = require('../../internal/useMergedRefs.js');
-const require_index$1 = require('../FeatureFlags/index.js');
-const require_useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
-const require_index$2 = require('../AILabel/index.js');
-const require_events = require('../../tools/events.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_Text = require("../Text/Text.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
+const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
+const require_useId = require("../../internal/useId.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_index = require("../Link/index.js");
+const require_utils = require("../../internal/utils.js");
+const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_index$1 = require("../FeatureFlags/index.js");
+const require_useNoInteractiveChildren = require("../../internal/useNoInteractiveChildren.js");
+const require_index$2 = require("../AILabel/index.js");
+const require_events = require("../../tools/events.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -28,7 +28,6 @@ let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _carbon_icons_react = require("@carbon/icons-react");
-
 //#region src/components/Tile/Tile.tsx
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -77,17 +76,14 @@ const ClickableTile = react.default.forwardRef(({ children, className, clicked =
 		[`${prefix}--tile--decorator`]: decorator,
 		[`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
 	}, className);
-	const [isSelected, setIsSelected] = (0, react.useState)(clicked);
 	function handleOnClick(evt) {
 		evt?.persist?.();
-		setIsSelected(!isSelected);
 		onClick(evt);
 	}
 	function handleOnKeyDown(evt) {
 		evt?.persist?.();
 		if (!href && require_match.matches(evt, [require_keys.Enter, require_keys.Space])) {
 			evt.preventDefault();
-			setIsSelected(!isSelected);
 			onClick(evt);
 		}
 		onKeyDown(evt);
@@ -415,11 +411,10 @@ const TileBelowTheFoldContent = react.default.forwardRef(({ children }, ref) =>
 });
 TileBelowTheFoldContent.propTypes = { children: prop_types.default.node };
 TileBelowTheFoldContent.displayName = "TileBelowTheFoldContent";
-
 //#endregion
 exports.ClickableTile = ClickableTile;
 exports.ExpandableTile = ExpandableTile;
 exports.SelectableTile = SelectableTile;
 exports.Tile = Tile;
 exports.TileAboveTheFoldContent = TileAboveTheFoldContent;
-exports.TileBelowTheFoldContent = TileBelowTheFoldContent;
+exports.TileBelowTheFoldContent = TileBelowTheFoldContent;

package/lib/components/TileGroup/TileGroup.js

@@ -5,17 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_noopFn = require('../../internal/noopFn.js');
-const require_utils = require('../../internal/utils.js');
-const require_index = require('../RadioTile/index.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_noopFn = require("../../internal/noopFn.js");
+const require_utils = require("../../internal/utils.js");
+const require_index = require("../RadioTile/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/TileGroup/TileGroup.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -79,6 +78,5 @@ TileGroup.propTypes = {
 	required: prop_types.default.bool,
 	valueSelected: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number])
 };
-
 //#endregion
-exports.TileGroup = TileGroup;
+exports.TileGroup = TileGroup;

package/lib/components/TimePicker/TimePicker.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_deprecate = require('../../prop-types/deprecate.js');
-const require_useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -16,7 +16,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/TimePicker/TimePicker.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -25,7 +24,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * LICENSE file in the root directory of this source tree.
 */
 const TimePicker = (0, react.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 = require_usePrefix.usePrefix();
 	function handleOnClick(evt) {
 		if (!disabled) onClick(evt);
@@ -158,6 +157,5 @@ TimePicker.propTypes = {
 	warning: prop_types.default.bool,
 	warningText: prop_types.default.node
 };
-
 //#endregion
-exports.default = TimePicker;
+exports.default = TimePicker;

package/lib/components/TimePickerSelect/TimePickerSelect.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -15,7 +15,6 @@ let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _carbon_icons_react = require("@carbon/icons-react");
-
 //#region src/components/TimePickerSelect/TimePickerSelect.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -53,6 +52,5 @@ TimePickerSelect.propTypes = {
 	disabled: prop_types.default.bool,
 	id: prop_types.default.string.isRequired
 };
-
 //#endregion
-exports.default = TimePickerSelect;
+exports.default = TimePickerSelect;

package/lib/components/Toggle/Toggle.Skeleton.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -14,7 +14,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Toggle/Toggle.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -34,6 +33,5 @@ ToggleSkeleton.propTypes = {
 	"aria-label": prop_types.default.string,
 	className: prop_types.default.string
 };
-
 //#endregion
-exports.default = ToggleSkeleton;
+exports.default = ToggleSkeleton;

package/lib/components/Toggle/Toggle.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_Text = require('../Text/Text.js');
-const require_useControllableState = require('../../internal/useControllableState.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_Text = require("../Text/Text.js");
+const require_useControllableState = require("../../internal/useControllableState.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -16,7 +16,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Toggle/Toggle.tsx
 /**
 * Copyright IBM Corp. 2021, 2023
@@ -112,6 +111,5 @@ Toggle.propTypes = {
 	size: prop_types.default.oneOf(["sm", "md"]),
 	toggled: prop_types.default.bool
 };
-
 //#endregion
-exports.default = Toggle;
+exports.default = Toggle;

package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -14,7 +14,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/ToggleSmall/ToggleSmall.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -56,6 +55,5 @@ ToggleSmallSkeleton.propTypes = {
 	id: prop_types.default.string,
 	labelText: prop_types.default.string
 };
-
 //#endregion
-exports.ToggleSmallSkeleton = ToggleSmallSkeleton;
+exports.ToggleSmallSkeleton = ToggleSmallSkeleton;

package/lib/components/Toggletip/index.js

@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_keys = require('../../internal/keyboard/keys.js');
-const require_match = require('../../internal/keyboard/match.js');
-const require_useId = require('../../internal/useId.js');
-const require_useEvent = require('../../internal/useEvent.js');
-const require_index = require('../Popover/index.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
+const require_useId = require("../../internal/useId.js");
+const require_useEvent = require("../../internal/useEvent.js");
+const require_index = require("../Popover/index.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -19,7 +19,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/Toggletip/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -94,12 +93,14 @@ function Toggletip({ align, as, autoAlign, className: customClassName, children,
 		if (open) actions.close();
 	});
 	(0, react.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);
@@ -199,10 +200,9 @@ ToggletipActions.propTypes = {
 	children: prop_types.default.node,
 	className: prop_types.default.string
 };
-
 //#endregion
 exports.ToggletipActions = ToggletipActions;
 exports.ToggletipButton = ToggletipButton;
 exports.ToggletipContent = ToggletipContent;
 exports.ToggletipLabel = ToggletipLabel;
-exports.default = Toggletip;
+exports.default = Toggletip;