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

package/dist/DataTable/Table.js

@@ -57,7 +57,7 @@ const Table = /*#__PURE__*/ React.forwardRef(function Table(t0, ref) {
 	const t5 = t4;
 	let t6;
 	if ($[11] !== cellPadding || $[12] !== labelledby || $[13] !== ref || $[14] !== rest || $[15] !== t3 || $[16] !== t5) {
-		t6 = /*#__PURE__*/ jsx("table", {
+		t6 = /* @__PURE__ */ jsx("table", {
 			...rest,
 			"aria-labelledby": labelledby,
 			"data-cell-padding": cellPadding,
@@ -77,7 +77,7 @@ const Table = /*#__PURE__*/ React.forwardRef(function Table(t0, ref) {
 	} else t6 = $[17];
 	let t7;
 	if ($[18] !== labelledby || $[19] !== t6) {
-		t7 = /*#__PURE__*/ jsx(ScrollableRegion, {
+		t7 = /* @__PURE__ */ jsx(ScrollableRegion, {
 			"aria-labelledby": labelledby,
 			className: t2,
 			children: t6
@@ -89,7 +89,7 @@ const Table = /*#__PURE__*/ React.forwardRef(function Table(t0, ref) {
 	const table = t7;
 	let t8;
 	if ($[21] !== inheritedGroup || $[22] !== table) {
-		t8 = inheritedGroup ? /*#__PURE__*/ jsx(TableGroupContext.Provider, {
+		t8 = inheritedGroup ? /* @__PURE__ */ jsx(TableGroupContext.Provider, {
 			value: void 0,
 			children: table
 		}) : table;
@@ -109,7 +109,7 @@ function TableHead(t0) {
 	} else t1 = $[0];
 	let t2;
 	if ($[1] !== children) {
-		t2 = /*#__PURE__*/ jsx("thead", {
+		t2 = /* @__PURE__ */ jsx("thead", {
 			className: t1,
 			role: "rowgroup",
 			"data-component": "Table.Head",
@@ -130,7 +130,7 @@ function TableBody(t0) {
 	} else t1 = $[0];
 	let t2;
 	if ($[1] !== children) {
-		t2 = /*#__PURE__*/ jsx("tbody", {
+		t2 = /* @__PURE__ */ jsx("tbody", {
 			className: t1,
 			role: "rowgroup",
 			"data-component": "Table.Body",
@@ -164,7 +164,7 @@ function TableHeader(t0) {
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== align || $[6] !== children || $[7] !== rest) {
-		t2 = /*#__PURE__*/ jsx("th", {
+		t2 = /* @__PURE__ */ jsx("th", {
 			"data-component": "Table.Header",
 			...rest,
 			className: t1,
@@ -219,19 +219,19 @@ function TableSortHeader(t0) {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== direction) {
-		t3 = direction === SortDirection.NONE || direction === SortDirection.ASC ? /*#__PURE__*/ jsx(Fragment$1, { children: /*#__PURE__*/ jsx(SortAscIcon, { className: clsx("TableSortIcon", "TableSortIcon--ascending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--ascending"]) }) }) : null;
+		t3 = direction === SortDirection.NONE || direction === SortDirection.ASC ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(SortAscIcon, { className: clsx("TableSortIcon", "TableSortIcon--ascending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--ascending"]) }) }) : null;
 		$[9] = direction;
 		$[10] = t3;
 	} else t3 = $[10];
 	let t4;
 	if ($[11] !== direction) {
-		t4 = direction === SortDirection.DESC ? /*#__PURE__*/ jsx(SortDescIcon, { className: clsx("TableSortIcon", "TableSortIcon--descending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--descending"]) }) : null;
+		t4 = direction === SortDirection.DESC ? /* @__PURE__ */ jsx(SortDescIcon, { className: clsx("TableSortIcon", "TableSortIcon--descending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--descending"]) }) : null;
 		$[11] = direction;
 		$[12] = t4;
 	} else t4 = $[12];
 	let t5;
 	if ($[13] !== children || $[14] !== sortAction || $[15] !== t2 || $[16] !== t3 || $[17] !== t4) {
-		t5 = /*#__PURE__*/ jsxs(Button, {
+		t5 = /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			className: t1,
 			"data-component": "Table.SortHeader.Button",
@@ -252,7 +252,7 @@ function TableSortHeader(t0) {
 	} else t5 = $[18];
 	let t6;
 	if ($[19] !== align || $[20] !== ariaSort || $[21] !== rest || $[22] !== t5) {
-		t6 = /*#__PURE__*/ jsx(TableHeader, {
+		t6 = /* @__PURE__ */ jsx(TableHeader, {
 			...rest,
 			"aria-sort": ariaSort,
 			align,
@@ -287,7 +287,7 @@ function TableRow(t0) {
 	} else t1 = $[3];
 	let t2;
 	if ($[4] !== children || $[5] !== rest) {
-		t2 = /*#__PURE__*/ jsx("tr", {
+		t2 = /* @__PURE__ */ jsx("tr", {
 			...rest,
 			className: t1,
 			role: "row",
@@ -344,7 +344,7 @@ function TableCell(t0) {
 	} else t2 = $[11];
 	let t3;
 	if ($[12] !== BaseComponent || $[13] !== align || $[14] !== children || $[15] !== resolvedHeaders || $[16] !== rest || $[17] !== role || $[18] !== scope || $[19] !== t2) {
-		t3 = /*#__PURE__*/ jsx(BaseComponent, {
+		t3 = /* @__PURE__ */ jsx(BaseComponent, {
 			...rest,
 			className: t2,
 			scope,
@@ -371,7 +371,7 @@ function TableCellPlaceholder(t0) {
 	const { children } = t0;
 	let t1;
 	if ($[0] !== children) {
-		t1 = /*#__PURE__*/ jsx(Text_default, {
+		t1 = /* @__PURE__ */ jsx(Text_default, {
 			className: Table_module_css_default.PlaceholderText,
 			"data-component": "Table.CellPlaceholder",
 			children
@@ -409,7 +409,7 @@ function TableContainer(t0) {
 	} else t1 = $[6];
 	let t2;
 	if ($[7] !== Component || $[8] !== children || $[9] !== rest || $[10] !== t1) {
-		t2 = /*#__PURE__*/ jsx(Component, {
+		t2 = /* @__PURE__ */ jsx(Component, {
 			...rest,
 			className: t1,
 			"data-component": "Table.Container",
@@ -434,7 +434,7 @@ const TableTitle = /*#__PURE__*/ React.forwardRef(function TableTitle(t0, ref) {
 	} else t2 = $[0];
 	let t3;
 	if ($[1] !== BaseComponent || $[2] !== children || $[3] !== id || $[4] !== ref) {
-		t3 = /*#__PURE__*/ jsx(BaseComponent, {
+		t3 = /* @__PURE__ */ jsx(BaseComponent, {
 			className: t2,
 			id,
 			ref,
@@ -460,7 +460,7 @@ function TableSubtitle(t0) {
 	} else t2 = $[0];
 	let t3;
 	if ($[1] !== BaseComponent || $[2] !== children || $[3] !== id) {
-		t3 = /*#__PURE__*/ jsx(BaseComponent, {
+		t3 = /* @__PURE__ */ jsx(BaseComponent, {
 			className: t2,
 			id,
 			"data-component": "Table.Subtitle",
@@ -477,7 +477,7 @@ function TableDivider() {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /*#__PURE__*/ jsx("div", {
+		t0 = /* @__PURE__ */ jsx("div", {
 			className: clsx("TableDivider", Table_module_css_default.TableDivider),
 			role: "presentation",
 			"data-component": "Table.Divider"
@@ -496,7 +496,7 @@ function TableActions(t0) {
 	} else t1 = $[0];
 	let t2;
 	if ($[1] !== children) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			"data-component": "Table.Actions",
 			children
@@ -535,7 +535,7 @@ function TableSkeleton(t0) {
 	} else t2 = $[6];
 	let t3;
 	if ($[7] !== t2) {
-		t3 = /*#__PURE__*/ jsx(TableHead, { children: /*#__PURE__*/ jsx(TableRow, { children: t2 }) });
+		t3 = /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: t2 }) });
 		$[7] = t2;
 		$[8] = t3;
 	} else t3 = $[8];
@@ -547,9 +547,9 @@ function TableSkeleton(t0) {
 	} else t4 = $[10];
 	let t5;
 	if ($[11] !== rows || $[12] !== t4) {
-		t5 = /*#__PURE__*/ jsx(TableBody, { children: /*#__PURE__*/ jsx(TableRow, { children: t4.map((_, i_0) => /*#__PURE__*/ jsxs(TableCell, {
+		t5 = /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: t4.map((_, i_0) => /* @__PURE__ */ jsxs(TableCell, {
 			className: clsx("TableCellSkeleton", Table_module_css_default.TableCellSkeleton),
-			children: [/*#__PURE__*/ jsx(VisuallyHidden, { children: "Loading" }), /*#__PURE__*/ jsx("div", {
+			children: [/* @__PURE__ */ jsx(VisuallyHidden, { children: "Loading" }), /* @__PURE__ */ jsx("div", {
 				className: clsx("TableCellSkeletonItems", Table_module_css_default.TableCellSkeletonItems),
 				children: Array.from({ length: rows }).map(_temp2)
 			})]
@@ -560,7 +560,7 @@ function TableSkeleton(t0) {
 	} else t5 = $[13];
 	let t6;
 	if ($[14] !== cellPadding || $[15] !== gridTemplateColumns || $[16] !== rest || $[17] !== t3 || $[18] !== t5) {
-		t6 = /*#__PURE__*/ jsxs(Table, {
+		t6 = /* @__PURE__ */ jsxs(Table, {
 			...rest,
 			cellPadding,
 			gridTemplateColumns,
@@ -576,15 +576,13 @@ function TableSkeleton(t0) {
 	return t6;
 }
 function _temp2(__0, i_1) {
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: clsx("TableCellSkeletonItem", Table_module_css_default.TableCellSkeletonItem),
-		children: /*#__PURE__*/ jsx(SkeletonText, {})
+		children: /* @__PURE__ */ jsx(SkeletonText, {})
 	}, i_1);
 }
-_temp2.displayName = "_temp2";
 function _temp(column, i) {
-	return /*#__PURE__*/ jsx(TableHeader, { children: typeof column.header === "string" ? column.header : column.header() }, i);
+	return /* @__PURE__ */ jsx(TableHeader, { children: typeof column.header === "string" ? column.header : column.header() }, i);
 }
-_temp.displayName = "_temp";
 //#endregion
 export { Table, TableActions, TableBody, TableCell, TableCellPlaceholder, TableContainer, TableDivider, TableHead, TableHeader, TableRow, TableSkeleton, TableSortHeader, TableSubtitle, TableTitle };

package/dist/DataTable/TableGroup.js

@@ -42,12 +42,12 @@ function TableGroup(t0) {
 	}
 	let t6;
 	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /*#__PURE__*/ jsx(VisuallyHidden, { children: "," });
+		t6 = /* @__PURE__ */ jsx(VisuallyHidden, { children: "," });
 		$[7] = t6;
 	} else t6 = $[7];
 	let t7;
 	if ($[8] !== label) {
-		t7 = /*#__PURE__*/ jsxs("span", {
+		t7 = /* @__PURE__ */ jsxs("span", {
 			className: t5,
 			children: [label, t6]
 		});
@@ -62,13 +62,13 @@ function TableGroup(t0) {
 	const t9 = rowCount === 1 ? " row" : " rows";
 	let t10;
 	if ($[11] !== t9) {
-		t10 = /*#__PURE__*/ jsx(VisuallyHidden, { children: t9 });
+		t10 = /* @__PURE__ */ jsx(VisuallyHidden, { children: t9 });
 		$[11] = t9;
 		$[12] = t10;
 	} else t10 = $[12];
 	let t11;
 	if ($[13] !== rowCount || $[14] !== t10) {
-		t11 = /*#__PURE__*/ jsxs("span", {
+		t11 = /* @__PURE__ */ jsxs("span", {
 			className: t8,
 			children: [rowCount, t10]
 		});
@@ -78,7 +78,7 @@ function TableGroup(t0) {
 	} else t11 = $[15];
 	let t12;
 	if ($[16] !== t11 || $[17] !== t7) {
-		t12 = /*#__PURE__*/ jsxs("span", {
+		t12 = /* @__PURE__ */ jsxs("span", {
 			className: t4,
 			children: [t7, t11]
 		});
@@ -88,7 +88,7 @@ function TableGroup(t0) {
 	} else t12 = $[18];
 	let t13;
 	if ($[19] !== ariaLabel || $[20] !== colSpan || $[21] !== headerId || $[22] !== t12) {
-		t13 = /*#__PURE__*/ jsx(TableRow, { children: /*#__PURE__*/ jsx("th", {
+		t13 = /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx("th", {
 			id: headerId,
 			className: t3,
 			scope: "colgroup",
@@ -106,7 +106,7 @@ function TableGroup(t0) {
 	} else t13 = $[23];
 	let t14;
 	if ($[24] !== id || $[25] !== t13 || $[26] !== t2) {
-		t14 = /*#__PURE__*/ jsx("tbody", {
+		t14 = /* @__PURE__ */ jsx("tbody", {
 			className: t2,
 			role: "rowgroup",
 			"data-component": "Table.Group",
@@ -125,7 +125,7 @@ function TableGroup(t0) {
 	} else t15 = $[28];
 	let t16;
 	if ($[29] !== children || $[30] !== contextValue) {
-		t16 = /*#__PURE__*/ jsx(TableGroupContext.Provider, {
+		t16 = /* @__PURE__ */ jsx(TableGroupContext.Provider, {
 			value: contextValue,
 			children
 		});
@@ -135,7 +135,7 @@ function TableGroup(t0) {
 	} else t16 = $[31];
 	let t17;
 	if ($[32] !== id || $[33] !== t16) {
-		t17 = /*#__PURE__*/ jsx("tbody", {
+		t17 = /* @__PURE__ */ jsx("tbody", {
 			className: t15,
 			role: "rowgroup",
 			"data-component": "Table.Group.Body",
@@ -148,7 +148,7 @@ function TableGroup(t0) {
 	} else t17 = $[34];
 	let t18;
 	if ($[35] !== t14 || $[36] !== t17) {
-		t18 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t14, t17] });
+		t18 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t14, t17] });
 		$[35] = t14;
 		$[36] = t17;
 		$[37] = t18;

package/dist/Details/Details.js

@@ -54,7 +54,7 @@ const Root = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	const t4 = (_dataComponent = dataComponent) !== null && _dataComponent !== void 0 ? _dataComponent : "Details";
 	let t5;
 	if ($[9] !== children || $[10] !== ref || $[11] !== rest || $[12] !== t3 || $[13] !== t4) {
-		t5 = /*#__PURE__*/ jsx("details", {
+		t5 = /* @__PURE__ */ jsx("details", {
 			className: t3,
 			...rest,
 			ref,
@@ -92,7 +92,7 @@ function Summary(t0) {
 	const t1 = Component === "summary" ? null : "summary";
 	let t2;
 	if ($[4] !== Component || $[5] !== children || $[6] !== props || $[7] !== t1) {
-		t2 = /*#__PURE__*/ jsx(Component, {
+		t2 = /* @__PURE__ */ jsx(Component, {
 			as: t1,
 			...props,
 			"data-component": "Details.Summary",

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",