@primer/react 38.42.0-rc.ebd425836 → 38.42.0

package/dist/TooltipV2/Tooltip.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { reactMajorVersion } from "../utils/environment.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { useProvidedRefOrCreate } from "../hooks/useProvidedRefOrCreate.js";
@@ -13,7 +14,7 @@ import { KeybindingHint } from "../KeybindingHint/KeybindingHint.js";
 import { getAccessibleKeybindingHintString } from "../KeybindingHint/utils.js";
 import useSafeTimeout from "../hooks/useSafeTimeout.js";
 import { TooltipContext } from "./TooltipContext.js";
-import React, { Children, useEffect, useMemo, useRef, useState } from "react";
+import React, { Children, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { getAnchoredPosition } from "@primer/behaviors";
@@ -80,7 +81,48 @@ const isInteractive = (element) => {
 	return interactiveElements.some((selector) => element.matches(selector)) || element.hasAttribute("role") && element.getAttribute("role") === "button";
 };
 const emptyKeybindingHints = [];
-const Tooltip = /*#__PURE__*/ React.forwardRef(({ direction = "s", text, type = "description", children, id, className, keybindingHint = emptyKeybindingHints, delay = "short", _privateDisableTooltip = false, ...rest }, forwardedRef) => {
+const Tooltip = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
+	const $ = c(58);
+	let children;
+	let className;
+	let id;
+	let rest;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let text;
+	if ($[0] !== t0) {
+		({direction: t1, text, type: t2, children, id, className, keybindingHint: t3, delay: t4, _privateDisableTooltip: t5, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = id;
+		$[4] = rest;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = t5;
+		$[10] = text;
+	} else {
+		children = $[1];
+		className = $[2];
+		id = $[3];
+		rest = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
+		t5 = $[9];
+		text = $[10];
+	}
+	const direction = t1 === void 0 ? "s" : t1;
+	const type = t2 === void 0 ? "description" : t2;
+	const keybindingHint = t3 === void 0 ? emptyKeybindingHints : t3;
+	const delay = t4 === void 0 ? "short" : t4;
+	const _privateDisableTooltip = t5 === void 0 ? false : t5;
 	const tooltipId = useId$1(id);
 	const child = Children.only(children);
 	const isFragmentTrigger = /*#__PURE__*/ React.isValidElement(child) && child.type === React.Fragment;
@@ -98,155 +140,270 @@ const Tooltip = /*#__PURE__*/ React.forwardRef(({ direction = "s", text, type =
 	const [isPopoverOpen, setIsPopoverOpen] = useState(false);
 	const openTimeoutRef = React.useRef(null);
 	const { safeSetTimeout, safeClearTimeout } = useSafeTimeout();
-	const openTooltip = () => {
-		try {
-			if (tooltipElRef.current && readTriggerRef.current instanceof HTMLElement && tooltipElRef.current.hasAttribute("popover") && !tooltipElRef.current.matches(":popover-open") && !_privateDisableTooltip) {
-				const tooltip = tooltipElRef.current;
-				const trigger = readTriggerRef.current;
-				tooltip.showPopover();
-				setIsPopoverOpen(true);
-				const settings = {
-					side: directionToPosition[direction].side,
-					align: directionToPosition[direction].align
-				};
-				const { top, left, anchorAlign, anchorSide } = getAnchoredPosition(tooltip, trigger, settings);
-				const calculatedDirection = positionToDirection[`${anchorSide}-${anchorAlign}`];
-				setCalculatedDirection(calculatedDirection);
-				tooltip.style.top = `${top}px`;
-				tooltip.style.left = `${left}px`;
+	let t6;
+	if ($[11] !== _privateDisableTooltip || $[12] !== direction || $[13] !== readTriggerRef) {
+		t6 = () => {
+			try {
+				if (tooltipElRef.current && readTriggerRef.current instanceof HTMLElement && tooltipElRef.current.hasAttribute("popover") && !tooltipElRef.current.matches(":popover-open") && !_privateDisableTooltip) {
+					const tooltip = tooltipElRef.current;
+					const trigger = readTriggerRef.current;
+					tooltip.showPopover();
+					setIsPopoverOpen(true);
+					const settings = {
+						side: directionToPosition[direction].side,
+						align: directionToPosition[direction].align
+					};
+					const { top, left, anchorAlign, anchorSide } = getAnchoredPosition(tooltip, trigger, settings);
+					const calculatedDirection_0 = positionToDirection[`${anchorSide}-${anchorAlign}`];
+					setCalculatedDirection(calculatedDirection_0);
+					tooltip.style.top = `${top}px`;
+					tooltip.style.left = `${left}px`;
+				}
+			} catch (t7) {
+				const error = t7;
+				if (error && typeof error === "object" && "message" in error && typeof error.message === "string" && error.message.includes("not a valid selector")) {} else throw error;
 			}
-		} catch (error) {
-			if (error && typeof error === "object" && "message" in error && typeof error.message === "string" && error.message.includes("not a valid selector")) {} else throw error;
-		}
-	};
-	const closeTooltip = () => {
-		if (openTimeoutRef.current) {
-			safeClearTimeout(openTimeoutRef.current);
-			openTimeoutRef.current = null;
-		}
-		try {
-			if (tooltipElRef.current && readTriggerRef.current && tooltipElRef.current.hasAttribute("popover") && tooltipElRef.current.matches(":popover-open")) {
-				tooltipElRef.current.hidePopover();
-				setIsPopoverOpen(false);
-			} else setIsPopoverOpen(false);
-		} catch (error) {
-			if (error && typeof error === "object" && "message" in error && typeof error.message === "string" && error.message.includes("not a valid selector")) {} else throw error;
-		}
-	};
-	const value = useMemo(() => ({ tooltipId }), [tooltipId]);
-	useEffect(() => {
-		if (!tooltipElRef.current || !readTriggerRef.current) return;
-		const trigger = readTriggerRef.current;
-		const isInvalidTrigger = !(trigger instanceof HTMLElement);
-		warning(isInvalidTrigger, "The `Tooltip` component expects its trigger ref to resolve to an HTML element. Ensure the trigger forwards its ref to a single interactive element instead of a React Fragment.");
-		if (isInvalidTrigger) return;
-		const isTriggerInteractive = isInteractive(trigger);
-		const triggerChildren = trigger.childNodes;
-		const hasInteractiveDescendant = Array.from(triggerChildren).some((child) => {
-			return child instanceof HTMLElement && isInteractive(child) || Array.from(child.childNodes).some((grandChild) => grandChild instanceof HTMLElement && isInteractive(grandChild));
-		});
-		!(isTriggerInteractive || hasInteractiveDescendant) && invariant(false, "The `Tooltip` component expects a single React element that contains interactive content. Consider using a `<button>` or equivalent interactive element instead.");
-		if (type === "label") {
-			const hasAriaLabel = trigger.hasAttribute("aria-label");
-			const hasAriaLabelInChildren = Array.from(trigger.childNodes).some((child) => child instanceof HTMLElement && child.hasAttribute("aria-label"));
-			warning(hasAriaLabel || hasAriaLabelInChildren, "The label type `Tooltip` is going to be used here to label the trigger element. Please remove the aria-label from the trigger element.");
-		}
-		if (typeof window !== "undefined") {
-			if (!isSupported()) apply();
-		}
-		tooltipElRef.current.setAttribute("popover", "auto");
-	}, [
-		tooltipElRef,
-		readTriggerRef,
-		direction,
-		type
-	]);
-	useOnEscapePress((event) => {
-		if (isPopoverOpen) {
-			event.stopImmediatePropagation();
-			event.preventDefault();
-			closeTooltip();
-		}
-	}, [isPopoverOpen]);
+		};
+		$[11] = _privateDisableTooltip;
+		$[12] = direction;
+		$[13] = readTriggerRef;
+		$[14] = t6;
+	} else t6 = $[14];
+	const openTooltip = t6;
+	let t7;
+	if ($[15] !== readTriggerRef || $[16] !== safeClearTimeout) {
+		t7 = () => {
+			if (openTimeoutRef.current) {
+				safeClearTimeout(openTimeoutRef.current);
+				openTimeoutRef.current = null;
+			}
+			try {
+				if (tooltipElRef.current && readTriggerRef.current && tooltipElRef.current.hasAttribute("popover") && tooltipElRef.current.matches(":popover-open")) {
+					tooltipElRef.current.hidePopover();
+					setIsPopoverOpen(false);
+				} else setIsPopoverOpen(false);
+			} catch (t8) {
+				const error_0 = t8;
+				if (error_0 && typeof error_0 === "object" && "message" in error_0 && typeof error_0.message === "string" && error_0.message.includes("not a valid selector")) {} else throw error_0;
+			}
+		};
+		$[15] = readTriggerRef;
+		$[16] = safeClearTimeout;
+		$[17] = t7;
+	} else t7 = $[17];
+	const closeTooltip = t7;
+	let t8;
+	if ($[18] !== tooltipId) {
+		t8 = { tooltipId };
+		$[18] = tooltipId;
+		$[19] = t8;
+	} else t8 = $[19];
+	const value = t8;
+	let t9;
+	if ($[20] !== readTriggerRef || $[21] !== type) {
+		t9 = () => {
+			if (!tooltipElRef.current || !readTriggerRef.current) return;
+			const trigger_0 = readTriggerRef.current;
+			const isInvalidTrigger = !(trigger_0 instanceof HTMLElement);
+			warning(isInvalidTrigger, "The `Tooltip` component expects its trigger ref to resolve to an HTML element. Ensure the trigger forwards its ref to a single interactive element instead of a React Fragment.");
+			if (isInvalidTrigger) return;
+			const isTriggerInteractive = isInteractive(trigger_0);
+			const triggerChildren = trigger_0.childNodes;
+			const hasInteractiveDescendant = Array.from(triggerChildren).some(_temp2);
+			!(isTriggerInteractive || hasInteractiveDescendant) && invariant(false, "The `Tooltip` component expects a single React element that contains interactive content. Consider using a `<button>` or equivalent interactive element instead.");
+			if (type === "label") {
+				const hasAriaLabel = trigger_0.hasAttribute("aria-label");
+				const hasAriaLabelInChildren = Array.from(trigger_0.childNodes).some(_temp3);
+				warning(hasAriaLabel || hasAriaLabelInChildren, "The label type `Tooltip` is going to be used here to label the trigger element. Please remove the aria-label from the trigger element.");
+			}
+			if (typeof window !== "undefined") {
+				if (!isSupported()) apply();
+			}
+			tooltipElRef.current.setAttribute("popover", "auto");
+		};
+		$[20] = readTriggerRef;
+		$[21] = type;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== direction || $[24] !== readTriggerRef || $[25] !== type) {
+		t10 = [
+			tooltipElRef,
+			readTriggerRef,
+			direction,
+			type
+		];
+		$[23] = direction;
+		$[24] = readTriggerRef;
+		$[25] = type;
+		$[26] = t10;
+	} else t10 = $[26];
+	useEffect(t9, t10);
+	let t11;
+	if ($[27] !== closeTooltip || $[28] !== isPopoverOpen) {
+		t11 = (event) => {
+			if (isPopoverOpen) {
+				event.stopImmediatePropagation();
+				event.preventDefault();
+				closeTooltip();
+			}
+		};
+		$[27] = closeTooltip;
+		$[28] = isPopoverOpen;
+		$[29] = t11;
+	} else t11 = $[29];
+	let t12;
+	if ($[30] !== isPopoverOpen) {
+		t12 = [isPopoverOpen];
+		$[30] = isPopoverOpen;
+		$[31] = t12;
+	} else t12 = $[31];
+	useOnEscapePress(t11, t12);
 	const platform = usePlatform();
-	const hasAriaLabel = "aria-label" in rest;
-	const keybindingHints = Array.isArray(keybindingHint) ? keybindingHint : [keybindingHint];
+	const hasAriaLabel_0 = "aria-label" in rest;
+	let t13;
+	if ($[32] !== keybindingHint) {
+		t13 = Array.isArray(keybindingHint) ? keybindingHint : [keybindingHint];
+		$[32] = keybindingHint;
+		$[33] = t13;
+	} else t13 = $[33];
+	const keybindingHints = t13;
 	if (isFragmentTrigger) return child;
-	return /* @__PURE__ */ jsx(TooltipContext.Provider, {
-		value,
-		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/*#__PURE__*/ React.isValidElement(child) && /*#__PURE__*/ React.cloneElement(child, {
-			ref: appliedTriggerRef,
-			"aria-describedby": (() => {
-				if (type !== "description") return child.props["aria-describedby"];
-				const existingDescribedBy = child.props["aria-describedby"];
-				if (existingDescribedBy) return `${existingDescribedBy} ${tooltipId}`;
-				return tooltipId;
-			})(),
-			"aria-labelledby": type === "label" ? tooltipId : child.props["aria-labelledby"],
-			onBlur: (event) => {
-				var _child$props$onBlur, _child$props;
-				closeTooltip();
-				(_child$props$onBlur = (_child$props = child.props).onBlur) === null || _child$props$onBlur === void 0 || _child$props$onBlur.call(_child$props, event);
-			},
-			onTouchEnd: (event) => {
-				var _child$props$onTouchE, _child$props2;
-				(_child$props$onTouchE = (_child$props2 = child.props).onTouchEnd) === null || _child$props$onTouchE === void 0 || _child$props$onTouchE.call(_child$props2, event);
-				safeSetTimeout(() => closeTooltip(), 10);
-			},
-			onFocus: (event) => {
-				var _child$props$onFocus, _child$props3;
-				try {
-					if (!event.target.matches(":focus-visible")) return;
-				} catch (_error) {}
+	const t14 = TooltipContext;
+	const t15 = /*#__PURE__*/ React.isValidElement(child) && /*#__PURE__*/ React.cloneElement(child, {
+		ref: appliedTriggerRef,
+		"aria-describedby": (() => {
+			if (type !== "description") return child.props["aria-describedby"];
+			const existingDescribedBy = child.props["aria-describedby"];
+			if (existingDescribedBy) return `${existingDescribedBy} ${tooltipId}`;
+			return tooltipId;
+		})(),
+		"aria-labelledby": type === "label" ? tooltipId : child.props["aria-labelledby"],
+		onBlur: (event_0) => {
+			var _child$props$onBlur, _child$props;
+			closeTooltip();
+			(_child$props$onBlur = (_child$props = child.props).onBlur) === null || _child$props$onBlur === void 0 || _child$props$onBlur.call(_child$props, event_0);
+		},
+		onTouchEnd: (event_1) => {
+			var _child$props$onTouchE, _child$props2;
+			(_child$props$onTouchE = (_child$props2 = child.props).onTouchEnd) === null || _child$props$onTouchE === void 0 || _child$props$onTouchE.call(_child$props2, event_1);
+			safeSetTimeout(() => closeTooltip(), 10);
+		},
+		onFocus: (event_2) => {
+			var _child$props$onFocus, _child$props3;
+			try {
+				if (!event_2.target.matches(":focus-visible")) return;
+			} catch (t16) {}
+			openTooltip();
+			(_child$props$onFocus = (_child$props3 = child.props).onFocus) === null || _child$props$onFocus === void 0 || _child$props$onFocus.call(_child$props3, event_2);
+		},
+		onMouseOverCapture: (event_3) => {
+			const delayTime = delayTimeMap[delay] || 50;
+			openTimeoutRef.current = safeSetTimeout(() => {
+				var _child$props$onMouseE, _child$props4;
+				if (!openTimeoutRef.current) return;
 				openTooltip();
-				(_child$props$onFocus = (_child$props3 = child.props).onFocus) === null || _child$props$onFocus === void 0 || _child$props$onFocus.call(_child$props3, event);
-			},
-			onMouseOverCapture: (event) => {
-				const delayTime = delayTimeMap[delay] || 50;
-				openTimeoutRef.current = safeSetTimeout(() => {
-					var _child$props$onMouseE, _child$props4;
-					if (!openTimeoutRef.current) return;
-					openTooltip();
-					(_child$props$onMouseE = (_child$props4 = child.props).onMouseEnter) === null || _child$props$onMouseE === void 0 || _child$props$onMouseE.call(_child$props4, event);
-				}, delayTime);
-			},
-			onMouseLeave: (event) => {
-				var _child$props$onMouseL, _child$props5;
-				closeTooltip();
-				(_child$props$onMouseL = (_child$props5 = child.props).onMouseLeave) === null || _child$props$onMouseL === void 0 || _child$props$onMouseL.call(_child$props5, event);
-			}
+				(_child$props$onMouseE = (_child$props4 = child.props).onMouseEnter) === null || _child$props$onMouseE === void 0 || _child$props$onMouseE.call(_child$props4, event_3);
+			}, delayTime);
+		},
+		onMouseLeave: (event_4) => {
+			var _child$props$onMouseL, _child$props5;
+			closeTooltip();
+			(_child$props$onMouseL = (_child$props5 = child.props).onMouseLeave) === null || _child$props$onMouseL === void 0 || _child$props$onMouseL.call(_child$props5, event_4);
+		}
+	});
+	let t17;
+	if ($[34] !== className) {
+		t17 = clsx(className, Tooltip_module_css_default.Tooltip);
+		$[34] = className;
+		$[35] = t17;
+	} else t17 = $[35];
+	const t18 = type === "description" ? "tooltip" : void 0;
+	const t19 = hasAriaLabel_0 || keybindingHints.length === 0 ? tooltipId : void 0;
+	let t20;
+	if ($[36] !== hasAriaLabel_0 || $[37] !== keybindingHints || $[38] !== platform || $[39] !== text || $[40] !== tooltipId) {
+		t20 = keybindingHints.length > 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
+			id: hasAriaLabel_0 ? void 0 : tooltipId,
+			children: [text, /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+				"(",
+				keybindingHints.map((hint) => getAccessibleKeybindingHintString(hint, platform)).join(" or "),
+				")"
+			] })]
 		}), /* @__PURE__ */ jsx("span", {
-			className: clsx(className, Tooltip_module_css_default.Tooltip),
+			className: clsx(Tooltip_module_css_default.KeybindingHintContainer, text && Tooltip_module_css_default.HasTextBefore, keybindingHints.length > 1 && Tooltip_module_css_default.HasMultipleHints),
+			"aria-hidden": true,
+			"data-component": "Tooltip.KeybindingHintContainer",
+			children: keybindingHints.map(_temp4)
+		})] }) : text;
+		$[36] = hasAriaLabel_0;
+		$[37] = keybindingHints;
+		$[38] = platform;
+		$[39] = text;
+		$[40] = tooltipId;
+		$[41] = t20;
+	} else t20 = $[41];
+	let t21;
+	if ($[42] !== calculatedDirection || $[43] !== closeTooltip || $[44] !== openTooltip || $[45] !== rest || $[46] !== t17 || $[47] !== t18 || $[48] !== t19 || $[49] !== t20) {
+		t21 = /* @__PURE__ */ jsx("span", {
+			className: t17,
 			ref: tooltipElRef,
 			"data-direction": calculatedDirection,
 			"data-component": "Tooltip",
 			...rest,
-			role: type === "description" ? "tooltip" : void 0,
+			role: t18,
 			"aria-hidden": true,
 			onMouseEnter: openTooltip,
 			onMouseLeave: closeTooltip,
-			id: hasAriaLabel || keybindingHints.length === 0 ? tooltipId : void 0,
-			children: keybindingHints.length > 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
-				id: hasAriaLabel ? void 0 : tooltipId,
-				children: [text, /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
-					"(",
-					keybindingHints.map((hint) => getAccessibleKeybindingHintString(hint, platform)).join(" or "),
-					")"
-				] })]
-			}), /* @__PURE__ */ jsx("span", {
-				className: clsx(Tooltip_module_css_default.KeybindingHintContainer, text && Tooltip_module_css_default.HasTextBefore, keybindingHints.length > 1 && Tooltip_module_css_default.HasMultipleHints),
-				"aria-hidden": true,
-				"data-component": "Tooltip.KeybindingHintContainer",
-				children: keybindingHints.map((hint, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [i > 0 && " or ", /* @__PURE__ */ jsx(KeybindingHint, {
-					keys: hint,
-					format: "condensed",
-					variant: "onEmphasis",
-					size: "small"
-				})] }, `${i}-${hint}`))
-			})] }) : text
-		})] })
-	});
+			id: t19,
+			children: t20
+		});
+		$[42] = calculatedDirection;
+		$[43] = closeTooltip;
+		$[44] = openTooltip;
+		$[45] = rest;
+		$[46] = t17;
+		$[47] = t18;
+		$[48] = t19;
+		$[49] = t20;
+		$[50] = t21;
+	} else t21 = $[50];
+	let t22;
+	if ($[51] !== t15 || $[52] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t15, t21] });
+		$[51] = t15;
+		$[52] = t21;
+		$[53] = t22;
+	} else t22 = $[53];
+	let t23;
+	if ($[54] !== t14.Provider || $[55] !== t22 || $[56] !== value) {
+		t23 = /* @__PURE__ */ jsx(t14.Provider, {
+			value,
+			children: t22
+		});
+		$[54] = t14.Provider;
+		$[55] = t22;
+		$[56] = value;
+		$[57] = t23;
+	} else t23 = $[57];
+	return t23;
 });
 Tooltip.__SLOT__ = Symbol("Tooltip");
