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

package/dist/deprecated/ActionList/Item.js

@@ -9,9 +9,6 @@ import { isValidElementType } from "react-is";
 import { CheckIcon } from "@primer/octicons-react";
 //#region src/deprecated/ActionList/Item.tsx
 /**
-* Contract for props passed to the `Item` component.
-*/
-/**
 * An actionable or selectable `Item` with an optional icon and description.
 */
 const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
@@ -138,9 +135,9 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 	} else t11 = $[34];
 	let t12;
 	if ($[35] !== selected || $[36] !== selectionVariant) {
-		t12 = !!selected === selected && /*#__PURE__*/ jsx("div", {
+		t12 = !!selected === selected && /* @__PURE__ */ jsx("div", {
 			className: Item_module_css_default.BaseVisualContainer,
-			children: selectionVariant === "multiple" ? /*#__PURE__*/ jsx(Fragment$1, { children: /*#__PURE__*/ jsxs("svg", {
+			children: selectionVariant === "multiple" ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("svg", {
 				className: Item_module_css_default.MultiSelectIcon,
 				"data-selected": selected ? "" : void 0,
 				width: "16",
@@ -148,18 +145,18 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 				viewBox: "0 0 16 16",
 				xmlns: "http://www.w3.org/2000/svg",
 				"aria-hidden": "true",
-				children: [/*#__PURE__*/ jsx("rect", {
+				children: [/* @__PURE__ */ jsx("rect", {
 					x: "2",
 					y: "2",
 					width: "12",
 					height: "12",
 					rx: "4"
-				}), /*#__PURE__*/ jsx("path", {
+				}), /* @__PURE__ */ jsx("path", {
 					fillRule: "evenodd",
 					strokeWidth: "0",
 					d: "M4.03231 8.69862C3.84775 8.20646 4.49385 7.77554 4.95539 7.77554C5.41693 7.77554 6.80154 9.85246 6.80154 9.85246C6.80154 9.85246 10.2631 4.314 10.4938 4.08323C10.7246 3.85246 11.8785 4.08323 11.4169 5.00631C11.0081 5.82388 7.26308 11.4678 7.26308 11.4678C7.26308 11.4678 6.80154 12.1602 6.34 11.4678C5.87846 10.7755 4.21687 9.19077 4.03231 8.69862Z"
 				})]
-			}) }) : selected && /*#__PURE__*/ jsx(CheckIcon, { fill: "var(--fgColor-default)" })
+			}) }) : selected && /* @__PURE__ */ jsx(CheckIcon, { fill: "var(--fgColor-default)" })
 		});
 		$[35] = selected;
 		$[36] = selectionVariant;
@@ -167,11 +164,11 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 	} else t12 = $[37];
 	let t13;
 	if ($[38] !== LeadingVisual || $[39] !== disabled || $[40] !== variant) {
-		t13 = LeadingVisual && /*#__PURE__*/ jsx("div", {
+		t13 = LeadingVisual && /* @__PURE__ */ jsx("div", {
 			className: Item_module_css_default.LeadingVisualContainer,
 			"data-variant": variant,
 			"data-disabled": disabled ? "" : void 0,
-			children: /*#__PURE__*/ jsx(LeadingVisual, {})
+			children: /* @__PURE__ */ jsx(LeadingVisual, {})
 		});
 		$[38] = LeadingVisual;
 		$[39] = disabled;
@@ -188,7 +185,7 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 	const t16 = t15;
 	let t17;
 	if ($[44] !== labelId || $[45] !== text) {
-		t17 = text ? /*#__PURE__*/ jsx("span", {
+		t17 = text ? /* @__PURE__ */ jsx("span", {
 			id: labelId,
 			children: text
 		}) : null;
@@ -198,14 +195,14 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 	} else t17 = $[46];
 	let t18;
 	if ($[47] !== description || $[48] !== descriptionId || $[49] !== descriptionVariant) {
-		t18 = description ? /*#__PURE__*/ jsx("span", {
+		t18 = description ? /* @__PURE__ */ jsx("span", {
 			id: descriptionId,
 			style: {
 				"--description-container-margin-left": descriptionVariant === "inline" ? "var(--base-size-8)" : 0,
 				"--description-container-flex-basis": descriptionVariant === "inline" ? 0 : "auto"
 			},
 			className: Item_module_css_default.DescriptionContainer,
-			children: descriptionVariant === "block" ? description : /*#__PURE__*/ jsx(Truncate_default, {
+			children: descriptionVariant === "block" ? description : /* @__PURE__ */ jsx(Truncate_default, {
 				title: description,
 				inline: true,
 				maxWidth: "100%",
@@ -219,7 +216,7 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 	} else t18 = $[50];
 	let t19;
 	if ($[51] !== children || $[52] !== t16 || $[53] !== t17 || $[54] !== t18) {
-		t19 = /*#__PURE__*/ jsxs("div", {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			style: t16,
 			className: Item_module_css_default.MainContent,
 			children: [
@@ -236,16 +233,16 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 	} else t19 = $[55];
 	let t20;
 	if ($[56] !== TrailingIcon || $[57] !== TrailingVisual || $[58] !== disabled || $[59] !== trailingText || $[60] !== variant) {
-		t20 = TrailingVisual ? /*#__PURE__*/ jsx("div", {
+		t20 = TrailingVisual ? /* @__PURE__ */ jsx("div", {
 			className: Item_module_css_default.TrailingContent,
 			"data-variant": variant,
 			"data-disabled": disabled ? "" : void 0,
-			children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /*#__PURE__*/ jsx(TrailingVisual, {}) : TrailingVisual
-		}) : TrailingIcon || trailingText ? /*#__PURE__*/ jsxs("div", {
+			children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /* @__PURE__ */ jsx(TrailingVisual, {}) : TrailingVisual
+		}) : TrailingIcon || trailingText ? /* @__PURE__ */ jsxs("div", {
 			className: Item_module_css_default.TrailingContent,
 			"data-variant": variant,
 			"data-disabled": disabled ? "" : void 0,
-			children: [trailingText, TrailingIcon && /*#__PURE__*/ jsx(TrailingIcon, {})]
+			children: [trailingText, TrailingIcon && /* @__PURE__ */ jsx(TrailingIcon, {})]
 		}) : null;
 		$[56] = TrailingIcon;
 		$[57] = TrailingVisual;
@@ -256,7 +253,7 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 	} else t20 = $[61];
 	let t21;
 	if ($[62] !== t19 || $[63] !== t20) {
-		t21 = /*#__PURE__*/ jsxs("div", {
+		t21 = /* @__PURE__ */ jsxs("div", {
 			className: Item_module_css_default.DividedContent,
 			"data-component": "ActionList.DividedContent",
 			children: [t19, t20]
@@ -267,7 +264,7 @@ const Item = /*#__PURE__*/ React.forwardRef((itemProps, ref) => {
 	} else t21 = $[64];
 	let t22;
 	if ($[65] !== Component || $[66] !== clickHandler || $[67] !== id || $[68] !== keyPressHandler || $[69] !== props || $[70] !== ref || $[71] !== selected || $[72] !== t11 || $[73] !== t12 || $[74] !== t13 || $[75] !== t21 || $[76] !== t5 || $[77] !== t6 || $[78] !== t7 || $[79] !== t8 || $[80] !== variant) {
-		t22 = /*#__PURE__*/ jsxs(Component, {
+		t22 = /* @__PURE__ */ jsxs(Component, {
 			ref,
 			tabIndex: t5,
 			"data-variant": variant,

package/dist/deprecated/ActionList/List.js

@@ -8,21 +8,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/deprecated/ActionList/List.tsx
 /**
-* Contract for props passed to the `List` component.
-*/
-/**
-* Contract for props passed to the `List` component, when its `Item`s are collected in `Group`s.
-*/
-/**
 * Asserts that the given value fulfills the `GroupedListProps` contract.
 * @param props A value which fulfills either the `ListPropsBase` or the `GroupedListProps` contract.
 */
 function isGroupedListProps(props) {
 	return "groupMetadata" in props;
 }
-/**
-* Contract for props passed to the `List` component.
-*/
 const listStyles = {
 	fontSize: "var(--text-body-size-medium, 14px)",
 	lineHeight: "20px"
@@ -60,7 +51,7 @@ const List = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 	const renderGroup = (groupProps) => {
 		var _ref;
 		const GroupComponent = ((_ref = "renderGroup" in groupProps && groupProps.renderGroup) !== null && _ref !== void 0 ? _ref : restProps.renderGroup) || Group;
-		return /*#__PURE__*/ createElement(GroupComponent, {
+		return /* @__PURE__ */ createElement(GroupComponent, {
 			...groupProps,
 			key: groupProps.groupId
 		});
@@ -69,7 +60,7 @@ const List = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 		var _ref2, _ref3, _itemProps$id;
 		const ItemComponent = "renderItem" in itemProps && itemProps.renderItem || restProps.renderItem || Item;
 		const key = (_ref2 = (_ref3 = "key" in itemProps ? itemProps.key : void 0) !== null && _ref3 !== void 0 ? _ref3 : (_itemProps$id = itemProps.id) === null || _itemProps$id === void 0 ? void 0 : _itemProps$id.toString()) !== null && _ref2 !== void 0 ? _ref2 : itemIndex.toString();
-		return /*#__PURE__*/ createElement(ItemComponent, {
+		return /* @__PURE__ */ createElement(ItemComponent, {
 			showDivider: restProps.showItemDividers,
 			selectionVariant: restProps.selectionVariant,
 			...itemProps,
@@ -132,7 +123,7 @@ const List = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 		const { header, ...groupProps_0 } = t3;
 		const hasFilledHeader = (header === null || header === void 0 ? void 0 : header.variant) === "filled";
 		const shouldShowDivider = index_0 > 0 && !hasFilledHeader;
-		return /*#__PURE__*/ jsxs(React.Fragment, { children: [shouldShowDivider ? /*#__PURE__*/ jsx(Divider, {}, `${groupProps_0.groupId}-divider`) : null, renderGroup({
+		return /* @__PURE__ */ jsxs(React.Fragment, { children: [shouldShowDivider ? /* @__PURE__ */ jsx(Divider, {}, `${groupProps_0.groupId}-divider`) : null, renderGroup({
 			style: {
 				...index_0 === 0 && firstGroupStyle,
 				...index_0 === groups.length - 1 && lastGroupStyle,
@@ -147,7 +138,7 @@ const List = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 	});
 	let t5;
 	if ($[8] !== forwardedRef || $[9] !== restProps || $[10] !== t0 || $[11] !== t2 || $[12] !== t4) {
-		t5 = /*#__PURE__*/ jsx("div", {
+		t5 = /* @__PURE__ */ jsx("div", {
 			...restProps,
 			ref: forwardedRef,
 			className: t0,

package/dist/deprecated/ActionMenu.js

@@ -6,14 +6,13 @@ import { AnchoredOverlay } from "../AnchoredOverlay/AnchoredOverlay.js";
 import { Item } from "./ActionList/Item.js";
 import { Divider } from "./ActionList/Divider.js";
 import { List } from "./ActionList/List.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/deprecated/ActionMenu.tsx
 const ActionMenuItem = (props) => {
 	const $ = c(2);
 	let t0;
 	if ($[0] !== props) {
-		t0 = /*#__PURE__*/ jsx(Item, {
+		t0 = /* @__PURE__ */ jsx(Item, {
 			role: "menuitem",
 			...props
 		});
@@ -23,8 +22,7 @@ const ActionMenuItem = (props) => {
 	return t0;
 };
 ActionMenuItem.displayName = "ActionMenu.Item";
-const defaultRenderAnchor = (props) => /*#__PURE__*/ jsx(ButtonComponent, { ...props });
-defaultRenderAnchor.displayName = "defaultRenderAnchor";
+const defaultRenderAnchor = (props) => /* @__PURE__ */ jsx(ButtonComponent, { ...props });
 const ActionMenuBase = (t0) => {
 	const $ = c(35);
 	let anchorContent;
@@ -123,7 +121,7 @@ const ActionMenuBase = (t0) => {
 	const itemsToRender = t5;
 	let t6;
 	if ($[24] !== itemsToRender || $[25] !== listProps) {
-		t6 = /*#__PURE__*/ jsx(List, {
+		t6 = /* @__PURE__ */ jsx(List, {
 			...listProps,
 			role: "menu",
 			items: itemsToRender
@@ -134,7 +132,7 @@ const ActionMenuBase = (t0) => {
 	} else t6 = $[26];
 	let t7;
 	if ($[27] !== anchorRef || $[28] !== combinedOpenState || $[29] !== onClose || $[30] !== onOpen || $[31] !== overlayProps || $[32] !== renderMenuAnchor || $[33] !== t6) {
-		t7 = /*#__PURE__*/ jsx(AnchoredOverlay, {
+		t7 = /* @__PURE__ */ jsx(AnchoredOverlay, {
 			renderAnchor: renderMenuAnchor,
 			anchorRef,
 			open: combinedOpenState,

package/dist/deprecated/DialogV1/Dialog.js

@@ -32,7 +32,7 @@ function DialogHeader(t0) {
 	if (React.Children.toArray(children).every(_temp)) {
 		let t2;
 		if ($[5] !== children) {
-			t2 = /*#__PURE__*/ jsx("span", {
+			t2 = /* @__PURE__ */ jsx("span", {
 				className: Dialog_module_css_default.HeaderChild,
 				children
 			});
@@ -50,7 +50,7 @@ function DialogHeader(t0) {
 	} else t3 = $[8];
 	let t4;
 	if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t3) {
-		t4 = /*#__PURE__*/ jsx(Component, {
+		t4 = /* @__PURE__ */ jsx(Component, {
 			...t2,
 			className: t3,
 			children
@@ -134,10 +134,10 @@ const Dialog = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const { getDialogProps } = useDialog(t4);
 	let t5;
 	if ($[17] !== Component || $[18] !== children || $[19] !== className || $[20] !== getDialogProps || $[21] !== isOpen || $[22] !== mergedRef || $[23] !== onCloseClick || $[24] !== props) {
-		t5 = isOpen ? /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx("span", {
+		t5 = isOpen ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 			className: Dialog_module_css_default.Overlay,
 			ref: overlayRef
-		}), /*#__PURE__*/ jsxs(Component, {
+		}), /* @__PURE__ */ jsxs(Component, {
 			tabIndex: -1,
 			ref: mergedRef,
 			role: "dialog",
@@ -146,7 +146,7 @@ const Dialog = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 			...getDialogProps(),
 			className: clsx(Dialog_module_css_default.Dialog, className),
 			"data-width": props.wide ? "wide" : props.narrow ? "narrow" : "default",
-			children: [/*#__PURE__*/ jsx(IconButton, {
+			children: [/* @__PURE__ */ jsx(IconButton, {
 				icon: XIcon,
 				ref: closeButtonRef,
 				onClick: onCloseClick,

package/dist/deprecated/FilteredSearch/FilteredSearch.js

@@ -31,7 +31,7 @@ function FilteredSearch(t0) {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			...rest,
 			className: t1,
 			children

package/dist/deprecated/UnderlineNav/UnderlineNav.js

@@ -55,7 +55,7 @@ function UnderlineNav(t0) {
 	} else t3 = $[13];
 	let t4;
 	if ($[14] !== children) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t3,
 			children
 		});
@@ -64,7 +64,7 @@ function UnderlineNav(t0) {
 	} else t4 = $[15];
 	let t5;
 	if ($[16] !== actions) {
-		t5 = actions && /*#__PURE__*/ jsx("div", {
+		t5 = actions && /* @__PURE__ */ jsx("div", {
 			className: clsx(UnderlineNav_module_css_default.UnderlineNavActions, "PRC-UnderlineNav-actions"),
 			children: actions
 		});
@@ -73,7 +73,7 @@ function UnderlineNav(t0) {
 	} else t5 = $[17];
 	let t6;
 	if ($[18] !== label || $[19] !== navClasses || $[20] !== rest || $[21] !== t4 || $[22] !== t5) {
-		t6 = /*#__PURE__*/ jsxs("nav", {
+		t6 = /* @__PURE__ */ jsxs("nav", {
 			className: navClasses,
 			"aria-label": label,
 			...rest,
@@ -114,7 +114,7 @@ const UnderlineNavLink = /*#__PURE__*/ React.forwardRef(function UnderlineNavLin
 	const t2 = selected ? "" : void 0;
 	let t3;
 	if ($[6] !== forwardRef || $[7] !== linkClasses || $[8] !== props || $[9] !== t2) {
-		t3 = /*#__PURE__*/ jsx("a", {
+		t3 = /* @__PURE__ */ jsx("a", {
 			ref: forwardRef,
 			"data-selected": t2,
 			className: linkClasses,

package/dist/experimental/IssueLabel/IssueLabel.js

@@ -75,7 +75,7 @@ function IssueLabel(t0) {
 		}
 		let t6;
 		if ($[19] !== BaseComponent || $[20] !== children || $[21] !== rest || $[22] !== sharedProps) {
-			t6 = /*#__PURE__*/ jsx(BaseComponent, {
+			t6 = /* @__PURE__ */ jsx(BaseComponent, {
 				...rest,
 				...sharedProps,
 				children
@@ -91,7 +91,7 @@ function IssueLabel(t0) {
 	if ("href" in props) {
 		let t6;
 		if ($[24] !== children || $[25] !== props || $[26] !== sharedProps) {
-			t6 = /*#__PURE__*/ jsx("a", {
+			t6 = /* @__PURE__ */ jsx("a", {
 				...props,
 				...sharedProps,
 				children
@@ -106,7 +106,7 @@ function IssueLabel(t0) {
 	if ("onClick" in props) {
 		let t6;
 		if ($[28] !== children || $[29] !== props || $[30] !== sharedProps) {
-			t6 = /*#__PURE__*/ jsx("button", {
+			t6 = /* @__PURE__ */ jsx("button", {
 				type: "button",
 				...props,
 				...sharedProps,
@@ -121,7 +121,7 @@ function IssueLabel(t0) {
 	}
 	let t6;
 	if ($[32] !== children || $[33] !== props || $[34] !== sharedProps) {
-		t6 = /*#__PURE__*/ jsx("span", {
+		t6 = /* @__PURE__ */ jsx("span", {
 			...props,
 			...sharedProps,
 			children

package/dist/experimental/SelectPanel2/SelectPanel.js

@@ -141,7 +141,7 @@ const Panel = ({ title, description, variant: propsVariant, selectionVariant = "
 	let maxHeightValue = heightMap[maxHeight];
 	if (currentVariant === "bottom-sheet") maxHeightValue = "calc(100vh - 64px)";
 	else if (currentVariant === "full-screen") maxHeightValue = "100vh";
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [Anchor, /*#__PURE__*/ jsx(BaseOverlay, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [Anchor, /* @__PURE__ */ jsx(BaseOverlay, {
 		as: "dialog",
 		ref: dialogRef,
 		"aria-labelledby": `${panelId}--title`,
@@ -162,7 +162,7 @@ const Panel = ({ title, description, variant: propsVariant, selectionVariant = "
 		onClick: (event) => {
 			if (event.target === event.currentTarget) onClickOutside();
 		},
-		children: internalOpen && /*#__PURE__*/ jsx(Fragment$1, { children: /*#__PURE__*/ jsx(SelectPanelContext.Provider, {
+		children: internalOpen && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(SelectPanelContext.Provider, {
 			value: {
 				panelId,
 				title,
@@ -174,15 +174,15 @@ const Panel = ({ title, description, variant: propsVariant, selectionVariant = "
 				selectionVariant,
 				moveFocusToList
 			},
-			children: /*#__PURE__*/ jsxs("form", {
+			children: /* @__PURE__ */ jsxs("form", {
 				method: "dialog",
 				onSubmit: onInternalSubmit,
 				className: SelectPanel_module_css_default.Form,
 				children: [
-					(_slots$header = slots.header) !== null && _slots$header !== void 0 ? _slots$header : /*#__PURE__*/ jsx(SelectPanelHeader, {}),
-					/*#__PURE__*/ jsx("div", {
+					(_slots$header = slots.header) !== null && _slots$header !== void 0 ? _slots$header : /* @__PURE__ */ jsx(SelectPanelHeader, {}),
+					/* @__PURE__ */ jsx("div", {
 						className: SelectPanel_module_css_default.Container,
-						children: /*#__PURE__*/ jsx(ActionListContainerContext.Provider, {
+						children: /* @__PURE__ */ jsx(ActionListContainerContext.Provider, {
 							value: {
 								container: "SelectPanel",
 								listRole: "listbox",
@@ -208,12 +208,12 @@ const SelectPanelButton = /*#__PURE__*/ React.forwardRef((props, anchorRef) => {
 		const label = document.querySelector(`[for='${inputProps.id}']`);
 		if (label !== null && label !== void 0 && label.textContent) setLabelText(label.textContent);
 	}, [inputProps.id]);
-	if (labelText) return /*#__PURE__*/ jsx(ButtonComponent, {
+	if (labelText) return /* @__PURE__ */ jsx(ButtonComponent, {
 		ref: anchorRef,
 		"aria-label": `${anchorRef.current.textContent}, ${labelText}`,
 		...inputProps
 	});
-	else return /*#__PURE__*/ jsx(ButtonComponent, {
+	else return /* @__PURE__ */ jsx(ButtonComponent, {
 		ref: anchorRef,
 		...props
 	});
@@ -222,44 +222,44 @@ SelectPanelButton.__SLOT__ = Symbol("SelectPanel.Button");
 const SelectPanelHeader = ({ children, onBack, className, ...props }) => {
 	const [slots, childrenWithoutSlots] = useSlots(children, { searchInput: SelectPanelSearchInput });
 	const { title, description, panelId, onCancel, onClearSelection } = React.useContext(SelectPanelContext);
-	return /*#__PURE__*/ jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		className: clsx(SelectPanel_module_css_default.Header, className),
 		...props,
 		children: [
-			/*#__PURE__*/ jsxs("div", {
+			/* @__PURE__ */ jsxs("div", {
 				className: SelectPanel_module_css_default.HeaderContent,
 				"data-description": description ? true : void 0,
 				"data-search-input": slots.searchInput ? true : void 0,
-				children: [/*#__PURE__*/ jsxs("div", {
+				children: [/* @__PURE__ */ jsxs("div", {
 					className: SelectPanel_module_css_default.FlexBox,
-					children: [onBack ? /*#__PURE__*/ jsx(IconButton, {
+					children: [onBack ? /* @__PURE__ */ jsx(IconButton, {
 						type: "button",
 						variant: "invisible",
 						icon: ArrowLeftIcon,
 						"aria-label": "Back",
 						onClick: () => onBack()
-					}) : null, /*#__PURE__*/ jsxs("div", {
+					}) : null, /* @__PURE__ */ jsxs("div", {
 						className: SelectPanel_module_css_default.TitleWrapper,
 						"data-description": description ? true : void 0,
 						"data-on-back": onBack ? true : void 0,
-						children: [/*#__PURE__*/ jsx(Heading, {
+						children: [/* @__PURE__ */ jsx(Heading, {
 							as: "h1",
 							id: `${panelId}--title`,
 							className: SelectPanel_module_css_default.Title,
 							children: title
-						}), description ? /*#__PURE__*/ jsx("span", {
+						}), description ? /* @__PURE__ */ jsx("span", {
 							id: `${panelId}--description`,
 							className: SelectPanel_module_css_default.Description,
 							children: description
 						}) : null]
 					})]
-				}), /*#__PURE__*/ jsxs("div", { children: [onClearSelection ? /*#__PURE__*/ jsx(IconButton, {
+				}), /* @__PURE__ */ jsxs("div", { children: [onClearSelection ? /* @__PURE__ */ jsx(IconButton, {
 					type: "button",
 					variant: "invisible",
 					icon: FilterRemoveIcon,
 					"aria-label": "Clear selection",
 					onClick: onClearSelection
-				}) : null, /*#__PURE__*/ jsx(IconButton, {
+				}) : null, /* @__PURE__ */ jsx(IconButton, {
 					type: "button",
 					variant: "invisible",
 					icon: XIcon,
@@ -272,7 +272,6 @@ const SelectPanelHeader = ({ children, onBack, className, ...props }) => {
 		]
 	});
 };
-SelectPanelHeader.displayName = "SelectPanelHeader";
 SelectPanelHeader.__SLOT__ = Symbol("SelectPanel.Header");
 const SelectPanelSearchInput = ({ onChange: propsOnChange, onKeyDown: propsOnKeyDown, className, ...props }) => {
 	const inputRef = /*#__PURE__*/ React.createRef();
@@ -288,12 +287,12 @@ const SelectPanelSearchInput = ({ onChange: propsOnChange, onKeyDown: propsOnKey
 		}
 		if (typeof propsOnKeyDown === "function") propsOnKeyDown(event);
 	};
-	return /*#__PURE__*/ jsx(TextInput_default, {
+	return /* @__PURE__ */ jsx(TextInput_default, {
 		ref: inputRef,
 		block: true,
 		leadingVisual: SearchIcon,
 		placeholder: "Search",
-		trailingAction: /*#__PURE__*/ jsx(TextInput_default.Action, {
+		trailingAction: /* @__PURE__ */ jsx(TextInput_default.Action, {
 			icon: XCircleFillIcon,
 			"aria-label": "Clear",
 			tooltipDirection: "w",
@@ -312,7 +311,6 @@ const SelectPanelSearchInput = ({ onChange: propsOnChange, onKeyDown: propsOnKey
 		...props
 	});
 };
-SelectPanelSearchInput.displayName = "SelectPanelSearchInput";
 SelectPanelSearchInput.__SLOT__ = Symbol("SelectPanel.SearchInput");
 const FooterContext = /*#__PURE__*/ React.createContext(false);
 const SelectPanelFooter = ({ ...props }) => {
@@ -320,23 +318,23 @@ const SelectPanelFooter = ({ ...props }) => {
 	const hidePrimaryActions = selectionVariant === "instant";
 	const buttonSize = useResponsiveValue(responsiveButtonSizes, "small");
 	if (hidePrimaryActions && !props.children) return null;
-	return /*#__PURE__*/ jsx(FooterContext.Provider, {
+	return /* @__PURE__ */ jsx(FooterContext.Provider, {
 		value: true,
-		children: /*#__PURE__*/ jsxs("div", {
+		children: /* @__PURE__ */ jsxs("div", {
 			className: SelectPanel_module_css_default.Footer,
 			"data-hide-primary-actions": hidePrimaryActions || void 0,
-			children: [/*#__PURE__*/ jsx("div", {
+			children: [/* @__PURE__ */ jsx("div", {
 				className: SelectPanel_module_css_default.FooterContent,
 				"data-hide-primary-actions": hidePrimaryActions || void 0,
 				children: props.children
-			}), hidePrimaryActions ? null : /*#__PURE__*/ jsxs("div", {
+			}), hidePrimaryActions ? null : /* @__PURE__ */ jsxs("div", {
 				className: SelectPanel_module_css_default.FooterActions,
-				children: [/*#__PURE__*/ jsx(ButtonComponent, {
+				children: [/* @__PURE__ */ jsx(ButtonComponent, {
 					type: "button",
 					size: buttonSize,
 					onClick: () => onCancel(),
 					children: "Cancel"
-				}), /*#__PURE__*/ jsx(ButtonComponent, {
+				}), /* @__PURE__ */ jsx(ButtonComponent, {
 					type: "submit",
 					size: buttonSize,
 					variant: "primary",
@@ -346,21 +344,19 @@ const SelectPanelFooter = ({ ...props }) => {
 		})
 	});
 };
-SelectPanelFooter.displayName = "SelectPanelFooter";
 SelectPanelFooter.__SLOT__ = Symbol("SelectPanel.Footer");
 const SecondaryButton = (props) => {
 	const size = useResponsiveValue(responsiveButtonSizes, "small");
-	return /*#__PURE__*/ jsx(ButtonComponent, {
+	return /* @__PURE__ */ jsx(ButtonComponent, {
 		type: "button",
 		size,
 		block: true,
 		...props
 	});
 };
-SecondaryButton.displayName = "SecondaryButton";
 const SecondaryLink = ({ className, ...props }) => {
 	const size = useResponsiveValue(responsiveButtonSizes, "small");
-	return /*#__PURE__*/ jsx(ButtonComponent, {
+	return /* @__PURE__ */ jsx(ButtonComponent, {
 		as: Link,
 		size,
 		variant: "invisible",
@@ -370,68 +366,65 @@ const SecondaryLink = ({ className, ...props }) => {
 		children: props.children
 	});
 };
-SecondaryLink.displayName = "SecondaryLink";
 const SecondaryCheckbox = ({ id, children, className, ...props }) => {
 	const checkboxId = useId$1(id);
 	const { selectionVariant } = React.useContext(SelectPanelContext);
 	selectionVariant === "instant" && invariant(false, "Sorry! SelectPanel.SecondaryAction with variant=\"checkbox\" is not allowed inside selectionVariant=\"instant\"");
-	return /*#__PURE__*/ jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		className: SelectPanel_module_css_default.SecondaryCheckbox,
-		children: [/*#__PURE__*/ jsx(Checkbox, {
+		children: [/* @__PURE__ */ jsx(Checkbox, {
 			id: checkboxId,
 			className: clsx(SelectPanel_module_css_default.Checkbox, className),
 			...props
-		}), /*#__PURE__*/ jsx(InputLabel, {
+		}), /* @__PURE__ */ jsx(InputLabel, {
 			htmlFor: checkboxId,
 			className: SelectPanel_module_css_default.SmallText,
 			children
 		})]
 	});
 };
-SecondaryCheckbox.displayName = "SecondaryCheckbox";
 const SelectPanelSecondaryAction = ({ variant, ...props }) => {
 	!React.useContext(FooterContext) && invariant(false, "SelectPanel.SecondaryAction is only allowed inside SelectPanel.Footer");
-	if (variant === "button") return /*#__PURE__*/ jsx(SecondaryButton, { ...props });
-	else if (variant === "link") return /*#__PURE__*/ jsx(SecondaryLink, { ...props });
-	else if (variant === "checkbox") return /*#__PURE__*/ jsx(SecondaryCheckbox, { ...props });
+	if (variant === "button") return /* @__PURE__ */ jsx(SecondaryButton, { ...props });
+	else if (variant === "link") return /* @__PURE__ */ jsx(SecondaryLink, { ...props });
+	else if (variant === "checkbox") return /* @__PURE__ */ jsx(SecondaryCheckbox, { ...props });
 };
 const SelectPanelLoading = ({ children = "Fetching items..." }) => {
-	return /*#__PURE__*/ jsxs(AriaStatus, {
+	return /* @__PURE__ */ jsxs(AriaStatus, {
 		announceOnShow: true,
 		className: SelectPanel_module_css_default.SelectPanelLoading,
-		children: [/*#__PURE__*/ jsx(Spinner, {
+		children: [/* @__PURE__ */ jsx(Spinner, {
 			size: "medium",
 			srText: null
-		}), /*#__PURE__*/ jsx("span", {
+		}), /* @__PURE__ */ jsx("span", {
 			className: SelectPanel_module_css_default.LoadingText,
 			children
 		})]
 	});
 };
-SelectPanelLoading.displayName = "SelectPanelLoading";
 const SelectPanelMessage = ({ variant = "warning", size = variant === "empty" ? "full" : "inline", title, children }) => {
 	const MessageWrapper = variant === "empty" ? "div" : AriaStatus;
-	if (size === "full") return /*#__PURE__*/ jsxs(MessageWrapper, {
+	if (size === "full") return /* @__PURE__ */ jsxs(MessageWrapper, {
 		className: SelectPanel_module_css_default.MessageFull,
 		children: [
-			variant !== "empty" ? /*#__PURE__*/ jsx(Octicon, {
+			variant !== "empty" ? /* @__PURE__ */ jsx(Octicon, {
 				icon: AlertIcon,
 				className: clsx(SelectPanel_module_css_default.Octicon, variant === "error" ? SelectPanel_module_css_default.Error : void 0, variant === "warning" ? SelectPanel_module_css_default.Warning : void 0)
 			}) : null,
-			/*#__PURE__*/ jsx("span", {
+			/* @__PURE__ */ jsx("span", {
 				className: SelectPanel_module_css_default.MessageTitle,
 				children: title
 			}),
-			/*#__PURE__*/ jsx("span", {
+			/* @__PURE__ */ jsx("span", {
 				className: SelectPanel_module_css_default.MessageContent,
 				children
 			})
 		]
 	});
-	else return /*#__PURE__*/ jsxs(MessageWrapper, {
+	else return /* @__PURE__ */ jsxs(MessageWrapper, {
 		className: SelectPanel_module_css_default.MessageInline,
 		"data-variant": variant,
-		children: [/*#__PURE__*/ jsx(AlertIcon, { size: 16 }), /*#__PURE__*/ jsx("div", { children })]
+		children: [/* @__PURE__ */ jsx(AlertIcon, { size: 16 }), /* @__PURE__ */ jsx("div", { children })]
 	});
 };
 const SelectPanel = Object.assign(Panel, {

package/dist/experimental/Tabs/Tabs.js

@@ -77,7 +77,7 @@ function Tabs(props) {
 	useIsomorphicLayoutEffect(t3, t4);
 	let t5;
 	if ($[12] !== children || $[13] !== contextValue) {
-		t5 = /*#__PURE__*/ jsx(TabsContext.Provider, {
+		t5 = /* @__PURE__ */ jsx(TabsContext.Provider, {
 			value: contextValue,
 			children
 		});