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

package/dist/Autocomplete/AutocompleteMenu.js

@@ -43,7 +43,7 @@ const debounceAnnouncement = debounce((announcement) => {
 	announce(announcement);
 }, 250);
 function AutocompleteMenu(props) {
-	const $ = c(80);
+	const $ = c(83);
 	const autocompleteContext = useContext(AutocompleteContext);
 	const deferredInputContext = useContext(AutocompleteDeferredInputContext);
 	if (autocompleteContext === null || deferredInputContext === null) throw new Error("AutocompleteContext returned null values");
@@ -112,12 +112,19 @@ function AutocompleteMenu(props) {
 	let t6;
 	if ($[15] !== deferredInputValue || $[16] !== filterFn || $[17] !== itemSortOrderData || $[18] !== selectableItems) {
 		let t7;
-		if ($[20] !== itemSortOrderData) {
-			t7 = (a, b) => itemSortOrderData[a.id] - itemSortOrderData[b.id];
-			$[20] = itemSortOrderData;
-			$[21] = t7;
-		} else t7 = $[21];
-		t6 = selectableItems.filter(filterFn ? filterFn : getDefaultItemFilter(deferredInputValue)).sort(t7);
+		if ($[20] !== deferredInputValue || $[21] !== filterFn) {
+			t7 = filterFn ? filterFn : getDefaultItemFilter(deferredInputValue);
+			$[20] = deferredInputValue;
+			$[21] = filterFn;
+			$[22] = t7;
+		} else t7 = $[22];
+		let t8;
+		if ($[23] !== itemSortOrderData) {
+			t8 = (a, b) => itemSortOrderData[a.id] - itemSortOrderData[b.id];
+			$[23] = itemSortOrderData;
+			$[24] = t8;
+		} else t8 = $[24];
+		t6 = selectableItems.filter(t7).sort(t8);
 		$[15] = deferredInputValue;
 		$[16] = filterFn;
 		$[17] = itemSortOrderData;
@@ -126,7 +133,7 @@ function AutocompleteMenu(props) {
 	} else t6 = $[19];
 	const sortedAndFilteredItemsToRender = t6;
 	let t7;
-	if ($[22] !== addNewItem || $[23] !== generatedUniqueId || $[24] !== (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) || $[25] !== selectedItemIds || $[26] !== selectionVariant || $[27] !== setAutocompleteSuggestion || $[28] !== setInputValue) {
+	if ($[25] !== addNewItem || $[26] !== generatedUniqueId || $[27] !== (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) || $[28] !== selectedItemIds || $[29] !== selectionVariant || $[30] !== setAutocompleteSuggestion || $[31] !== setInputValue) {
 		t7 = addNewItem ? [{
 			...addNewItem,
 			role: "option",
@@ -146,51 +153,51 @@ function AutocompleteMenu(props) {
 				}
 			}
 		}] : [];
-		$[22] = addNewItem;
-		$[23] = generatedUniqueId;
-		$[24] = highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id;
-		$[25] = selectedItemIds;
-		$[26] = selectionVariant;
-		$[27] = setAutocompleteSuggestion;
-		$[28] = setInputValue;
-		$[29] = t7;
-	} else t7 = $[29];
+		$[25] = addNewItem;
+		$[26] = generatedUniqueId;
+		$[27] = highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id;
+		$[28] = selectedItemIds;
+		$[29] = selectionVariant;
+		$[30] = setAutocompleteSuggestion;
+		$[31] = setInputValue;
+		$[32] = t7;
+	} else t7 = $[32];
 	let t8;
-	if ($[30] !== sortedAndFilteredItemsToRender || $[31] !== t7) {
+	if ($[33] !== sortedAndFilteredItemsToRender || $[34] !== t7) {
 		t8 = [...sortedAndFilteredItemsToRender, ...t7];
-		$[30] = sortedAndFilteredItemsToRender;
-		$[31] = t7;
-		$[32] = t8;
-	} else t8 = $[32];
+		$[33] = sortedAndFilteredItemsToRender;
+		$[34] = t7;
+		$[35] = t8;
+	} else t8 = $[35];
 	const allItemsToRender = t8;
 	let t9;
-	if ($[33] !== allItemsToRender) {
+	if ($[36] !== allItemsToRender) {
 		t9 = () => {
 			allItemsToRenderRef.current = allItemsToRender;
 		};
-		$[33] = allItemsToRender;
-		$[34] = t9;
-	} else t9 = $[34];
+		$[36] = allItemsToRender;
+		$[37] = t9;
+	} else t9 = $[37];
 	React.useEffect(t9);
 	let t10;
 	let t11;
-	if ($[35] !== allItemsToRender || $[36] !== emptyStateText) {
+	if ($[38] !== allItemsToRender || $[39] !== emptyStateText) {
 		t10 = () => {
 			if (allItemsToRender.length === 0) debounceAnnouncement(emptyStateText);
 		};
 		t11 = [allItemsToRender, emptyStateText];
-		$[35] = allItemsToRender;
-		$[36] = emptyStateText;
-		$[37] = t10;
-		$[38] = t11;
+		$[38] = allItemsToRender;
+		$[39] = emptyStateText;
+		$[40] = t10;
+		$[41] = t11;
 	} else {
-		t10 = $[37];
-		t11 = $[38];
+		t10 = $[40];
+		t11 = $[41];
 	}
 	React.useEffect(t10, t11);
 	const t12 = !showMenu;
 	let t13;
-	if ($[39] !== activeDescendantRef || $[40] !== customScrollContainerRef || $[41] !== scrollContainerRef || $[42] !== setIsMenuDirectlyActivated) {
+	if ($[42] !== activeDescendantRef || $[43] !== customScrollContainerRef || $[44] !== scrollContainerRef || $[45] !== setIsMenuDirectlyActivated) {
 		t13 = (current, _previous, directlyActivated) => {
 			activeDescendantRef.current = current || null;
 			if (current) {
@@ -204,14 +211,14 @@ function AutocompleteMenu(props) {
 			if (current && customScrollContainerRef && customScrollContainerRef.current && directlyActivated) scrollIntoView(current, customScrollContainerRef.current, menuScrollMargins);
 			else if (current && scrollContainerRef.current && directlyActivated) scrollIntoView(current, scrollContainerRef.current, menuScrollMargins);
 		};
-		$[39] = activeDescendantRef;
-		$[40] = customScrollContainerRef;
-		$[41] = scrollContainerRef;
-		$[42] = setIsMenuDirectlyActivated;
-		$[43] = t13;
-	} else t13 = $[43];
+		$[42] = activeDescendantRef;
+		$[43] = customScrollContainerRef;
+		$[44] = scrollContainerRef;
+		$[45] = setIsMenuDirectlyActivated;
+		$[46] = t13;
+	} else t13 = $[46];
 	let t14;
-	if ($[44] !== inputRef || $[45] !== t12 || $[46] !== t13) {
+	if ($[47] !== inputRef || $[48] !== t12 || $[49] !== t13) {
 		t14 = {
 			containerRef: listContainerRef,
 			disabled: t12,
@@ -220,21 +227,21 @@ function AutocompleteMenu(props) {
 			activeDescendantFocus: inputRef,
 			onActiveDescendantChanged: t13
 		};
-		$[44] = inputRef;
-		$[45] = t12;
-		$[46] = t13;
-		$[47] = t14;
-	} else t14 = $[47];
+		$[47] = inputRef;
+		$[48] = t12;
+		$[49] = t13;
+		$[50] = t14;
+	} else t14 = $[50];
 	let t15;
-	if ($[48] !== loading) {
+	if ($[51] !== loading) {
 		t15 = [loading];
-		$[48] = loading;
-		$[49] = t15;
-	} else t15 = $[49];
+		$[51] = loading;
+		$[52] = t15;
+	} else t15 = $[52];
 	useFocusZone(t14, t15);
 	let t16;
 	let t17;
-	if ($[50] !== deferredInputValue || $[51] !== highlightedItem || $[52] !== selectedItemIds || $[53] !== setAutocompleteSuggestion) {
+	if ($[53] !== deferredInputValue || $[54] !== highlightedItem || $[55] !== selectedItemIds || $[56] !== setAutocompleteSuggestion) {
 		t16 = () => {
 			var _highlightedItem$text;
 			if (highlightedItem !== null && highlightedItem !== void 0 && (_highlightedItem$text = highlightedItem.text) !== null && _highlightedItem$text !== void 0 && _highlightedItem$text.startsWith(deferredInputValue) && !selectedItemIds.includes(highlightedItem.id)) setAutocompleteSuggestion(highlightedItem.text);
@@ -246,20 +253,20 @@ function AutocompleteMenu(props) {
 			selectedItemIds,
 			setAutocompleteSuggestion
 		];
-		$[50] = deferredInputValue;
-		$[51] = highlightedItem;
-		$[52] = selectedItemIds;
-		$[53] = setAutocompleteSuggestion;
-		$[54] = t16;
-		$[55] = t17;
+		$[53] = deferredInputValue;
+		$[54] = highlightedItem;
+		$[55] = selectedItemIds;
+		$[56] = setAutocompleteSuggestion;
+		$[57] = t16;
+		$[58] = t17;
 	} else {
-		t16 = $[54];
-		t17 = $[55];
+		t16 = $[57];
+		t17 = $[58];
 	}
 	useEffect(t16, t17);
 	let t18;
 	let t19;
-	if ($[56] !== onOpenChange || $[57] !== selectedItemIds || $[58] !== showMenu || $[59] !== sortOnCloseFn || $[60] !== sortedItemIds) {
+	if ($[59] !== onOpenChange || $[60] !== selectedItemIds || $[61] !== showMenu || $[62] !== sortOnCloseFn || $[63] !== sortedItemIds) {
 		t18 = () => {
 			const itemIdSortResult = [...sortedItemIds].sort(sortOnCloseFn ? sortOnCloseFn : getDefaultSortFn((itemId_0) => isItemSelected(itemId_0, selectedItemIds)));
 			const sortResultMatchesState = itemIdSortResult.length === sortedItemIds.length && itemIdSortResult.every((element_0, index) => element_0 === sortedItemIds[index]);
@@ -273,101 +280,99 @@ function AutocompleteMenu(props) {
 			sortOnCloseFn,
 			sortedItemIds
 		];
-		$[56] = onOpenChange;
-		$[57] = selectedItemIds;
-		$[58] = showMenu;
-		$[59] = sortOnCloseFn;
-		$[60] = sortedItemIds;
-		$[61] = t18;
-		$[62] = t19;
+		$[59] = onOpenChange;
+		$[60] = selectedItemIds;
+		$[61] = showMenu;
+		$[62] = sortOnCloseFn;
+		$[63] = sortedItemIds;
+		$[64] = t18;
+		$[65] = t19;
 	} else {
-		t18 = $[61];
-		t19 = $[62];
+		t18 = $[64];
+		t19 = $[65];
 	}
 	useEffect(t18, t19);
 	let t20;
-	if ($[63] !== selectedItemIds.length || $[64] !== setSelectedItemLength) {
+	if ($[66] !== selectedItemIds.length || $[67] !== setSelectedItemLength) {
 		t20 = () => {
 			if (selectedItemIds.length) setSelectedItemLength(selectedItemIds.length);
 		};
-		$[63] = selectedItemIds.length;
-		$[64] = setSelectedItemLength;
-		$[65] = t20;
-	} else t20 = $[65];
+		$[66] = selectedItemIds.length;
+		$[67] = setSelectedItemLength;
+		$[68] = t20;
+	} else t20 = $[68];
 	let t21;
-	if ($[66] !== selectedItemIds || $[67] !== setSelectedItemLength) {
+	if ($[69] !== selectedItemIds || $[70] !== setSelectedItemLength) {
 		t21 = [selectedItemIds, setSelectedItemLength];
-		$[66] = selectedItemIds;
-		$[67] = setSelectedItemLength;
-		$[68] = t21;
-	} else t21 = $[68];
+		$[69] = selectedItemIds;
+		$[70] = setSelectedItemLength;
+		$[71] = t21;
+	} else t21 = $[71];
 	useEffect(t20, t21);
 	if (selectionVariant === "single" && selectedItemIds.length > 1) throw new Error("Autocomplete: selectionVariant \"single\" cannot be used with multiple selected items");
 	const t22 = !showMenu;
 	let t23;
-	if ($[69] !== allItemsToRender || $[70] !== ariaLabelledBy || $[71] !== emptyStateText || $[72] !== id || $[73] !== loading || $[74] !== selectionVariant) {
-		t23 = loading ? /*#__PURE__*/ jsx("div", {
+	if ($[72] !== allItemsToRender || $[73] !== ariaLabelledBy || $[74] !== emptyStateText || $[75] !== id || $[76] !== loading || $[77] !== selectionVariant) {
+		t23 = loading ? /* @__PURE__ */ jsx("div", {
 			className: AutocompleteMenu_module_css_default.SpinnerWrapper,
-			children: /*#__PURE__*/ jsx(Spinner, {})
-		}) : /*#__PURE__*/ jsx("div", {
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		}) : /* @__PURE__ */ jsx("div", {
 			ref: listContainerRef,
-			children: allItemsToRender.length ? /*#__PURE__*/ jsx(ActionList, {
+			children: allItemsToRender.length ? /* @__PURE__ */ jsx(ActionList, {
 				"data-component": "Autocomplete.Menu",
 				selectionVariant,
 				role: "listbox",
 				id: `${id}-listbox`,
 				"aria-labelledby": ariaLabelledBy,
 				children: allItemsToRender.map(_temp5)
-			}) : emptyStateText !== false && emptyStateText !== null ? /*#__PURE__*/ jsx("div", {
+			}) : emptyStateText !== false && emptyStateText !== null ? /* @__PURE__ */ jsx("div", {
 				className: AutocompleteMenu_module_css_default.EmptyStateWrapper,
 				children: emptyStateText
 			}) : null
 		});
-		$[69] = allItemsToRender;
-		$[70] = ariaLabelledBy;
-		$[71] = emptyStateText;
-		$[72] = id;
-		$[73] = loading;
-		$[74] = selectionVariant;
-		$[75] = t23;
-	} else t23 = $[75];
+		$[72] = allItemsToRender;
+		$[73] = ariaLabelledBy;
+		$[74] = emptyStateText;
+		$[75] = id;
+		$[76] = loading;
+		$[77] = selectionVariant;
+		$[78] = t23;
+	} else t23 = $[78];
 	let t24;
-	if ($[76] !== showMenu || $[77] !== t22 || $[78] !== t23) {
-		t24 = /*#__PURE__*/ jsx(VisuallyHidden, {
+	if ($[79] !== showMenu || $[80] !== t22 || $[81] !== t23) {
+		t24 = /* @__PURE__ */ jsx(VisuallyHidden, {
 			isVisible: showMenu,
 			hidden: t22,
 			children: t23
 		});
-		$[76] = showMenu;
-		$[77] = t22;
-		$[78] = t23;
-		$[79] = t24;
-	} else t24 = $[79];
+		$[79] = showMenu;
+		$[80] = t22;
+		$[81] = t23;
+		$[82] = t24;
+	} else t24 = $[82];
 	return t24;
 }
 function _temp5(item_2) {
 	const { id: id_0, onAction, children, text, leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, key, role, ...itemProps } = item_2;
-	return /*#__PURE__*/ jsxs(ActionList.Item, {
+	return /* @__PURE__ */ jsxs(ActionList.Item, {
 		onSelect: () => onAction(item_2),
 		...itemProps,
 		id: id_0,
 		"data-id": id_0,
 		role,
 		children: [
-			LeadingVisual && /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/ jsx(LeadingVisual, {}) }),
+			LeadingVisual && /* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: isElement(LeadingVisual) ? LeadingVisual : /* @__PURE__ */ jsx(LeadingVisual, {}) }),
 			children !== null && children !== void 0 ? children : text,
-			TrailingVisual && /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: isElement(TrailingVisual) ? TrailingVisual : /*#__PURE__*/ jsx(TrailingVisual, {}) })
+			TrailingVisual && /* @__PURE__ */ jsx(ActionList.TrailingVisual, { children: isElement(TrailingVisual) ? TrailingVisual : /* @__PURE__ */ jsx(TrailingVisual, {}) })
 		]
 	}, key !== null && key !== void 0 ? key : id_0);
 }
-_temp5.displayName = "_temp5";
 function _temp4(element) {
 	return !(element instanceof HTMLInputElement);
 }
 function _temp3() {
-	return /*#__PURE__*/ jsx(PlusIcon, {});
+	return /* @__PURE__ */ jsx(PlusIcon, {});
 }
-_temp3.displayName = "_temp3";
 function _temp2(acc, curr, i) {
 	acc[curr] = i;
 	return acc;

package/dist/Autocomplete/AutocompleteOverlay.js

@@ -97,7 +97,7 @@ function AutocompleteOverlay(t0) {
 	if (typeof window === "undefined") return null;
 	let t8;
 	if ($[19] !== children || $[20] !== className || $[21] !== closeOptionList || $[22] !== inputRef || $[23] !== mergedScrollContainerRef || $[24] !== overlayProps || $[25] !== (position === null || position === void 0 ? void 0 : position.left) || $[26] !== (position === null || position === void 0 ? void 0 : position.top) || $[27] !== showMenu) {
-		t8 = showMenu ? /*#__PURE__*/ jsx(Overlay, {
+		t8 = showMenu ? /* @__PURE__ */ jsx(Overlay, {
 			returnFocusRef: inputRef,
 			preventFocusOnOpen: true,
 			onClickOutside: closeOptionList,
@@ -109,7 +109,7 @@ function AutocompleteOverlay(t0) {
 			...overlayProps,
 			"data-component": "Autocomplete.Overlay",
 			children
-		}) : /*#__PURE__*/ jsx(VisuallyHidden, {
+		}) : /* @__PURE__ */ jsx(VisuallyHidden, {
 			"aria-hidden": "true",
 			children
 		});

package/dist/Avatar/Avatar.js

@@ -77,7 +77,7 @@ const Avatar = /*#__PURE__*/ React.forwardRef(function Avatar(t0, ref) {
 	} else t10 = $[18];
 	let t11;
 	if ($[19] !== alt || $[20] !== ref || $[21] !== rest || $[22] !== t10 || $[23] !== t5 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
-		t11 = /*#__PURE__*/ jsx("img", {
+		t11 = /* @__PURE__ */ jsx("img", {
 			"data-component": "Avatar",
 			className: t5,
 			ref,

package/dist/AvatarStack/AvatarStack.js

@@ -29,7 +29,7 @@ const AvatarStackBody = (t0) => {
 	const t3 = !hasInteractiveChildren && !disableExpand ? 0 : void 0;
 	let t4;
 	if ($[2] !== children || $[3] !== stackContainer || $[4] !== t1 || $[5] !== t2 || $[6] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			"data-component": "AvatarStack.Body",
 			"data-disable-expand": t1,
 			className: t2,
@@ -175,7 +175,7 @@ const AvatarStack = (t0) => {
 	} else t16 = $[22];
 	let t17;
 	if ($[23] !== disableExpand || $[24] !== hasInteractiveChildren || $[25] !== t16) {
-		t17 = /*#__PURE__*/ jsxs(AvatarStackBody, {
+		t17 = /* @__PURE__ */ jsxs(AvatarStackBody, {
 			disableExpand,
 			hasInteractiveChildren,
 			stackContainer,
@@ -188,7 +188,7 @@ const AvatarStack = (t0) => {
 	} else t17 = $[26];
 	let t18;
 	if ($[27] !== shape || $[28] !== t13 || $[29] !== t15 || $[30] !== t17 || $[31] !== t7 || $[32] !== t8 || $[33] !== t9 || $[34] !== variant) {
-		t18 = /*#__PURE__*/ jsx("span", {
+		t18 = /* @__PURE__ */ jsx("span", {
 			"data-component": "AvatarStack",
 			"data-variant": variant,
 			"data-shape": shape,

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,