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

package/dist/SegmentedControl/SegmentedControlIconButton.js

@@ -70,13 +70,13 @@ const SegmentedControlIconButton = (t0) => {
 	} else t8 = $[15];
 	let t9;
 	if ($[16] !== Icon) {
-		t9 = isElement(Icon) ? Icon : /*#__PURE__*/ jsx(Icon, {});
+		t9 = isElement(Icon) ? Icon : /* @__PURE__ */ jsx(Icon, {});
 		$[16] = Icon;
 		$[17] = t9;
 	} else t9 = $[17];
 	let t10;
 	if ($[18] !== t9) {
-		t10 = /*#__PURE__*/ jsx("span", {
+		t10 = /* @__PURE__ */ jsx("span", {
 			className: t8,
 			children: t9
 		});
@@ -85,7 +85,7 @@ const SegmentedControlIconButton = (t0) => {
 	} else t10 = $[19];
 	let t11;
 	if ($[20] !== rest || $[21] !== selected || $[22] !== t10 || $[23] !== t5 || $[24] !== t6) {
-		t11 = /*#__PURE__*/ jsx("button", {
+		t11 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-pressed": selected,
 			"aria-label": t5,
@@ -103,7 +103,7 @@ const SegmentedControlIconButton = (t0) => {
 	} else t11 = $[25];
 	let t12;
 	if ($[26] !== t11 || $[27] !== t3 || $[28] !== t4 || $[29] !== tooltipDirection) {
-		t12 = /*#__PURE__*/ jsx(Tooltip, {
+		t12 = /* @__PURE__ */ jsx(Tooltip, {
 			type: t3,
 			text: t4,
 			direction: tooltipDirection,
@@ -117,7 +117,7 @@ const SegmentedControlIconButton = (t0) => {
 	} else t12 = $[30];
 	let t13;
 	if ($[31] !== t1 || $[32] !== t12 || $[33] !== t2) {
-		t13 = /*#__PURE__*/ jsx("li", {
+		t13 = /* @__PURE__ */ jsx("li", {
 			className: t1,
 			"data-selected": t2,
 			"data-component": "SegmentedControl.IconButton",

package/dist/Select/Select.js

@@ -10,12 +10,12 @@ const ArrowIndicatorSVG = (t0) => {
 	const { className } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /*#__PURE__*/ jsx("path", { d: "m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z" });
+		t1 = /* @__PURE__ */ jsx("path", { d: "m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z" });
 		$[0] = t1;
 	} else t1 = $[0];
 	let t2;
 	if ($[1] !== className) {
-		t2 = /*#__PURE__*/ jsx("svg", {
+		t2 = /* @__PURE__ */ jsx("svg", {
 			"aria-hidden": "true",
 			width: "16",
 			height: "16",
@@ -40,7 +40,7 @@ const ArrowIndicator = (t0) => {
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== t1) {
-		t2 = /*#__PURE__*/ jsx(ArrowIndicatorSVG, { className: t1 });
+		t2 = /* @__PURE__ */ jsx(ArrowIndicatorSVG, { className: t1 });
 		$[2] = t1;
 		$[3] = t2;
 	} else t2 = $[3];
@@ -102,7 +102,7 @@ const Select = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	const t6 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : void 0;
 	let t7;
 	if ($[15] !== placeholder || $[16] !== required) {
-		t7 = placeholder && /*#__PURE__*/ jsx("option", {
+		t7 = placeholder && /* @__PURE__ */ jsx("option", {
 			value: "",
 			disabled: required,
 			hidden: required,
@@ -115,7 +115,7 @@ const Select = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t7 = $[17];
 	let t8;
 	if ($[18] !== children || $[19] !== disabled || $[20] !== ref || $[21] !== required || $[22] !== rest || $[23] !== t2 || $[24] !== t4 || $[25] !== t5 || $[26] !== t6 || $[27] !== t7) {
-		t8 = /*#__PURE__*/ jsxs("select", {
+		t8 = /* @__PURE__ */ jsxs("select", {
 			...rest,
 			ref,
 			required,
@@ -141,12 +141,12 @@ const Select = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t8 = $[28];
 	let t9;
 	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /*#__PURE__*/ jsx(ArrowIndicator, { className: Select_module_css_default.ArrowIndicator });
+		t9 = /* @__PURE__ */ jsx(ArrowIndicator, { className: Select_module_css_default.ArrowIndicator });
 		$[29] = t9;
 	} else t9 = $[29];
 	let t10;
 	if ($[30] !== block || $[31] !== disabled || $[32] !== size || $[33] !== t1 || $[34] !== t8 || $[35] !== validationStatus) {
-		t10 = /*#__PURE__*/ jsxs(TextInputWrapper, {
+		t10 = /* @__PURE__ */ jsxs(TextInputWrapper, {
 			block,
 			disabled,
 			size,
@@ -168,7 +168,7 @@ const Option = (props) => {
 	const $ = c(2);
 	let t0;
 	if ($[0] !== props) {
-		t0 = /*#__PURE__*/ jsx("option", {
+		t0 = /* @__PURE__ */ jsx("option", {
 			...props,
 			"data-component": "Select.Option"
 		});
@@ -181,7 +181,7 @@ const OptGroup = (props) => {
 	const $ = c(2);
 	let t0;
 	if ($[0] !== props) {
-		t0 = /*#__PURE__*/ jsx("optgroup", {
+		t0 = /* @__PURE__ */ jsx("optgroup", {
 			...props,
 			"data-component": "Select.OptGroup"
 		});

package/dist/SelectPanel/SelectPanel.js

@@ -29,7 +29,7 @@ const EMPTY_MESSAGE = {
 	title: "No items available",
 	description: ""
 };
-const DefaultEmptyMessage = /*#__PURE__*/ jsx(SelectPanelMessage, {
+const DefaultEmptyMessage = /* @__PURE__ */ jsx(SelectPanelMessage, {
 	variant: "empty",
 	title: EMPTY_MESSAGE.title,
 	children: EMPTY_MESSAGE.description
@@ -59,13 +59,12 @@ const doesItemsIncludeItem = (items, item) => {
 };
 const defaultRenderAnchor = (props) => {
 	const { children, ...rest } = props;
-	return /*#__PURE__*/ jsx(ButtonComponent, {
+	return /* @__PURE__ */ jsx(ButtonComponent, {
 		trailingAction: TriangleDownIcon,
 		...rest,
 		children
 	});
 };
-defaultRenderAnchor.displayName = "defaultRenderAnchor";
 function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorRef: externalAnchorRef, placeholder, placeholderText = "Filter items", inputLabel = placeholderText, selected, title = isMultiSelectVariant(selected) ? "Select items" : "Select an item", subtitle, onSelectedChange, filterValue: externalFilterValue, onFilterChange: externalOnFilterChange, items, footer, textInputProps, overlayProps, loading, initialLoadingType = "spinner", className, height, width, id, message, notice, onCancel, variant = "anchored", secondaryAction, showSelectedOptionsFirst = true, disableFullscreenOnNarrow, align, showSelectAll = false, focusPrependedElements, virtualized, displayInViewport, cssAnchorPositioningSettings, ...listProps }) {
 	var _listProps$groupMetad;
 	const titleId = useId$1();
@@ -290,7 +289,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 			return renderAnchor({
 				...props,
 				...shouldAutoWireLabel ? { "aria-labelledby": [labelId, selectedValueId].filter(Boolean).join(" ") } : {},
-				children: shouldAutoWireLabel ? /*#__PURE__*/ jsx("span", {
+				children: shouldAutoWireLabel ? /* @__PURE__ */ jsx("span", {
 					id: selectedValueId,
 					children: selectedValueText
 				}) : selectedValueText
@@ -406,7 +405,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 	};
 	function getMessage() {
 		if (items.length === 0 && !message) return DefaultEmptyMessage;
-		else if (message) return /*#__PURE__*/ jsx(SelectPanelMessage, {
+		else if (message) return /* @__PURE__ */ jsx(SelectPanelMessage, {
 			title: message.title,
 			variant: message.variant,
 			icon: message.icon,
@@ -460,7 +459,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 		availablePanelHeight,
 		preventBubbling
 	]);
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(AnchoredOverlay, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AnchoredOverlay, {
 		renderAnchor: renderMenuAnchor,
 		anchorRef,
 		align,
@@ -486,27 +485,27 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 			...cssAnchorPositioningSettings,
 			disable: variant === "modal" || (cssAnchorPositioningSettings === null || cssAnchorPositioningSettings === void 0 ? void 0 : cssAnchorPositioningSettings.disable)
 		},
-		children: /*#__PURE__*/ jsxs("div", {
+		children: /* @__PURE__ */ jsxs("div", {
 			className: SelectPanel_module_css_default.Wrapper,
 			"data-variant": variant,
 			"data-component": "SelectPanel",
 			children: [
-				/*#__PURE__*/ jsxs("div", {
+				/* @__PURE__ */ jsxs("div", {
 					className: SelectPanel_module_css_default.Header,
 					"data-variant": currentResponsiveVariant,
 					"data-component": "SelectPanel.Header",
-					children: [/*#__PURE__*/ jsxs("div", { children: [/*#__PURE__*/ jsx(Heading, {
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Heading, {
 						as: "h1",
 						id: titleId,
 						className: SelectPanel_module_css_default.Title,
 						"data-component": "SelectPanel.Title",
 						children: title
-					}), subtitle ? /*#__PURE__*/ jsx("div", {
+					}), subtitle ? /* @__PURE__ */ jsx("div", {
 						id: subtitleId,
 						className: SelectPanel_module_css_default.Subtitle,
 						"data-component": "SelectPanel.Subtitle",
 						children: subtitle
-					}) : null] }), variant === "modal" && !isNarrowScreenSize ? /*#__PURE__*/ jsx(IconButton, {
+					}) : null] }), variant === "modal" && !isNarrowScreenSize ? /* @__PURE__ */ jsx(IconButton, {
 						type: "button",
 						variant: "invisible",
 						icon: XIcon,
@@ -519,10 +518,10 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 						}
 					}) : null]
 				}),
-				notice && /*#__PURE__*/ jsx("div", {
+				notice && /* @__PURE__ */ jsx("div", {
 					ref: noticeRef,
 					"data-component": "SelectPanel.Notice",
-					children: /*#__PURE__*/ jsx(Banner, {
+					children: /* @__PURE__ */ jsx(Banner, {
 						variant: notice.variant === "error" ? "critical" : notice.variant,
 						description: notice.text,
 						title: "Notice",
@@ -531,7 +530,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 						layout: "compact"
 					})
 				}),
-				/*#__PURE__*/ jsx(FilteredActionList, {
+				/* @__PURE__ */ jsx(FilteredActionList, {
 					filterValue,
 					onFilterChange,
 					onListContainerRefChanged,
@@ -558,27 +557,27 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 					focusPrependedElements,
 					virtualized
 				}),
-				footer ? /*#__PURE__*/ jsx("div", {
+				footer ? /* @__PURE__ */ jsx("div", {
 					className: SelectPanel_module_css_default.Footer,
 					"data-component": "SelectPanel.Footer",
 					children: footer
-				}) : renderFooter ? /*#__PURE__*/ jsxs("div", {
+				}) : renderFooter ? /* @__PURE__ */ jsxs("div", {
 					"data-display-footer": displayFooter,
 					"data-stretch-secondary-action": stretchSecondaryAction,
 					"data-stretch-save-button": stretchSaveButton,
 					className: clsx(SelectPanel_module_css_default.Footer, SelectPanel_module_css_default.ResponsiveFooter),
 					"data-component": "SelectPanel.Footer",
 					children: [
-						/*#__PURE__*/ jsx("div", {
+						/* @__PURE__ */ jsx("div", {
 							"data-stretch-secondary-action": stretchSecondaryAction,
 							className: SelectPanel_module_css_default.SecondaryAction,
 							"data-component": "SelectPanel.SecondaryAction",
 							children: secondaryAction
 						}),
-						showPermanentCancelSaveButtons || showResponsiveCancelSaveButtons ? /*#__PURE__*/ jsxs("div", {
+						showPermanentCancelSaveButtons || showResponsiveCancelSaveButtons ? /* @__PURE__ */ jsxs("div", {
 							"data-stretch-save-button": stretchSaveButton,
 							className: clsx(SelectPanel_module_css_default.CancelSaveButtons, { [SelectPanel_module_css_default.ResponsiveSaveButton]: showResponsiveCancelSaveButtons }),
-							children: [/*#__PURE__*/ jsx(ButtonComponent, {
+							children: [/* @__PURE__ */ jsx(ButtonComponent, {
 								size: "medium",
 								"data-component": "SelectPanel.CancelButton",
 								onClick: () => {
@@ -586,7 +585,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 									onCancelRequested();
 								},
 								children: "Cancel"
-							}), /*#__PURE__*/ jsx(ButtonComponent, {
+							}), /* @__PURE__ */ jsx(ButtonComponent, {
 								block: onCancel === void 0,
 								variant: "primary",
 								size: "medium",
@@ -598,10 +597,10 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 								children: "Save"
 							})]
 						}) : null,
-						showResponsiveSaveAndCloseButton ? /*#__PURE__*/ jsx("div", {
+						showResponsiveSaveAndCloseButton ? /* @__PURE__ */ jsx("div", {
 							className: SelectPanel_module_css_default.ResponsiveSaveButton,
 							"data-stretch-save-button": stretchSaveButton,
-							children: /*#__PURE__*/ jsx(ButtonComponent, {
+							children: /* @__PURE__ */ jsx(ButtonComponent, {
 								block: true,
 								variant: "primary",
 								size: "medium",
@@ -616,22 +615,21 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 				}) : null
 			]
 		})
-	}), variant === "modal" && open ? /*#__PURE__*/ jsx("div", {
+	}), variant === "modal" && open ? /* @__PURE__ */ jsx("div", {
 		className: SelectPanel_module_css_default.Backdrop,
 		"data-component": "SelectPanel.Backdrop"
 	}) : null] });
 }
 const SecondaryButton = (props) => {
-	return /*#__PURE__*/ jsx(ButtonComponent, {
+	return /* @__PURE__ */ jsx(ButtonComponent, {
 		block: true,
 		"data-component": "SelectPanel.SecondaryActionButton",
 		...props,
 		children: props.children
 	});
 };
-SecondaryButton.displayName = "SecondaryButton";
 const SecondaryLink = (props) => {
-	return /*#__PURE__*/ jsx(LinkButton, {
+	return /* @__PURE__ */ jsx(LinkButton, {
 		...props,
 		variant: "invisible",
 		block: true,
@@ -639,7 +637,6 @@ const SecondaryLink = (props) => {
 		children: props.children
 	});
 };
-SecondaryLink.displayName = "SecondaryLink";
 const SelectPanel = Object.assign(Panel, {
 	__SLOT__: Symbol("SelectPanel"),
 	SecondaryActionButton: SecondaryButton,

package/dist/SelectPanel/SelectPanelMessage.js

@@ -18,7 +18,7 @@ const SelectPanelMessage = (t0) => {
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== IconComponent || $[3] !== variant) {
-		t2 = IconComponent && /*#__PURE__*/ jsx(Octicon, {
+		t2 = IconComponent && /* @__PURE__ */ jsx(Octicon, {
 			icon: IconComponent,
 			className: SelectPanel_module_css_default.MessageIcon,
 			"data-variant": variant,
@@ -30,7 +30,7 @@ const SelectPanelMessage = (t0) => {
 	} else t2 = $[4];
 	let t3;
 	if ($[5] !== title) {
-		t3 = /*#__PURE__*/ jsx(Text_default, {
+		t3 = /* @__PURE__ */ jsx(Text_default, {
 			className: SelectPanel_module_css_default.MessageTitle,
 			"data-component": "SelectPanel.MessageTitle",
 			children: title
@@ -40,7 +40,7 @@ const SelectPanelMessage = (t0) => {
 	} else t3 = $[6];
 	let t4;
 	if ($[7] !== children) {
-		t4 = /*#__PURE__*/ jsx(Text_default, {
+		t4 = /* @__PURE__ */ jsx(Text_default, {
 			className: SelectPanel_module_css_default.MessageBody,
 			"data-component": "SelectPanel.MessageBody",
 			children
@@ -50,7 +50,7 @@ const SelectPanelMessage = (t0) => {
 	} else t4 = $[8];
 	let t5;
 	if ($[9] !== action) {
-		t5 = action && /*#__PURE__*/ jsx("div", {
+		t5 = action && /* @__PURE__ */ jsx("div", {
 			className: SelectPanel_module_css_default.MessageAction,
 			"data-component": "SelectPanel.MessageAction",
 			children: action
@@ -60,7 +60,7 @@ const SelectPanelMessage = (t0) => {
 	} else t5 = $[10];
 	let t6;
 	if ($[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5) {
-		t6 = /*#__PURE__*/ jsxs("div", {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			className: t1,
 			"data-component": "SelectPanel.Message",
 			children: [

package/dist/SideNav.js

@@ -23,7 +23,7 @@ function SideNav(t0) {
 	const newClassName = t5;
 	let t6;
 	if ($[5] !== Component || $[6] !== ariaLabel || $[7] !== children || $[8] !== newClassName) {
-		t6 = /*#__PURE__*/ jsx(Component, {
+		t6 = /* @__PURE__ */ jsx(Component, {
 			className: newClassName,
 			"aria-label": ariaLabel,
 			"data-component": "SideNav",
@@ -75,7 +75,7 @@ const SideNavLink = (t0) => {
 	const t3 = isReactRouter || selected ? "page" : void 0;
 	let t4;
 	if ($[10] !== children || $[11] !== newClassName || $[12] !== rest || $[13] !== t3) {
-		t4 = /*#__PURE__*/ jsx(Link, {
+		t4 = /* @__PURE__ */ jsx(Link, {
 			"aria-current": t3,
 			className: newClassName,
 			...rest,

package/dist/Skeleton/SkeletonBox.js

@@ -82,7 +82,7 @@ const SkeletonBox = /*#__PURE__*/ React.forwardRef(function SkeletonBox(t0, ref)
 	} else t7 = $[18];
 	let t8;
 	if ($[19] !== dataComponent || $[20] !== props || $[21] !== t4 || $[22] !== t5 || $[23] !== t7) {
-		t8 = /*#__PURE__*/ jsx("div", {
+		t8 = /* @__PURE__ */ jsx("div", {
 			ref: t4,
 			className: t5,
 			style: t7,

package/dist/SkeletonAvatar/SkeletonAvatar.js

@@ -77,7 +77,7 @@ function SkeletonAvatar(t0) {
 	} else t7 = $[19];
 	let t8;
 	if ($[20] !== rest || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t7) {
-		t8 = /*#__PURE__*/ jsx(SkeletonBox, {
+		t8 = /* @__PURE__ */ jsx(SkeletonBox, {
 			className: t3,
 			...rest,
 			"data-component": "SkeletonAvatar",

package/dist/SkeletonText/SkeletonText.js

@@ -50,7 +50,7 @@ function SkeletonText(t0) {
 		} else t4 = $[11];
 		let t5;
 		if ($[12] !== rest || $[13] !== size || $[14] !== t3 || $[15] !== t4) {
-			t5 = /*#__PURE__*/ jsx(SkeletonBox, {
+			t5 = /* @__PURE__ */ jsx(SkeletonBox, {
 				"data-text-skeleton-size": size,
 				width: "100%",
 				className: t3,
@@ -80,7 +80,7 @@ function SkeletonText(t0) {
 	if ($[20] !== className || $[21] !== lines || $[22] !== rest || $[23] !== size) {
 		let t5;
 		if ($[25] !== className || $[26] !== rest || $[27] !== size) {
-			t5 = (_, index) => /*#__PURE__*/ jsx(SkeletonBox, {
+			t5 = (_, index) => /* @__PURE__ */ jsx(SkeletonBox, {
 				"data-component": "SkeletonText",
 				"data-in-multiline": "true",
 				"data-text-skeleton-size": size,
@@ -101,7 +101,7 @@ function SkeletonText(t0) {
 	} else t4 = $[24];
 	let t5;
 	if ($[29] !== t3 || $[30] !== t4) {
-		t5 = /*#__PURE__*/ jsx("div", {
+		t5 = /* @__PURE__ */ jsx("div", {
 			"data-component": "multilineContainer",
 			className: SkeletonText_module_css_default.SkeletonTextWrapper,
 			style: t3,

package/dist/Spinner/Spinner.js

@@ -107,7 +107,7 @@ function Spinner(t0) {
 	let t12;
 	let t13;
 	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /*#__PURE__*/ jsx("circle", {
+		t12 = /* @__PURE__ */ jsx("circle", {
 			cx: "8",
 			cy: "8",
 			r: "7",
@@ -116,7 +116,7 @@ function Spinner(t0) {
 			strokeWidth: "2",
 			vectorEffect: "non-scaling-stroke"
 		});
-		t13 = /*#__PURE__*/ jsx("path", {
+		t13 = /* @__PURE__ */ jsx("path", {
 			d: "M15 8a7.002 7.002 0 00-7-7",
 			stroke: "currentColor",
 			strokeWidth: "2",
@@ -131,7 +131,7 @@ function Spinner(t0) {
 	}
 	let t14;
 	if ($[21] !== mergedStyle || $[22] !== props || $[23] !== size || $[24] !== t10 || $[25] !== t11 || $[26] !== t9) {
-		t14 = /*#__PURE__*/ jsxs("svg", {
+		t14 = /* @__PURE__ */ jsxs("svg", {
 			height: size,
 			width: size,
 			viewBox: "0 0 16 16",
@@ -154,7 +154,7 @@ function Spinner(t0) {
 	} else t14 = $[27];
 	let t15;
 	if ($[28] !== hasHiddenLabel || $[29] !== labelId || $[30] !== srText) {
-		t15 = hasHiddenLabel ? /*#__PURE__*/ jsx(VisuallyHidden, {
+		t15 = hasHiddenLabel ? /* @__PURE__ */ jsx(VisuallyHidden, {
 			id: labelId,
 			children: srText
 		}) : null;
@@ -165,7 +165,7 @@ function Spinner(t0) {
 	} else t15 = $[31];
 	let t16;
 	if ($[32] !== t14 || $[33] !== t15) {
-		t16 = /*#__PURE__*/ jsxs("span", {
+		t16 = /* @__PURE__ */ jsxs("span", {
 			className: Spinner_module_css_default.Box,
 			"data-component": "Spinner",
 			children: [t14, t15]

package/dist/SplitPageLayout/SplitPageLayout.js

@@ -15,7 +15,7 @@ const Root = (props) => {
 	} else t0 = $[0];
 	let t1;
 	if ($[1] !== props) {
-		t1 = /*#__PURE__*/ jsx(PageLayout, {
+		t1 = /* @__PURE__ */ jsx(PageLayout, {
 			"data-component": "SplitPageLayout",
 			containerWidth: "full",
 			padding: "none",
@@ -50,7 +50,7 @@ const Header = (t0) => {
 	const divider = t2 === void 0 ? "line" : t2;
 	let t3;
 	if ($[4] !== divider || $[5] !== padding || $[6] !== props) {
-		t3 = /*#__PURE__*/ jsx(PageLayout.Header, {
+		t3 = /* @__PURE__ */ jsx(PageLayout.Header, {
 			"data-component": "SplitPageLayout.Header",
 			padding,
 			divider,
@@ -84,7 +84,7 @@ const Content = (t0) => {
 	const padding = t2 === void 0 ? "normal" : t2;
 	let t3;
 	if ($[4] !== padding || $[5] !== props || $[6] !== width) {
-		t3 = /*#__PURE__*/ jsx(PageLayout.Content, {
+		t3 = /* @__PURE__ */ jsx(PageLayout.Content, {
 			"data-component": "SplitPageLayout.Content",
 			width,
 			padding,
@@ -126,7 +126,7 @@ const Pane = (t0) => {
 	const divider = t4 === void 0 ? "line" : t4;
 	let t5;
 	if ($[6] !== divider || $[7] !== padding || $[8] !== position || $[9] !== props || $[10] !== sticky) {
-		t5 = /*#__PURE__*/ jsx(PageLayout.Pane, {
+		t5 = /* @__PURE__ */ jsx(PageLayout.Pane, {
 			"data-component": "SplitPageLayout.Pane",
 			position,
 			sticky,
@@ -168,7 +168,7 @@ const Sidebar = (t0) => {
 	const divider = t3 === void 0 ? "line" : t3;
 	let t4;
 	if ($[5] !== divider || $[6] !== padding || $[7] !== position || $[8] !== props) {
-		t4 = /*#__PURE__*/ jsx(PageLayout.Sidebar, {
+		t4 = /* @__PURE__ */ jsx(PageLayout.Sidebar, {
 			"data-component": "SplitPageLayout.Sidebar",
 			position,
 			padding,
@@ -204,7 +204,7 @@ const Footer = (t0) => {
 	const divider = t2 === void 0 ? "line" : t2;
 	let t3;
 	if ($[4] !== divider || $[5] !== padding || $[6] !== props) {
-		t3 = /*#__PURE__*/ jsx(PageLayout.Footer, {
+		t3 = /* @__PURE__ */ jsx(PageLayout.Footer, {
 			"data-component": "SplitPageLayout.Footer",
 			padding,
 			divider,

package/dist/Stack/Stack.js

@@ -110,7 +110,7 @@ const Stack = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t15 = $[30];
 	let t16;
 	if ($[31] !== Component || $[32] !== children || $[33] !== forwardedRef || $[34] !== rest || $[35] !== t10 || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t15 || $[41] !== t7 || $[42] !== t8 || $[43] !== t9) {
-		t16 = /*#__PURE__*/ jsx(Component, {
+		t16 = /* @__PURE__ */ jsx(Component, {
 			ref: forwardedRef,
 			...rest,
 			"data-component": "Stack",
@@ -188,7 +188,7 @@ const StackItem = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t4 = $[12];
 	let t5;
 	if ($[13] !== Component || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Component, {
+		t5 = /* @__PURE__ */ jsx(Component, {
 			ref: forwardedRef,
 			...rest,
 			"data-component": "StackItem",

package/dist/StateLabel/StateLabel.js

@@ -79,7 +79,7 @@ const StateLabel = /*#__PURE__*/ forwardRef((t0, ref) => {
 	} else t1 = $[8];
 	let t2;
 	if ($[9] !== inferredSize || $[10] !== noIconStatus || $[11] !== status) {
-		t2 = !noIconStatus && /*#__PURE__*/ jsx(Octicon, {
+		t2 = !noIconStatus && /* @__PURE__ */ jsx(Octicon, {
 			"data-size-small": inferredSize === "small" ? "" : void 0,
 			icon: octiconMap[status],
 			"aria-label": labelMap[status],
@@ -92,7 +92,7 @@ const StateLabel = /*#__PURE__*/ forwardRef((t0, ref) => {
 	} else t2 = $[12];
 	let t3;
 	if ($[13] !== children || $[14] !== inferredSize || $[15] !== ref || $[16] !== rest || $[17] !== status || $[18] !== t1 || $[19] !== t2) {
-		t3 = /*#__PURE__*/ jsxs("span", {
+		t3 = /* @__PURE__ */ jsxs("span", {
 			...rest,
 			ref,
 			className: t1,

package/dist/SubNav/SubNav.js

@@ -39,7 +39,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef(function SubNav(t0, forwardRef) {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== children) {
-		t3 = /*#__PURE__*/ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			children
 		});
@@ -48,7 +48,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef(function SubNav(t0, forwardRef) {
 	} else t3 = $[10];
 	let t4;
 	if ($[11] !== actions) {
-		t4 = actions && /*#__PURE__*/ jsx("div", {
+		t4 = actions && /* @__PURE__ */ jsx("div", {
 			className: clsx("SubNav-actions", SubNav_module_css_default.Actions),
 			children: actions
 		});
@@ -57,7 +57,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef(function SubNav(t0, forwardRef) {
 	} else t4 = $[12];
 	let t5;
 	if ($[13] !== forwardRef || $[14] !== label || $[15] !== rest || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
-		t5 = /*#__PURE__*/ jsxs("nav", {
+		t5 = /* @__PURE__ */ jsxs("nav", {
 			ref: forwardRef,
 			className: t1,
 			"aria-label": label,
@@ -100,7 +100,7 @@ const SubNavLinks = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			ref: forwardRef,
 			className: t1,
 			...rest,
@@ -140,7 +140,7 @@ const SubNavLink = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx("a", {
+		t2 = /* @__PURE__ */ jsx("a", {
 			ref: forwardRef,
 			className: t1,
 			"data-selected": rest.selected,

package/dist/TabNav/TabNav.js

@@ -8,9 +8,6 @@ import { clsx } from "clsx";
 /**
 * @deprecated
 */
-/**
-* @deprecated
-*/
 function TabNav(t0) {
 	const $ = c(20);
 	let ariaLabel;
@@ -78,7 +75,7 @@ function TabNav(t0) {
 	const t7 = navRef;
 	let t8;
 	if ($[11] !== children) {
-		t8 = /*#__PURE__*/ jsx("div", {
+		t8 = /* @__PURE__ */ jsx("div", {
 			role: "tablist",
 			className: TabNav_module_css_default.TabNavTabList,
 			children
@@ -88,7 +85,7 @@ function TabNav(t0) {
 	} else t8 = $[12];
 	let t9;
 	if ($[13] !== ariaLabel || $[14] !== t8) {
-		t9 = /*#__PURE__*/ jsx("nav", {
+		t9 = /* @__PURE__ */ jsx("nav", {
 			"aria-label": ariaLabel,
 			className: TabNav_module_css_default.TabNavNav,
 			children: t8
@@ -99,7 +96,7 @@ function TabNav(t0) {
 	} else t9 = $[15];
 	let t10;
 	if ($[16] !== rest || $[17] !== t7 || $[18] !== t9) {
-		t10 = /*#__PURE__*/ jsx("div", {
+		t10 = /* @__PURE__ */ jsx("div", {
 			...rest,
 			ref: t7,
 			"data-component": "TabNav",
@@ -112,9 +109,6 @@ function TabNav(t0) {
 	} else t10 = $[19];
 	return t10;
 }
-/**
-* @deprecated
-*/
 function _temp(element) {
 	return element.getAttribute("role") === "tab";
 }
@@ -154,7 +148,7 @@ const TabNavLink = /*#__PURE__*/ React.forwardRef(function TabNavLink(t0, ref) {
 	} else t5 = $[8];
 	let t6;
 	if ($[9] !== Component || $[10] !== ref || $[11] !== rest || $[12] !== t2 || $[13] !== t5) {
-		t6 = /*#__PURE__*/ jsx(Component, {
+		t6 = /* @__PURE__ */ jsx(Component, {
 			ref,
 			role: "tab",
 			tabIndex: -1,

package/dist/Text/Text.js

@@ -38,7 +38,7 @@ function Text(props, ref) {
 	} else t1 = $[8];
 	let t2;
 	if ($[9] !== Component || $[10] !== ref || $[11] !== rest || $[12] !== size || $[13] !== t1 || $[14] !== weight || $[15] !== whiteSpace) {
-		t2 = /*#__PURE__*/ jsx(Component, {
+		t2 = /* @__PURE__ */ jsx(Component, {
 			className: t1,
 			"data-component": "Text",
 			"data-size": size,