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

package/dist/FilteredActionList/FilteredActionListLoaders.js

@@ -15,7 +15,7 @@ function FilteredActionListBodyLoader(t0) {
 		case FilteredActionListLoadingTypes.bodySpinner: {
 			let t1;
 			if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-				t1 = /*#__PURE__*/ jsx(LoadingSpinner, { "data-testid": "filtered-action-list-spinner" });
+				t1 = /* @__PURE__ */ jsx(LoadingSpinner, { "data-testid": "filtered-action-list-spinner" });
 				$[0] = t1;
 			} else t1 = $[0];
 			return t1;
@@ -24,7 +24,7 @@ function FilteredActionListBodyLoader(t0) {
 			const rows = height < SKELETON_ROW_HEIGHT ? SKELETON_MIN_ROWS : height / SKELETON_ROW_HEIGHT;
 			let t1;
 			if ($[1] !== rows) {
-				t1 = /*#__PURE__*/ jsx(LoadingSkeleton, {
+				t1 = /* @__PURE__ */ jsx(LoadingSkeleton, {
 					"data-testid": "filtered-action-list-skeleton",
 					rows
 				});
@@ -36,7 +36,7 @@ function FilteredActionListBodyLoader(t0) {
 		default: {
 			let t1;
 			if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-				t1 = /*#__PURE__*/ jsx(Fragment, {});
+				t1 = /* @__PURE__ */ jsx(Fragment, {});
 				$[3] = t1;
 			} else t1 = $[3];
 			return t1;
@@ -53,10 +53,10 @@ function LoadingSpinner(t0) {
 	} else props = $[1];
 	let t1;
 	if ($[2] !== props) {
-		t1 = /*#__PURE__*/ jsx("div", {
+		t1 = /* @__PURE__ */ jsx("div", {
 			className: FilteredActionListLoaders_module_css_default.LoadingSpinner,
 			"data-component": "FilteredActionList.Spinner",
-			children: /*#__PURE__*/ jsx(Spinner, { ...props })
+			children: /* @__PURE__ */ jsx(Spinner, { ...props })
 		});
 		$[2] = props;
 		$[3] = t1;
@@ -85,10 +85,10 @@ function LoadingSkeleton(t0) {
 	} else t2 = $[4];
 	let t3;
 	if ($[5] !== props || $[6] !== t2) {
-		t3 = /*#__PURE__*/ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("div", {
 			className: FilteredActionListLoaders_module_css_default.LoadingSkeletonContainer,
 			"data-component": "FilteredActionList.Skeleton",
-			children: /*#__PURE__*/ jsx(Stack, {
+			children: /* @__PURE__ */ jsx(Stack, {
 				direction: "vertical",
 				justify: "center",
 				gap: "condensed",
@@ -103,20 +103,19 @@ function LoadingSkeleton(t0) {
 	return t3;
 }
 function _temp(_, i) {
-	return /*#__PURE__*/ jsxs(Stack, {
+	return /* @__PURE__ */ jsxs(Stack, {
 		direction: "horizontal",
 		gap: "condensed",
 		align: "center",
 		className: FilteredActionListLoaders_module_css_default.LoadingSkeletonRow,
-		children: [/*#__PURE__*/ jsx(SkeletonBox, {
+		children: [/* @__PURE__ */ jsx(SkeletonBox, {
 			width: "16px",
 			height: "16px"
-		}), /*#__PURE__*/ jsx(SkeletonBox, {
+		}), /* @__PURE__ */ jsx(SkeletonBox, {
 			height: "10px",
 			className: FilteredActionListLoaders_module_css_default.LoadingSkeleton
 		})]
 	}, i);
 }
-_temp.displayName = "_temp";
 //#endregion
 export { FilteredActionListBodyLoader, FilteredActionListLoadingTypes };

package/dist/Flash/Flash.js

@@ -7,9 +7,6 @@ import { clsx } from "clsx";
 /**
 * @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
 */
-/**
-* @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
-*/
 const Flash = /*#__PURE__*/ React.forwardRef(function Flash(t0, ref) {
 	const $ = c(15);
 	let className;
@@ -43,7 +40,7 @@ const Flash = /*#__PURE__*/ React.forwardRef(function Flash(t0, ref) {
 	const t4 = full ? "" : void 0;
 	let t5;
 	if ($[8] !== BaseComponent || $[9] !== ref || $[10] !== rest || $[11] !== t3 || $[12] !== t4 || $[13] !== variant) {
-		t5 = /*#__PURE__*/ jsx(BaseComponent, {
+		t5 = /* @__PURE__ */ jsx(BaseComponent, {
 			...rest,
 			ref,
 			className: t3,

package/dist/FormControl/FormControl.js

@@ -92,7 +92,7 @@ var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, re
 	} else t5 = $[5];
 	let t6;
 	if ($[6] !== t4 || $[7] !== t5) {
-		t6 = /*#__PURE__*/ jsxs("div", {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			className: FormControl_module_css_default.ControlChoiceInputs,
 			children: [t4, t5]
 		});
@@ -102,7 +102,7 @@ var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, re
 	} else t6 = $[8];
 	let t7;
 	if ($[9] !== disabled || $[10] !== slots.caption || $[11] !== slots.leadingVisual) {
-		t7 = slots.leadingVisual ? /*#__PURE__*/ jsx("div", {
+		t7 = slots.leadingVisual ? /* @__PURE__ */ jsx("div", {
 			className: FormControl_module_css_default.LeadingVisual,
 			"data-disabled": disabled ? "" : void 0,
 			"data-has-caption": slots.caption ? "" : void 0,
@@ -115,7 +115,7 @@ var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, re
 	} else t7 = $[12];
 	let t8;
 	if ($[13] !== slots.caption || $[14] !== slots.label) {
-		t8 = /*#__PURE__*/ jsxs("div", {
+		t8 = /* @__PURE__ */ jsxs("div", {
 			className: FormControl_module_css_default.LabelContainer,
 			children: [slots.label, slots.caption]
 		});
@@ -125,7 +125,7 @@ var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, re
 	} else t8 = $[15];
 	let t9;
 	if ($[16] !== t6 || $[17] !== t7 || $[18] !== t8) {
-		t9 = /*#__PURE__*/ jsxs(Fragment$1, { children: [
+		t9 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			t6,
 			t7,
 			t8
@@ -158,14 +158,14 @@ var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, re
 		$[26] = validationMessageId;
 		$[27] = t11;
 	} else t11 = $[27];
-	const t12 = isChoiceInput || layout === "horizontal" ? /*#__PURE__*/ jsx("div", {
+	const t12 = isChoiceInput || layout === "horizontal" ? /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-has-leading-visual": slots.leadingVisual ? "" : void 0,
 		className: clsx(className, FormControl_module_css_default.ControlHorizontalLayout),
 		style,
 		"data-component": "FormControl",
 		children: InputChildren
-	}) : /*#__PURE__*/ jsxs("div", {
+	}) : /* @__PURE__ */ jsxs("div", {
 		ref,
 		"data-has-label": !isLabelHidden ? "" : void 0,
 		className: clsx(className, FormControl_module_css_default.ControlVerticalLayout),
@@ -181,7 +181,7 @@ var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, re
 				"aria-describedby": [validationMessageId, captionId].filter(Boolean).join(" ")
 			}, InputComponent.props)),
 			childrenWithoutSlots.filter((child_2) => /*#__PURE__*/ React.isValidElement(child_2) && !expectedInputComponents.some((inputComponent_1) => child_2.type === inputComponent_1 || isSlot(child_2, inputComponent_1))),
-			slots.validation ? /*#__PURE__*/ jsx(ValidationAnimationContainer, {
+			slots.validation ? /* @__PURE__ */ jsx(ValidationAnimationContainer, {
 				show: true,
 				children: slots.validation
 			}) : null,
@@ -190,7 +190,7 @@ var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, re
 	});
 	let t13;
 	if ($[28] !== T0 || $[29] !== t11 || $[30] !== t12) {
-		t13 = /*#__PURE__*/ jsx(T0, {
+		t13 = /* @__PURE__ */ jsx(T0, {
 			value: t11,
 			children: t12
 		});

package/dist/FormControl/FormControlCaption.js

@@ -19,7 +19,7 @@ function FormControlCaption(t0) {
 	const t3 = disabled ? "" : void 0;
 	let t4;
 	if ($[2] !== children || $[3] !== style || $[4] !== t1 || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx(Text_default, {
+		t4 = /* @__PURE__ */ jsx(Text_default, {
 			id: t1,
 			className: t2,
 			"data-control-disabled": t3,

package/dist/FormControl/FormControlLabel.js

@@ -82,7 +82,7 @@ const FormControlLabel = (t0) => {
 	const labelProps = t2;
 	let t3;
 	if ($[23] !== children || $[24] !== labelProps) {
-		t3 = /*#__PURE__*/ jsx(InputLabel, {
+		t3 = /* @__PURE__ */ jsx(InputLabel, {
 			...labelProps,
 			"data-component": "FormControl.Label",
 			children

package/dist/FormControl/FormControlLeadingVisual.js

@@ -11,7 +11,7 @@ const FormControlLeadingVisual = (t0) => {
 	const t2 = captionId ? "" : void 0;
 	let t3;
 	if ($[0] !== children || $[1] !== style || $[2] !== t1 || $[3] !== t2) {
-		t3 = /*#__PURE__*/ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("div", {
 			className: FormControlLeadingVisual_module_css_default.LeadingVisual,
 			"data-control-disabled": t1,
 			style,

package/dist/FormControl/_FormControlValidation.js

@@ -10,7 +10,7 @@ const FormControlValidation = (t0) => {
 	const t1 = id || validationMessageId || "";
 	let t2;
 	if ($[0] !== children || $[1] !== className || $[2] !== style || $[3] !== t1 || $[4] !== variant) {
-		t2 = /*#__PURE__*/ jsx(InputValidation, {
+		t2 = /* @__PURE__ */ jsx(InputValidation, {
 			className,
 			validationStatus: variant,
 			id: t1,

package/dist/Header/Header.js

@@ -32,7 +32,7 @@ const Header = /*#__PURE__*/ React.forwardRef(function Header(t0, forwardRef) {
 	} else t2 = $[6];
 	let t3;
 	if ($[7] !== BaseComponent || $[8] !== children || $[9] !== forwardRef || $[10] !== rest || $[11] !== t2) {
-		t3 = /*#__PURE__*/ jsx(BaseComponent, {
+		t3 = /* @__PURE__ */ jsx(BaseComponent, {
 			ref: forwardRef,
 			className: t2,
 			...rest,
@@ -76,7 +76,7 @@ const HeaderItem = /*#__PURE__*/ React.forwardRef(function HeaderItem(t0, forwar
 	} else t1 = $[6];
 	let t2;
 	if ($[7] !== children || $[8] !== forwardRef || $[9] !== full || $[10] !== rest || $[11] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			ref: forwardRef,
 			className: t1,
 			"data-full": full,
@@ -122,7 +122,7 @@ const HeaderLink = /*#__PURE__*/ React.forwardRef(function HeaderLink(t0, forwar
 	} else t2 = $[6];
 	let t3;
 	if ($[7] !== BaseComponent || $[8] !== children || $[9] !== forwardRef || $[10] !== rest || $[11] !== t2) {
-		t3 = /*#__PURE__*/ jsx(BaseComponent, {
+		t3 = /* @__PURE__ */ jsx(BaseComponent, {
 			ref: forwardRef,
 			className: t2,
 			...rest,

package/dist/Heading/Heading.js

@@ -50,7 +50,7 @@ const Heading = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t4 = $[8];
 	let t5;
 	if ($[9] !== Component || $[10] !== mergedRef || $[11] !== props || $[12] !== t4 || $[13] !== variant) {
-		t5 = /*#__PURE__*/ jsx(Component, {
+		t5 = /* @__PURE__ */ jsx(Component, {
 			className: t4,
 			"data-variant": variant,
 			"data-component": "Heading",

package/dist/Hidden/Hidden.js

@@ -41,7 +41,7 @@ const Hidden = (t0) => {
 	const t6 = t5;
 	let t7;
 	if ($[7] !== children || $[8] !== t1 || $[9] !== t6) {
-		t7 = /*#__PURE__*/ jsx("div", {
+		t7 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			style: t6,
 			"data-component": "Hidden",

package/dist/InlineMessage/InlineMessage.js

@@ -6,25 +6,25 @@ import { isValidElementType } from "react-is";
 import { AlertFillIcon, AlertIcon, CheckCircleFillIcon, CheckCircleIcon, InfoIcon } from "@primer/octicons-react";
 //#region src/InlineMessage/InlineMessage.tsx
 const icons = {
-	warning: /*#__PURE__*/ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
-	critical: /*#__PURE__*/ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
-	success: /*#__PURE__*/ jsx(CheckCircleIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
-	unavailable: /*#__PURE__*/ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon })
+	warning: /* @__PURE__ */ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
+	critical: /* @__PURE__ */ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
+	success: /* @__PURE__ */ jsx(CheckCircleIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
+	unavailable: /* @__PURE__ */ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon })
 };
 const smallIcons = {
-	warning: /*#__PURE__*/ jsx(AlertFillIcon, {
+	warning: /* @__PURE__ */ jsx(AlertFillIcon, {
 		className: InlineMessage_module_css_default.InlineMessageIcon,
 		size: 12
 	}),
-	critical: /*#__PURE__*/ jsx(AlertFillIcon, {
+	critical: /* @__PURE__ */ jsx(AlertFillIcon, {
 		className: InlineMessage_module_css_default.InlineMessageIcon,
 		size: 12
 	}),
-	success: /*#__PURE__*/ jsx(CheckCircleFillIcon, {
+	success: /* @__PURE__ */ jsx(CheckCircleFillIcon, {
 		className: InlineMessage_module_css_default.InlineMessageIcon,
 		size: 12
 	}),
-	unavailable: /*#__PURE__*/ jsx(AlertFillIcon, {
+	unavailable: /* @__PURE__ */ jsx(AlertFillIcon, {
 		className: InlineMessage_module_css_default.InlineMessageIcon,
 		size: 12
 	})
@@ -61,7 +61,7 @@ function InlineMessage(t0) {
 		if (typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual)) {
 			let t2;
 			if ($[7] !== LeadingVisual) {
-				t2 = /*#__PURE__*/ jsx(LeadingVisual, { className: InlineMessage_module_css_default.InlineMessageIcon });
+				t2 = /* @__PURE__ */ jsx(LeadingVisual, { className: InlineMessage_module_css_default.InlineMessageIcon });
 				$[7] = LeadingVisual;
 				$[8] = t2;
 			} else t2 = $[8];
@@ -71,7 +71,7 @@ function InlineMessage(t0) {
 	else {
 		let t2;
 		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /*#__PURE__*/ jsx(InfoIcon, { className: InlineMessage_module_css_default.InlineMessageIcon });
+			t2 = /* @__PURE__ */ jsx(InfoIcon, { className: InlineMessage_module_css_default.InlineMessageIcon });
 			$[9] = t2;
 		} else t2 = $[9];
 		icon = t2;
@@ -85,7 +85,7 @@ function InlineMessage(t0) {
 	const t3 = (_variant = variant) !== null && _variant !== void 0 ? _variant : void 0;
 	let t4;
 	if ($[12] !== children || $[13] !== icon || $[14] !== rest || $[15] !== size || $[16] !== t2 || $[17] !== t3) {
-		t4 = /*#__PURE__*/ jsxs("div", {
+		t4 = /* @__PURE__ */ jsxs("div", {
 			...rest,
 			className: t2,
 			"data-size": size,

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,