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

package/dist/ActionList/TrailingAction.js

@@ -51,7 +51,7 @@ const TrailingAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t4 = $[11];
 	let t5;
 	if ($[12] !== as || $[13] !== forwardedRef || $[14] !== href || $[15] !== icon || $[16] !== label || $[17] !== loading || $[18] !== props || $[19] !== tooltipDirection) {
-		t5 = icon ? /*#__PURE__*/ jsx(IconButton, {
+		t5 = icon ? /* @__PURE__ */ jsx(IconButton, {
 			as,
 			"aria-label": label,
 			icon,
@@ -63,7 +63,7 @@ const TrailingAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 			ref: forwardedRef,
 			className: ActionList_module_css_default.TrailingActionButton,
 			...props
-		}) : /*#__PURE__*/ jsx(ButtonComponent, {
+		}) : /* @__PURE__ */ jsx(ButtonComponent, {
 			variant: "invisible",
 			as,
 			href,
@@ -87,7 +87,7 @@ const TrailingAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t5 = $[20];
 	let t6;
 	if ($[21] !== style || $[22] !== t4 || $[23] !== t5) {
-		t6 = /*#__PURE__*/ jsx("span", {
+		t6 = /* @__PURE__ */ jsx("span", {
 			className: t4,
 			"data-component": "ActionList.TrailingAction",
 			style,

package/dist/ActionList/Visuals.js

@@ -29,7 +29,7 @@ const VisualContainer = (t0) => {
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== props || $[6] !== t1) {
-		t2 = /*#__PURE__*/ jsx("span", {
+		t2 = /* @__PURE__ */ jsx("span", {
 			className: t1,
 			...props
 		});
@@ -60,7 +60,7 @@ const LeadingVisual = (t0) => {
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== props || $[6] !== t1) {
-		t2 = /*#__PURE__*/ jsx(VisualContainer, {
+		t2 = /* @__PURE__ */ jsx(VisualContainer, {
 			className: t1,
 			"data-component": "ActionList.LeadingVisual",
 			...props,
@@ -94,7 +94,7 @@ const TrailingVisual = (t0) => {
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== props || $[6] !== t1 || $[7] !== trailingVisualId) {
-		t2 = /*#__PURE__*/ jsx(VisualContainer, {
+		t2 = /* @__PURE__ */ jsx(VisualContainer, {
 			className: t1,
 			"data-component": "ActionList.TrailingVisual",
 			id: trailingVisualId,
@@ -116,22 +116,22 @@ const VisualOrIndicator = (t0) => {
 	if (itemHasLeadingVisual && position === "trailing" || !itemHasLeadingVisual && position === "leading") return children;
 	let t1;
 	if ($[0] !== VisualComponent || $[1] !== className || $[2] !== inactiveText || $[3] !== labelId || $[4] !== position) {
-		t1 = inactiveText ? /*#__PURE__*/ jsx("span", {
+		t1 = inactiveText ? /* @__PURE__ */ jsx("span", {
 			className: ActionList_module_css_default.InactiveButtonWrap,
 			"data-position": position,
-			children: /*#__PURE__*/ jsx(Tooltip, {
+			children: /* @__PURE__ */ jsx(Tooltip, {
 				text: inactiveText,
 				type: "description",
-				children: /*#__PURE__*/ jsx("button", {
+				children: /* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: ActionList_module_css_default.InactiveButtonReset,
 					"aria-labelledby": labelId,
-					children: /*#__PURE__*/ jsx(VisualComponent, { children: /*#__PURE__*/ jsx(AlertIcon, {}) })
+					children: /* @__PURE__ */ jsx(VisualComponent, { children: /* @__PURE__ */ jsx(AlertIcon, {}) })
 				})
 			})
-		}) : /*#__PURE__*/ jsx(VisualComponent, {
+		}) : /* @__PURE__ */ jsx(VisualComponent, {
 			className,
-			children: /*#__PURE__*/ jsx(Spinner, { size: "small" })
+			children: /* @__PURE__ */ jsx(Spinner, { size: "small" })
 		});
 		$[0] = VisualComponent;
 		$[1] = className;

package/dist/ActionMenu/ActionMenu.js

@@ -118,12 +118,11 @@ const Menu = ({ anchorRef: externalAnchorRef, open, onOpenChange, children }) =>
 		onClose,
 		isSubmenu
 	]);
-	return /*#__PURE__*/ jsx(MenuContext.Provider, {
+	return /* @__PURE__ */ jsx(MenuContext.Provider, {
 		value: menuContextValue,
 		children: contents
 	});
 };
-Menu.displayName = "Menu";
 const Anchor = /*#__PURE__*/ React.forwardRef(({ children: child, ...anchorProps }, anchorRef) => {
 	const { onOpen, isSubmenu } = React.useContext(MenuContext);
 	const openSubmenuOnRightArrow = useCallback((event) => {
@@ -143,14 +142,14 @@ const Anchor = /*#__PURE__*/ React.forwardRef(({ children: child, ...anchorProps
 	const parentActionListContext = useContext(ActionListContainerContext);
 	const thisActionListContext = useMemo(() => isSubmenu ? {
 		...parentActionListContext,
-		defaultTrailingVisual: /*#__PURE__*/ jsx(ChevronRightIcon, {}),
+		defaultTrailingVisual: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
 		afterSelect: () => onOpen === null || onOpen === void 0 ? void 0 : onOpen("anchor-click")
 	} : parentActionListContext, [
 		isSubmenu,
 		onOpen,
 		parentActionListContext
 	]);
-	return /*#__PURE__*/ jsx(ActionListContainerContext.Provider, {
+	return /* @__PURE__ */ jsx(ActionListContainerContext.Provider, {
 		value: thisActionListContext,
 		children: /*#__PURE__*/ React.cloneElement(child, {
 			...anchorProps,
@@ -161,11 +160,10 @@ const Anchor = /*#__PURE__*/ React.forwardRef(({ children: child, ...anchorProps
 		})
 	});
 });
-/** this component is syntactical sugar 🍭 */
 const MenuButton = /*#__PURE__*/ React.forwardRef(({ ...props }, anchorRef) => {
-	return /*#__PURE__*/ jsx(Anchor, {
+	return /* @__PURE__ */ jsx(Anchor, {
 		ref: anchorRef,
-		children: /*#__PURE__*/ jsx(ButtonComponent, {
+		children: /* @__PURE__ */ jsx(ButtonComponent, {
 			"data-component": "ActionMenu.Button",
 			type: "button",
 			trailingAction: TriangleDownIcon,
@@ -213,7 +211,7 @@ const Overlay = ({ children, align = "start", side, onPositionChange, displayInV
 		isNarrowFullscreen
 	]);
 	const isInsideDialog = useContext(DialogContext) !== void 0;
-	return /*#__PURE__*/ jsx(AnchoredOverlay, {
+	return /* @__PURE__ */ jsx(AnchoredOverlay, {
 		anchorRef,
 		renderAnchor,
 		anchorId,
@@ -230,20 +228,19 @@ const Overlay = ({ children, align = "start", side, onPositionChange, displayInV
 		onPositionChange,
 		variant,
 		displayInViewport: displayInViewport !== void 0 ? displayInViewport : isInsideDialog,
-		children: /*#__PURE__*/ jsx("div", {
+		children: /* @__PURE__ */ jsx("div", {
 			ref: containerRef,
 			className: ActionMenu_module_css_default.ActionMenuContainer,
 			"data-variant": responsiveVariant,
 			...overlayProps.overflow ? { [`data-overflow-${overlayProps.overflow}`]: "" } : {},
 			...overlayProps.maxHeight ? { [`data-max-height-${overlayProps.maxHeight}`]: "" } : {},
-			children: /*#__PURE__*/ jsx(ActionListContainerContext.Provider, {
+			children: /* @__PURE__ */ jsx(ActionListContainerContext.Provider, {
 				value: overlayContextValue,
 				children
 			})
 		})
 	});
 };
-Overlay.displayName = "Overlay";
 Menu.displayName = "ActionMenu";
 MenuButton.__SLOT__ = Symbol("ActionMenu.Button");
 Anchor.__SLOT__ = Symbol("ActionMenu.Anchor");

package/dist/AnchoredOverlay/AnchoredOverlay.js

@@ -164,7 +164,7 @@ const AnchoredOverlay = ({ renderAnchor, anchorRef: externalAnchorRef, anchorId:
 	const XButtonAriaLabelledBy = closeButtonProps["aria-labelledby"];
 	const XButtonAriaLabel = closeButtonProps["aria-label"];
 	const { className: overlayClassName, _PrivateDisablePortal, ...restOverlayProps } = overlayProps || {};
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [renderAnchor && renderAnchor({
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderAnchor && renderAnchor({
 		ref: anchorRef,
 		id: anchorId,
 		"aria-haspopup": "true",
@@ -173,7 +173,7 @@ const AnchoredOverlay = ({ renderAnchor, anchorRef: externalAnchorRef, anchorId:
 		onClick: onAnchorClick,
 		onKeyDown: onAnchorKeyDown,
 		...popoverTargetProps
-	}), open ? /*#__PURE__*/ jsxs(Overlay, {
+	}), open ? /* @__PURE__ */ jsxs(Overlay, {
 		returnFocusRef: anchorRef,
 		onClickOutside,
 		ignoreClickRefs: [anchorRef],
@@ -200,9 +200,9 @@ const AnchoredOverlay = ({ renderAnchor, anchorRef: externalAnchorRef, anchorId:
 		},
 		"data-anchor-position": cssAnchorPositioning,
 		"data-side": cssAnchorPositioning ? side : position === null || position === void 0 ? void 0 : position.anchorSide,
-		children: [showXIcon ? /*#__PURE__*/ jsx("div", {
+		children: [showXIcon ? /* @__PURE__ */ jsx("div", {
 			className: AnchoredOverlay_module_css_default.ResponsiveCloseButtonContainer,
-			children: /*#__PURE__*/ jsx(IconButton, {
+			children: /* @__PURE__ */ jsx(IconButton, {
 				...closeButtonProps,
 				"data-component": "AnchoredOverlay.CloseButton",
 				type: "button",

package/dist/Autocomplete/Autocomplete.js

@@ -148,7 +148,7 @@ const Autocomplete = (t0) => {
 	const autocompleteDeferredInputContextValue = t8;
 	let t9;
 	if ($[15] !== autocompleteDeferredInputContextValue || $[16] !== children) {
-		t9 = /*#__PURE__*/ jsx(AutocompleteDeferredInputContext.Provider, {
+		t9 = /* @__PURE__ */ jsx(AutocompleteDeferredInputContext.Provider, {
 			value: autocompleteDeferredInputContextValue,
 			children
 		});
@@ -158,7 +158,7 @@ const Autocomplete = (t0) => {
 	} else t9 = $[17];
 	let t10;
 	if ($[18] !== autocompleteInputContextValue || $[19] !== t9) {
-		t10 = /*#__PURE__*/ jsx(AutocompleteInputContext.Provider, {
+		t10 = /* @__PURE__ */ jsx(AutocompleteInputContext.Provider, {
 			value: autocompleteInputContextValue,
 			children: t9
 		});
@@ -168,7 +168,7 @@ const Autocomplete = (t0) => {
 	} else t10 = $[20];
 	let t11;
 	if ($[21] !== autocompleteContextValue || $[22] !== t10) {
-		t11 = /*#__PURE__*/ jsx(AutocompleteContext.Provider, {
+		t11 = /* @__PURE__ */ jsx(AutocompleteContext.Provider, {
 			value: autocompleteContextValue,
 			children: t10
 		});

package/dist/Autocomplete/AutocompleteInput.js

@@ -97,7 +97,7 @@ const AutocompleteInput = /*#__PURE__*/ React.forwardRef(({ as: Component = Text
 	useEffect(() => {
 		setInputValue(typeof value !== "undefined" ? value.toString() : "");
 	}, [value, setInputValue]);
-	return /*#__PURE__*/ jsx(Component, {
+	return /* @__PURE__ */ jsx(Component, {
 		onFocus: handleInputFocus,
 		onBlur: handleInputBlur,
 		onChange: handleInputChange,

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,