@primer/react 38.40.2-rc.fdfbe71e5 → 38.41.0-rc.27afe233f

package/CHANGELOG.md

@@ -1,11 +1,19 @@
 # @primer/react
 
-## 38.40.2
+## 38.41.0
+
+### Minor Changes
+
+- [#8504](https://github.com/primer/react/pull/8504) [`c9419e7`](https://github.com/primer/react/commit/c9419e75d7084b62096b50fb54f6a94e96592a9a) Thanks [@joshblack](https://github.com/joshblack)! - React Compiler: Switch from Babel to Oxc.
 
 ### Patch Changes
 
+- [#8484](https://github.com/primer/react/pull/8484) [`da3be09`](https://github.com/primer/react/commit/da3be09cc9b28cd95e9117db0a422ab08a7e37b2) Thanks [@tay1orjones](https://github.com/tay1orjones)! - TreeView: Prevent keyboard navigation errors when nested controls have focus
+
 - [#8473](https://github.com/primer/react/pull/8473) [`53ed545`](https://github.com/primer/react/commit/53ed54524aac9c3e829c239afdb4f63de160f873) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - LiveRegion: Upgrade `@primer/live-region-element` to 0.8.1
 
+- [#8412](https://github.com/primer/react/pull/8412) [`3d8f32f`](https://github.com/primer/react/commit/3d8f32fcce51a40db8e3091027714673d4a48617) Thanks [@anishtsudo](https://github.com/anishtsudo)! - Button: Add opt-in disabled styling for loading buttons so they look non-interactive while staying focusable
+
 - [#8463](https://github.com/primer/react/pull/8463) [`f710336`](https://github.com/primer/react/commit/f7103363ce5c916b8aa27a3fd5d4c9d564d3a13f) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Truncate: Infer accepted props from the `as` prop and forward `inline` to custom `as` components (e.g. `Link`).
 
 ## 38.40.1

package/dist/ActionBar/ActionBar.js

@@ -17,29 +17,28 @@ const ActionBarContext = /*#__PURE__*/ React.createContext({ size: "medium" });
 const ActionBarItemsRegistry = createDescendantRegistry();
 const FOCUSABLE_ITEM_SELECTOR = ":is(button, a, input, [tabindex]):not(:disabled):not([data-overflowing]):not([data-more-button-inactive])";
 const renderMenuItem = (item, index) => {
-	if (item.type === "divider") return /*#__PURE__*/ jsx(ActionList.Divider, {}, index);
+	if (item.type === "divider") return /* @__PURE__ */ jsx(ActionList.Divider, {}, index);
 	const { label, onClick, disabled, trailingVisual: TrailingIcon, leadingVisual: LeadingIcon, items, variant } = item;
-	if (items && items.length > 0) return /*#__PURE__*/ jsxs(ActionMenu, { children: [/*#__PURE__*/ jsx(ActionMenu.Anchor, { children: /*#__PURE__*/ jsxs(ActionList.Item, {
+	if (items && items.length > 0) return /* @__PURE__ */ jsxs(ActionMenu, { children: [/* @__PURE__ */ jsx(ActionMenu.Anchor, { children: /* @__PURE__ */ jsxs(ActionList.Item, {
 		disabled,
 		variant,
 		children: [
-			LeadingIcon ? /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: /*#__PURE__*/ jsx(LeadingIcon, {}) }) : null,
+			LeadingIcon ? /* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: /* @__PURE__ */ jsx(LeadingIcon, {}) }) : null,
 			label,
-			TrailingIcon ? /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: typeof TrailingIcon === "string" ? /*#__PURE__*/ jsx("span", { children: TrailingIcon }) : /*#__PURE__*/ jsx(TrailingIcon, {}) }) : null
+			TrailingIcon ? /* @__PURE__ */ jsx(ActionList.TrailingVisual, { children: typeof TrailingIcon === "string" ? /* @__PURE__ */ jsx("span", { children: TrailingIcon }) : /* @__PURE__ */ jsx(TrailingIcon, {}) }) : null
 		]
-	}) }), /*#__PURE__*/ jsx(ActionMenu.Overlay, { children: /*#__PURE__*/ jsx(ActionList, { children: items.map((subItem, subIndex) => renderMenuItem(subItem, subIndex)) }) })] }, label);
-	return /*#__PURE__*/ jsxs(ActionList.Item, {
+	}) }), /* @__PURE__ */ jsx(ActionMenu.Overlay, { children: /* @__PURE__ */ jsx(ActionList, { children: items.map((subItem, subIndex) => renderMenuItem(subItem, subIndex)) }) })] }, label);
+	return /* @__PURE__ */ jsxs(ActionList.Item, {
 		onSelect: onClick,
 		disabled,
 		variant,
 		children: [
-			LeadingIcon ? /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: /*#__PURE__*/ jsx(LeadingIcon, {}) }) : null,
+			LeadingIcon ? /* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: /* @__PURE__ */ jsx(LeadingIcon, {}) }) : null,
 			label,
-			TrailingIcon ? /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: typeof TrailingIcon === "string" ? /*#__PURE__*/ jsx("span", { children: TrailingIcon }) : /*#__PURE__*/ jsx(TrailingIcon, {}) }) : null
+			TrailingIcon ? /* @__PURE__ */ jsx(ActionList.TrailingVisual, { children: typeof TrailingIcon === "string" ? /* @__PURE__ */ jsx("span", { children: TrailingIcon }) : /* @__PURE__ */ jsx(TrailingIcon, {}) }) : null
 		]
 	}, label);
 };
