@carbon/react 1.112.0 → 1.113.0-rc.0

package/lib/components/Tabs/Tabs.js

@@ -22,10 +22,10 @@ const require_useControllableState = require("../../internal/useControllableStat
 const require_Grid = require("../Grid/Grid.js");
 const require_useMatchMedia = require("../../internal/useMatchMedia.js");
 const require_usePressable = require("./usePressable.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -126,7 +126,7 @@ function TabsVertical({ children, height, defaultSelectedIndex = 0, onChange, se
 		selectedIndex,
 		onChange: ({ selectedIndex }) => setSelectedIndex(selectedIndex)
 	};
-	if (!require_useMatchMedia.useMatchMedia(smMediaQuery)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.GridAsGridComponent, {
+	if (!require_useMatchMedia.useMatchMedia(smMediaQuery)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.Grid, {
 		style: { height },
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tabs, {
 			...props,
@@ -193,6 +193,7 @@ function getNextIndexVertical(event, total, index) {
 function TabList({ activation = "automatic", "aria-label": label, children, className: customClassName, contained = false, fullWidth = false, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait = 200, scrollIntoView, size, ...rest }) {
 	const { activeIndex, selectedIndex, setSelectedIndex, setActiveIndex, dismissable } = react.default.useContext(TabsContext);
 	const prefix = require_usePrefix.usePrefix();
+	const containerRef = (0, react.useRef)(null);
 	const ref = (0, react.useRef)(null);
 	const previousButton = (0, react.useRef)(null);
 	const nextButton = (0, react.useRef)(null);
@@ -213,15 +214,28 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 		[`${prefix}--tabs--dismissable`]: dismissable
 	}, customClassName);
 	const [isNextButtonVisible, setIsNextButtonVisible] = (0, react.useState)(ref.current ? scrollLeft + ref.current.clientWidth < ref.current.scrollWidth : false);
+	const updateOverflowState = (0, react.useCallback)(() => {
+		if (!containerRef.current || !ref.current) return;
+		const hasOverflow = ref.current.scrollWidth > containerRef.current.clientWidth + 1;
+		setIsNextButtonVisible(hasOverflow && ref.current.scrollLeft + ref.current.clientWidth + 1 < ref.current.scrollWidth);
+		setIsScrollable(hasOverflow);
+	}, []);
 	const isPreviousButtonVisible = ref.current ? isScrollable && scrollLeft > 0 : false;
 	const previousButtonClasses = (0, classnames.default)(`${prefix}--tab--overflow-nav-button`, `${prefix}--tab--overflow-nav-button--previous`, { [`${prefix}--tab--overflow-nav-button--hidden`]: !isPreviousButtonVisible });
 	const nextButtonClasses = (0, classnames.default)(`${prefix}--tab--overflow-nav-button`, `${prefix}--tab--overflow-nav-button--next`, { [`${prefix}--tab--overflow-nav-button--hidden`]: !isNextButtonVisible });
 	const tabs = (0, react.useRef)([]);
-	const debouncedOnScroll = (0, react.useCallback)(() => {
-		(0, es_toolkit_compat.debounce)(() => {
-			if (ref.current) setScrollLeft(ref.current.scrollLeft);
-		}, scrollDebounceWait)();
-	}, [scrollDebounceWait]);
+	const debouncedUpdateScroll = (0, react.useMemo)(() => (0, es_toolkit_compat.debounce)(() => {
+		if (ref.current) setScrollLeft(ref.current.scrollLeft);
+	}, scrollDebounceWait), [scrollDebounceWait]);
+	(0, react.useEffect)(() => {
+		return () => {
+			debouncedUpdateScroll.cancel();
+		};
+	}, [debouncedUpdateScroll]);
+	const handleScroll = (0, react.useCallback)(() => {
+		updateOverflowState();
+		debouncedUpdateScroll();
+	}, [debouncedUpdateScroll, updateOverflowState]);
 	function onKeyDown(event) {
 		if (require_match.matches(event, [
 			require_keys.ArrowRight,
@@ -267,12 +281,11 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 		});
 	}, []);
 	(0, react.useEffect)(() => {
-		setIsNextButtonVisible(ref.current ? scrollLeft + ref.current.clientWidth + 1 < ref.current.scrollWidth : false);
-		if (dismissable && ref.current) setIsScrollable(ref.current.scrollWidth > ref.current.clientWidth + 1);
+		updateOverflowState();
 	}, [
 		children,
-		dismissable,
-		scrollLeft
+		scrollLeft,
+		updateOverflowState
 	]);
 	(0, react.useEffect)(() => {
 		if (tabs.current[selectedIndex]?.disabled) {
@@ -286,17 +299,15 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 		}
 	}, []);
 	require_useIsomorphicEffect.default(() => {
-		if (ref.current) setIsScrollable(ref.current.scrollWidth > ref.current.clientWidth + 1);
-		function handler() {
-			if (ref.current) setIsScrollable(ref.current.scrollWidth > ref.current.clientWidth + 1);
-		}
-		const debouncedHandler = (0, es_toolkit_compat.debounce)(handler, 200);
-		window.addEventListener("resize", debouncedHandler);
+		const element = containerRef.current;
+		if (!element) return;
+		updateOverflowState();
+		const resizeObserver = new ResizeObserver(updateOverflowState);
+		resizeObserver.observe(element);
 		return () => {
-			debouncedHandler.cancel();
-			window.removeEventListener("resize", debouncedHandler);
+			resizeObserver.disconnect();
 		};
-	}, []);
+	}, [updateOverflowState]);
 	require_useIsomorphicEffect.default(() => {
 		if (scrollLeft !== null && ref.current) ref.current.scrollLeft = scrollLeft;
 	}, [scrollLeft]);
@@ -328,6 +339,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 		}
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: containerRef,
 		className,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -346,7 +358,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
 				ref,
 				role: "tablist",
 				className: `${prefix}--tab--list`,
-				onScroll: debouncedOnScroll,
+				onScroll: handleScroll,
 				onKeyDown,
 				onBlur: handleBlur,
 				children: react.Children.map(children, (child, index) => {
@@ -791,7 +803,7 @@ const Tab = (0, react.forwardRef)(({ as = "button", children, className: customC
 				title: secondaryLabel,
 				children: secondaryLabel
 			}),
-			!disabled && badgeIndicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {})
+			!disabled && badgeIndicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.BadgeIndicator, {})
 		]
 	}), DismissIcon] });
 });

