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

package/dist/Button/ButtonBase.js

@@ -6,21 +6,23 @@ import Spinner from "../Spinner/Spinner.js";
 import CounterLabel from "../CounterLabel/CounterLabel.js";
 import { ConditionalWrapper } from "../internal/components/ConditionalWrapper.js";
 import ButtonBase_module_css_default from "./ButtonBase.module.css.js";
+import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
 import React, { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isElement } from "react-is";
 //#region src/Button/ButtonBase.tsx
-const renderModuleVisual = (Visual, loading, visualName, counterLabel) => /*#__PURE__*/ jsx("span", {
+const BUTTON_LOADING_DISABLED_STYLES_FEATURE_FLAG = "primer_react_button_loading_disabled_styles";
+const renderModuleVisual = (Visual, loading, visualName, counterLabel) => /* @__PURE__ */ jsx("span", {
 	"data-component": visualName,
 	className: clsx(!counterLabel && ButtonBase_module_css_default.Visual, visualName === "leadingVisual" && ButtonBase_module_css_default.LeadingVisual, loading ? ButtonBase_module_css_default.LoadingSpinner : ButtonBase_module_css_default.VisualWrap),
-	children: loading ? /*#__PURE__*/ jsx(Spinner, { size: "small" }) : isElement(Visual) ? Visual : /*#__PURE__*/ jsx(Visual, {})
+	children: loading ? /* @__PURE__ */ jsx(Spinner, { size: "small" }) : isElement(Visual) ? Visual : /* @__PURE__ */ jsx(Visual, {})
 });
-renderModuleVisual.displayName = "renderModuleVisual";
 const ButtonBase = /*#__PURE__*/ forwardRef(({ children, as: Component = "button", ...props }, forwardedRef) => {
 	const { leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, trailingAction: TrailingAction, ["aria-describedby"]: ariaDescribedBy, ["aria-labelledby"]: ariaLabelledBy, count, icon: Icon, id, variant = "default", size = "medium", alignContent = "center", block = false, loading, loadingAnnouncement = "Loading", inactive, onClick, labelWrap, notificationIndicator, className, ...rest } = props;
 	const innerRef = React.useRef(null);
 	const mergedRef = useMergedRefs(forwardedRef, innerRef);
+	const loadingDisabledStylesEnabled = useFeatureFlag(BUTTON_LOADING_DISABLED_STYLES_FEATURE_FLAG);
 	const uuid = useId$1(id);
 	const loadingAnnouncementID = `${uuid}-loading-announcement`;
 	const ariaDescribedByIds = loading ? [loadingAnnouncementID, ariaDescribedBy] : [ariaDescribedBy];
@@ -29,11 +31,11 @@ const ButtonBase = /*#__PURE__*/ forwardRef(({ children, as: Component = "button
 		const el = innerRef.current;
 		if (el && !(el instanceof HTMLButtonElement) && !(el instanceof HTMLAnchorElement) && !(el.tagName === "SUMMARY")) console.warn("This component should be an instanceof a semantic button or anchor");
 	}
-	return /*#__PURE__*/ jsxs(ConditionalWrapper, {
+	return /* @__PURE__ */ jsxs(ConditionalWrapper, {
 		if: typeof loading !== "undefined",
 		className: block ? ButtonBase_module_css_default.ConditionalWrapper : variant === "link" ? ButtonBase_module_css_default.ConditionalWrapperLink : void 0,
 		"data-loading-wrapper": true,
-		children: [/*#__PURE__*/ jsx(Component, {
+		children: [/* @__PURE__ */ jsx(Component, {
 			"aria-disabled": loading ? true : void 0,
 			"data-component": "Button",
 			...rest,
@@ -42,6 +44,7 @@ const ButtonBase = /*#__PURE__*/ forwardRef(({ children, as: Component = "button
 			"data-block": block ? "block" : null,
 			"data-inactive": inactive ? true : void 0,
 			"data-loading": Boolean(loading),
+			"data-loading-disabled-styles": loadingDisabledStylesEnabled ? true : void 0,
 			"data-no-visuals": !LeadingVisual && !TrailingVisual && !TrailingAction ? true : void 0,
 			"data-size": size,
 			"data-variant": variant,
@@ -53,27 +56,27 @@ const ButtonBase = /*#__PURE__*/ forwardRef(({ children, as: Component = "button
 			"aria-labelledby": loading ? [`${uuid}-label`, ariaLabelledBy].filter((labelID) => Boolean(labelID)).join(" ") : ariaLabelledBy,
 			id,
 			onClick: loading ? void 0 : onClick,
-			children: Icon ? loading ? /*#__PURE__*/ jsx(Spinner, { size: "small" }) : isElement(Icon) ? Icon : /*#__PURE__*/ jsx(Icon, {}) : /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsxs("span", {
+			children: Icon ? loading ? /* @__PURE__ */ jsx(Spinner, { size: "small" }) : isElement(Icon) ? Icon : /* @__PURE__ */ jsx(Icon, {}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
 				"data-component": "buttonContent",
 				"data-align": alignContent,
 				className: ButtonBase_module_css_default.ButtonContent,
 				children: [
 					loading && !LeadingVisual && !TrailingVisual && !TrailingAction && count === void 0 && renderModuleVisual(Spinner, loading, "loadingSpinner", false),
 					LeadingVisual && renderModuleVisual(LeadingVisual, Boolean(loading), "leadingVisual", false),
-					children && /*#__PURE__*/ jsx("span", {
+					children && /* @__PURE__ */ jsx("span", {
 						"data-component": "text",
 						className: ButtonBase_module_css_default.Label,
 						id: loading ? `${uuid}-label` : void 0,
 						children
 					}),
-					count !== void 0 && !TrailingVisual ? renderModuleVisual(/*#__PURE__*/ jsx(CounterLabel, {
+					count !== void 0 && !TrailingVisual ? renderModuleVisual(/* @__PURE__ */ jsx(CounterLabel, {
 						className: ButtonBase_module_css_default.CounterLabel,
 						"data-component": "ButtonCounter",
 						children: count
 					}), Boolean(loading) && !LeadingVisual, "trailingVisual", true) : TrailingVisual ? renderModuleVisual(TrailingVisual, Boolean(loading) && !LeadingVisual, "trailingVisual", false) : null
 				]
 			}), TrailingAction && renderModuleVisual(TrailingAction, Boolean(loading) && !LeadingVisual && !TrailingVisual, "trailingAction", false)] })
-		}), loading && /*#__PURE__*/ jsx(VisuallyHidden, { children: /*#__PURE__*/ jsx(AriaStatus, {
+		}), loading && /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(AriaStatus, {
 			id: loadingAnnouncementID,
 			children: loadingAnnouncement
 		}) })]

package/dist/Button/ButtonBase.module.css.js

@@ -1,4 +1,4 @@
-import "./ButtonBase-014fae23.css";
+import "./ButtonBase-c8dab214.css";
 //#region src/Button/ButtonBase.module.css.js
 var ButtonBase_module_css_default = {
 	"ButtonBase": "prc-Button-ButtonBase-9n-Xk",

package/dist/Button/IconButton.js

@@ -60,7 +60,7 @@ const IconButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 		} else t2 = $[12];
 		let t3;
 		if ($[13] !== Icon || $[14] !== ariaLabel || $[15] !== disabled || $[16] !== forwardedRef || $[17] !== props || $[18] !== t2) {
-			t3 = /*#__PURE__*/ jsx(ButtonBase, {
+			t3 = /* @__PURE__ */ jsx(ButtonBase, {
 				icon: Icon,
 				className: t2,
 				"data-component": "IconButton",
@@ -94,7 +94,7 @@ const IconButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 		const t6 = description ? ariaLabel : void 0;
 		let t7;
 		if ($[22] !== Icon || $[23] !== props || $[24] !== t4 || $[25] !== t5 || $[26] !== t6) {
-			t7 = /*#__PURE__*/ jsx(ButtonBase, {
+			t7 = /* @__PURE__ */ jsx(ButtonBase, {
 				icon: Icon,
 				className: t4,
 				"data-component": "IconButton",
@@ -112,7 +112,7 @@ const IconButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 		} else t7 = $[27];
 		let t8;
 		if ($[28] !== forwardedRef || $[29] !== hasActivePopup || $[30] !== t2 || $[31] !== t3 || $[32] !== t7 || $[33] !== tooltipDirection || $[34] !== tooltipText) {
-			t8 = /*#__PURE__*/ jsx(Tooltip, {
+			t8 = /* @__PURE__ */ jsx(Tooltip, {
 				ref: forwardedRef,
 				text: tooltipText,
 				type: t2,

package/dist/Button/LinkButton.js

@@ -22,7 +22,7 @@ const LinkButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const Component = t1 === void 0 ? "a" : t1;
 	let t2;
 	if ($[4] !== Component || $[5] !== children || $[6] !== forwardedRef || $[7] !== props) {
-		t2 = /*#__PURE__*/ jsx(ButtonBase, {
+		t2 = /* @__PURE__ */ jsx(ButtonBase, {
 			as: Component,
 			ref: forwardedRef,
 			"data-component": "LinkButton",

package/dist/ButtonGroup/ButtonGroup.js

@@ -66,7 +66,7 @@ const ButtonGroup = /*#__PURE__*/ React.forwardRef(function ButtonGroup(t0, forw
 	} else t5 = $[12];
 	let t6;
 	if ($[13] !== BaseComponent || $[14] !== appliedRef || $[15] !== buttons || $[16] !== rest || $[17] !== role || $[18] !== t5) {
-		t6 = /*#__PURE__*/ jsx(BaseComponent, {
+		t6 = /* @__PURE__ */ jsx(BaseComponent, {
 			ref: appliedRef,
 			className: t5,
 			role,
@@ -86,11 +86,10 @@ const ButtonGroup = /*#__PURE__*/ React.forwardRef(function ButtonGroup(t0, forw
 });
 ButtonGroup.displayName = "ButtonGroup";
 function _temp(child, index) {
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: ButtonGroup_module_css_default.Item,
 		children: child
 	}, index);
 }
-_temp.displayName = "_temp";
 //#endregion
 export { ButtonGroup as default };

package/dist/Card/Card.js

@@ -73,7 +73,7 @@ function CardComponent(props, ref) {
 				} else t15 = $[28];
 				let t16;
 				if ($[29] !== Component || $[30] !== borderRadius || $[31] !== children || $[32] !== layout || $[33] !== padding || $[34] !== ref || $[35] !== rest || $[36] !== t15) {
-					t16 = /*#__PURE__*/ jsx(Component, {
+					t16 = /* @__PURE__ */ jsx(Component, {
 						ref,
 						className: t15,
 						"data-component": "Card",
@@ -95,7 +95,7 @@ function CardComponent(props, ref) {
 				} else t16 = $[37];
 				let t17;
 				if ($[38] !== t14 || $[39] !== t16) {
-					t17 = /*#__PURE__*/ jsx(CardContext.Provider, {
+					t17 = /* @__PURE__ */ jsx(CardContext.Provider, {
 						value: t14,
 						children: t16
 					});
@@ -124,7 +124,7 @@ function CardComponent(props, ref) {
 			t8 = borderRadius;
 			t9 = layout;
 			t10 = rest;
-			t11 = (image || icon) && /*#__PURE__*/ jsx("div", {
+			t11 = (image || icon) && /* @__PURE__ */ jsx("div", {
 				className: clsx(Card_module_css_default.CardHeader, image && Card_module_css_default.CardHeaderEdgeToEdge),
 				children: image || icon
 			});
@@ -175,7 +175,7 @@ function CardComponent(props, ref) {
 	if (t13 !== Symbol.for("react.early_return_sentinel")) return t13;
 	let t14;
 	if ($[45] !== description || $[46] !== heading) {
-		t14 = /*#__PURE__*/ jsxs("div", {
+		t14 = /* @__PURE__ */ jsxs("div", {
 			className: Card_module_css_default.CardContent,
 			children: [heading, description]
 		});
@@ -185,7 +185,7 @@ function CardComponent(props, ref) {
 	} else t14 = $[47];
 	let t15;
 	if ($[48] !== metadata) {
-		t15 = metadata ? /*#__PURE__*/ jsx("div", {
+		t15 = metadata ? /* @__PURE__ */ jsx("div", {
 			className: Card_module_css_default.CardMetadataContainer,
 			children: metadata
 		}) : null;
@@ -194,7 +194,7 @@ function CardComponent(props, ref) {
 	} else t15 = $[49];
 	let t16;
 	if ($[50] !== t14 || $[51] !== t15) {
-		t16 = /*#__PURE__*/ jsxs("div", {
+		t16 = /* @__PURE__ */ jsxs("div", {
 			className: Card_module_css_default.CardBody,
 			children: [t14, t15]
 		});
@@ -204,7 +204,7 @@ function CardComponent(props, ref) {
 	} else t16 = $[52];
 	let t17;
 	if ($[53] !== menu) {
-		t17 = menu ? /*#__PURE__*/ jsx("div", {
+		t17 = menu ? /* @__PURE__ */ jsx("div", {
 			className: Card_module_css_default.CardAction,
 			children: menu
 		}) : null;
@@ -213,7 +213,7 @@ function CardComponent(props, ref) {
 	} else t17 = $[54];
 	let t18;
 	if ($[55] !== T0 || $[56] !== t10 || $[57] !== t11 || $[58] !== t16 || $[59] !== t17 || $[60] !== t4 || $[61] !== t5 || $[62] !== t6 || $[63] !== t7 || $[64] !== t8 || $[65] !== t9) {
-		t18 = /*#__PURE__*/ jsxs(T0, {
+		t18 = /* @__PURE__ */ jsxs(T0, {
 			ref: t4,
 			className: t5,
 			"data-component": t6,
@@ -242,7 +242,7 @@ function CardComponent(props, ref) {
 	} else t18 = $[66];
 	let t19;
 	if ($[67] !== T1 || $[68] !== t12 || $[69] !== t18) {
-		t19 = /*#__PURE__*/ jsx(T1, {
+		t19 = /* @__PURE__ */ jsx(T1, {
 			value: t12,
 			children: t18
 		});
@@ -268,13 +268,13 @@ function CardIcon(t0) {
 	const t3 = !ariaLabel;
 	let t4;
 	if ($[2] !== IconComponent) {
-		t4 = /*#__PURE__*/ jsx(IconComponent, {});
+		t4 = /* @__PURE__ */ jsx(IconComponent, {});
 		$[2] = IconComponent;
 		$[3] = t4;
 	} else t4 = $[3];
 	let t5;
 	if ($[4] !== ariaLabel || $[5] !== t1 || $[6] !== t2 || $[7] !== t3 || $[8] !== t4) {
-		t5 = /*#__PURE__*/ jsx("span", {
+		t5 = /* @__PURE__ */ jsx("span", {
 			className: t1,
 			"data-component": "Card.Icon",
 			role: t2,
@@ -320,7 +320,7 @@ function CardImage(t0) {
 	} else t2 = $[6];
 	let t3;
 	if ($[7] !== alt || $[8] !== rest || $[9] !== src || $[10] !== t2) {
-		t3 = /*#__PURE__*/ jsx("img", {
+		t3 = /* @__PURE__ */ jsx("img", {
 			...rest,
 			src,
 			alt,
@@ -376,7 +376,7 @@ const CardHeading = /*#__PURE__*/ forwardRef(function CardHeading(t0, ref) {
 	} else t3 = $[7];
 	let t4;
 	if ($[8] !== Component || $[9] !== children || $[10] !== ref || $[11] !== rest || $[12] !== t2 || $[13] !== t3) {
-		t4 = /*#__PURE__*/ jsx(Component, {
+		t4 = /* @__PURE__ */ jsx(Component, {
 			...rest,
 			ref,
 			id: t2,
@@ -419,7 +419,7 @@ const CardDescription = /*#__PURE__*/ forwardRef(function CardDescription(t0, re
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== ref || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx("p", {
+		t2 = /* @__PURE__ */ jsx("p", {
 			...rest,
 			ref,
 			className: t1,
@@ -447,7 +447,7 @@ function CardAction(t0) {
 	const { children } = t0;
 	let t1;
 	if ($[0] !== children) {
-		t1 = /*#__PURE__*/ jsx("div", {
+		t1 = /* @__PURE__ */ jsx("div", {
 			"data-component": "Card.Action",
 			children
 		});
@@ -481,7 +481,7 @@ const CardMetadata = /*#__PURE__*/ forwardRef(function CardMetadata(t0, ref) {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== ref || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			...rest,
 			ref,
 			className: t1,

package/dist/Checkbox/Checkbox.js

@@ -55,7 +55,7 @@ const Checkbox = /*#__PURE__*/ React.forwardRef(({ checked, className, defaultCh
 		if (indeterminate) checkbox.setAttribute("aria-checked", "mixed");
 		else checkbox.setAttribute("aria-checked", checkbox.checked ? "true" : "false");
 	});
-	return /*#__PURE__*/ jsx("input", {
+	return /* @__PURE__ */ jsx("input", {
 		...inputProps,
 		"data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : "Checkbox",
 		className: clsx(className, shared_module_css_default.Input, Checkbox_module_css_default.Checkbox)

package/dist/CheckboxGroup/CheckboxGroup.js

@@ -78,7 +78,7 @@ const CheckboxGroup = (t0) => {
 	} else t4 = $[16];
 	let t5;
 	if ($[17] !== children || $[18] !== disabled || $[19] !== rest) {
-		t5 = /*#__PURE__*/ jsx(CheckboxOrRadioGroup_default, {
+		t5 = /* @__PURE__ */ jsx(CheckboxOrRadioGroup_default, {
 			"data-component": "CheckboxGroup",
 			disabled,
 			...rest,
@@ -91,7 +91,7 @@ const CheckboxGroup = (t0) => {
 	} else t5 = $[20];
 	let t6;
 	if ($[21] !== t4 || $[22] !== t5) {
-		t6 = /*#__PURE__*/ jsx(CheckboxGroupContext.Provider, {
+		t6 = /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
 			value: t4,
 			children: t5
 		});

package/dist/CircleBadge/CircleBadge.js

@@ -50,7 +50,7 @@ const CircleBadge = (t0) => {
 	}
 	let t6;
 	if ($[7] !== T0 || $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4 || $[12] !== t5) {
-		t6 = /*#__PURE__*/ jsx(T0, {
+		t6 = /* @__PURE__ */ jsx(T0, {
 			...t1,
 			"data-component": t2,
 			className: t3,
@@ -77,7 +77,7 @@ const CircleBadgeIcon = (props) => {
 	} else t0 = $[1];
 	let t1;
 	if ($[2] !== props || $[3] !== t0) {
-		t1 = /*#__PURE__*/ jsx(Octicon, {
+		t1 = /* @__PURE__ */ jsx(Octicon, {
 			...props,
 			"data-component": "CircleBadge.Icon",
 			className: t0

package/dist/ConfirmationDialog/ConfirmationDialog.js

@@ -1,12 +1,8 @@
 import { c } from "../utils/react-compiler-runtime.js";
 import { Dialog } from "../Dialog/Dialog.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ConfirmationDialog/ConfirmationDialog.tsx
 /**
-* Props to customize the ConfirmationDialog.
-*/
-/**
 * A ConfirmationDialog is a special kind of dialog with more rigid behavior. It
 * is used to confirm a user action. ConfirmationDialogs always have exactly
 * two buttons: one to cancel the action and one to confirm it. No custom
@@ -84,7 +80,7 @@ const ConfirmationDialog = (props) => {
 	const footerButtons = t12;
 	let t13;
 	if ($[18] !== children || $[19] !== className || $[20] !== footerButtons || $[21] !== height || $[22] !== onClose || $[23] !== title || $[24] !== width) {
-		t13 = /*#__PURE__*/ jsx(Dialog, {
+		t13 = /* @__PURE__ */ jsx(Dialog, {
 			"data-component": "ConfirmationDialog",
 			onClose,
 			title,

package/dist/CounterLabel/CounterLabel.js

@@ -5,7 +5,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/CounterLabel/CounterLabel.tsx
 const CounterLabel = /*#__PURE__*/ forwardRef(({ variant, scheme, className, children, ["data-component"]: dataComponent, ...rest }, forwardedRef) => {
-	const label = /*#__PURE__*/ jsxs(VisuallyHidden, { children: [
+	const label = /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
 		"\xA0(",
 		children,
 		")"
@@ -17,7 +17,7 @@ const CounterLabel = /*#__PURE__*/ forwardRef(({ variant, scheme, className, chi
 		["data-variant"]: inferredVariant,
 		...rest
 	};
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx("span", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 		...counterProps,
 		"data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : "CounterLabel",
 		className: clsx(className, CounterLabel_module_css_default.CounterLabel),

package/dist/DataTable/DataTable.js

@@ -36,7 +36,7 @@ function DataTableImplementation(t0) {
 		let t4;
 		if ($[11] !== actions || $[12] !== onToggleSort) {
 			t4 = (header) => {
-				if (header.isSortable()) return /*#__PURE__*/ jsx(TableSortHeader, {
+				if (header.isSortable()) return /* @__PURE__ */ jsx(TableSortHeader, {
 					id: header.domId,
 					align: header.column.align,
 					direction: header.getSortDirection(),
@@ -47,7 +47,7 @@ function DataTableImplementation(t0) {
 					},
 					children: typeof header.column.header === "string" ? header.column.header : header.column.header()
 				}, header.id);
-				return /*#__PURE__*/ jsx(TableHeader, {
+				return /* @__PURE__ */ jsx(TableHeader, {
 					id: header.domId,
 					align: header.column.align,
 					children: typeof header.column.header === "string" ? header.column.header : header.column.header()
@@ -65,7 +65,7 @@ function DataTableImplementation(t0) {
 	} else t3 = $[10];
 	let t4;
 	if ($[14] !== t3) {
-		t4 = /*#__PURE__*/ jsx(TableHead, { children: /*#__PURE__*/ jsx(TableRow, { children: t3 }) });
+		t4 = /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: t3 }) });
 		$[14] = t3;
 		$[15] = t4;
 	} else t4 = $[15];
@@ -73,14 +73,14 @@ function DataTableImplementation(t0) {
 	if ($[16] !== bodies || $[17] !== headers.length) {
 		let t6;
 		if ($[19] !== headers.length) {
-			t6 = (body) => body.type === "row-group" ? /*#__PURE__*/ jsx(TableGroup, {
+			t6 = (body) => body.type === "row-group" ? /* @__PURE__ */ jsx(TableGroup, {
 				id: body.id,
 				label: body.label,
 				rowCount: body.rows.length,
 				colSpan: headers.length,
 				"aria-label": body["aria-label"],
 				children: body.rows.map(renderRow)
-			}, body.key) : /*#__PURE__*/ jsx(TableBody, { children: body.rows.map(renderRow) }, body.key);
+			}, body.key) : /* @__PURE__ */ jsx(TableBody, { children: body.rows.map(renderRow) }, body.key);
 			$[19] = headers.length;
 			$[20] = t6;
 		} else t6 = $[20];
@@ -91,7 +91,7 @@ function DataTableImplementation(t0) {
 	} else t5 = $[18];
 	let t6;
 	if ($[21] !== cellPadding || $[22] !== describedby || $[23] !== gridTemplateColumns || $[24] !== labelledby || $[25] !== t4 || $[26] !== t5) {
-		t6 = /*#__PURE__*/ jsxs(Table, {
+		t6 = /* @__PURE__ */ jsxs(Table, {
 			"aria-labelledby": labelledby,
 			"aria-describedby": describedby,
 			cellPadding,
@@ -109,7 +109,7 @@ function DataTableImplementation(t0) {
 	return t6;
 }
 function _temp(row) {
-	return /*#__PURE__*/ jsx(TableRow, { children: row.getCells().map((cell) => /*#__PURE__*/ jsx(TableCell, {
+	return /* @__PURE__ */ jsx(TableRow, { children: row.getCells().map((cell) => /* @__PURE__ */ jsx(TableCell, {
 		id: cell.domId,
 		scope: cell.rowHeader ? "row" : void 0,
 		align: cell.column.align,
@@ -117,7 +117,6 @@ function _temp(row) {
 		children: cell.column.renderCell ? cell.column.renderCell(row.getValue()) : cell.getValue()
 	}, cell.id)) }, row.id);
 }
-_temp.displayName = "_temp";
 const DataTable = DataTableImplementation;
 //#endregion
 export { DataTable };

package/dist/DataTable/ErrorDialog.js

@@ -18,7 +18,7 @@ function ErrorDialog(t0) {
 	} else t2 = $[2];
 	let t3;
 	if ($[3] !== children || $[4] !== t2 || $[5] !== title) {
-		t3 = /*#__PURE__*/ jsx(ConfirmationDialog, {
+		t3 = /* @__PURE__ */ jsx(ConfirmationDialog, {
 			title,
 			onClose: t2,
 			confirmButtonContent: "Retry",

package/dist/DataTable/Pagination.js

@@ -61,7 +61,7 @@ function Pagination(t0) {
 	} else t8 = $[11];
 	let t9;
 	if ($[12] !== pageEnd || $[13] !== pageStart || $[14] !== totalCount) {
-		t9 = /*#__PURE__*/ jsx(Range, {
+		t9 = /* @__PURE__ */ jsx(Range, {
 			pageStart,
 			pageEnd,
 			totalCount
@@ -102,15 +102,15 @@ function Pagination(t0) {
 	} else t16 = $[22];
 	let t17;
 	if ($[23] !== hasPreviousPage) {
-		t17 = hasPreviousPage ? /*#__PURE__*/ jsx(ChevronLeftIcon, {}) : null;
+		t17 = hasPreviousPage ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : null;
 		$[23] = hasPreviousPage;
 		$[24] = t17;
 	} else t17 = $[24];
 	let t18;
 	let t19;
 	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /*#__PURE__*/ jsx("span", { children: "Previous" });
-		t19 = /*#__PURE__*/ jsx(VisuallyHidden, { children: "\xA0page" });
+		t18 = /* @__PURE__ */ jsx("span", { children: "Previous" });
+		t19 = /* @__PURE__ */ jsx(VisuallyHidden, { children: "\xA0page" });
 		$[25] = t18;
 		$[26] = t19;
 	} else {
@@ -119,7 +119,7 @@ function Pagination(t0) {
 	}
 	let t20;
 	if ($[27] !== t14 || $[28] !== t15 || $[29] !== t16 || $[30] !== t17) {
-		t20 = /*#__PURE__*/ jsx(Step, { children: /*#__PURE__*/ jsxs(Button, {
+		t20 = /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsxs(Button, {
 			className: t13,
 			type: "button",
 			"data-has-page": t14,
@@ -143,13 +143,13 @@ function Pagination(t0) {
 		let t22;
 		if ($[35] !== selectPage) {
 			t22 = (page, i) => {
-				if (page.type === "BREAK") return /*#__PURE__*/ jsx(TruncationStep, {}, `truncation-${i}`);
-				else if (page.type === "NUM") return /*#__PURE__*/ jsx(Step, { children: /*#__PURE__*/ jsxs(Page, {
+				if (page.type === "BREAK") return /* @__PURE__ */ jsx(TruncationStep, {}, `truncation-${i}`);
+				else if (page.type === "NUM") return /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsxs(Page, {
 					active: !!page.selected,
 					onClick: () => {
 						selectPage(page.num - 1);
 					},
-					children: [page.num, page.precedesBreak ? /*#__PURE__*/ jsx(VisuallyHidden, { children: "…" }) : null]
+					children: [page.num, page.precedesBreak ? /* @__PURE__ */ jsx(VisuallyHidden, { children: "…" }) : null]
 				}) }, i);
 			};
 			$[35] = selectPage;
@@ -180,8 +180,8 @@ function Pagination(t0) {
 	let t26;
 	let t27;
 	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-		t26 = /*#__PURE__*/ jsx("span", { children: "Next" });
-		t27 = /*#__PURE__*/ jsx(VisuallyHidden, { children: "\xA0page" });
+		t26 = /* @__PURE__ */ jsx("span", { children: "Next" });
+		t27 = /* @__PURE__ */ jsx(VisuallyHidden, { children: "\xA0page" });
 		$[41] = t26;
 		$[42] = t27;
 	} else {
@@ -190,13 +190,13 @@ function Pagination(t0) {
 	}
 	let t28;
 	if ($[43] !== hasNextPage) {
-		t28 = hasNextPage ? /*#__PURE__*/ jsx(ChevronRightIcon, {}) : null;
+		t28 = hasNextPage ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : null;
 		$[43] = hasNextPage;
 		$[44] = t28;
 	} else t28 = $[44];
 	let t29;
 	if ($[45] !== t23 || $[46] !== t24 || $[47] !== t25 || $[48] !== t28) {
-		t29 = /*#__PURE__*/ jsx(Step, { children: /*#__PURE__*/ jsxs(Button, {
+		t29 = /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsxs(Button, {
 			className: t22,
 			type: "button",
 			"data-has-page": t23,
@@ -217,7 +217,7 @@ function Pagination(t0) {
 	} else t29 = $[49];
 	let t30;
 	if ($[50] !== t12 || $[51] !== t20 || $[52] !== t21 || $[53] !== t29) {
-		t30 = /*#__PURE__*/ jsxs("ol", {
+		t30 = /* @__PURE__ */ jsxs("ol", {
 			className: t10,
 			"data-hidden-viewport-ranges": t12,
 			children: [
@@ -234,7 +234,7 @@ function Pagination(t0) {
 	} else t30 = $[54];
 	let t31;
 	if ($[55] !== id || $[56] !== label || $[57] !== t30 || $[58] !== t9) {
-		t31 = /*#__PURE__*/ jsxs("nav", {
+		t31 = /* @__PURE__ */ jsxs("nav", {
 			"aria-label": label,
 			className: t8,
 			id,
@@ -256,7 +256,7 @@ function Range(t0) {
 	const end = pageEnd;
 	let t1;
 	if ($[0] !== end || $[1] !== start || $[2] !== totalCount) {
-		t1 = /*#__PURE__*/ jsx(VisuallyHidden, { children: /*#__PURE__*/ jsxs(AriaStatus, { children: [
+		t1 = /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsxs(AriaStatus, { children: [
 			"Showing ",
 			start,
 			" through ",
@@ -277,8 +277,8 @@ function Range(t0) {
 	let t3;
 	let t4;
 	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /*#__PURE__*/ jsx(VisuallyHidden, { children: "\xA0through\xA0" });
-		t4 = /*#__PURE__*/ jsx("span", {
+		t3 = /* @__PURE__ */ jsx(VisuallyHidden, { children: "\xA0through\xA0" });
+		t4 = /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			children: "‒"
 		});
@@ -290,7 +290,7 @@ function Range(t0) {
 	}
 	let t5;
 	if ($[7] !== end || $[8] !== start || $[9] !== totalCount) {
-		t5 = /*#__PURE__*/ jsxs("p", {
+		t5 = /* @__PURE__ */ jsxs("p", {
 			className: t2,
 			"data-component": "Table.Pagination.Range",
 			children: [
@@ -309,7 +309,7 @@ function Range(t0) {
 	} else t5 = $[10];
 	let t6;
 	if ($[11] !== t1 || $[12] !== t5) {
-		t6 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t1, t5] });
+		t6 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t1, t5] });
 		$[11] = t1;
 		$[12] = t5;
 		$[13] = t6;
@@ -320,7 +320,7 @@ function TruncationStep() {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /*#__PURE__*/ jsx("li", {
+		t0 = /* @__PURE__ */ jsx("li", {
 			"aria-hidden": "true",
 			className: clsx("TablePaginationTruncationStep", Pagination_module_css_default.TablePaginationTruncationStep),
 			"data-component": "Table.Pagination.TruncationStep",
@@ -340,7 +340,7 @@ function Step(t0) {
 	} else t1 = $[0];
 	let t2;
 	if ($[1] !== children) {
-		t2 = /*#__PURE__*/ jsx("li", {
+		t2 = /* @__PURE__ */ jsx("li", {
 			className: t1,
 			"data-component": "Table.Pagination.Step",
 			children
@@ -362,12 +362,12 @@ function Page(t0) {
 	const t3 = active ? true : void 0;
 	let t4;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /*#__PURE__*/ jsx(VisuallyHidden, { children: "Page\xA0" });
+		t4 = /* @__PURE__ */ jsx(VisuallyHidden, { children: "Page\xA0" });
 		$[1] = t4;
 	} else t4 = $[1];
 	let t5;
 	if ($[2] !== children || $[3] !== onClick || $[4] !== t2 || $[5] !== t3) {
-		t5 = /*#__PURE__*/ jsxs(Button, {
+		t5 = /* @__PURE__ */ jsxs(Button, {
 			className: t1,
 			type: "button",
 			"data-active": t2,