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

package/dist/TextInput/TextInput.js

@@ -64,7 +64,7 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
 	const characterCountId = useId();
 	const characterCountStaticMessageId = useId();
 	const isValid = isOverLimit ? "error" : validationStatus;
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsxs(TextInputWrapper, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(TextInputWrapper, {
 		block,
 		className: wrapperClasses,
 		validationStatus: isValid,
@@ -83,18 +83,18 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
 		onClick: focusInput,
 		"aria-busy": Boolean(loading),
 		children: [
-			IconComponent && /*#__PURE__*/ jsx(IconComponent, {
+			IconComponent && /* @__PURE__ */ jsx(IconComponent, {
 				className: "TextInput-icon",
 				"data-component": "TextInput.Icon"
 			}),
-			/*#__PURE__*/ jsx(TextInputInnerVisualSlot, {
+			/* @__PURE__ */ jsx(TextInputInnerVisualSlot, {
 				visualPosition: "leading",
 				showLoadingIndicator: showLeadingLoadingIndicator,
 				hasLoadingIndicator: typeof loading === "boolean",
 				id: leadingVisualId,
-				children: typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual) ? /*#__PURE__*/ jsx(LeadingVisual, {}) : LeadingVisual
+				children: typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual) ? /* @__PURE__ */ jsx(LeadingVisual, {}) : LeadingVisual
 			}),
-			/*#__PURE__*/ jsx(UnstyledTextInput, {
+			/* @__PURE__ */ jsx(UnstyledTextInput, {
 				ref: appliedRef,
 				disabled,
 				onFocus: handleInputFocus,
@@ -109,28 +109,28 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
 				"aria-describedby": characterLimit ? [characterCountStaticMessageId, inputDescribedBy].filter(Boolean).join(" ") || void 0 : inputDescribedBy,
 				"data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : "input"
 			}),
-			loading && /*#__PURE__*/ jsx(VisuallyHidden, {
+			loading && /* @__PURE__ */ jsx(VisuallyHidden, {
 				id: loadingId,
 				children: loaderText
 			}),
-			/*#__PURE__*/ jsx(TextInputInnerVisualSlot, {
+			/* @__PURE__ */ jsx(TextInputInnerVisualSlot, {
 				visualPosition: "trailing",
 				showLoadingIndicator: showTrailingLoadingIndicator,
 				hasLoadingIndicator: typeof loading === "boolean",
 				id: trailingVisualId,
 				"data-testid": "text-input-trailing-visual",
-				children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /*#__PURE__*/ jsx(TrailingVisual, {}) : TrailingVisual
+				children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /* @__PURE__ */ jsx(TrailingVisual, {}) : TrailingVisual
 			}),
 			trailingAction
 		]
-	}), characterLimit && /*#__PURE__*/ jsxs(Fragment$1, { children: [
-		/*#__PURE__*/ jsx(AriaStatus, {
+	}), characterLimit && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(AriaStatus, {
 			announceOnShow: false,
 			delayMs: 500,
 			className: _VisuallyHidden_module_css_default.InternalVisuallyHidden,
 			children: counter === null || counter === void 0 ? void 0 : counter.message
 		}),
-		/*#__PURE__*/ jsxs(VisuallyHidden, {
+		/* @__PURE__ */ jsxs(VisuallyHidden, {
 			id: characterCountStaticMessageId,
 			children: [
 				"You can enter up to ",
@@ -139,13 +139,13 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
 				characterLimit === 1 ? "character" : "characters"
 			]
 		}),
-		/*#__PURE__*/ jsxs(Text_default, {
+		/* @__PURE__ */ jsxs(Text_default, {
 			"aria-hidden": "true",
 			id: characterCountId,
 			size: "small",
 			className: clsx(TextInput_module_css_default.CharacterCounter, isOverLimit && TextInput_module_css_default["CharacterCounter--error"]),
 			"data-component": "TextInput.CharacterCounter",
-			children: [isOverLimit && /*#__PURE__*/ jsx(AlertFillIcon, { size: 16 }), counter === null || counter === void 0 ? void 0 : counter.message]
+			children: [isOverLimit && /* @__PURE__ */ jsx(AlertFillIcon, { size: 16 }), counter === null || counter === void 0 ? void 0 : counter.message]
 		})
 	] })] });
 });

package/dist/TextInputWithTokens/TextInputWithTokens.js

@@ -16,9 +16,6 @@ import { isFocusable } from "@primer/behaviors/utils";
 import { FocusKeys } from "@primer/behaviors";
 import { isValidElementType } from "react-is";
 //#region src/TextInputWithTokens/TextInputWithTokens.tsx
-/**
-* @deprecated
-*/
 const overflowCountClassMap = {
 	small: TextInputWithTokens_module_css_default.OverflowCountSmall,
 	medium: TextInputWithTokens_module_css_default.OverflowCountMedium,
@@ -334,7 +331,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	} else t26 = $[70];
 	let t27;
 	if ($[71] !== IconComponent || $[72] !== LeadingVisual) {
-		t27 = IconComponent && !LeadingVisual && /*#__PURE__*/ jsx(IconComponent, {
+		t27 = IconComponent && !LeadingVisual && /* @__PURE__ */ jsx(IconComponent, {
 			className: "TextInput-icon",
 			"data-component": "TextInputWithTokens.Icon"
 		});
@@ -345,13 +342,13 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	const t28 = typeof loading === "boolean";
 	let t29;
 	if ($[74] !== LeadingVisual) {
-		t29 = typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual) ? /*#__PURE__*/ jsx(LeadingVisual, {}) : LeadingVisual;
+		t29 = typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual) ? /* @__PURE__ */ jsx(LeadingVisual, {}) : LeadingVisual;
 		$[74] = LeadingVisual;
 		$[75] = t29;
 	} else t29 = $[75];
 	let t30;
 	if ($[76] !== showLeadingLoadingIndicator || $[77] !== t28 || $[78] !== t29) {
-		t30 = /*#__PURE__*/ jsx(TextInputInnerVisualSlot, {
+		t30 = /* @__PURE__ */ jsx(TextInputInnerVisualSlot, {
 			hasLoadingIndicator: t28,
 			visualPosition: "leading",
 			showLoadingIndicator: showLeadingLoadingIndicator,
@@ -368,7 +365,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	const t33 = ariaDescribedBy || void 0;
 	let t34;
 	if ($[80] !== disabled || $[81] !== handleInputBlur || $[82] !== handleInputFocus || $[83] !== handleInputKeyDown || $[84] !== inputPropsRest || $[85] !== mergedRef || $[86] !== role || $[87] !== t32 || $[88] !== t33) {
-		t34 = /*#__PURE__*/ jsx(UnstyledTextInput, {
+		t34 = /* @__PURE__ */ jsx(UnstyledTextInput, {
 			ref: mergedRef,
 			disabled,
 			onFocus: handleInputFocus,
@@ -395,7 +392,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	} else t34 = $[89];
 	let t35;
 	if ($[90] !== selectedValuesDescription || $[91] !== selectedValuesDescriptionId || $[92] !== shouldExposeSelectedValuesDescription) {
-		t35 = shouldExposeSelectedValuesDescription ? /*#__PURE__*/ jsx(VisuallyHidden, {
+		t35 = shouldExposeSelectedValuesDescription ? /* @__PURE__ */ jsx(VisuallyHidden, {
 			id: selectedValuesDescriptionId,
 			children: selectedValuesDescription
 		}) : null;
@@ -406,7 +403,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	} else t35 = $[93];
 	let t36;
 	if ($[94] !== t34 || $[95] !== t35) {
-		t36 = /*#__PURE__*/ jsxs("div", {
+		t36 = /* @__PURE__ */ jsxs("div", {
 			className: TextInputWithTokens_module_css_default.InputWrapper,
 			children: [t34, t35]
 		});
@@ -420,7 +417,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 		if ($[107] !== TokenComponent || $[108] !== disabled || $[109] !== handleTokenBlur || $[110] !== handleTokenFocus || $[111] !== handleTokenRemove || $[112] !== hideTokenRemoveButtons || $[113] !== selectedTokenIndex || $[114] !== size) {
 			t38 = (t39, i) => {
 				const { id, ...tokenRest } = t39;
-				return /*#__PURE__*/ jsx(TokenComponent, {
+				return /* @__PURE__ */ jsx(TokenComponent, {
 					disabled,
 					onFocus: handleTokenFocus(i),
 					onBlur: handleTokenBlur,
@@ -461,7 +458,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	} else t37 = $[106];
 	let t38;
 	if ($[116] !== size || $[117] !== tokens.length || $[118] !== tokensAreTruncated || $[119] !== visibleTokens.length) {
-		t38 = tokensAreTruncated && tokens.length - visibleTokens.length ? /*#__PURE__*/ jsxs(Text_default, {
+		t38 = tokensAreTruncated && tokens.length - visibleTokens.length ? /* @__PURE__ */ jsxs(Text_default, {
 			className: overflowCountClassMap[size],
 			"data-component": "TextInputWithTokens.OverflowCount",
 			children: ["+", tokens.length - visibleTokens.length]
@@ -474,7 +471,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	} else t38 = $[120];
 	let t39;
 	if ($[121] !== preventTokenWrapping || $[122] !== t31 || $[123] !== t36 || $[124] !== t37 || $[125] !== t38) {
-		t39 = /*#__PURE__*/ jsxs("div", {
+		t39 = /* @__PURE__ */ jsxs("div", {
 			ref: t31,
 			className: TextInputWithTokens_module_css_default.Container,
 			"data-prevent-token-wrapping": preventTokenWrapping,
@@ -494,13 +491,13 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	const t40 = typeof loading === "boolean";
 	let t41;
 	if ($[127] !== TrailingVisual) {
-		t41 = typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /*#__PURE__*/ jsx(TrailingVisual, {}) : TrailingVisual;
+		t41 = typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /* @__PURE__ */ jsx(TrailingVisual, {}) : TrailingVisual;
 		$[127] = TrailingVisual;
 		$[128] = t41;
 	} else t41 = $[128];
 	let t42;
 	if ($[129] !== showTrailingLoadingIndicator || $[130] !== t40 || $[131] !== t41) {
-		t42 = /*#__PURE__*/ jsx(TextInputInnerVisualSlot, {
+		t42 = /* @__PURE__ */ jsx(TextInputInnerVisualSlot, {
 			hasLoadingIndicator: t40,
 			visualPosition: "trailing",
 			showLoadingIndicator: showTrailingLoadingIndicator,
@@ -514,7 +511,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
 	} else t42 = $[132];
 	let t43;
 	if ($[133] !== block || $[134] !== contrast || $[135] !== disabled || $[136] !== maxWidthProp || $[137] !== minWidthProp || $[138] !== t21 || $[139] !== t22 || $[140] !== t23 || $[141] !== t24 || $[142] !== t25 || $[143] !== t26 || $[144] !== t27 || $[145] !== t30 || $[146] !== t39 || $[147] !== t42 || $[148] !== validationStatus || $[149] !== variantProp || $[150] !== widthProp) {
-		t43 = /*#__PURE__*/ jsxs(TextInputWrapper, {
+		t43 = /* @__PURE__ */ jsxs(TextInputWrapper, {
 			block,
 			contrast,
 			disabled,

package/dist/Textarea/Textarea.js

@@ -133,7 +133,7 @@ const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 		} else t10 = $[56];
 		let t11;
 		if ($[57] !== cols || $[58] !== defaultValue || $[59] !== disabled || $[60] !== handleTextareaChange || $[61] !== ref || $[62] !== required || $[63] !== resize || $[64] !== rest || $[65] !== rows || $[66] !== t10 || $[67] !== t7 || $[68] !== t8 || $[69] !== t9 || $[70] !== value) {
-			t11 = /*#__PURE__*/ jsx("textarea", {
+			t11 = /* @__PURE__ */ jsx("textarea", {
 				value,
 				defaultValue,
 				"data-component": "Textarea",
@@ -169,7 +169,7 @@ const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 		} else t11 = $[71];
 		let t12;
 		if ($[72] !== block || $[73] !== className || $[74] !== contrast || $[75] !== disabled || $[76] !== isValid || $[77] !== t11) {
-			t12 = /*#__PURE__*/ jsx(TextInputBaseWrapper, {
+			t12 = /* @__PURE__ */ jsx(TextInputBaseWrapper, {
 				validationStatus: isValid,
 				disabled,
 				block,
@@ -185,14 +185,14 @@ const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 			$[77] = t11;
 			$[78] = t12;
 		} else t12 = $[78];
-		t5 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t12, characterLimit && /*#__PURE__*/ jsxs(Fragment$1, { children: [
-			/*#__PURE__*/ jsx(AriaStatus, {
+		t5 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t12, characterLimit && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(AriaStatus, {
 				announceOnShow: false,
 				delayMs: 500,
 				className: _VisuallyHidden_module_css_default.InternalVisuallyHidden,
 				children: counter === null || counter === void 0 ? void 0 : counter.message
 			}),
-			/*#__PURE__*/ jsxs(VisuallyHidden, {
+			/* @__PURE__ */ jsxs(VisuallyHidden, {
 				id: characterCountStaticMessageId,
 				children: [
 					"You can enter up to ",
@@ -201,12 +201,12 @@ const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 					characterLimit === 1 ? "character" : "characters"
 				]
 			}),
-			/*#__PURE__*/ jsxs(Text_default, {
+			/* @__PURE__ */ jsxs(Text_default, {
 				"aria-hidden": "true",
 				id: characterCountId,
 				size: "small",
 				className: clsx(TextArea_module_css_default.CharacterCounter, isOverLimit && TextArea_module_css_default["CharacterCounter--error"]),
-				children: [isOverLimit && /*#__PURE__*/ jsx(AlertFillIcon, { size: 16 }), counter === null || counter === void 0 ? void 0 : counter.message]
+				children: [isOverLimit && /* @__PURE__ */ jsx(AlertFillIcon, { size: 16 }), counter === null || counter === void 0 ? void 0 : counter.message]
 			})
 		] })] });
 		$[21] = autoSize;

package/dist/ThemeProvider.js

@@ -2,7 +2,6 @@ import theme from "./theme.js";
 import { c } from "./utils/react-compiler-runtime.js";
 import { ThemeProviderBase } from "./internal/components/ThemeProviderBase.js";
 import { useThemeProvider } from "./internal/hooks/useThemeProvider.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import deepmerge from "deepmerge";
 //#region src/ThemeProvider.tsx
@@ -48,7 +47,7 @@ const ThemeProvider = (t0) => {
 	const contextValue = t2;
 	let t3;
 	if ($[10] !== children || $[11] !== contextValue || $[12] !== props.contextOnly) {
-		t3 = /*#__PURE__*/ jsx(ThemeProviderBase, {
+		t3 = /* @__PURE__ */ jsx(ThemeProviderBase, {
 			contextOnly: props.contextOnly,
 			value: contextValue,
 			children

package/dist/Timeline/Timeline.js

@@ -43,7 +43,7 @@ const Timeline = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 		const t3 = forwardRef;
 		let t4;
 		if ($[8] !== props || $[9] !== resolvedClipSidebar || $[10] !== t2 || $[11] !== t3) {
-			t4 = /*#__PURE__*/ jsx("ol", {
+			t4 = /* @__PURE__ */ jsx("ol", {
 				...props,
 				role: "list",
 				className: t2,
@@ -68,7 +68,7 @@ const Timeline = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t4 = forwardRef;
 	let t5;
 	if ($[15] !== resolvedClipSidebar || $[16] !== t2 || $[17] !== t3 || $[18] !== t4) {
-		t5 = /*#__PURE__*/ jsx("div", {
+		t5 = /* @__PURE__ */ jsx("div", {
 			...t2,
 			className: t3,
 			ref: t4,
@@ -83,9 +83,6 @@ const Timeline = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	return t5;
 });
 Timeline.displayName = "Timeline";
-/**
-* @deprecated Use the `TimelineItemProps` type instead
-*/
 const TimelineItem = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const $ = c(18);
 	let className;
@@ -113,7 +110,7 @@ const TimelineItem = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 		const t3 = condensed ? "" : void 0;
 		let t4;
 		if ($[6] !== props || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
-			t4 = /*#__PURE__*/ jsx("li", {
+			t4 = /* @__PURE__ */ jsx("li", {
 				...props,
 				className: t1,
 				ref: t2,
@@ -138,7 +135,7 @@ const TimelineItem = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t4 = condensed ? "" : void 0;
 	let t5;
 	if ($[13] !== t1 || $[14] !== t2 || $[15] !== t3 || $[16] !== t4) {
-		t5 = /*#__PURE__*/ jsx("div", {
+		t5 = /* @__PURE__ */ jsx("div", {
 			...t1,
 			className: t2,
 			ref: t3,
@@ -177,9 +174,9 @@ const TimelineBadge = (t0) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== props || $[7] !== t1 || $[8] !== variant) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			className: Timeline_module_css_default.TimelineBadgeWrapper,
-			children: /*#__PURE__*/ jsx("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				...props,
 				className: t1,
 				"data-variant": variant
@@ -214,7 +211,7 @@ const TimelineBody = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== forwardRef || $[6] !== props || $[7] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			...props,
 			className: t1,
 			ref: forwardRef
@@ -250,7 +247,7 @@ const TimelineBreak = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 		const t2 = forwardRef;
 		let t3;
 		if ($[5] !== props || $[6] !== t1 || $[7] !== t2) {
-			t3 = /*#__PURE__*/ jsx("li", {
+			t3 = /* @__PURE__ */ jsx("li", {
 				...props,
 				className: t1,
 				ref: t2,
@@ -273,7 +270,7 @@ const TimelineBreak = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t3 = forwardRef;
 	let t4;
 	if ($[11] !== t1 || $[12] !== t2 || $[13] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			...t1,
 			className: t2,
 			ref: t3
@@ -307,7 +304,7 @@ const TimelineActions = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== forwardRef || $[6] !== props || $[7] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			...props,
 			className: t1,
 			ref: forwardRef
@@ -341,7 +338,7 @@ const TimelineAvatar = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== forwardRef || $[6] !== props || $[7] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			...props,
 			className: t1,
 			ref: forwardRef

package/dist/ToggleSwitch/ToggleSwitch.js

@@ -17,7 +17,7 @@ const CircleIcon = (t0) => {
 	const t2 = size === "small" ? "12" : "16";
 	let t3;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /*#__PURE__*/ jsx("path", {
+		t3 = /* @__PURE__ */ jsx("path", {
 			fillRule: "evenodd",
 			d: "M8 12.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"
 		});
@@ -25,7 +25,7 @@ const CircleIcon = (t0) => {
 	} else t3 = $[0];
 	let t4;
 	if ($[1] !== t1 || $[2] !== t2) {
-		t4 = /*#__PURE__*/ jsx("svg", {
+		t4 = /* @__PURE__ */ jsx("svg", {
 			"aria-hidden": "true",
 			width: t1,
 			height: t2,
@@ -47,7 +47,7 @@ const LineIcon = (t0) => {
 	const t2 = size === "small" ? "12" : "16";
 	let t3;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /*#__PURE__*/ jsx("path", {
+		t3 = /* @__PURE__ */ jsx("path", {
 			fillRule: "evenodd",
 			d: "M8 2a.75.75 0 0 1 .75.75v11.5a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 1 8 2Z"
 		});
@@ -55,7 +55,7 @@ const LineIcon = (t0) => {
 	} else t3 = $[0];
 	let t4;
 	if ($[1] !== t1 || $[2] !== t2) {
-		t4 = /*#__PURE__*/ jsx("svg", {
+		t4 = /* @__PURE__ */ jsx("svg", {
 			"aria-hidden": "true",
 			width: t1,
 			height: t2,
@@ -197,7 +197,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	const t9 = isLoadingLabelVisible && loadingLabel;
 	let t10;
 	if ($[34] !== loadingLabelId || $[35] !== t9) {
-		t10 = /*#__PURE__*/ jsx(VisuallyHidden, { children: /*#__PURE__*/ jsx(AriaStatus, {
+		t10 = /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(AriaStatus, {
 			announceOnShow: true,
 			id: loadingLabelId,
 			children: t9
@@ -208,10 +208,10 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	} else t10 = $[36];
 	let t11;
 	if ($[37] !== loading || $[38] !== statusLabelPosition) {
-		t11 = loading ? /*#__PURE__*/ jsx("div", {
+		t11 = loading ? /* @__PURE__ */ jsx("div", {
 			className: ToggleSwitch_module_css_default.LoadingSpinner,
 			"data-status-label-position": statusLabelPosition,
-			children: /*#__PURE__*/ jsx(Spinner, {
+			children: /* @__PURE__ */ jsx(Spinner, {
 				size: "small",
 				srText: null
 			})
@@ -225,7 +225,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	const t14 = (_buttonLabelOn = buttonLabelOn) !== null && _buttonLabelOn !== void 0 ? _buttonLabelOn : "On";
 	let t15;
 	if ($[40] !== t13 || $[41] !== t14) {
-		t15 = /*#__PURE__*/ jsx("span", {
+		t15 = /* @__PURE__ */ jsx("span", {
 			className: ToggleSwitch_module_css_default.StatusTextItem,
 			"data-hidden": t13,
 			children: t14
@@ -237,7 +237,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	const t16 = (_buttonLabelOff = buttonLabelOff) !== null && _buttonLabelOff !== void 0 ? _buttonLabelOff : "Off";
 	let t17;
 	if ($[43] !== isOn || $[44] !== t16) {
-		t17 = /*#__PURE__*/ jsx("span", {
+		t17 = /* @__PURE__ */ jsx("span", {
 			className: ToggleSwitch_module_css_default.StatusTextItem,
 			"data-hidden": isOn,
 			children: t16
@@ -248,7 +248,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	} else t17 = $[45];
 	let t18;
 	if ($[46] !== handleToggleClick || $[47] !== size || $[48] !== t12 || $[49] !== t15 || $[50] !== t17) {
-		t18 = /*#__PURE__*/ jsxs("span", {
+		t18 = /* @__PURE__ */ jsxs("span", {
 			className: ToggleSwitch_module_css_default.StatusText,
 			"data-size": size,
 			"data-disabled": t12,
@@ -269,13 +269,13 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	const t22 = !acceptsInteraction;
 	let t23;
 	if ($[52] !== size) {
-		t23 = /*#__PURE__*/ jsx(LineIcon, { size });
+		t23 = /* @__PURE__ */ jsx(LineIcon, { size });
 		$[52] = size;
 		$[53] = t23;
 	} else t23 = $[53];
 	let t24;
 	if ($[54] !== isOn || $[55] !== t22 || $[56] !== t23) {
-		t24 = /*#__PURE__*/ jsx("div", {
+		t24 = /* @__PURE__ */ jsx("div", {
 			className: `${ToggleSwitch_module_css_default.IconContainer} ${ToggleSwitch_module_css_default.LineIconContainer}`,
 			"data-checked": isOn,
 			"data-disabled": t22,
@@ -289,13 +289,13 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	const t25 = !acceptsInteraction;
 	let t26;
 	if ($[58] !== size) {
-		t26 = /*#__PURE__*/ jsx(CircleIcon, { size });
+		t26 = /* @__PURE__ */ jsx(CircleIcon, { size });
 		$[58] = size;
 		$[59] = t26;
 	} else t26 = $[59];
 	let t27;
 	if ($[60] !== isOn || $[61] !== t25 || $[62] !== t26) {
-		t27 = /*#__PURE__*/ jsx("div", {
+		t27 = /* @__PURE__ */ jsx("div", {
 			className: `${ToggleSwitch_module_css_default.IconContainer} ${ToggleSwitch_module_css_default.CircleIconContainer}`,
 			"data-checked": isOn,
 			"data-disabled": t25,
@@ -308,7 +308,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	} else t27 = $[63];
 	let t28;
 	if ($[64] !== t24 || $[65] !== t27) {
-		t28 = /*#__PURE__*/ jsxs("div", {
+		t28 = /* @__PURE__ */ jsxs("div", {
 			className: ToggleSwitch_module_css_default.SwitchButtonContent,
 			"aria-hidden": "true",
 			children: [t24, t27]
@@ -320,7 +320,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	const t29 = !acceptsInteraction;
 	let t30;
 	if ($[67] !== isOn || $[68] !== t29) {
-		t30 = /*#__PURE__*/ jsx("div", {
+		t30 = /* @__PURE__ */ jsx("div", {
 			className: ToggleSwitch_module_css_default.ToggleKnob,
 			"data-checked": isOn,
 			"data-disabled": t29,
@@ -332,7 +332,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	} else t30 = $[69];
 	let t31;
 	if ($[70] !== ariaLabelledby || $[71] !== buttonType || $[72] !== handleToggleClick || $[73] !== isOn || $[74] !== ref || $[75] !== size || $[76] !== t19 || $[77] !== t20 || $[78] !== t21 || $[79] !== t28 || $[80] !== t30) {
-		t31 = /*#__PURE__*/ jsxs("button", {
+		t31 = /* @__PURE__ */ jsxs("button", {
 			ref,
 			type: buttonType,
 			className: ToggleSwitch_module_css_default.SwitchButton,
@@ -361,7 +361,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	} else t31 = $[81];
 	let t32;
 	if ($[82] !== rest || $[83] !== statusLabelPosition || $[84] !== t10 || $[85] !== t11 || $[86] !== t18 || $[87] !== t31 || $[88] !== t8) {
-		t32 = /*#__PURE__*/ jsxs("div", {
+		t32 = /* @__PURE__ */ jsxs("div", {
 			className: t8,
 			"data-status-label-position": statusLabelPosition,
 			...rest,

package/dist/Token/IssueLabelToken.js

@@ -194,7 +194,7 @@ const IssueLabelToken = /*#__PURE__*/ forwardRef((props, forwardedRef) => {
 	} else t21 = $[56];
 	let t22;
 	if ($[57] !== t21 || $[58] !== text) {
-		t22 = /*#__PURE__*/ jsx(TokenTextContainer, {
+		t22 = /* @__PURE__ */ jsx(TokenTextContainer, {
 			...t21,
 			children: text
 		});
@@ -204,7 +204,7 @@ const IssueLabelToken = /*#__PURE__*/ forwardRef((props, forwardedRef) => {
 	} else t22 = $[59];
 	let t23;
 	if ($[60] !== hasMultipleActionTargets || $[61] !== hideRemoveButton || $[62] !== onRemove || $[63] !== onRemoveClick || $[64] !== props || $[65] !== size) {
-		t23 = !hideRemoveButton && onRemove ? /*#__PURE__*/ jsx(RemoveTokenButton, {
+		t23 = !hideRemoveButton && onRemove ? /* @__PURE__ */ jsx(RemoveTokenButton, {
 			borderOffset: 1,
 			onClick: onRemoveClick,
 			size,
@@ -223,7 +223,7 @@ const IssueLabelToken = /*#__PURE__*/ forwardRef((props, forwardedRef) => {
 	} else t23 = $[66];
 	let t24;
 	if ($[67] !== customProperties || $[68] !== forwardedRef || $[69] !== isSelected || $[70] !== onRemove || $[71] !== rest || $[72] !== size || $[73] !== t17 || $[74] !== t18 || $[75] !== t19 || $[76] !== t20 || $[77] !== t22 || $[78] !== t23 || $[79] !== text) {
-		t24 = /*#__PURE__*/ jsxs(TokenBase, {
+		t24 = /* @__PURE__ */ jsxs(TokenBase, {
 			onRemove,
 			id: t17,
 			isSelected,

package/dist/Token/Token.js

@@ -28,7 +28,7 @@ const LeadingVisualContainer = (t0) => {
 	} else t2 = $[3];
 	let t3;
 	if ($[4] !== children || $[5] !== t2) {
-		t3 = /*#__PURE__*/ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("div", {
 			className: t2,
 			children
 		});
@@ -146,9 +146,9 @@ const Token = /*#__PURE__*/ forwardRef((props, forwardedRef) => {
 	} else t8 = $[31];
 	let t9;
 	if ($[32] !== LeadingVisual || $[33] !== size) {
-		t9 = LeadingVisual && size !== "small" ? /*#__PURE__*/ jsx(LeadingVisualContainer, {
+		t9 = LeadingVisual && size !== "small" ? /* @__PURE__ */ jsx(LeadingVisualContainer, {
 			size,
-			children: /*#__PURE__*/ jsx(LeadingVisual, {})
+			children: /* @__PURE__ */ jsx(LeadingVisual, {})
 		}) : null;
 		$[32] = LeadingVisual;
 		$[33] = size;
@@ -163,13 +163,13 @@ const Token = /*#__PURE__*/ forwardRef((props, forwardedRef) => {
 	} else t10 = $[37];
 	let t11;
 	if ($[38] !== onRemove) {
-		t11 = onRemove && /*#__PURE__*/ jsx(VisuallyHidden, { children: " (press backspace or delete to remove)" });
+		t11 = onRemove && /* @__PURE__ */ jsx(VisuallyHidden, { children: " (press backspace or delete to remove)" });
 		$[38] = onRemove;
 		$[39] = t11;
 	} else t11 = $[39];
 	let t12;
 	if ($[40] !== t10 || $[41] !== t11 || $[42] !== text) {
-		t12 = /*#__PURE__*/ jsxs(TokenTextContainer, {
+		t12 = /* @__PURE__ */ jsxs(TokenTextContainer, {
 			...t10,
 			children: [text, t11]
 		});
@@ -180,7 +180,7 @@ const Token = /*#__PURE__*/ forwardRef((props, forwardedRef) => {
 	} else t12 = $[43];
 	let t13;
 	if ($[44] !== hasMultipleActionTargets || $[45] !== hideRemoveButton || $[46] !== onRemove || $[47] !== onRemoveClick || $[48] !== props || $[49] !== size) {
-		t13 = !hideRemoveButton && onRemove ? /*#__PURE__*/ jsx(RemoveTokenButton, {
+		t13 = !hideRemoveButton && onRemove ? /* @__PURE__ */ jsx(RemoveTokenButton, {
 			borderOffset: tokenBorderWidthPx,
 			onClick: onRemoveClick,
 			size,
@@ -197,7 +197,7 @@ const Token = /*#__PURE__*/ forwardRef((props, forwardedRef) => {
 	} else t13 = $[50];
 	let t14;
 	if ($[51] !== forwardedRef || $[52] !== onRemove || $[53] !== props.isSelected || $[54] !== rest || $[55] !== size || $[56] !== t12 || $[57] !== t13 || $[58] !== t4 || $[59] !== t5 || $[60] !== t6 || $[61] !== t7 || $[62] !== t8 || $[63] !== t9 || $[64] !== text) {
-		t14 = /*#__PURE__*/ jsxs(TokenBase, {
+		t14 = /* @__PURE__ */ jsxs(TokenBase, {
 			onRemove,
 			id: t4,
 			className: t5,

package/dist/Token/TokenBase.js

@@ -74,7 +74,7 @@ const TokenBase = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	const t6 = forwardedRef;
 	let t7;
 	if ($[16] !== T0 || $[17] !== size || $[18] !== t1 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
-		t7 = /*#__PURE__*/ jsx(T0, {
+		t7 = /* @__PURE__ */ jsx(T0, {
 			onKeyDown: t1,
 			className: t2,
 			"data-cursor-is-interactive": t3,

package/dist/Token/_RemoveTokenButton.js

@@ -5,16 +5,16 @@ import { clsx } from "clsx";
 import { XIcon } from "@primer/octicons-react";
 //#region src/Token/_RemoveTokenButton.tsx
 const RemoveTokenButton = ({ "aria-label": ariaLabel, isParentInteractive, size = defaultTokenSize, className, borderOffset = 0, as: _as, children: _children, ...rest }) => {
-	if (isParentInteractive) return /*#__PURE__*/ jsx("span", {
+	if (isParentInteractive) return /* @__PURE__ */ jsx("span", {
 		...rest,
 		tabIndex: -1,
 		"aria-label": ariaLabel,
 		"data-size": size,
 		className: clsx(_RemoveTokenButton_module_css_default.TokenButton, className),
 		style: { transform: `translate(${borderOffset}px, -${borderOffset}px)` },
-		children: /*#__PURE__*/ jsx(XIcon, { size: size === "small" || size === "medium" ? 12 : 16 })
+		children: /* @__PURE__ */ jsx(XIcon, { size: size === "small" || size === "medium" ? 12 : 16 })
 	});
-	return /*#__PURE__*/ jsx("button", {
+	return /* @__PURE__ */ jsx("button", {
 		...rest,
 		"aria-label": "Remove token",
 		"data-size": size,
@@ -22,9 +22,8 @@ const RemoveTokenButton = ({ "aria-label": ariaLabel, isParentInteractive, size
 		style: { transform: `translate(${borderOffset}px, -${borderOffset}px)` },
 		ref: rest.ref,
 		type: "button",
-		children: /*#__PURE__*/ jsx(XIcon, { size: size === "small" || size === "medium" ? 12 : 16 })
+		children: /* @__PURE__ */ jsx(XIcon, { size: size === "small" || size === "medium" ? 12 : 16 })
 	});
 };
-RemoveTokenButton.displayName = "RemoveTokenButton";
 //#endregion
 export { RemoveTokenButton as default };

package/dist/Token/_TokenTextContainer.js

@@ -38,7 +38,7 @@ const TokenTextContainer = (t0) => {
 	const t4 = Component === "button" ? props : Component === "a" ? props : props;
 	let t5;
 	if ($[8] !== Component || $[9] !== children || $[10] !== t3 || $[11] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Component, {
+		t5 = /* @__PURE__ */ jsx(Component, {
 			className: t2,
 			id: t3,
 			...t4,