package/lib/components/Tag/DismissibleTag.js

@@ -17,10 +17,10 @@ const require_index = require("../AILabel/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_isEllipsisActive = require("./isEllipsisActive.js");
 const require_Tag = require("./Tag.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -170,5 +170,6 @@ DismissibleTag.propTypes = {
 	*/
 	type: prop_types.default.oneOf(Object.keys(require_Tag.TYPES))
 };
+Object.keys(require_Tag.TYPES);
 //#endregion
 exports.default = DismissibleTag;

package/lib/components/Tag/OperationalTag.js

@@ -14,10 +14,10 @@ const require_Tooltip = require("../Tooltip/Tooltip.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_isEllipsisActive = require("./isEllipsisActive.js");
 const require_Tag = require("./Tag.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -123,5 +123,6 @@ OperationalTag.propTypes = {
 	*/
 	type: prop_types.default.oneOf(Object.keys(TYPES))
 };
+Object.keys(TYPES);
 //#endregion
 exports.default = OperationalTag;

package/lib/components/Tag/SelectableTag.js

@@ -15,10 +15,10 @@ const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_useControllableState = require("../../internal/useControllableState.js");
 const require_isEllipsisActive = require("./isEllipsisActive.js");
 const require_Tag = require("./Tag.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/Tag/Tag.Skeleton.js

@@ -7,10 +7,10 @@
 
 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -43,4 +43,5 @@ TagSkeleton.propTypes = {
 	size: prop_types.default.oneOf(["sm"])
 };
 //#endregion
+exports.TagSkeleton = TagSkeleton;
 exports.default = TagSkeleton;

package/lib/components/Tag/Tag.js

@@ -16,10 +16,10 @@ const require_useMergedRefs = require("../../internal/useMergedRefs.js");
 const require_DefinitionTooltip = require("../Tooltip/DefinitionTooltip.js");
 const require_index = require("../AILabel/index.js");
 const require_isEllipsisActive = require("./isEllipsisActive.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -205,6 +205,7 @@ Tag.propTypes = {
 	*/
 	type: prop_types.default.oneOf(Object.keys(TYPES))
 };
+Object.keys(TYPES);
 //#endregion
 exports.SIZES = SIZES;
 exports.TYPES = TYPES;

package/lib/components/TextArea/TextArea.Skeleton.js

@@ -7,10 +7,10 @@
 
 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -41,4 +41,5 @@ TextAreaSkeleton.propTypes = {
 	hideLabel: prop_types.default.bool
 };
 //#endregion
+exports.TextAreaSkeleton = TextAreaSkeleton;
 exports.default = TextAreaSkeleton;

package/lib/components/TextArea/TextArea.js

@@ -6,11 +6,11 @@
  */
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_noopFn = require("../../internal/noopFn.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");
@@ -18,10 +18,10 @@ const require_hasHelperText = require("../../internal/hasHelperText.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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/TextArea/index.js

@@ -6,7 +6,7 @@
  */
 
 const require_TextArea = require("./TextArea.js");
-require("./TextArea.Skeleton.js");
+const require_TextArea_Skeleton = require("./TextArea.Skeleton.js");
 //#region src/components/TextArea/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -16,4 +16,6 @@ require("./TextArea.Skeleton.js");
 */
 var TextArea_default = require_TextArea.default;
 //#endregion
+exports.TextArea = require_TextArea.default;
+exports.TextAreaSkeleton = require_TextArea_Skeleton.TextAreaSkeleton;
 exports.default = TextArea_default;

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -6,16 +6,16 @@
  */
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_noopFn = require("../../internal/noopFn.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_hasHelperText = require("../../internal/hasHelperText.js");
 const require_util = require("./util.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/TextInput/PasswordInput.js

@@ -13,10 +13,10 @@ const require_hasHelperText = require("../../internal/hasHelperText.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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -7,10 +7,10 @@
 
 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -49,4 +49,5 @@ TextInputSkeleton.propTypes = {
 	])
 };
 //#endregion
+exports.TextInputSkeleton = TextInputSkeleton;
 exports.default = TextInputSkeleton;

package/lib/components/TextInput/TextInput.js

@@ -17,10 +17,10 @@ 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/TextInput/index.js

@@ -6,7 +6,7 @@
  */
 
 const require_TextInput = require("./TextInput.js");
-require("./TextInput.Skeleton.js");
+const require_TextInput_Skeleton = require("./TextInput.Skeleton.js");
 //#region src/components/TextInput/index.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -16,4 +16,6 @@ require("./TextInput.Skeleton.js");
 */
 var TextInput_default = require_TextInput.default;
 //#endregion
+exports.TextInput = require_TextInput.default;
+exports.TextInputSkeleton = require_TextInput_Skeleton.TextInputSkeleton;
 exports.default = TextInput_default;

package/lib/components/Theme/index.js

@@ -9,10 +9,10 @@ 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/Tile/Tile.js

@@ -20,10 +20,10 @@ 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -374,12 +374,15 @@ const ExpandableTile = (0, react.forwardRef)(({ tabIndex = 0, className, childre
 	require_useIsomorphicEffect.default(() => {
 		if (!tile.current || !aboveTheFold.current) return;
 		const style = window.getComputedStyle(tile.current);
-		setMeasuredPadding((parseInt(style.getPropertyValue("padding-top"), 10) || 0) + (parseInt(style.getPropertyValue("padding-bottom"), 10) || 0));
+		const paddingTop = parseInt(style.getPropertyValue("padding-top"), 10) || 0;
+		const paddingBottom = parseInt(style.getPropertyValue("padding-bottom"), 10) || 0;
+		setMeasuredPadding(paddingTop + paddingBottom);
 		setMeasuredAboveHeight(aboveTheFold.current.scrollHeight);
 	}, []);
 	require_useIsomorphicEffect.default(() => {
 		if (!aboveTheFold.current || !belowTheFold.current) return;
-		setInteractive(Boolean(require_useNoInteractiveChildren.getInteractiveContent(aboveTheFold.current)) || Boolean(require_useNoInteractiveChildren.getRoleContent(aboveTheFold.current)) || Boolean(require_useNoInteractiveChildren.getInteractiveContent(belowTheFold.current)) || Boolean(require_useNoInteractiveChildren.getRoleContent(belowTheFold.current)) || Boolean(slug || decorator));
+		const hasInteractive = Boolean(require_useNoInteractiveChildren.getInteractiveContent(aboveTheFold.current)) || Boolean(require_useNoInteractiveChildren.getRoleContent(aboveTheFold.current)) || Boolean(require_useNoInteractiveChildren.getInteractiveContent(belowTheFold.current)) || Boolean(require_useNoInteractiveChildren.getRoleContent(belowTheFold.current)) || Boolean(slug || decorator);
+		setInteractive(hasInteractive);
 	}, [
 		slug,
 		decorator,

package/lib/components/TileGroup/TileGroup.js

@@ -6,8 +6,8 @@
  */
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
-const require_usePrefix = require("../../internal/usePrefix.js");
 const require_noopFn = require("../../internal/noopFn.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
 const require_utils = require("../../internal/utils.js");
 const require_index = require("../RadioTile/index.js");
 let react = require("react");

package/lib/components/TimePicker/TimePicker.js

@@ -9,10 +9,10 @@ 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/TimePickerSelect/TimePickerSelect.js

@@ -7,10 +7,10 @@
 
 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -7,10 +7,10 @@
 
 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -34,4 +34,5 @@ ToggleSkeleton.propTypes = {
 	className: prop_types.default.string
 };
 //#endregion
+exports.ToggleSkeleton = ToggleSkeleton;
 exports.default = ToggleSkeleton;

package/lib/components/Toggle/Toggle.js

@@ -9,10 +9,10 @@ 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -158,4 +158,5 @@ Toggle.propTypes = {
 	toggled: prop_types.default.bool
 };
 //#endregion
+exports.Toggle = Toggle;
 exports.default = Toggle;

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

@@ -7,10 +7,10 @@
 
 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/Toggletip/index.js

@@ -12,10 +12,10 @@ 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");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -239,8 +239,9 @@ ToggletipActions.propTypes = {
 	className: prop_types.default.string
 };
 //#endregion
+exports.Toggletip = Toggletip;
+exports.default = Toggletip;
 exports.ToggletipActions = ToggletipActions;
 exports.ToggletipButton = ToggletipButton;
 exports.ToggletipContent = ToggletipContent;
 exports.ToggletipLabel = ToggletipLabel;
-exports.default = Toggletip;

package/lib/components/Tooltip/DefinitionTooltip.js

@@ -12,10 +12,10 @@ const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_index = require("../Popover/index.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");

package/lib/components/Tooltip/Tooltip.d.ts

@@ -21,7 +21,8 @@ interface TooltipBaseProps {
      */
     className?: string;
     /**
-     * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
+     * Controls whether the tooltip closes when the trigger is activated with
+     * click, Enter, or Space.
      */
     closeOnActivation?: boolean;
     /**

package/lib/components/Tooltip/Tooltip.js

@@ -14,10 +14,10 @@ const require_useId = require("../../internal/useId.js");
 const require_index = require("../Popover/index.js");
 const require_useDelayedState = require("../../internal/useDelayedState.js");
 const require_useNoInteractiveChildren = require("../../internal/useNoInteractiveChildren.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -31,7 +31,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * Event types that trigger a "drag" to stop.
 */
-const DRAG_STOP_EVENT_TYPES = new Set([
+const DRAG_STOP_EVENT_TYPES = /* @__PURE__ */ new Set([
 	"mouseup",
 	"touchend",
 	"touchcancel"
@@ -197,7 +197,8 @@ Tooltip.propTypes = {
 	*/
 	className: prop_types.default.string,
 	/**
-	* Determines wether the tooltip should close when inner content is activated (click, Enter or Space)
+	* Controls whether the tooltip closes when the trigger is activated with
+	* click, Enter, or Space.
 	*/
 	closeOnActivation: prop_types.default.bool,
 	/**

package/lib/components/TreeView/TreeNode.js

@@ -15,10 +15,10 @@ const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../IconButton/index.js");
 const require_useControllableState = require("../../internal/useControllableState.js");
 const require_TreeContext = require("./TreeContext.js");
-let classnames = require("classnames");
-classnames = require_runtime.__toESM(classnames);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -56,8 +56,10 @@ const useEllipsisCheck = (label, detailsWrapperRef) => {
 			return;
 		}
 		const checkElement = detailsWrapperRef.current || element;
-		if (checkElement && checkElement.offsetWidth > 0) setIsEllipsisApplied(element.scrollWidth > checkElement.offsetWidth);
-		else setIsEllipsisApplied(false);
+		if (checkElement && checkElement.offsetWidth > 0) {
+			const isTextTruncated = element.scrollWidth > checkElement.offsetWidth;
+			setIsEllipsisApplied(isTextTruncated);
+		} else setIsEllipsisApplied(false);
 	}, [detailsWrapperRef]);
 	(0, react.useEffect)(() => {
 		const animationFrameId = requestAnimationFrame(checkEllipsis);
@@ -91,7 +93,8 @@ const TreeNode = react.default.forwardRef(({ children, className, disabled, id:
 	const active = propActive ?? treeContext?.active;
 	const selected = propSelected ?? treeContext?.selected ?? [];
 	const onTreeSelect = propOnTreeSelect ?? treeContext?.onTreeSelect;
-	const { labelTextRef, isEllipsisApplied, tooltipText } = useEllipsisCheck(label, (0, react.useRef)(null));
+	const detailsWrapperRef = (0, react.useRef)(null);
+	const { labelTextRef, isEllipsisApplied, tooltipText } = useEllipsisCheck(label, detailsWrapperRef);
 	const enableTreeviewControllable = require_index.useFeatureFlag("enable-treeview-controllable");
 	const generatedId = require_useId.useId();
 	const { current: id } = (0, react.useRef)(nodeId ?? generatedId);