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

package/dist/Banner/Banner.js

@@ -13,11 +13,11 @@ import { AlertIcon, CheckCircleIcon, InfoIcon, StopIcon, XIcon } from "@primer/o
 //#region src/Banner/Banner.tsx
 const BannerContext = /*#__PURE__*/ React.createContext(void 0);
 const iconForVariant = {
-	critical: /*#__PURE__*/ jsx(StopIcon, {}),
-	info: /*#__PURE__*/ jsx(InfoIcon, {}),
-	success: /*#__PURE__*/ jsx(CheckCircleIcon, {}),
-	upsell: /*#__PURE__*/ jsx(InfoIcon, {}),
-	warning: /*#__PURE__*/ jsx(AlertIcon, {})
+	critical: /* @__PURE__ */ jsx(StopIcon, {}),
+	info: /* @__PURE__ */ jsx(InfoIcon, {}),
+	success: /* @__PURE__ */ jsx(CheckCircleIcon, {}),
+	upsell: /* @__PURE__ */ jsx(InfoIcon, {}),
+	warning: /* @__PURE__ */ jsx(AlertIcon, {})
 };
 const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	var _leadingVisual, _labelledBy;
@@ -125,7 +125,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	const t15 = visual && supportsCustomIcon ? visual : iconForVariant[variant];
 	let t16;
 	if ($[24] !== t15) {
-		t16 = /*#__PURE__*/ jsx("div", {
+		t16 = /* @__PURE__ */ jsx("div", {
 			"data-component": "Banner.Icon",
 			className: Banner_module_css_default.BannerIcon,
 			children: t15
@@ -135,20 +135,20 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t16 = $[25];
 	let t17;
 	if ($[26] !== hideTitle || $[27] !== title) {
-		t17 = title ? hideTitle ? /*#__PURE__*/ jsx(VisuallyHidden, { children: /*#__PURE__*/ jsx(BannerTitle, { children: title }) }) : /*#__PURE__*/ jsx(BannerTitle, { children: title }) : null;
+		t17 = title ? hideTitle ? /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(BannerTitle, { children: title }) }) : /* @__PURE__ */ jsx(BannerTitle, { children: title }) : null;
 		$[26] = hideTitle;
 		$[27] = title;
 		$[28] = t17;
 	} else t17 = $[28];
 	let t18;
 	if ($[29] !== description) {
-		t18 = description ? /*#__PURE__*/ jsx(BannerDescription, { children: description }) : null;
+		t18 = description ? /* @__PURE__ */ jsx(BannerDescription, { children: description }) : null;
 		$[29] = description;
 		$[30] = t18;
 	} else t18 = $[30];
 	let t19;
 	if ($[31] !== children || $[32] !== t17 || $[33] !== t18) {
-		t19 = /*#__PURE__*/ jsxs("div", {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			"data-component": "Banner.Content",
 			className: Banner_module_css_default.BannerContent,
 			children: [
@@ -164,7 +164,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t19 = $[34];
 	let t20;
 	if ($[35] !== hasActions || $[36] !== primaryAction || $[37] !== secondaryAction) {
-		t20 = hasActions ? /*#__PURE__*/ jsx(BannerActions, {
+		t20 = hasActions ? /* @__PURE__ */ jsx(BannerActions, {
 			primaryAction,
 			secondaryAction
 		}) : null;
@@ -175,7 +175,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t20 = $[38];
 	let t21;
 	if ($[39] !== t19 || $[40] !== t20) {
-		t21 = /*#__PURE__*/ jsxs("div", {
+		t21 = /* @__PURE__ */ jsxs("div", {
 			className: Banner_module_css_default.BannerContainer,
 			children: [t19, t20]
 		});
@@ -185,7 +185,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t21 = $[41];
 	let t22;
 	if ($[42] !== dismissible || $[43] !== onDismiss) {
-		t22 = dismissible ? /*#__PURE__*/ jsx(IconButton, {
+		t22 = dismissible ? /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": "Dismiss banner",
 			onClick: onDismiss,
 			className: Banner_module_css_default.BannerDismiss,
@@ -198,7 +198,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t22 = $[44];
 	let t23;
 	if ($[45] !== actionsLayout || $[46] !== ref || $[47] !== rest || $[48] !== t10 || $[49] !== t11 || $[50] !== t12 || $[51] !== t13 || $[52] !== t14 || $[53] !== t16 || $[54] !== t21 || $[55] !== t22 || $[56] !== t7 || $[57] !== t8 || $[58] !== t9 || $[59] !== variant) {
-		t23 = /*#__PURE__*/ jsxs("section", {
+		t23 = /* @__PURE__ */ jsxs("section", {
 			"data-component": "Banner",
 			...rest,
 			"aria-labelledby": t7,
@@ -238,7 +238,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t23 = $[60];
 	let t24;
 	if ($[61] !== t23 || $[62] !== t6) {
-		t24 = /*#__PURE__*/ jsx(BannerContext.Provider, {
+		t24 = /* @__PURE__ */ jsx(BannerContext.Provider, {
 			value: t6,
 			children: t23
 		});
@@ -282,7 +282,7 @@ function BannerTitle(props) {
 	} else t1 = $[7];
 	let t2;
 	if ($[8] !== Heading || $[9] !== children || $[10] !== rest || $[11] !== t1 || $[12] !== titleId) {
-		t2 = /*#__PURE__*/ jsx(Heading, {
+		t2 = /* @__PURE__ */ jsx(Heading, {
 			...rest,
 			id: titleId,
 			className: t1,
@@ -323,7 +323,7 @@ function BannerDescription(t0) {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			...rest,
 			className: t1,
 			"data-component": "Banner.Description",
@@ -343,7 +343,7 @@ function BannerActions(t0) {
 	const t2 = primaryAction !== null && primaryAction !== void 0 ? primaryAction : null;
 	let t3;
 	if ($[0] !== t1 || $[1] !== t2) {
-		t3 = /*#__PURE__*/ jsxs("div", {
+		t3 = /* @__PURE__ */ jsxs("div", {
 			className: Banner_module_css_default.BannerActionsContainer,
 			"data-primary-action": "trailing",
 			children: [t1, t2]
@@ -356,7 +356,7 @@ function BannerActions(t0) {
 	const t5 = secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null;
 	let t6;
 	if ($[3] !== t4 || $[4] !== t5) {
-		t6 = /*#__PURE__*/ jsxs("div", {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			className: Banner_module_css_default.BannerActionsContainer,
 			"data-primary-action": "leading",
 			children: [t4, t5]
@@ -367,7 +367,7 @@ function BannerActions(t0) {
 	} else t6 = $[5];
 	let t7;
 	if ($[6] !== t3 || $[7] !== t6) {
-		t7 = /*#__PURE__*/ jsxs("div", {
+		t7 = /* @__PURE__ */ jsxs("div", {
 			className: Banner_module_css_default.BannerActions,
 			"data-component": "Banner.Actions",
 			children: [t3, t6]
@@ -402,7 +402,7 @@ const BannerPrimaryAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx(ButtonComponent, {
+		t2 = /* @__PURE__ */ jsx(ButtonComponent, {
 			"data-component": "Banner.PrimaryAction",
 			ref: forwardedRef,
 			className: t1,
@@ -443,7 +443,7 @@ const BannerSecondaryAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx(ButtonComponent, {
+		t2 = /* @__PURE__ */ jsx(ButtonComponent, {
 			"data-component": "Banner.SecondaryAction",
 			ref: forwardedRef,
 			className: t1,

package/dist/BaseStyles.js

@@ -56,7 +56,7 @@ function BaseStyles(t0) {
 	} else t4 = $[13];
 	let t5;
 	if ($[14] !== Component || $[15] !== children || $[16] !== newClassName || $[17] !== rest || $[18] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Component, {
+		t5 = /* @__PURE__ */ jsx(Component, {
 			"data-component": "BaseStyles",
 			className: newClassName,
 			"data-portal-root": true,

package/dist/Blankslate/Blankslate.js

@@ -3,7 +3,6 @@ import { ButtonComponent } from "../Button/Button.js";
 import Link from "../Link/Link.js";
 import { Provider, useBlankslate } from "./BlankslateContext.js";
 import Blankslate_module_css_default from "./Blankslate.module.css.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/Blankslate/Blankslate.tsx
@@ -54,7 +53,7 @@ function Blankslate(t0) {
 	const t6 = spacious ? "" : void 0;
 	let t7;
 	if ($[12] !== children || $[13] !== size || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6) {
-		t7 = /*#__PURE__*/ jsx("div", {
+		t7 = /* @__PURE__ */ jsx("div", {
 			className: t3,
 			"data-component": "Blankslate",
 			"data-border": t4,
@@ -73,7 +72,7 @@ function Blankslate(t0) {
 	} else t7 = $[18];
 	let t8;
 	if ($[19] !== rest || $[20] !== t7) {
-		t8 = /*#__PURE__*/ jsx("div", {
+		t8 = /* @__PURE__ */ jsx("div", {
 			...rest,
 			className: Blankslate_module_css_default.Container,
 			children: t7
@@ -84,7 +83,7 @@ function Blankslate(t0) {
 	} else t8 = $[21];
 	let t9;
 	if ($[22] !== t8 || $[23] !== value) {
-		t9 = /*#__PURE__*/ jsx(Provider, {
+		t9 = /* @__PURE__ */ jsx(Provider, {
 			value,
 			children: t8
 		});
@@ -118,7 +117,7 @@ function Visual(t0) {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsx("span", {
+		t2 = /* @__PURE__ */ jsx("span", {
 			...rest,
 			className: t1,
 			"data-component": "Blankslate.Visual",
@@ -159,7 +158,7 @@ function Heading(t0) {
 	} else t2 = $[6];
 	let t3;
 	if ($[7] !== Component || $[8] !== children || $[9] !== rest || $[10] !== t2) {
-		t3 = /*#__PURE__*/ jsx(Component, {
+		t3 = /* @__PURE__ */ jsx(Component, {
 			...rest,
 			className: t2,
 			"data-component": "Blankslate.Heading",
@@ -197,7 +196,7 @@ function Description(t0) {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsx("p", {
+		t2 = /* @__PURE__ */ jsx("p", {
 			...rest,
 			className: t1,
 			"data-component": "Blankslate.Description",
@@ -236,10 +235,10 @@ function PrimaryAction(t0) {
 	const t3 = size === "small" ? "small" : void 0;
 	let t4;
 	if ($[5] !== children || $[6] !== href || $[7] !== props || $[8] !== t2 || $[9] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			"data-component": "Blankslate.PrimaryAction",
-			children: /*#__PURE__*/ jsx(ButtonComponent, {
+			children: /* @__PURE__ */ jsx(ButtonComponent, {
 				...props,
 				as: t2,
 				href,
@@ -267,10 +266,10 @@ function SecondaryAction(t0) {
 	} else t1 = $[0];
 	let t2;
 	if ($[1] !== children || $[2] !== href) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			"data-component": "Blankslate.SecondaryAction",
-			children: /*#__PURE__*/ jsx(Link, {
+			children: /* @__PURE__ */ jsx(Link, {
 				href,
 				children
 			})

package/dist/BranchName/BranchName.js

@@ -32,7 +32,7 @@ function BranchName(props, ref) {
 	} else t1 = $[6];
 	let t2;
 	if ($[7] !== Component || $[8] !== children || $[9] !== ref || $[10] !== rest || $[11] !== t1) {
-		t2 = /*#__PURE__*/ jsx(Component, {
+		t2 = /* @__PURE__ */ jsx(Component, {
 			...rest,
 			ref,
 			className: t1,

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -18,7 +18,7 @@ const BreadcrumbsList = (t0) => {
 	const { children } = t0;
 	let t1;
 	if ($[0] !== children) {
-		t1 = /*#__PURE__*/ jsx("ol", {
+		t1 = /* @__PURE__ */ jsx("ol", {
 			className: Breadcrumbs_module_css_default.BreadcrumbsList,
 			children
 		});
@@ -123,7 +123,7 @@ const BreadcrumbsMenuItem = /*#__PURE__*/ React.forwardRef((t0, menuRefCallback)
 	const t9 = isOpen ? "true" : "false";
 	let t10;
 	if ($[13] !== rest || $[14] !== t8 || $[15] !== t9) {
-		t10 = /*#__PURE__*/ jsx(IconButton, {
+		t10 = /* @__PURE__ */ jsx(IconButton, {
 			as: "summary",
 			role: "button",
 			ref: menuButtonRef,
@@ -149,17 +149,17 @@ const BreadcrumbsMenuItem = /*#__PURE__*/ React.forwardRef((t0, menuRefCallback)
 	} else t11 = $[18];
 	let t12;
 	if ($[19] !== t11) {
-		t12 = /*#__PURE__*/ jsx("div", {
+		t12 = /* @__PURE__ */ jsx("div", {
 			ref: menuContainerRef,
 			className: Breadcrumbs_module_css_default.MenuOverlay,
-			children: /*#__PURE__*/ jsx(ActionList, { children: t11 })
+			children: /* @__PURE__ */ jsx(ActionList, { children: t11 })
 		});
 		$[19] = t11;
 		$[20] = t12;
 	} else t12 = $[20];
 	let t13;
 	if ($[21] !== detailsRefCallback || $[22] !== t10 || $[23] !== t12) {
-		t13 = /*#__PURE__*/ jsxs(Details, {
+		t13 = /* @__PURE__ */ jsxs(Details, {
 			ref: detailsRefCallback,
 			className: Breadcrumbs_module_css_default.MenuDetails,
 			"data-component": "Breadcrumbs.MenuItem",
@@ -339,7 +339,7 @@ function Breadcrumbs(t0) {
 			const t11 = `${effectiveMenuItems.length} more breadcrumb items`;
 			let t12;
 			if ($[29] !== effectiveMenuItems || $[30] !== t11) {
-				t12 = /*#__PURE__*/ jsx(BreadcrumbsMenuItem, {
+				t12 = /* @__PURE__ */ jsx(BreadcrumbsMenuItem, {
 					ref: measureMenuButton,
 					items: effectiveMenuItems,
 					"aria-label": t11
@@ -350,12 +350,12 @@ function Breadcrumbs(t0) {
 			} else t12 = $[31];
 			let t13;
 			if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-				t13 = /*#__PURE__*/ jsx(ItemSeparator, {});
+				t13 = /* @__PURE__ */ jsx(ItemSeparator, {});
 				$[32] = t13;
 			} else t13 = $[32];
 			let t14;
 			if ($[33] !== t12) {
-				t14 = /*#__PURE__*/ jsxs("li", {
+				t14 = /* @__PURE__ */ jsxs("li", {
 					className: Breadcrumbs_module_css_default.BreadcrumbsItem,
 					"data-overflow-menu": "",
 					children: [t12, t13]
@@ -367,12 +367,12 @@ function Breadcrumbs(t0) {
 			const visibleElements = visibleItems.map(_temp5);
 			let t15;
 			if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-				t15 = /*#__PURE__*/ jsx(ItemSeparator, {});
+				t15 = /* @__PURE__ */ jsx(ItemSeparator, {});
 				$[35] = t15;
 			} else t15 = $[35];
 			let t16;
 			if ($[36] !== rootItem) {
-				t16 = /*#__PURE__*/ jsxs("li", {
+				t16 = /* @__PURE__ */ jsxs("li", {
 					className: Breadcrumbs_module_css_default.BreadcrumbsItem,
 					children: [rootItem, t15]
 				}, "rootElement");
@@ -404,13 +404,13 @@ function Breadcrumbs(t0) {
 	} else t11 = $[39];
 	let t12;
 	if ($[40] !== finalChildren) {
-		t12 = /*#__PURE__*/ jsx(BreadcrumbsList, { children: finalChildren });
+		t12 = /* @__PURE__ */ jsx(BreadcrumbsList, { children: finalChildren });
 		$[40] = finalChildren;
 		$[41] = t12;
 	} else t12 = $[41];
 	let t13;
 	if ($[42] !== overflow || $[43] !== style || $[44] !== t11 || $[45] !== t12 || $[46] !== variant) {
-		t13 = /*#__PURE__*/ jsx("nav", {
+		t13 = /* @__PURE__ */ jsx("nav", {
 			className: t11,
 			"aria-label": "Breadcrumbs",
 			style,
@@ -430,19 +430,17 @@ function Breadcrumbs(t0) {
 	return t13;
 }
 function _temp5(child_1, index) {
-	return /*#__PURE__*/ jsxs("li", {
+	return /* @__PURE__ */ jsxs("li", {
 		className: Breadcrumbs_module_css_default.BreadcrumbsItem,
-		children: [child_1, /*#__PURE__*/ jsx(ItemSeparator, {})]
+		children: [child_1, /* @__PURE__ */ jsx(ItemSeparator, {})]
 	}, `visible + ${index}`);
 }
-_temp5.displayName = "_temp5";
 function _temp4(child_0) {
-	return /*#__PURE__*/ jsx("li", {
+	return /* @__PURE__ */ jsx("li", {
 		className: Breadcrumbs_module_css_default.ItemWrapper,
 		children: child_0
 	});
 }
-_temp4.displayName = "_temp4";
 function _temp3(child) {
 	return child.offsetWidth;
 }
@@ -453,15 +451,15 @@ const ItemSeparator = () => {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /*#__PURE__*/ jsx("span", {
+		t0 = /* @__PURE__ */ jsx("span", {
 			className: Breadcrumbs_module_css_default.ItemSeparator,
-			children: /*#__PURE__*/ jsx("svg", {
+			children: /* @__PURE__ */ jsx("svg", {
 				width: "16",
 				height: "16",
 				viewBox: "0 0 16 16",
 				xmlns: "http://www.w3.org/2000/svg",
 				"aria-hidden": "true",
-				children: /*#__PURE__*/ jsx("path", {
+				children: /* @__PURE__ */ jsx("path", {
 					d: "M10.956 1.27994L6.06418 14.7201L5 14.7201L9.89181 1.27994L10.956 1.27994Z",
 					fill: "currentcolor"
 				})
@@ -473,7 +471,7 @@ const ItemSeparator = () => {
 };
 const BreadcrumbsItem = fixedForwardRef((props, ref) => {
 	const { as: Component = "a", selected, className, ...rest } = props;
-	return /*#__PURE__*/ jsx(Component, {
+	return /* @__PURE__ */ jsx(Component, {
 		className: clsx(className, Breadcrumbs_module_css_default.Item, selected && "selected"),
 		"aria-current": selected ? "page" : void 0,
 		ref,
@@ -488,21 +486,14 @@ var Breadcrumbs_default = Object.assign(Breadcrumbs, { Item: BreadcrumbsItemWith
 * @deprecated Use the `Breadcrumbs` component instead (i.e. `<Breadcrumb>` → `<Breadcrumbs>`)
 */
 const Breadcrumb = Object.assign(Breadcrumbs, { Item: BreadcrumbsItem });
-/**
-* @deprecated Use the `BreadcrumbsProps` type instead
-*/
-/**
-* @deprecated Use the `BreadcrumbsItemProps` type instead
-*/
 function _temp(item, index) {
 	const { children, selected, as: Component, ...itemProps } = item.props;
-	return /*#__PURE__*/ jsx(ActionList.LinkItem, {
+	return /* @__PURE__ */ jsx(ActionList.LinkItem, {
 		as: Component,
 		...itemProps,
 		"aria-current": selected ? "page" : void 0,
 		children
 	}, index);
 }
-_temp.displayName = "_temp";
 //#endregion
 export { Breadcrumb, Breadcrumbs_default as default };

package/dist/Button/Button.js

@@ -18,7 +18,7 @@ const ButtonComponent = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	}
 	let t1;
 	if ($[3] !== children || $[4] !== forwardedRef || $[5] !== props) {
-		t1 = /*#__PURE__*/ jsx(ButtonBase, {
+		t1 = /* @__PURE__ */ jsx(ButtonBase, {
 			ref: forwardedRef,
 			as: "button",
 			type: "button",

package/dist/Button/ButtonBase.js

@@ -13,12 +13,11 @@ import { clsx } from "clsx";
 import { isElement } from "react-is";
 //#region src/Button/ButtonBase.tsx
 const BUTTON_LOADING_DISABLED_STYLES_FEATURE_FLAG = "primer_react_button_loading_disabled_styles";
-const renderModuleVisual = (Visual, loading, visualName, counterLabel) => /*#__PURE__*/ jsx("span", {
+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);
@@ -32,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,
@@ -57,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/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 };