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

package/dist/Dialog/Dialog.js

@@ -43,36 +43,34 @@ const DefaultHeader = ({ dialogLabelId, title, subtitle, dialogDescriptionId, on
 			onClose("escape");
 		}
 	}, [onClose]);
-	return /*#__PURE__*/ jsx(Dialog.Header, { children: /*#__PURE__*/ jsxs("div", {
+	return /* @__PURE__ */ jsx(Dialog.Header, { children: /* @__PURE__ */ jsxs("div", {
 		className: Dialog_module_css_default.HeaderInner,
-		children: [/*#__PURE__*/ jsxs("div", {
+		children: [/* @__PURE__ */ jsxs("div", {
 			className: Dialog_module_css_default.HeaderContent,
-			children: [/*#__PURE__*/ jsx(Dialog.Title, {
+			children: [/* @__PURE__ */ jsx(Dialog.Title, {
 				id: dialogLabelId,
 				children: title !== null && title !== void 0 ? title : "Dialog"
-			}), subtitle && /*#__PURE__*/ jsx(Dialog.Subtitle, {
+			}), subtitle && /* @__PURE__ */ jsx(Dialog.Subtitle, {
 				id: dialogDescriptionId,
 				children: subtitle
 			})]
-		}), /*#__PURE__*/ jsx(Dialog.CloseButton, {
+		}), /* @__PURE__ */ jsx(Dialog.CloseButton, {
 			onClose: onCloseClick,
 			onKeyDown: onCloseKeyDown
 		})]
 	}) });
 };
-DefaultHeader.displayName = "DefaultHeader";
 const DefaultBody = ({ children }) => {
-	return /*#__PURE__*/ jsx(Dialog.Body, { children });
+	return /* @__PURE__ */ jsx(Dialog.Body, { children });
 };
-DefaultBody.displayName = "DefaultBody";
 const DefaultFooter = ({ footerButtons }) => {
 	const { containerRef: footerRef } = useFocusZone({
 		bindKeys: FocusKeys.ArrowHorizontal | FocusKeys.Tab,
 		focusInStrategy: "closest"
 	});
-	return footerButtons ? /*#__PURE__*/ jsx(Dialog.Footer, {
+	return footerButtons ? /* @__PURE__ */ jsx(Dialog.Footer, {
 		ref: footerRef,
-		children: /*#__PURE__*/ jsx(Dialog.Buttons, { buttons: footerButtons })
+		children: /* @__PURE__ */ jsx(Dialog.Buttons, { buttons: footerButtons })
 	}) : null;
 };
 const defaultPosition = {
@@ -156,9 +154,9 @@ const _Dialog = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 		return [`data-position-${key}`, value];
 	}));
 	const dataComponent = dataComponentProp !== null && dataComponentProp !== void 0 ? dataComponentProp : "Dialog";
-	return /*#__PURE__*/ jsx(DialogContext.Provider, {
+	return /* @__PURE__ */ jsx(DialogContext.Provider, {
 		value: DIALOG_CONTEXT_VALUE,
-		children: /*#__PURE__*/ jsx(Portal_default, { children: /*#__PURE__*/ jsx("div", {
+		children: /* @__PURE__ */ jsx(Portal_default, { children: /* @__PURE__ */ jsx("div", {
 			ref: backdropRef,
 			className: Dialog_module_css_default.Backdrop,
 			...positionDataAttributes,
@@ -167,7 +165,7 @@ const _Dialog = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 			onMouseDown: (e) => {
 				setLastMouseDownIsBackdrop(e.target === e.currentTarget);
 			},
-			children: /*#__PURE__*/ jsxs("div", {
+			children: /* @__PURE__ */ jsxs("div", {
 				ref: mergedDialogRef,
 				role,
 				"aria-labelledby": dialogLabelId,
@@ -187,7 +185,7 @@ const _Dialog = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 				"data-component": dataComponent,
 				children: [
 					header,
-					/*#__PURE__*/ jsx(ScrollableRegion, {
+					/* @__PURE__ */ jsx(ScrollableRegion, {
 						"aria-labelledby": dialogLabelId,
 						className: Dialog_module_css_default.DialogOverflowWrapper,
 						children: body
@@ -200,7 +198,7 @@ const _Dialog = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 });
 _Dialog.displayName = "Dialog";
 const Header = /*#__PURE__*/ React.forwardRef(function Header({ className, ...rest }, forwardRef) {
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		ref: forwardRef,
 		className: clsx(className, Dialog_module_css_default.Header),
 		...rest,
@@ -209,7 +207,7 @@ const Header = /*#__PURE__*/ React.forwardRef(function Header({ className, ...re
 });
 Header.displayName = "Dialog.Header";
 const Title = /*#__PURE__*/ React.forwardRef(function Title({ className, ...rest }, forwardRef) {
-	return /*#__PURE__*/ jsx("h1", {
+	return /* @__PURE__ */ jsx("h1", {
 		ref: forwardRef,
 		className: clsx(className, Dialog_module_css_default.Title),
 		...rest,
@@ -218,7 +216,7 @@ const Title = /*#__PURE__*/ React.forwardRef(function Title({ className, ...rest
 });
 Title.displayName = "Dialog.Title";
 const Subtitle = /*#__PURE__*/ React.forwardRef(function Subtitle({ className, ...rest }, forwardRef) {
-	return /*#__PURE__*/ jsx("h2", {
+	return /* @__PURE__ */ jsx("h2", {
 		ref: forwardRef,
 		className: clsx(className, Dialog_module_css_default.Subtitle),
 		...rest,
@@ -227,7 +225,7 @@ const Subtitle = /*#__PURE__*/ React.forwardRef(function Subtitle({ className, .
 });
 Subtitle.displayName = "Dialog.Subtitle";
 const Body = /*#__PURE__*/ React.forwardRef(function Body({ className, ...rest }, forwardRef) {
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		ref: forwardRef,
 		className: clsx(className, Dialog_module_css_default.Body),
 		...rest,
@@ -236,7 +234,7 @@ const Body = /*#__PURE__*/ React.forwardRef(function Body({ className, ...rest }
 });
 Body.displayName = "Dialog.Body";
 const Footer = /*#__PURE__*/ React.forwardRef(function Footer({ className, ...rest }, forwardRef) {
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		ref: forwardRef,
 		className: clsx(className, Dialog_module_css_default.Footer),
 		...rest,
@@ -261,9 +259,9 @@ const Buttons = ({ buttons }) => {
 			(_readRef$current = readRef.current) === null || _readRef$current === void 0 || _readRef$current.focus();
 		} else setHasRendered(hasRendered + 1);
 	}, [readRef, hasRendered]);
-	return /*#__PURE__*/ jsx(Fragment$1, { children: buttons.map((dialogButtonProps, index) => {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: buttons.map((dialogButtonProps, index) => {
 		const { content, buttonType = "default", autoFocus = false, ...buttonProps } = dialogButtonProps;
-		return /*#__PURE__*/ jsx(ButtonComponent, {
+		return /* @__PURE__ */ jsx(ButtonComponent, {
 			"data-component": "Dialog.FooterButton",
 			...buttonProps,
 			variant: buttonType === "normal" ? "default" : buttonType,
@@ -273,7 +271,7 @@ const Buttons = ({ buttons }) => {
 	}) });
 };
 const CloseButton = ({ onClose, onKeyDown }) => {
-	return /*#__PURE__*/ jsx(IconButton, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		icon: XIcon,
 		"aria-label": "Close",
 		onClick: onClose,
@@ -282,7 +280,6 @@ const CloseButton = ({ onClose, onKeyDown }) => {
 		"data-component": "Dialog.CloseButton"
 	});
 };
-CloseButton.displayName = "CloseButton";
 /**
 * A dialog is a type of overlay that can be used for confirming actions, asking
 * for disambiguation, and presenting small forms. They generally allow the user

package/dist/FeatureFlags/DefaultFeatureFlags.js

@@ -8,7 +8,8 @@ const DefaultFeatureFlags = FeatureFlagScope.create({
 	primer_react_action_list_group_heading_trailing_action: false,
 	primer_react_action_list_item_gap: false,
 	primer_react_timeline_list_semantics: false,
-	primer_react_merged_forwarded_refs: false
+	primer_react_merged_forwarded_refs: false,
+	primer_react_button_loading_disabled_styles: false
 });
 //#endregion
 export { DefaultFeatureFlags };

package/dist/FeatureFlags/FeatureFlags.js

@@ -18,7 +18,7 @@ function FeatureFlags(t0) {
 	const value = t1;
 	let t2;
 	if ($[3] !== children || $[4] !== value) {
-		t2 = /*#__PURE__*/ jsx(FeatureFlagContext.Provider, {
+		t2 = /* @__PURE__ */ jsx(FeatureFlagContext.Provider, {
 			value,
 			children
 		});

package/dist/FilteredActionList/FilteredActionList.js

@@ -208,7 +208,7 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 		if (onSelectAllChange) onSelectAllChange(e.target.checked);
 	}, [onSelectAllChange]);
 	function getBodyContent() {
-		if (loading && readScrollContainerRef.current && loadingType.appearsInBody) return /*#__PURE__*/ jsx(FilteredActionListBodyLoader, {
+		if (loading && readScrollContainerRef.current && loadingType.appearsInBody) return /* @__PURE__ */ jsx(FilteredActionListBodyLoader, {
 			loadingType,
 			height: readScrollContainerRef.current.clientHeight
 		});
@@ -218,13 +218,13 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 			if (groupMetadata !== null && groupMetadata !== void 0 && groupMetadata.length) return groupMetadata.map((group, index) => {
 				var _group$header, _group$header2;
 				if (index === firstGroupIndex && getItemListForEachGroup(group.groupId).length === 0) firstGroupIndex++;
-				return /*#__PURE__*/ jsxs(ActionList.Group, { children: [/*#__PURE__*/ jsx(ActionList.GroupHeading, {
+				return /* @__PURE__ */ jsxs(ActionList.Group, { children: [/* @__PURE__ */ jsx(ActionList.GroupHeading, {
 					variant: (_group$header = group.header) !== null && _group$header !== void 0 && _group$header.variant ? group.header.variant : void 0,
 					children: (_group$header2 = group.header) !== null && _group$header2 !== void 0 && _group$header2.title ? group.header.title : `Group ${group.groupId}`
 				}), getItemListForEachGroup(group.groupId).map(({ key: itemKey, ...item }, itemIndex) => {
 					var _ref2, _item$id2;
 					const key = (_ref2 = itemKey !== null && itemKey !== void 0 ? itemKey : (_item$id2 = item.id) === null || _item$id2 === void 0 ? void 0 : _item$id2.toString()) !== null && _ref2 !== void 0 ? _ref2 : itemIndex.toString();
-					return /*#__PURE__*/ jsx(MappedActionListItem, {
+					return /* @__PURE__ */ jsx(MappedActionListItem, {
 						className: clsx(FilteredActionList_module_css_default.ActionListItem, "className" in item ? item.className : void 0),
 						"data-input-focused": isInputFocused ? "" : void 0,
 						"data-first-child": index === firstGroupIndex && itemIndex === 0 ? "" : void 0,
@@ -236,7 +236,7 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 			if (isVirtualized && virtualizedItemEntries) return virtualizedItemEntries.map(({ virtualItem, item: { key: itemKey, ...item }, index }) => {
 				var _ref3, _item$id3;
 				const key = (_ref3 = itemKey !== null && itemKey !== void 0 ? itemKey : (_item$id3 = item.id) === null || _item$id3 === void 0 ? void 0 : _item$id3.toString()) !== null && _ref3 !== void 0 ? _ref3 : index.toString();
-				return /*#__PURE__*/ jsx(MappedActionListItem, {
+				return /* @__PURE__ */ jsx(MappedActionListItem, {
 					className: clsx(FilteredActionList_module_css_default.ActionListItem, "className" in item ? item.className : void 0),
 					"data-input-focused": isInputFocused ? "" : void 0,
 					"data-first-child": index === 0 ? "" : void 0,
@@ -258,7 +258,7 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 			return items.map(({ key: itemKey, ...item }, index) => {
 				var _ref4, _item$id4;
 				const key = (_ref4 = itemKey !== null && itemKey !== void 0 ? itemKey : (_item$id4 = item.id) === null || _item$id4 === void 0 ? void 0 : _item$id4.toString()) !== null && _ref4 !== void 0 ? _ref4 : index.toString();
-				return /*#__PURE__*/ jsx(MappedActionListItem, {
+				return /* @__PURE__ */ jsx(MappedActionListItem, {
 					className: clsx(FilteredActionList_module_css_default.ActionListItem, "className" in item ? item.className : void 0),
 					"data-input-focused": isInputFocused ? "" : void 0,
 					"data-first-child": index === 0 ? "" : void 0,
@@ -267,7 +267,7 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 				}, key);
 			});
 		};
-		const actionListContent = /*#__PURE__*/ jsx(ActionList, {
+		const actionListContent = /* @__PURE__ */ jsx(ActionList, {
 			ref: usingRovingTabindex ? listRef : listContainerRefCallback,
 			showDividers: showItemDividers,
 			selectionVariant,
@@ -283,7 +283,7 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 			} : actionListProps === null || actionListProps === void 0 ? void 0 : actionListProps.style,
 			children: renderListItems()
 		});
-		if (usingRovingTabindex) return /*#__PURE__*/ jsx(ActionListContainerContext.Provider, {
+		if (usingRovingTabindex) return /* @__PURE__ */ jsx(ActionListContainerContext.Provider, {
 			value: {
 				container: "FilteredActionList",
 				listRole: "listbox",
@@ -295,13 +295,13 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 		});
 		else return actionListContent;
 	}
-	return /*#__PURE__*/ jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref: inputAndListContainerRef,
 		className: clsx(className, FilteredActionList_module_css_default.Root),
 		"data-testid": "filtered-action-list",
 		"data-component": "FilteredActionList",
 		children: [
-			/*#__PURE__*/ jsx(FilteredActionListInput, {
+			/* @__PURE__ */ jsx(FilteredActionListInput, {
 				inputRef: appliedInputRef,
 				onInputFocus,
 				value: filterValue,
@@ -315,28 +315,28 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 				fullScreenOnNarrow,
 				...textInputProps
 			}),
-			/*#__PURE__*/ jsx(VisuallyHidden, {
+			/* @__PURE__ */ jsx(VisuallyHidden, {
 				id: inputDescriptionTextId,
 				children: "Items will be filtered as you type"
 			}),
-			onSelectAllChange !== void 0 && /*#__PURE__*/ jsxs("div", {
+			onSelectAllChange !== void 0 && /* @__PURE__ */ jsxs("div", {
 				className: FilteredActionList_module_css_default.SelectAllContainer,
 				"data-component": "FilteredActionList.SelectAll",
-				children: [/*#__PURE__*/ jsx(Checkbox, {
+				children: [/* @__PURE__ */ jsx(Checkbox, {
 					id: "select-all-checkbox",
 					className: FilteredActionList_module_css_default.SelectAllCheckbox,
 					checked: selectAllChecked,
 					indeterminate: selectAllIndeterminate,
 					onChange: handleSelectAllChange,
 					"data-component": "FilteredActionList.SelectAllCheckbox"
-				}), /*#__PURE__*/ jsx("label", {
+				}), /* @__PURE__ */ jsx("label", {
 					className: FilteredActionList_module_css_default.SelectAllLabel,
 					htmlFor: "select-all-checkbox",
 					"data-component": "FilteredActionList.SelectAllLabel",
 					children: selectAllLabelText
 				})]
 			}),
-			/*#__PURE__*/ jsx("div", {
+			/* @__PURE__ */ jsx("div", {
 				ref: appliedScrollContainerRef,
 				className: FilteredActionList_module_css_default.Container,
 				children: getBodyContent()
@@ -344,11 +344,10 @@ function FilteredActionList({ loading = false, placeholderText, filterValue: ext
 		]
 	});
 }
-FilteredActionList.displayName = "FilteredActionList";
 const MappedActionListItem = /*#__PURE__*/ forwardRef((item, ref) => {
 	if (typeof item.renderItem === "function") return item.renderItem(item);
 	const { id, description, descriptionVariant, text, trailingVisual: TrailingVisual, leadingVisual: LeadingVisual, trailingText, trailingIcon: TrailingIcon, onAction, children, ...rest } = item;
-	return /*#__PURE__*/ jsxs(ActionList.Item, {
+	return /* @__PURE__ */ jsxs(ActionList.Item, {
 		role: "option",
 		onSelect: (e) => {
 			if (typeof onAction === "function") onAction(item, e);
@@ -357,14 +356,14 @@ const MappedActionListItem = /*#__PURE__*/ forwardRef((item, ref) => {
 		ref,
 		...rest,
 		children: [
-			LeadingVisual ? /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: /*#__PURE__*/ jsx(LeadingVisual, {}) }) : null,
+			LeadingVisual ? /* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: /* @__PURE__ */ jsx(LeadingVisual, {}) }) : null,
 			children,
 			text,
-			description ? /*#__PURE__*/ jsx(ActionList.Description, {
+			description ? /* @__PURE__ */ jsx(ActionList.Description, {
 				variant: descriptionVariant,
 				children: description
 			}) : null,
-			TrailingVisual ? /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /*#__PURE__*/ jsx(TrailingVisual, {}) : TrailingVisual }) : TrailingIcon || trailingText ? /*#__PURE__*/ jsxs(ActionList.TrailingVisual, { children: [trailingText, TrailingIcon && /*#__PURE__*/ jsx(TrailingIcon, {})] }) : null
+			TrailingVisual ? /* @__PURE__ */ jsx(ActionList.TrailingVisual, { children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /* @__PURE__ */ jsx(TrailingVisual, {}) : TrailingVisual }) : TrailingIcon || trailingText ? /* @__PURE__ */ jsxs(ActionList.TrailingVisual, { children: [trailingText, TrailingIcon && /* @__PURE__ */ jsx(TrailingIcon, {})] }) : null
 		]
 	});
 });

package/dist/FilteredActionList/FilteredActionListInput.js

@@ -73,10 +73,10 @@ function FilteredActionListInput(t0) {
 	} else t2 = $[20];
 	let t3;
 	if ($[21] !== inputDescriptionTextId || $[22] !== inputRef || $[23] !== listId || $[24] !== loading || $[25] !== onInputChange || $[26] !== onInputKeyDown || $[27] !== onInputKeyPress || $[28] !== placeholderText || $[29] !== restTextInputProps || $[30] !== t1 || $[31] !== t2 || $[32] !== value) {
-		t3 = /*#__PURE__*/ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("div", {
 			className: FilteredActionList_module_css_default.Header,
 			"data-component": "FilteredActionList.Header",
-			children: /*#__PURE__*/ jsx(TextInput_default, {
+			children: /* @__PURE__ */ jsx(TextInput_default, {
 				ref: inputRef,
 				block: true,
 				width: "auto",

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,