-renderMenuItem.displayName = "renderMenuItem";
 const ActionBar = ({ size = "medium", children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, flush = false, className, gap = "condensed" }) => {
 	const [childRegistry, setChildRegistry] = ActionBarItemsRegistry.useRegistryState();
 	const overflowItems = useMemo(() => childRegistry && Array.from(childRegistry.entries()).filter((entry) => entry[1] !== null), [childRegistry]);
@@ -48,13 +47,13 @@ const ActionBar = ({ size = "medium", children, "aria-label": ariaLabel, "aria-l
 		focusOutBehavior: "wrap",
 		focusableElementFilter: (element) => element.matches(FOCUSABLE_ITEM_SELECTOR)
 	}, [overflowItems]);
-	return /*#__PURE__*/ jsx(ActionBarContext.Provider, {
+	return /* @__PURE__ */ jsx(ActionBarContext.Provider, {
 		value: { size },
-		children: /*#__PURE__*/ jsx("div", {
+		children: /* @__PURE__ */ jsx("div", {
 			className: clsx(className, ActionBar_module_css_default.Nav),
 			"data-component": "ActionBar",
 			"data-flush": flush,
-			children: /*#__PURE__*/ jsxs("div", {
+			children: /* @__PURE__ */ jsxs("div", {
 				ref: containerRef,
 				role: "toolbar",
 				className: ActionBar_module_css_default.List,
@@ -63,40 +62,40 @@ const ActionBar = ({ size = "medium", children, "aria-label": ariaLabel, "aria-l
 				"data-gap": gap,
 				"data-size": size,
 				"data-has-overflow": overflowItems ? overflowItems.length > 0 : void 0,
-				children: [/*#__PURE__*/ jsxs("div", {
+				children: [/* @__PURE__ */ jsxs("div", {
 					className: ActionBar_module_css_default.OverflowContainer,
-					children: [/*#__PURE__*/ jsx("div", { className: ActionBar_module_css_default.OverflowSpacer }), /*#__PURE__*/ jsx(OverflowObserverProvider, {
+					children: [/* @__PURE__ */ jsx("div", { className: ActionBar_module_css_default.OverflowSpacer }), /* @__PURE__ */ jsx(OverflowObserverProvider, {
 						rootRef: containerRef,
-						children: /*#__PURE__*/ jsx(ActionBarItemsRegistry.Provider, {
+						children: /* @__PURE__ */ jsx(ActionBarItemsRegistry.Provider, {
 							setRegistry: setChildRegistry,
 							children
 						})
 					})]
-				}), /*#__PURE__*/ jsxs(ActionMenu, { children: [/*#__PURE__*/ jsx(ActionMenu.Anchor, { children: /*#__PURE__*/ jsx(IconButton, {
+				}), /* @__PURE__ */ jsxs(ActionMenu, { children: [/* @__PURE__ */ jsx(ActionMenu.Anchor, { children: /* @__PURE__ */ jsx(IconButton, {
 					variant: "invisible",
 					"aria-label": "More items",
 					icon: KebabHorizontalIcon,
 					className: ActionBar_module_css_default.MoreButton,
 					"data-more-button-inactive": overflowItems !== null && overflowItems !== void 0 && overflowItems.length ? void 0 : true,
 					size
-				}) }), /*#__PURE__*/ jsx(ActionMenu.Overlay, { children: /*#__PURE__*/ jsx(ActionList, { children: overflowItems === null || overflowItems === void 0 ? void 0 : overflowItems.map(([id, menuItem]) => {
-					if (menuItem.type === "divider") return /*#__PURE__*/ jsx(ActionList.Divider, {}, id);
+				}) }), /* @__PURE__ */ jsx(ActionMenu.Overlay, { children: /* @__PURE__ */ jsx(ActionList, { children: overflowItems === null || overflowItems === void 0 ? void 0 : overflowItems.map(([id, menuItem]) => {
+					if (menuItem.type === "divider") return /* @__PURE__ */ jsx(ActionList.Divider, {}, id);
 					if (menuItem.type === "action") {
 						const { onClick, icon: Icon, label, disabled } = menuItem;
-						return /*#__PURE__*/ jsxs(ActionList.Item, {
+						return /* @__PURE__ */ jsxs(ActionList.Item, {
 							onSelect: (event) => {
 								typeof onClick === "function" && onClick(event);
 							},
 							disabled,
-							children: [Icon ? /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: /*#__PURE__*/ jsx(Icon, {}) }) : null, label]
+							children: [Icon ? /* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: /* @__PURE__ */ jsx(Icon, {}) }) : null, label]
 						}, id);
 					}
 					if (menuItem.type === "menu") {
 						const menuItems = menuItem.items;
 						const { icon: Icon, label, returnFocusRef } = menuItem;
-						return /*#__PURE__*/ jsxs(ActionMenu, { children: [/*#__PURE__*/ jsx(ActionMenu.Anchor, { children: /*#__PURE__*/ jsxs(ActionList.Item, { children: [Icon !== "none" ? /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: /*#__PURE__*/ jsx(Icon, {}) }) : null, label] }) }), /*#__PURE__*/ jsx(ActionMenu.Overlay, {
+						return /* @__PURE__ */ jsxs(ActionMenu, { children: [/* @__PURE__ */ jsx(ActionMenu.Anchor, { children: /* @__PURE__ */ jsxs(ActionList.Item, { children: [Icon !== "none" ? /* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: /* @__PURE__ */ jsx(Icon, {}) }) : null, label] }) }), /* @__PURE__ */ jsx(ActionMenu.Overlay, {
 							...returnFocusRef && { returnFocusRef },
-							children: /*#__PURE__*/ jsx(ActionList, { children: menuItems.map((item, index) => renderMenuItem(item, index)) })
+							children: /* @__PURE__ */ jsx(ActionList, { children: menuItems.map((item, index) => renderMenuItem(item, index)) })
 						})] }, id);
 					}
 				}) }) })] })]
@@ -104,7 +103,6 @@ const ActionBar = ({ size = "medium", children, "aria-label": ariaLabel, "aria-l
 		})
 	});
 };
-ActionBar.displayName = "ActionBar";
 function useActionBarItem(ref, registryProps) {
 	var _useContext;
 	const isGroupOverflowing = (_useContext = useContext(ActionBarGroupContext)) === null || _useContext === void 0 ? void 0 : _useContext.isOverflowing;
@@ -137,7 +135,7 @@ const ActionBarIconButton = /*#__PURE__*/ forwardRef(({ disabled, onClick, ...pr
 		if (disabled) return;
 		onClick === null || onClick === void 0 || onClick(event);
 	}, [disabled, onClick]);
-	return /*#__PURE__*/ jsx(IconButton, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		"aria-disabled": disabled,
 		ref: mergedRef,
 		size,
@@ -168,7 +166,7 @@ const ActionBarButton = /*#__PURE__*/ forwardRef(({ disabled, onClick, ...props
 		if (disabled) return;
 		onClick === null || onClick === void 0 || onClick(event);
 	}, [disabled, onClick]);
-	return /*#__PURE__*/ jsx(ButtonComponent, {
+	return /* @__PURE__ */ jsx(ButtonComponent, {
 		"aria-disabled": disabled,
 		ref: mergedRef,
 		size,
@@ -183,9 +181,9 @@ const ActionBarGroup = /*#__PURE__*/ forwardRef(({ children }, forwardedRef) =>
 	const backupRef = useRef(null);
 	const ref = forwardedRef !== null && forwardedRef !== void 0 ? forwardedRef : backupRef;
 	const { dataOverflowingAttr, isOverflowing } = useActionBarItem(ref, useMemo(() => ({ type: "group" }), []));
-	return /*#__PURE__*/ jsx(ActionBarGroupContext.Provider, {
+	return /* @__PURE__ */ jsx(ActionBarGroupContext.Provider, {
 		value: { isOverflowing },
-		children: /*#__PURE__*/ jsx("div", {
+		children: /* @__PURE__ */ jsx("div", {
 			className: ActionBar_module_css_default.Group,
 			"data-component": "ActionBar.Group",
 			ref,
@@ -211,27 +209,27 @@ const ActionBarMenu = /*#__PURE__*/ forwardRef(({ "aria-label": ariaLabel, icon,
 		items,
 		returnFocusRef
 	]));
-	return /*#__PURE__*/ jsxs(ActionMenu, {
+	return /* @__PURE__ */ jsxs(ActionMenu, {
 		anchorRef: ref,
 		open: menuOpen,
 		onOpenChange: setMenuOpen,
-		children: [/*#__PURE__*/ jsx(ActionMenu.Anchor, { children: /*#__PURE__*/ jsx(IconButton, {
+		children: [/* @__PURE__ */ jsx(ActionMenu.Anchor, { children: /* @__PURE__ */ jsx(IconButton, {
 			variant: "invisible",
 			"aria-label": ariaLabel,
 			icon,
 			...props,
 			"data-overflowing": dataOverflowingAttr,
 			"data-component": "ActionBar.Menu.IconButton"
-		}) }), /*#__PURE__*/ jsx(ActionMenu.Overlay, {
+		}) }), /* @__PURE__ */ jsx(ActionMenu.Overlay, {
 			...returnFocusRef && { returnFocusRef },
-			children: /*#__PURE__*/ jsx(ActionList, { children: items.map((item, index) => renderMenuItem(item, index)) })
+			children: /* @__PURE__ */ jsx(ActionList, { children: items.map((item, index) => renderMenuItem(item, index)) })
 		})]
 	});
 });
 const VerticalDivider = () => {
 	const ref = useRef(null);
 	const { dataOverflowingAttr } = useActionBarItem(ref, useMemo(() => ({ type: "divider" }), []));
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-component": "ActionBar.VerticalDivider",
 		"aria-hidden": "true",
@@ -239,6 +237,5 @@ const VerticalDivider = () => {
 		"data-overflowing": dataOverflowingAttr
 	});
 };
-VerticalDivider.displayName = "VerticalDivider";
 //#endregion
 export { ActionBar, ActionBarButton, ActionBarGroup, ActionBarIconButton, ActionBarMenu, VerticalDivider };

package/dist/ActionList/Description.js

@@ -69,7 +69,7 @@ const Description = (t0) => {
 		} else t5 = $[12];
 		let t6;
 		if ($[13] !== props.children || $[14] !== style || $[15] !== t4 || $[16] !== t5) {
-			t6 = /*#__PURE__*/ jsx("span", {
+			t6 = /* @__PURE__ */ jsx("span", {
 				id: t4,
 				className: t5,
 				style,
@@ -93,7 +93,7 @@ const Description = (t0) => {
 		const t5 = setTruncatedText ? "" : effectiveTitle;
 		let t6;
 		if ($[20] !== inlineDescriptionId || $[21] !== props.children || $[22] !== style || $[23] !== t4 || $[24] !== t5) {
-			t6 = /*#__PURE__*/ jsx(Truncate_default, {
+			t6 = /* @__PURE__ */ jsx(Truncate_default, {
 				ref: containerRef,
 				id: inlineDescriptionId,
 				className: t4,

package/dist/ActionList/Divider.js

@@ -17,7 +17,7 @@ const Divider = (t0) => {
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== style || $[3] !== t1) {
-		t2 = /*#__PURE__*/ jsx("li", {
+		t2 = /* @__PURE__ */ jsx("li", {
 			className: t1,
 			style,
 			"aria-hidden": "true",

package/dist/ActionList/Group.js

@@ -38,7 +38,7 @@ const Heading = (t0) => {
 	const Component = t1 === void 0 ? "h3" : t1;
 	let t2;
 	if ($[6] !== Component || $[7] !== children || $[8] !== className || $[9] !== id || $[10] !== rest) {
-		t2 = /*#__PURE__*/ jsx(Component, {
+		t2 = /* @__PURE__ */ jsx(Component, {
 			className,
 			id,
 			...rest,
@@ -125,7 +125,7 @@ const Group = (t0) => {
 	} else t5 = $[14];
 	let t6;
 	if ($[15] !== auxiliaryText || $[16] !== slots.groupHeading || $[17] !== title || $[18] !== variant) {
-		t6 = title && !slots.groupHeading ? /*#__PURE__*/ jsx(GroupHeading, {
+		t6 = title && !slots.groupHeading ? /* @__PURE__ */ jsx(GroupHeading, {
 			variant,
 			auxiliaryText,
 			_internalBackwardCompatibleTitle: title
@@ -149,7 +149,7 @@ const Group = (t0) => {
 	const t11 = slots.groupHeading ? childrenWithoutSlots : props.children;
 	let t12;
 	if ($[23] !== t10 || $[24] !== t11 || $[25] !== t8 || $[26] !== t9) {
-		t12 = /*#__PURE__*/ jsx("ul", {
+		t12 = /* @__PURE__ */ jsx("ul", {
 			"aria-labelledby": t8,
 			"aria-label": t9,
 			role: t10,
@@ -164,7 +164,7 @@ const Group = (t0) => {
 	} else t12 = $[27];
 	let t13;
 	if ($[28] !== t12 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7) {
-		t13 = /*#__PURE__*/ jsxs(GroupContext.Provider, {
+		t13 = /* @__PURE__ */ jsxs(GroupContext.Provider, {
 			value: t5,
 			children: [
 				t6,
@@ -180,7 +180,7 @@ const Group = (t0) => {
 	} else t13 = $[32];
 	let t14;
 	if ($[33] !== props || $[34] !== t13 || $[35] !== t3 || $[36] !== t4) {
-		t14 = /*#__PURE__*/ jsx("li", {
+		t14 = /* @__PURE__ */ jsx("li", {
 			className: t3,
 			"data-component": "ActionList.Group",
 			role: t4,
@@ -255,7 +255,7 @@ const GroupHeadingImpl = (t0) => {
 	let t4;
 	if ($[10] !== _internalBackwardCompatibleTitle || $[11] !== as || $[12] !== auxiliaryText || $[13] !== className || $[14] !== groupHeadingId || $[15] !== headingChildren || $[16] !== headingWrapElement || $[17] !== listRole || $[18] !== props || $[19] !== trailingAction || $[20] !== variant) {
 		var _internalBackwardComp, _internalBackwardComp2;
-		t4 = /*#__PURE__*/ jsx(Fragment$1, { children: listRole && listRole !== "list" ? /*#__PURE__*/ jsxs(HeadingWrap, {
+		t4 = /* @__PURE__ */ jsx(Fragment$1, { children: listRole && listRole !== "list" ? /* @__PURE__ */ jsxs(HeadingWrap, {
 			role: "presentation",
 			className: Group_module_css_default.GroupHeadingWrap,
 			"aria-hidden": "true",
@@ -263,33 +263,33 @@ const GroupHeadingImpl = (t0) => {
 			"data-component": "GroupHeadingWrap",
 			as: headingWrapElement,
 			...props,
-			children: [/*#__PURE__*/ jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", {
 				className: clsx(className, Group_module_css_default.GroupHeading),
 				id: groupHeadingId,
 				children: (_internalBackwardComp = _internalBackwardCompatibleTitle) !== null && _internalBackwardComp !== void 0 ? _internalBackwardComp : headingChildren
-			}), auxiliaryText && /*#__PURE__*/ jsx("div", {
+			}), auxiliaryText && /* @__PURE__ */ jsx("div", {
 				className: ActionList_module_css_default.Description,
 				children: auxiliaryText
 			})]
-		}) : /*#__PURE__*/ jsxs(HeadingWrap, {
+		}) : /* @__PURE__ */ jsxs(HeadingWrap, {
 			className: Group_module_css_default.GroupHeadingWrap,
 			"data-variant": variant,
 			"data-has-trailing-action": trailingAction ? "" : void 0,
 			as: headingWrapElement,
 			"data-component": "GroupHeadingWrap",
 			children: [
-				/*#__PURE__*/ jsx(Heading, {
+				/* @__PURE__ */ jsx(Heading, {
 					className: clsx(className, Group_module_css_default.GroupHeading),
 					as: as || "h3",
 					id: groupHeadingId,
 					...props,
 					children: (_internalBackwardComp2 = _internalBackwardCompatibleTitle) !== null && _internalBackwardComp2 !== void 0 ? _internalBackwardComp2 : headingChildren
 				}),
-				auxiliaryText && /*#__PURE__*/ jsx("div", {
+				auxiliaryText && /* @__PURE__ */ jsx("div", {
 					className: ActionList_module_css_default.Description,
 					children: auxiliaryText
 				}),
-				trailingAction ? /*#__PURE__*/ jsx("span", {
+				trailingAction ? /* @__PURE__ */ jsx("span", {
 					className: Group_module_css_default.GroupHeadingTrailingAction,
 					children: trailingAction
 				}) : null

package/dist/ActionList/GroupHeadingTrailingAction.js

@@ -3,15 +3,6 @@ import { IconButton } from "../Button/IconButton.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ActionList/GroupHeadingTrailingAction.tsx
-/**
-* Props for `ActionList.GroupHeading.TrailingAction`.
-*
-* Mirrors the shape of `ActionList.TrailingAction` so the API is consistent
-* across `ActionList.Item` and `ActionList.GroupHeading`. The only
-* difference is that `icon` is required here — group headings are not
-* interactive on their own, so the action must always render as a square
-* IconButton with a uniform hit target.
-*/
 const GroupHeadingTrailingActionImpl = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const $ = c(15);
 	let icon;
@@ -42,7 +33,7 @@ const GroupHeadingTrailingActionImpl = /*#__PURE__*/ forwardRef((t0, forwardedRe
 	const tooltipDirection = t3 === void 0 ? "w" : t3;
 	let t4;
 	if ($[7] !== as || $[8] !== forwardedRef || $[9] !== href || $[10] !== icon || $[11] !== label || $[12] !== props || $[13] !== tooltipDirection) {
-		t4 = /*#__PURE__*/ jsx(IconButton, {
+		t4 = /* @__PURE__ */ jsx(IconButton, {
 			as,
 			"aria-label": label,
 			icon,

package/dist/ActionList/Heading.js

@@ -52,7 +52,7 @@ const Heading = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t3 = $[9];
 	let t4;
 	if ($[10] !== as || $[11] !== children || $[12] !== listVariant || $[13] !== mergedRef || $[14] !== props || $[15] !== size || $[16] !== t2 || $[17] !== t3) {
-		t4 = /*#__PURE__*/ jsx(Heading$1, {
+		t4 = /* @__PURE__ */ jsx(Heading$1, {
 			as,
 			variant: size,
 			ref: mergedRef,

package/dist/ActionList/Item.js

@@ -30,7 +30,7 @@ const ConditionalTooltip = /*#__PURE__*/ React.forwardRef(function ConditionalTo
 	const t1 = text || "";
 	let t2;
 	if ($[0] !== children || $[1] !== forwardedRef || $[2] !== t1) {
-		t2 = /*#__PURE__*/ jsx(Tooltip, {
+		t2 = /* @__PURE__ */ jsx(Tooltip, {
 			ref: forwardedRef,
 			text: t1,
 			direction: "e",
@@ -49,7 +49,7 @@ const SubItem = (t0) => {
 	const { children } = t0;
 	let t1;
 	if ($[0] !== children) {
-		t1 = /*#__PURE__*/ jsx(Fragment$1, { children });
+		t1 = /* @__PURE__ */ jsx(Fragment$1, { children });
 		$[0] = children;
 		$[1] = t1;
 	} else t1 = $[1];
@@ -75,7 +75,7 @@ const ButtonItemContainer = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) =>
 	const t1 = forwardedRef;
 	let t2;
 	if ($[4] !== children || $[5] !== props || $[6] !== style || $[7] !== t1) {
-		t2 = /*#__PURE__*/ jsx("button", {
+		t2 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			ref: t1,
 			style,
@@ -106,7 +106,7 @@ const DivItemContainer = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	const t1 = forwardedRef;
 	let t2;
 	if ($[3] !== children || $[4] !== props || $[5] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			ref: t1,
 			...props,
 			children
@@ -220,7 +220,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	const { container, afterSelect, selectionAttribute, defaultTrailingVisual } = React.useContext(ActionListContainerContext);
 	let t7;
 	if ($[17] !== defaultTrailingVisual) {
-		t7 = defaultTrailingVisual ? /*#__PURE__*/ jsx(TrailingVisual, { children: defaultTrailingVisual }) : null;
+		t7 = defaultTrailingVisual ? /* @__PURE__ */ jsx(TrailingVisual, { children: defaultTrailingVisual }) : null;
 		$[17] = defaultTrailingVisual;
 		$[18] = t7;
 	} else t7 = $[18];
@@ -476,7 +476,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	let t39;
 	if ($[93] === Symbol.for("react.memo_cache_sentinel")) {
 		t38 = {};
-		t39 = /*#__PURE__*/ jsx("span", { className: ActionList_module_css_default.Spacer });
+		t39 = /* @__PURE__ */ jsx("span", { className: ActionList_module_css_default.Spacer });
 		$[93] = t38;
 		$[94] = t39;
 	} else {
@@ -485,7 +485,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	}
 	let t40;
 	if ($[95] !== selected) {
-		t40 = /*#__PURE__*/ jsx(Selection, {
+		t40 = /* @__PURE__ */ jsx(Selection, {
 			selected,
 			className: ActionList_module_css_default.LeadingAction
 		});
@@ -496,7 +496,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	const t42 = Boolean(slots.leadingVisual);
 	let t43;
 	if ($[97] !== labelId || $[98] !== loading || $[99] !== slots.leadingVisual || $[100] !== t41 || $[101] !== t42) {
-		t43 = /*#__PURE__*/ jsx(VisualOrIndicator, {
+		t43 = /* @__PURE__ */ jsx(VisualOrIndicator, {
 			inactiveText: t41,
 			itemHasLeadingVisual: t42,
 			labelId,
@@ -514,14 +514,14 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	const t44 = !!slots.description;
 	let t45;
 	if ($[103] !== inactive || $[104] !== loading) {
-		t45 = loading === true && !inactive && /*#__PURE__*/ jsx(VisuallyHidden, { children: "Loading" });
+		t45 = loading === true && !inactive && /* @__PURE__ */ jsx(VisuallyHidden, { children: "Loading" });
 		$[103] = inactive;
 		$[104] = loading;
 		$[105] = t45;
 	} else t45 = $[105];
 	let t46;
 	if ($[106] !== childrenWithoutSlots || $[107] !== labelId || $[108] !== t45) {
-		t46 = /*#__PURE__*/ jsxs("span", {
+		t46 = /* @__PURE__ */ jsxs("span", {
 			id: labelId,
 			className: ActionList_module_css_default.ItemLabel,
 			"data-component": "ActionList.Item.Label",
@@ -534,7 +534,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	} else t46 = $[109];
 	let t47;
 	if ($[110] !== descriptionVariant || $[111] !== slots.description || $[112] !== t44 || $[113] !== t46) {
-		t47 = /*#__PURE__*/ jsxs(ConditionalWrapper, {
+		t47 = /* @__PURE__ */ jsxs(ConditionalWrapper, {
 			if: t44,
 			className: ActionList_module_css_default.ItemDescriptionWrap,
 			"data-description-variant": descriptionVariant,
@@ -550,7 +550,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	const t49 = Boolean(slots.leadingVisual);
 	let t50;
 	if ($[115] !== labelId || $[116] !== loading || $[117] !== t48 || $[118] !== t49 || $[119] !== trailingVisual) {
-		t50 = /*#__PURE__*/ jsx(VisualOrIndicator, {
+		t50 = /* @__PURE__ */ jsx(VisualOrIndicator, {
 			inactiveText: t48,
 			itemHasLeadingVisual: t49,
 			labelId,
@@ -567,7 +567,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	} else t50 = $[120];
 	let t51;
 	if ($[121] !== inactiveText || $[122] !== inactiveWarningId || $[123] !== showInactiveIndicator) {
-		t51 = !showInactiveIndicator && inactiveText ? /*#__PURE__*/ jsx("span", {
+		t51 = !showInactiveIndicator && inactiveText ? /* @__PURE__ */ jsx("span", {
 			className: ActionList_module_css_default.InactiveWarning,
 			id: inactiveWarningId,
 			children: inactiveText
@@ -579,7 +579,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	} else t51 = $[124];
 	let t52;
 	if ($[125] !== t47 || $[126] !== t50 || $[127] !== t51) {
-		t52 = /*#__PURE__*/ jsxs("span", {
+		t52 = /* @__PURE__ */ jsxs("span", {
 			className: ActionList_module_css_default.ActionListSubContent,
 			"data-component": "ActionList.Item--DividerContainer",
 			children: [
@@ -595,7 +595,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	} else t52 = $[128];
 	let t53;
 	if ($[129] !== t40 || $[130] !== t43 || $[131] !== t52) {
-		t53 = /*#__PURE__*/ jsxs(TooltipContext.Provider, {
+		t53 = /* @__PURE__ */ jsxs(TooltipContext.Provider, {
 			value: t38,
 			children: [
 				t39,
@@ -611,7 +611,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	} else t53 = $[132];
 	let t54;
 	if ($[133] !== ItemWrapper || $[134] !== size || $[135] !== t37 || $[136] !== t53 || $[137] !== wrapperProps) {
-		t54 = /*#__PURE__*/ jsx(ItemWrapper, {
+		t54 = /* @__PURE__ */ jsx(ItemWrapper, {
 			...wrapperProps,
 			className: ActionList_module_css_default.ActionListContent,
 			"data-size": size,
@@ -627,7 +627,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	} else t54 = $[138];
 	let t55;
 	if ($[139] !== buttonSemantics || $[140] !== forwardedRef || $[141] !== t36 || $[142] !== t54) {
-		t55 = /*#__PURE__*/ jsx(ConditionalTooltip, {
+		t55 = /* @__PURE__ */ jsx(ConditionalTooltip, {
 			ref: forwardedRef,
 			text: t36,
 			enabled: buttonSemantics,
@@ -642,7 +642,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	const t56 = !inactive && !loading && !menuContext && Boolean(slots.trailingAction) && slots.trailingAction;
 	let t57;
 	if ($[144] !== containerProps || $[145] !== slots.subItem || $[146] !== t26 || $[147] !== t27 || $[148] !== t28 || $[149] !== t29 || $[150] !== t30 || $[151] !== t31 || $[152] !== t32 || $[153] !== t33 || $[154] !== t34 || $[155] !== t35 || $[156] !== t55 || $[157] !== t56) {
-		t57 = /*#__PURE__*/ jsxs("li", {
+		t57 = /* @__PURE__ */ jsxs("li", {
 			...containerProps,
 			ref: t26,
 			"data-component": "ActionList.Item",
@@ -679,7 +679,7 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	} else t57 = $[158];
 	let t58;
 	if ($[159] !== itemContextValue || $[160] !== t57) {
-		t58 = /*#__PURE__*/ jsx(ItemContext.Provider, {
+		t58 = /* @__PURE__ */ jsx(ItemContext.Provider, {
 			value: itemContextValue,
 			children: t57
 		});

package/dist/ActionList/LinkItem.js

@@ -5,7 +5,7 @@ import Link from "../Link/Link.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/ActionList/LinkItem.tsx
 const LinkItemComponent = fixedForwardRef(({ active, inactiveText, variant, size, as: Component, className, _PrivateTooltipText, ...props }, forwardedRef) => {
-	return /*#__PURE__*/ jsx(Item, {
+	return /* @__PURE__ */ jsx(Item, {
 		className,
 		active,
 		inactiveText,
@@ -17,11 +17,11 @@ const LinkItemComponent = fixedForwardRef(({ active, inactiveText, variant, size
 				onClick && onClick(event);
 				props.onClick && props.onClick(event);
 			};
-			if (inactiveText) return /*#__PURE__*/ jsx("span", {
+			if (inactiveText) return /* @__PURE__ */ jsx("span", {
 				...rest,
 				children
 			});
-			const link = /*#__PURE__*/ jsx(Link, {
+			const link = /* @__PURE__ */ jsx(Link, {
 				as: Component,
 				...rest,
 				...props,
@@ -29,7 +29,7 @@ const LinkItemComponent = fixedForwardRef(({ active, inactiveText, variant, size
 				ref: _PrivateTooltipText ? void 0 : forwardedRef,
 				children
 			});
-			return _PrivateTooltipText ? /*#__PURE__*/ jsx(Tooltip, {
+			return _PrivateTooltipText ? /* @__PURE__ */ jsx(Tooltip, {
 				ref: forwardedRef,
 				text: _PrivateTooltipText,
 				direction: "e",

package/dist/ActionList/List.js

@@ -144,7 +144,7 @@ const UnwrappedList = (props, forwardedRef) => {
 	const t14 = itemGapEnabled ? "" : void 0;
 	let t15;
 	if ($[26] !== Component || $[27] !== appliedRef || $[28] !== ariaLabelledBy || $[29] !== childrenWithoutSlots || $[30] !== listRole || $[31] !== restProps || $[32] !== showDividers || $[33] !== t13 || $[34] !== t14 || $[35] !== variant) {
-		t15 = /*#__PURE__*/ jsx(Component, {
+		t15 = /* @__PURE__ */ jsx(Component, {
 			className: t13,
 			role: listRole,
 			"aria-labelledby": ariaLabelledBy,
@@ -170,7 +170,7 @@ const UnwrappedList = (props, forwardedRef) => {
 	} else t15 = $[36];
 	let t16;
 	if ($[37] !== listContextValue || $[38] !== slots.heading || $[39] !== t15) {
-		t16 = /*#__PURE__*/ jsxs(ListContext.Provider, {
+		t16 = /* @__PURE__ */ jsxs(ListContext.Provider, {
 			value: listContextValue,
 			children: [t12, t15]
 		});

package/dist/ActionList/Selection.js

@@ -24,7 +24,7 @@ const Selection = (t0) => {
 	if (selectionVariant === "radio") {
 		let t1;
 		if ($[0] !== selected) {
-			t1 = /*#__PURE__*/ jsx(Radio, {
+			t1 = /* @__PURE__ */ jsx(Radio, {
 				value: "unused",
 				checked: selected,
 				"aria-hidden": true,
@@ -35,7 +35,7 @@ const Selection = (t0) => {
 		} else t1 = $[1];
 		let t2;
 		if ($[2] !== className || $[3] !== t1) {
-			t2 = /*#__PURE__*/ jsx(VisualContainer, {
+			t2 = /* @__PURE__ */ jsx(VisualContainer, {
 				className,
 				"data-component": "ActionList.Selection",
 				children: t1
@@ -49,12 +49,12 @@ const Selection = (t0) => {
 	if (selectionVariant === "single" || listRole === "menu") {
 		let t1;
 		if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-			t1 = /*#__PURE__*/ jsx(CheckIcon, { className: ActionList_module_css_default.SingleSelectCheckmark });
+			t1 = /* @__PURE__ */ jsx(CheckIcon, { className: ActionList_module_css_default.SingleSelectCheckmark });
 			$[5] = t1;
 		} else t1 = $[5];
 		let t2;
 		if ($[6] !== className) {
-			t2 = /*#__PURE__*/ jsx(VisualContainer, {
+			t2 = /* @__PURE__ */ jsx(VisualContainer, {
 				className,
 				"data-component": "ActionList.Selection",
 				children: t1
@@ -66,12 +66,12 @@ const Selection = (t0) => {
 	}
 	let t1;
 	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /*#__PURE__*/ jsx("div", { className: ActionList_module_css_default.MultiSelectCheckbox });
+		t1 = /* @__PURE__ */ jsx("div", { className: ActionList_module_css_default.MultiSelectCheckbox });
 		$[8] = t1;
 	} else t1 = $[8];
 	let t2;
 	if ($[9] !== className) {
-		t2 = /*#__PURE__*/ jsx(VisualContainer, {
+		t2 = /* @__PURE__ */ jsx(VisualContainer, {
 			className,
 			"data-component": "ActionList.Selection",
 			children: t1