+function _temp(grandChild) {
+	return grandChild instanceof HTMLElement && isInteractive(grandChild);
+}
+function _temp2(child_0) {
+	return child_0 instanceof HTMLElement && isInteractive(child_0) || Array.from(child_0.childNodes).some(_temp);
+}
+function _temp3(child_1) {
+	return child_1 instanceof HTMLElement && child_1.hasAttribute("aria-label");
+}
+function _temp4(hint_0, i) {
+	return /* @__PURE__ */ jsxs(React.Fragment, { children: [i > 0 && " or ", /* @__PURE__ */ jsx(KeybindingHint, {
+		keys: hint_0,
+		format: "condensed",
+		variant: "onEmphasis",
+		size: "small"
+	})] }, `${i}-${hint_0}`);
+}
 //#endregion
 export { Tooltip };

package/dist/TopicTag/TopicTag.js

@@ -4,7 +4,6 @@ import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/TopicTag/TopicTag.tsx
 function TopicTag(t0) {
-	var _as;
 	const $ = c(12);
 	let as;
 	let children;
@@ -23,7 +22,7 @@ function TopicTag(t0) {
 		className = $[3];
 		rest = $[4];
 	}
-	const BaseComponent = (_as = as) !== null && _as !== void 0 ? _as : "a";
+	const BaseComponent = as !== null && as !== void 0 ? as : "a";
 	let t1;
 	if ($[5] !== className) {
 		t1 = clsx(className, TopicTag_module_css_default.TopicTag);

package/dist/Truncate/Truncate.js

@@ -1,24 +1,97 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { fixedForwardRef } from "../utils/modern-polymorphic.js";
 import Truncate_module_css_default from "./Truncate.module.css.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/Truncate/Truncate.tsx
 function Truncate(props, ref) {
-	const { as: Component = "div", children, className, title, inline, expandable, maxWidth = 125, style, ...rest } = props;
-	return /* @__PURE__ */ jsx(Component, {
-		...typeof Component === "string" ? {} : { inline },
-		...rest,
-		ref,
-		className: clsx(className, Truncate_module_css_default.Truncate),
-		"data-expandable": expandable,
-		"data-inline": inline,
-		title,
-		style: {
+	const $ = c(29);
+	let children;
+	let className;
+	let expandable;
+	let inline;
+	let rest;
+	let style;
+	let t0;
+	let t1;
+	let title;
+	if ($[0] !== props) {
+		({as: t0, children, className, title, inline, expandable, maxWidth: t1, style, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = className;
+		$[3] = expandable;
+		$[4] = inline;
+		$[5] = rest;
+		$[6] = style;
+		$[7] = t0;
+		$[8] = t1;
+		$[9] = title;
+	} else {
+		children = $[1];
+		className = $[2];
+		expandable = $[3];
+		inline = $[4];
+		rest = $[5];
+		style = $[6];
+		t0 = $[7];
+		t1 = $[8];
+		title = $[9];
+	}
+	const Component = t0 === void 0 ? "div" : t0;
+	const maxWidth = t1 === void 0 ? 125 : t1;
+	let t2;
+	if ($[10] !== Component || $[11] !== inline) {
+		t2 = typeof Component === "string" ? {} : { inline };
+		$[10] = Component;
+		$[11] = inline;
+		$[12] = t2;
+	} else t2 = $[12];
+	const passthroughProps = t2;
+	let t3;
+	if ($[13] !== className) {
+		t3 = clsx(className, Truncate_module_css_default.Truncate);
+		$[13] = className;
+		$[14] = t3;
+	} else t3 = $[14];
+	const t4 = typeof maxWidth === "number" ? `${maxWidth}px` : typeof maxWidth === "string" ? maxWidth : void 0;
+	let t5;
+	if ($[15] !== style || $[16] !== t4) {
+		t5 = {
 			...style,
-			[`--truncate-max-width`]: typeof maxWidth === "number" ? `${maxWidth}px` : typeof maxWidth === "string" ? maxWidth : void 0
-		},
-		children
-	});
+			["--truncate-max-width"]: t4
+		};
+		$[15] = style;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	const t6 = t5;
+	let t7;
+	if ($[18] !== Component || $[19] !== children || $[20] !== expandable || $[21] !== inline || $[22] !== passthroughProps || $[23] !== ref || $[24] !== rest || $[25] !== t3 || $[26] !== t6 || $[27] !== title) {
+		t7 = /* @__PURE__ */ jsx(Component, {
+			...passthroughProps,
+			...rest,
+			ref,
+			className: t3,
+			"data-expandable": expandable,
+			"data-inline": inline,
+			title,
+			style: t6,
+			children
+		});
+		$[18] = Component;
+		$[19] = children;
+		$[20] = expandable;
+		$[21] = inline;
+		$[22] = passthroughProps;
+		$[23] = ref;
+		$[24] = rest;
+		$[25] = t3;
+		$[26] = t6;
+		$[27] = title;
+		$[28] = t7;
+	} else t7 = $[28];
+	return t7;
 }
 Truncate.displayName = "Truncate";
 var Truncate_default = fixedForwardRef(Truncate);

package/dist/UnderlineNav/UnderlineNavItem.js

@@ -8,7 +8,6 @@ import { forwardRef, useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/UnderlineNav/UnderlineNavItem.tsx
 const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
-	var _leadingVisual;
 	const $ = c(33);
 	let Icon;
 	let ariaCurrent;
@@ -45,8 +44,7 @@ const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
 	const Component = t0 === void 0 ? "a" : t0;
 	let t1;
 	if ($[10] !== Component || $[11] !== href) {
-		var _href;
-		t1 = Component === "a" ? { href: (_href = href) !== null && _href !== void 0 ? _href : "#" } : href === void 0 ? {} : { href };
+		t1 = Component === "a" ? { href: href !== null && href !== void 0 ? href : "#" } : href === void 0 ? {} : { href };
 		$[10] = Component;
 		$[11] = href;
 		$[12] = t1;
@@ -75,7 +73,7 @@ const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
 	} else t3 = $[16];
 	const clickHandler = t3;
 	const t4 = isOverflowing ? true : allProps["aria-hidden"];
-	const t5 = (_leadingVisual = leadingVisual) !== null && _leadingVisual !== void 0 ? _leadingVisual : Icon;
+	const t5 = leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : Icon;
 	const t6 = isOverflowing ? -1 : allProps.tabIndex;
 	let t7;
 	if ($[17] !== Component || $[18] !== ariaCurrent || $[19] !== children || $[20] !== clickHandler || $[21] !== counter || $[22] !== forwardedRef || $[23] !== hrefProps || $[24] !== keyDownHandler || $[25] !== loadingCounters || $[26] !== props || $[27] !== t5 || $[28] !== t6) {

package/dist/deprecated/ActionList/List.js

@@ -86,7 +86,7 @@ const List = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 		for (const itemProps_0 of restProps.items) {
 			var _group$items$length, _group$items, _group$items2;
 			const group = groupMap.get(itemProps_0.groupId);
-			const itemIndex_0 = (_group$items$length = group === null || group === void 0 ? void 0 : (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) !== null && _group$items$length !== void 0 ? _group$items$length : 0;
+			const itemIndex_0 = (_group$items$length = group === null || group === void 0 || (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) !== null && _group$items$length !== void 0 ? _group$items$length : 0;
 			groupMap.set(itemProps_0.groupId, {
 				...group,
 				items: [...(_group$items2 = group === null || group === void 0 ? void 0 : group.items) !== null && _group$items2 !== void 0 ? _group$items2 : [], renderItem({

package/dist/experimental/SelectPanel2/SelectPanel.d.ts

@@ -52,7 +52,7 @@ type SelectPanelMessageProps = {
 declare const SelectPanel: React.FC<SelectPanelProps> & {
   Button: WithSlotMarker<React.ForwardRefExoticComponent<{
     alignContent?: AlignContent;
-    icon?: React.FunctionComponent<import("@primer/octicons-react").IconProps> | React.ElementType | React.ReactElement<any> | null;
+    icon?: React.ReactNode | React.ComponentType<import("@primer/octicons-react").IconProps> | React.ExoticComponent<import("@primer/octicons-react").IconProps>;
     leadingVisual?: React.ElementType | React.ReactElement<any> | null;
     trailingVisual?: React.ElementType | React.ReactElement<any> | null;
     trailingAction?: React.ElementType | null;