@primer/react 38.40.2-rc.fdfbe71e5 → 38.41.0-rc.61d283273

package/dist/KeybindingHint/KeybindingHint.js

@@ -18,7 +18,7 @@ const Kbd = (t0) => {
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== children || $[3] !== t1) {
-		t2 = /*#__PURE__*/ jsx(Text_default, {
+		t2 = /* @__PURE__ */ jsx(Text_default, {
 			as: "kbd",
 			className: t1,
 			"data-testid": "keybinding-hint",
@@ -47,13 +47,13 @@ const KeybindingHint = /*#__PURE__*/ memo((t0) => {
 	}
 	let t1;
 	if ($[3] !== props) {
-		t1 = /*#__PURE__*/ jsx(Sequence, { ...props });
+		t1 = /* @__PURE__ */ jsx(Sequence, { ...props });
 		$[3] = props;
 		$[4] = t1;
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== className || $[6] !== t1) {
-		t2 = /*#__PURE__*/ jsx(Kbd, {
+		t2 = /* @__PURE__ */ jsx(Kbd, {
 			className,
 			children: t1
 		});

package/dist/KeybindingHint/components/Chord.js

@@ -35,10 +35,10 @@ const Chord = (t0) => {
 	if ($[5] !== format || $[6] !== keys) {
 		let t10;
 		if ($[8] !== format) {
-			t10 = (k, i) => /*#__PURE__*/ jsxs(Fragment, { children: [i > 0 && format === "full" ? /*#__PURE__*/ jsx("span", {
+			t10 = (k, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && format === "full" ? /* @__PURE__ */ jsx("span", {
 				"aria-hidden": true,
 				children: " + "
-			}) : " ", /*#__PURE__*/ jsx(Key, {
+			}) : " ", /* @__PURE__ */ jsx(Key, {
 				name: k,
 				format
 			})] }, i);
@@ -52,7 +52,7 @@ const Chord = (t0) => {
 	} else t9 = $[7];
 	let t10;
 	if ($[10] !== t8 || $[11] !== t9) {
-		t10 = /*#__PURE__*/ jsx(Text_default, {
+		t10 = /* @__PURE__ */ jsx(Text_default, {
 			"data-kbd-chord": true,
 			className: t8,
 			children: t9

package/dist/KeybindingHint/components/Key.js

@@ -18,7 +18,7 @@ const Key = (t0) => {
 	} else t1 = $[2];
 	let t2;
 	if ($[3] !== t1) {
-		t2 = /*#__PURE__*/ jsx(VisuallyHidden, { children: t1 });
+		t2 = /* @__PURE__ */ jsx(VisuallyHidden, { children: t1 });
 		$[3] = t1;
 		$[4] = t2;
 	} else t2 = $[4];
@@ -32,7 +32,7 @@ const Key = (t0) => {
 	} else t3 = $[8];
 	let t4;
 	if ($[9] !== t3) {
-		t4 = /*#__PURE__*/ jsx("span", {
+		t4 = /* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
 			children: t3
 		});
@@ -41,7 +41,7 @@ const Key = (t0) => {
 	} else t4 = $[10];
 	let t5;
 	if ($[11] !== t2 || $[12] !== t4) {
-		t5 = /*#__PURE__*/ jsxs(Fragment, { children: [t2, t4] });
+		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t4] });
 		$[11] = t2;
 		$[12] = t4;
 		$[13] = t5;

package/dist/KeybindingHint/components/Sequence.js

@@ -4,7 +4,7 @@ import { Fragment } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/KeybindingHint/components/Sequence.tsx
 const splitSequence = (sequence) => sequence.split(" ");
-const Sequence = ({ keys, ...chordProps }) => splitSequence(keys).map((c, i) => /*#__PURE__*/ jsxs(Fragment, { children: [i > 0 && /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(VisuallyHidden, { children: "then" }), " "] }), /*#__PURE__*/ jsx(Chord, {
+const Sequence = ({ keys, ...chordProps }) => splitSequence(keys).map((c, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(VisuallyHidden, { children: "then" }), " "] }), /* @__PURE__ */ jsx(Chord, {
 	keys: c,
 	...chordProps
 })] }, i));

package/dist/KeybindingHint/platform.js

@@ -1,14 +1,6 @@
 import { createContext, useContext, useSyncExternalStore } from "react";
 import { isMacOS } from "@primer/behaviors/utils";
 //#region src/KeybindingHint/platform.ts
-/**
-* The platform categories that affect how keyboard shortcut keys are displayed.
-*
-* - `apple`: Apple platforms (macOS and iOS/iPadOS), which use the Command and Option keys.
-* - `windows`: Windows, which uses the Windows (Meta) key.
-* - `other`: Any other platform (e.g. Linux, Android), where the Meta key does not map to a
-*   consistent label.
-*/
 const subscribe = () => () => {};
 /** SSR-unsafe detection of iOS/iPadOS (in addition to macOS, which is detected separately). */
 const ssrUnsafeIsIOS = () => {

package/dist/Label/Label.js

@@ -37,7 +37,7 @@ const Label = /*#__PURE__*/ React.forwardRef(function Label(t0, ref) {
 	} else t4 = $[7];
 	let t5;
 	if ($[8] !== Component || $[9] !== ref || $[10] !== rest || $[11] !== size || $[12] !== t4 || $[13] !== variant) {
-		t5 = /*#__PURE__*/ jsx(Component, {
+		t5 = /* @__PURE__ */ jsx(Component, {
 			className: t4,
 			"data-size": size,
 			"data-variant": variant,

package/dist/LabelGroup/LabelGroup.js

@@ -13,27 +13,27 @@ const getOverlayWidth = (buttonClientRect, containerRef, overlayPaddingPx) => {
 	var _containerRef$current;
 	return overlayPaddingPx + buttonClientRect.right - (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().left) || 0);
 };
-const InlineToggle = ({ collapseButtonRef, collapseInlineExpandedChildren, expandButtonRef, hiddenItemIds, isOverflowShown, showAllTokensInline }) => isOverflowShown ? /*#__PURE__*/ jsx(ButtonComponent, {
+const InlineToggle = ({ collapseButtonRef, collapseInlineExpandedChildren, expandButtonRef, hiddenItemIds, isOverflowShown, showAllTokensInline }) => isOverflowShown ? /* @__PURE__ */ jsx(ButtonComponent, {
 	ref: collapseButtonRef,
 	onClick: collapseInlineExpandedChildren,
 	size: "small",
 	variant: "invisible",
 	children: "Show less"
-}) : hiddenItemIds.length ? /*#__PURE__*/ jsxs(ButtonComponent, {
+}) : hiddenItemIds.length ? /* @__PURE__ */ jsxs(ButtonComponent, {
 	ref: expandButtonRef,
 	variant: "invisible",
 	size: "small",
 	onClick: showAllTokensInline,
-	children: [/*#__PURE__*/ jsxs(VisuallyHidden, { children: [
+	children: [/* @__PURE__ */ jsxs(VisuallyHidden, { children: [
 		"Show +",
 		hiddenItemIds.length,
 		" more"
-	] }), /*#__PURE__*/ jsxs("span", {
+	] }), /* @__PURE__ */ jsxs("span", {
 		"aria-hidden": "true",
 		children: ["+", hiddenItemIds.length]
 	})]
 }) : null;
-const OverlayToggle = ({ children, closeOverflowOverlay, expandButtonRef, hiddenItemIds, isOverflowShown, openOverflowOverlay, overlayPaddingPx, overlayWidth, totalLength }) => hiddenItemIds.length ? /*#__PURE__*/ jsx(AnchoredOverlay, {
+const OverlayToggle = ({ children, closeOverflowOverlay, expandButtonRef, hiddenItemIds, isOverflowShown, openOverflowOverlay, overlayPaddingPx, overlayWidth, totalLength }) => hiddenItemIds.length ? /* @__PURE__ */ jsx(AnchoredOverlay, {
 	open: isOverflowShown,
 	onOpen: openOverflowOverlay,
 	onClose: closeOverflowOverlay,
@@ -44,16 +44,16 @@ const OverlayToggle = ({ children, closeOverflowOverlay, expandButtonRef, hidden
 	anchorRef: expandButtonRef,
 	anchorOffset: overlayPaddingPx * -1,
 	alignmentOffset: overlayPaddingPx * -1,
-	renderAnchor: (props) => /*#__PURE__*/ jsxs(ButtonComponent, {
+	renderAnchor: (props) => /* @__PURE__ */ jsxs(ButtonComponent, {
 		variant: "invisible",
 		size: "small",
 		...props,
 		ref: expandButtonRef,
-		children: [/*#__PURE__*/ jsxs(VisuallyHidden, { children: [
+		children: [/* @__PURE__ */ jsxs(VisuallyHidden, { children: [
 			"Show +",
 			hiddenItemIds.length,
 			" more"
-		] }), /*#__PURE__*/ jsxs("span", {
+		] }), /* @__PURE__ */ jsxs("span", {
 			"aria-hidden": "true",
 			children: ["+", hiddenItemIds.length]
 		})]
@@ -64,16 +64,16 @@ const OverlayToggle = ({ children, closeOverflowOverlay, expandButtonRef, hidden
 		"aria-label": `All ${totalLength} labels`,
 		"aria-modal": true
 	},
-	children: /*#__PURE__*/ jsxs("div", {
+	children: /* @__PURE__ */ jsxs("div", {
 		className: LabelGroup_module_css_default.OverlayContainer,
 		style: {
 			width: overlayWidth,
 			padding: `${overlayPaddingPx}px`
 		},
-		children: [/*#__PURE__*/ jsx("div", {
+		children: [/* @__PURE__ */ jsx("div", {
 			className: LabelGroup_module_css_default.OverlayInner,
 			children
-		}), /*#__PURE__*/ jsx(IconButton, {
+		}), /* @__PURE__ */ jsx(IconButton, {
 			onClick: closeOverflowOverlay,
 			icon: XIcon,
 			"aria-label": "Close",
@@ -192,19 +192,19 @@ const LabelGroup = ({ children, visibleChildCount, overflowStyle = "overlay", as
 	const isList = Component === "ul" || Component === "ol";
 	const ToggleWrapper = isList ? "li" : "span";
 	const ItemWrapperComponent = isList ? "li" : "span";
-	return visibleChildCount ? /*#__PURE__*/ jsxs(Component, {
+	return visibleChildCount ? /* @__PURE__ */ jsxs(Component, {
 		ref: containerRef,
 		"data-overflow": overflowStyle === "inline" && isOverflowShown ? "inline" : void 0,
 		"data-list": isList || void 0,
 		className: clsx(className, LabelGroup_module_css_default.Container),
 		"data-component": "LabelGroup",
-		children: [React.Children.map(children, (child, index) => /*#__PURE__*/ jsx(ItemWrapperComponent, {
+		children: [React.Children.map(children, (child, index) => /* @__PURE__ */ jsx(ItemWrapperComponent, {
 			"data-index": index,
 			className: clsx(LabelGroup_module_css_default.ItemWrapper, { [LabelGroup_module_css_default["ItemWrapper--hidden"]]: hiddenItemIds.includes(index.toString()) }),
 			children: child
-		}, index)), /*#__PURE__*/ jsx(ToggleWrapper, {
+		}, index)), /* @__PURE__ */ jsx(ToggleWrapper, {
 			"data-component": "LabelGroup.Toggle",
-			children: overflowStyle === "inline" ? /*#__PURE__*/ jsx(InlineToggle, {
+			children: overflowStyle === "inline" ? /* @__PURE__ */ jsx(InlineToggle, {
 				collapseButtonRef,
 				collapseInlineExpandedChildren,
 				expandButtonRef,
@@ -212,7 +212,7 @@ const LabelGroup = ({ children, visibleChildCount, overflowStyle = "overlay", as
 				isOverflowShown,
 				showAllTokensInline,
 				totalLength: React.Children.toArray(children).length
-			}) : /*#__PURE__*/ jsx(OverlayToggle, {
+			}) : /* @__PURE__ */ jsx(OverlayToggle, {
 				closeOverflowOverlay,
 				expandButtonRef,
 				hiddenItemIds,
@@ -224,13 +224,13 @@ const LabelGroup = ({ children, visibleChildCount, overflowStyle = "overlay", as
 				children
 			})
 		})]
-	}) : /*#__PURE__*/ jsx(Component, {
+	}) : /* @__PURE__ */ jsx(Component, {
 		"data-overflow": "inline",
 		"data-list": isList || void 0,
 		className: clsx(className, LabelGroup_module_css_default.Container),
 		"data-component": "LabelGroup",
 		children: isList ? React.Children.map(children, (child, index) => {
-			return /*#__PURE__*/ jsx("li", { children: child }, index);
+			return /* @__PURE__ */ jsx("li", { children: child }, index);
 		}) : children
 	});
 };

package/dist/Link/Link.js

@@ -60,7 +60,7 @@ const UnwrappedLink = (props, ref) => {
 	const t4 = mergedRef;
 	let t5;
 	if ($[10] !== Component || $[11] !== inline || $[12] !== muted || $[13] !== restProps || $[14] !== t3 || $[15] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Component, {
+		t5 = /* @__PURE__ */ jsx(Component, {
 			className: t3,
 			"data-component": "Link",
 			"data-muted": muted,

package/dist/NavList/NavList.js

@@ -79,9 +79,9 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t4 = $[12];
 	let t5;
 	if ($[13] !== childrenWithoutHeading || $[14] !== disableItemGap) {
-		t5 = /*#__PURE__*/ jsx(ActionListContainerContext.Provider, {
+		t5 = /* @__PURE__ */ jsx(ActionListContainerContext.Provider, {
 			value: t4,
-			children: /*#__PURE__*/ jsx(ActionList, {
+			children: /* @__PURE__ */ jsx(ActionList, {
 				disableItemGap,
 				children: childrenWithoutHeading
 			})
@@ -92,7 +92,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t5 = $[15];
 	let t6;
 	if ($[16] !== headingLevel || $[17] !== t3 || $[18] !== t5) {
-		t6 = /*#__PURE__*/ jsxs(NavListHeadingLevelContext.Provider, {
+		t6 = /* @__PURE__ */ jsxs(NavListHeadingLevelContext.Provider, {
 			value: headingLevel,
 			children: [t3, t5]
 		});
@@ -103,7 +103,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t6 = $[19];
 	let t7;
 	if ($[20] !== ariaLabel || $[21] !== navLabelledby || $[22] !== props || $[23] !== ref || $[24] !== t6) {
-		t7 = /*#__PURE__*/ jsx("nav", {
+		t7 = /* @__PURE__ */ jsx("nav", {
 			...props,
 			"aria-label": ariaLabel,
 			"aria-labelledby": navLabelledby,
@@ -154,7 +154,7 @@ const Heading = (t0) => {
 	} else t4 = $[8];
 	let t5;
 	if ($[9] !== as || $[10] !== children || $[11] !== props || $[12] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Heading$1, {
+		t5 = /* @__PURE__ */ jsx(Heading$1, {
 			as,
 			variant: "small",
 			className: t4,
@@ -180,7 +180,7 @@ const ItemComponent = fixedForwardRef(({ "aria-current": ariaCurrent, children,
 	});
 	const subNav = slots.subNav;
 	if (!/*#__PURE__*/ isValidElement(subNav) && defaultOpen) console.error("NavList.Item must have a NavList.SubNav to use defaultOpen.");
-	if (subNav && /*#__PURE__*/ isValidElement(subNav)) return /*#__PURE__*/ jsx(ItemWithSubNav, {
+	if (subNav && /*#__PURE__*/ isValidElement(subNav)) return /* @__PURE__ */ jsx(ItemWithSubNav, {
 		subNav,
 		depth,
 		defaultOpen,
@@ -189,7 +189,7 @@ const ItemComponent = fixedForwardRef(({ "aria-current": ariaCurrent, children,
 		children: childrenWithoutSubNavOrTrailingAction
 	});
 	const InternalLinkItem = ActionList.LinkItem;
-	return /*#__PURE__*/ jsx(InternalLinkItem, {
+	return /* @__PURE__ */ jsx(InternalLinkItem, {
 		ref,
 		as: Component,
 		"aria-current": ariaCurrent,
@@ -269,7 +269,7 @@ function ItemWithSubNav(t0) {
 	} else t6 = $[11];
 	let t7;
 	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: /*#__PURE__*/ jsx(ChevronDownIcon, { className: ActionList_module_css_default.ExpandIcon }) });
+		t7 = /* @__PURE__ */ jsx(ActionList.TrailingVisual, { children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: ActionList_module_css_default.ExpandIcon }) });
 		$[12] = t7;
 	} else t7 = $[12];
 	let t8;
@@ -285,13 +285,13 @@ function ItemWithSubNav(t0) {
 	} else t8 = $[14];
 	let t9;
 	if ($[16] !== t8) {
-		t9 = /*#__PURE__*/ jsx(SubItem, { children: t8 });
+		t9 = /* @__PURE__ */ jsx(SubItem, { children: t8 });
 		$[16] = t8;
 		$[17] = t9;
 	} else t9 = $[17];
 	let t10;
 	if ($[18] !== buttonId || $[19] !== children || $[20] !== isOpen || $[21] !== style || $[22] !== subNavId || $[23] !== t5 || $[24] !== t9 || $[25] !== tooltipText) {
-		t10 = /*#__PURE__*/ jsxs(ActionList.Item, {
+		t10 = /* @__PURE__ */ jsxs(ActionList.Item, {
 			id: buttonId,
 			"aria-expanded": isOpen,
 			"aria-controls": subNavId,
@@ -318,7 +318,7 @@ function ItemWithSubNav(t0) {
 	} else t10 = $[26];
 	let t11;
 	if ($[27] !== t10 || $[28] !== t4) {
-		t11 = /*#__PURE__*/ jsx(ItemWithSubNavContext.Provider, {
+		t11 = /* @__PURE__ */ jsx(ItemWithSubNavContext.Provider, {
 			value: t4,
 			children: t10
 		});
@@ -351,7 +351,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t2 = $[1];
 	let t3;
 	if ($[2] !== buttonId || $[3] !== children || $[4] !== forwardedRef || $[5] !== subNavId) {
-		t3 = /*#__PURE__*/ jsx("ul", {
+		t3 = /* @__PURE__ */ jsx("ul", {
 			className: ActionList_module_css_default.SubGroup,
 			id: subNavId,
 			"aria-labelledby": buttonId,
@@ -367,7 +367,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t3 = $[6];
 	let t4;
 	if ($[7] !== t2 || $[8] !== t3) {
-		t4 = /*#__PURE__*/ jsx(SubNavContext.Provider, {
+		t4 = /* @__PURE__ */ jsx(SubNavContext.Provider, {
 			value: t2,
 			children: t3
 		});
@@ -450,13 +450,13 @@ const Group = (t0) => {
 	const groupHeadingAs = t4;
 	let t5;
 	if ($[13] !== hideDivider) {
-		t5 = !hideDivider && /*#__PURE__*/ jsx(ActionList.Divider, {});
+		t5 = !hideDivider && /* @__PURE__ */ jsx(ActionList.Divider, {});
 		$[13] = hideDivider;
 		$[14] = t5;
 	} else t5 = $[14];
 	let t6;
 	if ($[15] !== groupHeadingAs || $[16] !== slots.groupHeading || $[17] !== title) {
-		t6 = slots.groupHeading ? /*#__PURE__*/ React.cloneElement(slots.groupHeading, { headingWrapElement: "div" }) : title ? /*#__PURE__*/ jsx(ActionList.GroupHeading, {
+		t6 = slots.groupHeading ? /*#__PURE__*/ React.cloneElement(slots.groupHeading, { headingWrapElement: "div" }) : title ? /* @__PURE__ */ jsx(ActionList.GroupHeading, {
 			as: groupHeadingAs,
 			"data-component": "ActionList.GroupHeading",
 			children: title
@@ -468,7 +468,7 @@ const Group = (t0) => {
 	} else t6 = $[18];
 	let t7;
 	if ($[19] !== childrenWithoutHeading || $[20] !== props || $[21] !== t6) {
-		t7 = /*#__PURE__*/ jsxs(ActionList.Group, {
+		t7 = /* @__PURE__ */ jsxs(ActionList.Group, {
 			...props,
 			children: [t6, childrenWithoutHeading]
 		});
@@ -479,7 +479,7 @@ const Group = (t0) => {
 	} else t7 = $[22];
 	let t8;
 	if ($[23] !== t5 || $[24] !== t7) {
-		t8 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t5, t7] });
+		t8 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t5, t7] });
 		$[23] = t5;
 		$[24] = t7;
 		$[25] = t8;
@@ -517,7 +517,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	const focusTargetIndex = currentPage === 1 ? 0 : amountToShow - Math.floor(itemsPerPage);
 	let t3;
 	if ($[6] !== amountToShow || $[7] !== currentPage || $[8] !== focusTargetIndex || $[9] !== groupId || $[10] !== items || $[11] !== renderItem) {
-		t3 = currentPage > 0 ? /*#__PURE__*/ jsx(Fragment$1, { children: items.map((itemArr, index) => {
+		t3 = currentPage > 0 ? /* @__PURE__ */ jsx(Fragment$1, { children: items.map((itemArr, index) => {
 			const { text, trailingVisual: TrailingVisualIcon, leadingVisual: LeadingVisualIcon, trailingAction, ...rest } = itemArr;
 			const { icon, label: actionLabel, ...actionProps } = trailingAction || {};
 			const focusTarget = index === focusTargetIndex ? groupId : void 0;
@@ -526,11 +526,11 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 					...itemArr,
 					"data-expand-focus-target": focusTarget
 				});
-				return /*#__PURE__*/ createElement(Item, {
+				return /* @__PURE__ */ createElement(Item, {
 					...rest,
 					key: index,
 					"data-expand-focus-target": focusTarget
-				}, LeadingVisualIcon ? /*#__PURE__*/ jsx(LeadingVisual, { children: /*#__PURE__*/ jsx(LeadingVisualIcon, {}) }) : null, text, TrailingVisualIcon ? /*#__PURE__*/ jsx(TrailingVisual, { children: /*#__PURE__*/ jsx(TrailingVisualIcon, {}) }) : null, trailingAction ? /*#__PURE__*/ jsx(TrailingAction, {
+				}, LeadingVisualIcon ? /* @__PURE__ */ jsx(LeadingVisual, { children: /* @__PURE__ */ jsx(LeadingVisualIcon, {}) }) : null, text, TrailingVisualIcon ? /* @__PURE__ */ jsx(TrailingVisual, { children: /* @__PURE__ */ jsx(TrailingVisualIcon, {}) }) : null, trailingAction ? /* @__PURE__ */ jsx(TrailingAction, {
 					...actionProps,
 					icon,
 					label: actionLabel || ""
@@ -547,7 +547,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t3 = $[12];
 	let t4;
 	if ($[13] !== currentPage || $[14] !== forwardedRef || $[15] !== groupId || $[16] !== label || $[17] !== pages || $[18] !== props) {
-		t4 = currentPage < pages || currentPage === 0 ? /*#__PURE__*/ jsxs(ActionList.Item, {
+		t4 = currentPage < pages || currentPage === 0 ? /* @__PURE__ */ jsxs(ActionList.Item, {
 			as: "button",
 			"aria-expanded": "false",
 			ref: forwardedRef,
@@ -559,7 +559,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 				if (focusTarget_0.length > 0) focusTarget_0[focusTarget_0.length - 1].focus();
 			},
 			...props,
-			children: [label, /*#__PURE__*/ jsx(TrailingVisual, { children: /*#__PURE__*/ jsx(PlusIcon, {}) })]
+			children: [label, /* @__PURE__ */ jsx(TrailingVisual, { children: /* @__PURE__ */ jsx(PlusIcon, {}) })]
 		}) : null;
 		$[13] = currentPage;
 		$[14] = forwardedRef;
@@ -571,7 +571,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t4 = $[19];
 	let t5;
 	if ($[20] !== t3 || $[21] !== t4) {
-		t5 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t3, t4] });
+		t5 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t3, t4] });
 		$[20] = t3;
 		$[21] = t4;
 		$[22] = t5;
@@ -616,7 +616,7 @@ const GroupHeadingImpl = (t0) => {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== resolvedAs || $[10] !== rest || $[11] !== t2) {
-		t3 = /*#__PURE__*/ jsx(ActionList.GroupHeading, {
+		t3 = /* @__PURE__ */ jsx(ActionList.GroupHeading, {
 			as: resolvedAs,
 			className: t2,
 			"data-component": "NavList.GroupHeading",

package/dist/Octicon/Octicon.js

@@ -5,9 +5,6 @@ import { jsx } from "react/jsx-runtime";
 /**
 * @deprecated Use the icon component directly from `@primer/octicons-react` instead
 */
-/**
-* @deprecated Use the icon component directly from `@primer/octicons-react` instead
-*/
 const Octicon = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	const $ = c(7);
 	let IconComponent;
@@ -23,7 +20,7 @@ const Octicon = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	}
 	let t0;
 	if ($[3] !== IconComponent || $[4] !== ref || $[5] !== rest) {
-		t0 = /*#__PURE__*/ jsx(IconComponent, {
+		t0 = /* @__PURE__ */ jsx(IconComponent, {
 			...rest,
 			ref
 		});

package/dist/Overlay/Overlay.js

@@ -45,7 +45,7 @@ function getSlideAnimationStartingVector(anchorSide) {
 * @param position Optional. Sets how an element is positioned in a document. Defaults to `absolute` positioning.
 */
 const BaseOverlay = /*#__PURE__*/ React.forwardRef(({ visibility, height, width, top, left, right, bottom, position, style: styleFromProps, className, maxHeight, maxWidth, as: Component = "div", ...rest }, forwardedRef) => {
-	return /*#__PURE__*/ jsx(Component, {
+	return /* @__PURE__ */ jsx(Component, {
 		...rest,
 		ref: forwardedRef,
 		style: {
@@ -114,7 +114,7 @@ const Overlay = /*#__PURE__*/ React.forwardRef(({ anchorSide, _PrivateDisablePor
 		slideAnimationEasing,
 		visibility
 	]);
-	const overlayContent = /*#__PURE__*/ jsx(BaseOverlay, {
+	const overlayContent = /* @__PURE__ */ jsx(BaseOverlay, {
 		role,
 		width,
 		"data-reflow-container": !preventOverflow ? true : void 0,
@@ -127,7 +127,7 @@ const Overlay = /*#__PURE__*/ React.forwardRef(({ anchorSide, _PrivateDisablePor
 		...props
 	});
 	if (_PrivateDisablePortal && cssAnchorPositioning) return overlayContent;
-	return /*#__PURE__*/ jsx(Portal_default, {
+	return /* @__PURE__ */ jsx(Portal_default, {
 		containerName: portalContainerName,
 		children: overlayContent
 	});

package/dist/PageHeader/PageHeader.js

@@ -47,12 +47,12 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 					result.navigationHidden = nested.navigationHidden;
 				}
 			} else if (child.type === TitleArea) {
-				var _variant;
-				result.titleVariant = (_variant = child.props.variant) !== null && _variant !== void 0 ? _variant : "medium";
+				var _child$props$variant;
+				result.titleVariant = (_child$props$variant = child.props.variant) !== null && _child$props$variant !== void 0 ? _child$props$variant : "medium";
 			} else if (child.type === Navigation) {
-				var _hidden;
+				var _child$props$hidden;
 				result.hasNavigation = true;
-				result.navigationHidden = (_hidden = child.props.hidden) !== null && _hidden !== void 0 ? _hidden : false;
+				result.navigationHidden = (_child$props$hidden = child.props.hidden) !== null && _child$props$hidden !== void 0 ? _child$props$hidden : false;
 			}
 		}
 		return result;
@@ -98,7 +98,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	const t9 = getNavHiddenDataAttributes(navigationHidden);
 	let t10;
 	if ($[6] !== BaseComponent || $[7] !== appliedRef || $[8] !== ariaLabel || $[9] !== children || $[10] !== role || $[11] !== t4 || $[12] !== t6 || $[13] !== t7 || $[14] !== t8 || $[15] !== t9) {
-		t10 = /*#__PURE__*/ jsx(BaseComponent, {
+		t10 = /* @__PURE__ */ jsx(BaseComponent, {
 			ref: appliedRef,
 			className: t4,
 			"data-component": t5,
@@ -142,7 +142,7 @@ const ContextArea = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageHeader.ContextArea",
 			...t3,
@@ -200,18 +200,18 @@ const ParentLink = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t4 = $[11];
 	let t5;
 	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /*#__PURE__*/ jsx(ArrowLeftIcon, {});
+		t5 = /* @__PURE__ */ jsx(ArrowLeftIcon, {});
 		$[12] = t5;
 	} else t5 = $[12];
 	let t6;
 	if ($[13] !== children) {
-		t6 = /*#__PURE__*/ jsx("div", { children });
+		t6 = /* @__PURE__ */ jsx("div", { children });
 		$[13] = children;
 		$[14] = t6;
 	} else t6 = $[14];
 	let t7;
 	if ($[15] !== ariaLabel || $[16] !== as || $[17] !== href || $[18] !== ref || $[19] !== rest || $[20] !== t3 || $[21] !== t4 || $[22] !== t6) {
-		t7 = /*#__PURE__*/ jsx(Fragment$1, { children: /*#__PURE__*/ jsxs(Link, {
+		t7 = /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs(Link, {
 			ref,
 			as,
 			"aria-label": ariaLabel,
@@ -254,7 +254,7 @@ const ContextBar = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageHeader.ContextBar",
 			...t3,
@@ -285,7 +285,7 @@ const ContextAreaActions = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageHeader.ContextAreaActions",
 			...t3,
@@ -326,7 +326,7 @@ const TitleArea = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t5 = $[5];
 	let t6;
 	if ($[6] !== appliedRef || $[7] !== children || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
-		t6 = /*#__PURE__*/ jsx("div", {
+		t6 = /* @__PURE__ */ jsx("div", {
 			className: t3,
 			ref: appliedRef,
 			"data-component": "TitleArea",
@@ -362,7 +362,7 @@ const LeadingAction = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_LeadingAction",
 			...t3,
@@ -394,7 +394,7 @@ const Breadcrumbs = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_Breadcrumbs",
 			...t3,
@@ -425,7 +425,7 @@ const LeadingVisual = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_LeadingVisual",
 			...t3,
@@ -457,7 +457,7 @@ const Title = (t0) => {
 	} else t4 = $[3];
 	let t5;
 	if ($[4] !== as || $[5] !== children || $[6] !== hidden || $[7] !== t3 || $[8] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Heading, {
+		t5 = /* @__PURE__ */ jsx(Heading, {
 			className: t3,
 			"data-component": "PH_Title",
 			"data-hidden": hidden,
@@ -492,7 +492,7 @@ const TrailingVisual = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_TrailingVisual",
 			...t3,
@@ -523,7 +523,7 @@ const TrailingAction = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_TrailingAction",
 			...t3,
@@ -554,7 +554,7 @@ const Actions = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PH_Actions",
 			...t3,
@@ -585,7 +585,7 @@ const Description = (t0) => {
 	} else t3 = $[3];
 	let t4;
 	if ($[4] !== children || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			"data-component": "PageHeader.Description",
 			...t3,
@@ -620,7 +620,7 @@ const Navigation = (t0) => {
 	} else t6 = $[3];
 	let t7;
 	if ($[4] !== BaseComponent || $[5] !== children || $[6] !== t3 || $[7] !== t4 || $[8] !== t5 || $[9] !== t6) {
-		t7 = /*#__PURE__*/ jsx(BaseComponent, {
+		t7 = /* @__PURE__ */ jsx(BaseComponent, {
 			"aria-label": t3,
 			"aria-labelledby": t4,
 			className: t5,

package/dist/PageLayout/DragHandle.js

@@ -183,7 +183,7 @@ const DragHandle = /*#__PURE__*/ memo(function DragHandle(t0) {
 	} else t15 = $[26];
 	let t16;
 	if ($[27] !== ariaLabelledBy || $[28] !== ariaValueMax || $[29] !== ariaValueMin || $[30] !== ariaValueNow || $[31] !== dataComponent || $[32] !== handleKeyDown || $[33] !== handleKeyUp || $[34] !== handleLostPointerCapture || $[35] !== handlePointerDown || $[36] !== handleRef || $[37] !== onDoubleClick || $[38] !== t14 || $[39] !== t15) {
-		t16 = /*#__PURE__*/ jsx("div", {
+		t16 = /* @__PURE__ */ jsx("div", {
 			ref: handleRef,
 			className: PageLayout_module_css_default.DraggableHandle,
 			"data-component": dataComponent,