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

package/dist/TreeView/TreeView.js

@@ -94,16 +94,16 @@ const Root = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, chil
 	}, []);
 	const expandedStateCache = React.useRef(null);
 	if (expandedStateCache.current === null) expandedStateCache.current = /* @__PURE__ */ new Map();
-	return /*#__PURE__*/ jsx(RootContext.Provider, {
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
 		value: {
 			announceUpdate,
 			expandedStateCache,
 			scrollElementIntoView
 		},
-		children: /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(VisuallyHidden, { children: /*#__PURE__*/ jsx(AriaStatus, {
+		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(AriaStatus, {
 			announceOnShow: true,
 			children: ariaLiveMessage
-		}) }), /*#__PURE__*/ jsx("ul", {
+		}) }), /* @__PURE__ */ jsx("ul", {
 			ref: containerRef,
 			role: "tree",
 			"aria-label": ariaLabel,
@@ -117,7 +117,6 @@ const Root = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, chil
 		})] })
 	});
 };
-Root.displayName = "Root";
 Root.displayName = "TreeView";
 const ItemImpl = fixedForwardRef(({ id: itemId, containIntrinsicSize, current: isCurrentItem = false, defaultExpanded, expanded, onExpandedChange, onSelect, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, secondaryActions, as: Component, ...restProps }, ref) => {
 	const ItemElement = Component !== null && Component !== void 0 ? Component : "li";
@@ -202,7 +201,7 @@ const ItemImpl = fixedForwardRef(({ id: itemId, containIntrinsicSize, current: i
 	]);
 	const ariaDescribedByIds = [slots.leadingVisual ? leadingVisualId : null, slots.trailingVisual ? trailingVisualId : null].filter(Boolean);
 	const trailingActionShortcutText = `Press (${getAccessibleKeybindingHintString(`Shift+${platform === "apple" ? "Meta" : "Control"}+U`, platform)}) for more actions.`;
-	const itemElement = /*#__PURE__*/ jsxs(ItemElement, {
+	const itemElement = /* @__PURE__ */ jsxs(ItemElement, {
 		...restProps,
 		className: clsx("PRIVATE_TreeView-item", className, TreeView_module_css_default.TreeViewItem),
 		ref,
@@ -234,7 +233,7 @@ const ItemImpl = fixedForwardRef(({ id: itemId, containIntrinsicSize, current: i
 			if (onSelect && event.button === 1) onSelect(event);
 			event.stopPropagation();
 		},
-		children: [/*#__PURE__*/ jsxs("div", {
+		children: [/* @__PURE__ */ jsxs("div", {
 			className: clsx("PRIVATE_TreeView-item-container", TreeView_module_css_default.TreeViewItemContainer),
 			style: {
 				"--level": level,
@@ -242,44 +241,44 @@ const ItemImpl = fixedForwardRef(({ id: itemId, containIntrinsicSize, current: i
 				containIntrinsicSize
 			},
 			children: [
-				/*#__PURE__*/ jsx("div", {
+				/* @__PURE__ */ jsx("div", {
 					style: {
 						gridArea: "spacer",
 						display: "flex"
 					},
-					children: /*#__PURE__*/ jsx(LevelIndicatorLines, { level })
+					children: /* @__PURE__ */ jsx(LevelIndicatorLines, { level })
 				}),
 				slots.leadingAction,
-				hasSubTree ? /*#__PURE__*/ jsx("div", {
+				hasSubTree ? /* @__PURE__ */ jsx("div", {
 					className: clsx("PRIVATE_TreeView-item-toggle", onSelect && "PRIVATE_TreeView-item-toggle--hover", level === 1 && "PRIVATE_TreeView-item-toggle--end", TreeView_module_css_default.TreeViewItemToggle, TreeView_module_css_default.TreeViewItemToggleHover, TreeView_module_css_default.TreeViewItemToggleEnd),
 					onClick: (event) => {
 						if (onSelect) toggle(event);
 					},
-					children: isExpanded ? /*#__PURE__*/ jsx(ChevronDownIcon, { size: TOGGLE_ICON_SIZE }) : /*#__PURE__*/ jsx(ChevronRightIcon, { size: TOGGLE_ICON_SIZE })
+					children: isExpanded ? /* @__PURE__ */ jsx(ChevronDownIcon, { size: TOGGLE_ICON_SIZE }) : /* @__PURE__ */ jsx(ChevronRightIcon, { size: TOGGLE_ICON_SIZE })
 				}) : null,
-				/*#__PURE__*/ jsxs("div", {
+				/* @__PURE__ */ jsxs("div", {
 					id: labelId,
 					className: clsx("PRIVATE_TreeView-item-content", TreeView_module_css_default.TreeViewItemContent),
 					children: [
 						slots.leadingVisual,
-						/*#__PURE__*/ jsx("span", {
+						/* @__PURE__ */ jsx("span", {
 							className: clsx("PRIVATE_TreeView-item-content-text", TreeView_module_css_default.TreeViewItemContentText),
 							children: childrenWithoutSubTree
 						}),
 						slots.trailingVisual
 					]
 				}),
-				secondaryActions ? /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(TrailingAction, {
+				secondaryActions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TrailingAction, {
 					items: secondaryActions,
 					shortcutText: trailingActionShortcutText
-				}), actionCommandPressed ? /*#__PURE__*/ jsx(ActionDialog, {
+				}), actionCommandPressed ? /* @__PURE__ */ jsx(ActionDialog, {
 					items: secondaryActions,
 					onClose: () => setActionCommandPressed(false)
 				}) : null] }) : null
 			]
 		}), subTree]
 	});
-	return /*#__PURE__*/ jsx(ItemContext.Provider, {
+	return /* @__PURE__ */ jsx(ItemContext.Provider, {
 		value: {
 			itemId,
 			level: level + 1,
@@ -291,7 +290,7 @@ const ItemImpl = fixedForwardRef(({ id: itemId, containIntrinsicSize, current: i
 			trailingVisualId,
 			trailingActionId
 		},
-		children: isPolymorphic ? /*#__PURE__*/ jsx("li", {
+		children: isPolymorphic ? /* @__PURE__ */ jsx("li", {
 			role: "none",
 			children: itemElement
 		}) : itemElement
@@ -300,15 +299,14 @@ const ItemImpl = fixedForwardRef(({ id: itemId, containIntrinsicSize, current: i
 const Item = Object.assign(ItemImpl, { displayName: "TreeView.Item" });
 /** Lines to indicate the depth of an item in a TreeView */
 const LevelIndicatorLines = ({ level }) => {
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		style: {
 			width: "100%",
 			display: "flex"
 		},
-		children: Array.from({ length: level - 1 }).map((_, index) => /*#__PURE__*/ jsx("div", { className: clsx("PRIVATE_TreeView-item-level-line", TreeView_module_css_default.TreeViewItemLevelLine) }, index))
+		children: Array.from({ length: level - 1 }).map((_, index) => /* @__PURE__ */ jsx("div", { className: clsx("PRIVATE_TreeView-item-level-line", TreeView_module_css_default.TreeViewItemLevelLine) }, index))
 	});
 };
-LevelIndicatorLines.displayName = "LevelIndicatorLines";
 const SubTree = ({ count, state, children, "aria-label": ariaLabel }) => {
 	const { announceUpdate } = React.useContext(RootContext);
 	const { itemId, isExpanded, isSubTreeEmpty, setIsSubTreeEmpty } = React.useContext(ItemContext);
@@ -379,7 +377,7 @@ const SubTree = ({ count, state, children, "aria-label": ariaLabel }) => {
 		};
 	}, [loadingItemRef, state]);
 	if (!isExpanded) return null;
-	return /*#__PURE__*/ jsxs("ul", {
+	return /* @__PURE__ */ jsxs("ul", {
 		role: "group",
 		style: {
 			listStyle: "none",
@@ -388,13 +386,12 @@ const SubTree = ({ count, state, children, "aria-label": ariaLabel }) => {
 		},
 		ref,
 		"aria-label": ariaLabel || subTreeLabel,
-		children: [state === "loading" ? /*#__PURE__*/ jsx(LoadingItem, {
+		children: [state === "loading" ? /* @__PURE__ */ jsx(LoadingItem, {
 			ref: loadingItemRef,
 			count
-		}) : children, isSubTreeEmpty && state !== "loading" ? /*#__PURE__*/ jsx(EmptyItem, {}) : null]
+		}) : children, isSubTreeEmpty && state !== "loading" ? /* @__PURE__ */ jsx(EmptyItem, {}) : null]
 	});
 };
-SubTree.displayName = "SubTree";
 SubTree.displayName = "TreeView.SubTree";
 SubTree.__SLOT__ = Symbol("TreeView.SubTree");
 function usePreviousValue(value) {
@@ -405,25 +402,24 @@ function usePreviousValue(value) {
 	return ref.current;
 }
 const SkeletonItem = () => {
-	return /*#__PURE__*/ jsxs("span", {
+	return /* @__PURE__ */ jsxs("span", {
 		className: clsx(TreeView_module_css_default.TreeViewSkeletonItemContainerStyle, TreeView_module_css_default.TreeViewItemSkeleton, "PRIVATE_TreeView-item-skeleton"),
-		children: [/*#__PURE__*/ jsx(SkeletonAvatar, {
+		children: [/* @__PURE__ */ jsx(SkeletonAvatar, {
 			size: 16,
 			square: true
-		}), /*#__PURE__*/ jsx(SkeletonText, { className: TreeView_module_css_default.TreeItemSkeletonTextStyles })]
+		}), /* @__PURE__ */ jsx(SkeletonText, { className: TreeView_module_css_default.TreeItemSkeletonTextStyles })]
 	});
 };
-SkeletonItem.displayName = "SkeletonItem";
 const LoadingItem = /*#__PURE__*/ React.forwardRef(({ count }, ref) => {
 	const itemId = useId$1();
-	if (count) return /*#__PURE__*/ jsx(LoadingPlaceholderContext.Provider, {
+	if (count) return /* @__PURE__ */ jsx(LoadingPlaceholderContext.Provider, {
 		value: true,
-		children: /*#__PURE__*/ jsxs(Item, {
+		children: /* @__PURE__ */ jsxs(Item, {
 			id: itemId,
 			ref,
 			children: [Array.from({ length: count }).map((_, i) => {
-				return /*#__PURE__*/ jsx(SkeletonItem, { "aria-hidden": true }, i);
-			}), /*#__PURE__*/ jsxs("div", {
+				return /* @__PURE__ */ jsx(SkeletonItem, { "aria-hidden": true }, i);
+			}), /* @__PURE__ */ jsxs("div", {
 				className: clsx("PRIVATE_VisuallyHidden", TreeView_module_css_default.TreeViewVisuallyHidden),
 				children: [
 					"Loading ",
@@ -433,12 +429,12 @@ const LoadingItem = /*#__PURE__*/ React.forwardRef(({ count }, ref) => {
 			})]
 		})
 	});
-	return /*#__PURE__*/ jsx(LoadingPlaceholderContext.Provider, {
+	return /* @__PURE__ */ jsx(LoadingPlaceholderContext.Provider, {
 		value: true,
-		children: /*#__PURE__*/ jsxs(Item, {
+		children: /* @__PURE__ */ jsxs(Item, {
 			id: itemId,
 			ref,
-			children: [/*#__PURE__*/ jsx(LeadingVisual, { children: /*#__PURE__*/ jsx(Spinner, { size: "small" }) }), /*#__PURE__*/ jsx(Text_default, {
+			children: [/* @__PURE__ */ jsx(LeadingVisual, { children: /* @__PURE__ */ jsx(Spinner, { size: "small" }) }), /* @__PURE__ */ jsx(Text_default, {
 				className: "fgColor-muted",
 				children: "Loading..."
 			})]
@@ -446,11 +442,11 @@ const LoadingItem = /*#__PURE__*/ React.forwardRef(({ count }, ref) => {
 	});
 });
 const EmptyItem = /*#__PURE__*/ React.forwardRef((props, ref) => {
-	return /*#__PURE__*/ jsx(Item, {
+	return /* @__PURE__ */ jsx(Item, {
 		expanded: null,
 		id: useId$1(),
 		ref,
-		children: /*#__PURE__*/ jsx(Text_default, {
+		children: /* @__PURE__ */ jsx(Text_default, {
 			className: "fgColor-muted",
 			children: "No items found"
 		})
@@ -469,12 +465,12 @@ function useSubTree(children) {
 const LeadingVisual = (props) => {
 	const { isExpanded, leadingVisualId } = React.useContext(ItemContext);
 	const children = typeof props.children === "function" ? props.children({ isExpanded }) : props.children;
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		className: clsx("PRIVATE_VisuallyHidden", TreeView_module_css_default.TreeViewVisuallyHidden),
 		"aria-hidden": true,
 		id: leadingVisualId,
 		children: props.label
-	}), /*#__PURE__*/ jsx("div", {
+	}), /* @__PURE__ */ jsx("div", {
 		className: clsx("PRIVATE_TreeView-item-visual", TreeView_module_css_default.TreeViewItemVisual),
 		"aria-hidden": true,
 		children
@@ -484,12 +480,12 @@ LeadingVisual.displayName = "TreeView.LeadingVisual";
 const TrailingVisual = (props) => {
 	const { isExpanded, trailingVisualId } = React.useContext(ItemContext);
 	const children = typeof props.children === "function" ? props.children({ isExpanded }) : props.children;
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		className: clsx("PRIVATE_VisuallyHidden", TreeView_module_css_default.TreeViewVisuallyHidden),
 		"aria-hidden": true,
 		id: trailingVisualId,
 		children: props.label
-	}), /*#__PURE__*/ jsx("div", {
+	}), /* @__PURE__ */ jsx("div", {
 		className: clsx("PRIVATE_TreeView-item-visual", TreeView_module_css_default.TreeViewItemVisual),
 		"aria-hidden": true,
 		children
@@ -499,11 +495,11 @@ TrailingVisual.displayName = "TreeView.TrailingVisual";
 const LeadingAction = (props) => {
 	const { isExpanded } = React.useContext(ItemContext);
 	const children = typeof props.children === "function" ? props.children({ isExpanded }) : props.children;
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		className: clsx("PRIVATE_VisuallyHidden", TreeView_module_css_default.TreeViewVisuallyHidden),
 		"aria-hidden": true,
 		children: props.label
-	}), /*#__PURE__*/ jsx("div", {
+	}), /* @__PURE__ */ jsx("div", {
 		className: clsx("PRIVATE_TreeView-item-leading-action", TreeView_module_css_default.TreeViewItemLeadingAction),
 		"aria-hidden": true,
 		children
@@ -513,19 +509,19 @@ LeadingAction.displayName = "TreeView.LeadingAction";
 const TrailingAction = (props) => {
 	const { trailingActionId, itemId } = React.useContext(ItemContext);
 	const { items, shortcutText } = props;
-	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 		id: trailingActionId,
 		className: clsx("PRIVATE_VisuallyHidden", TreeView_module_css_default.TreeViewVisuallyHidden),
 		children: ["- ", shortcutText]
-	}), /*#__PURE__*/ jsx("div", {
+	}), /* @__PURE__ */ jsx("div", {
 		className: TreeView_module_css_default.TreeViewItemTrailingAction,
 		"aria-hidden": true,
 		onClick: (event) => event.stopPropagation(),
 		onKeyDown: (event) => event.stopPropagation(),
 		children: items.map(({ label, onClick, icon, count, className }, index) => {
-			if (count) return /*#__PURE__*/ jsx(Tooltip, {
+			if (count) return /* @__PURE__ */ jsx(Tooltip, {
 				text: label,
-				children: /*#__PURE__*/ jsx(ButtonComponent, {
+				children: /* @__PURE__ */ jsx(ButtonComponent, {
 					"aria-label": label,
 					leadingVisual: icon,
 					variant: "invisible",
@@ -540,7 +536,7 @@ const TrailingAction = (props) => {
 					count
 				})
 			}, index);
-			return /*#__PURE__*/ jsx(IconButton, {
+			return /* @__PURE__ */ jsx(IconButton, {
 				icon,
 				variant: "invisible",
 				"aria-label": label,
@@ -559,7 +555,7 @@ const TrailingAction = (props) => {
 TrailingAction.displayName = "TreeView.TrailingAction";
 const ActionDialog = ({ items, onClose }) => {
 	const { itemId } = React.useContext(ItemContext);
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		onClick: (event) => {
 			event.stopPropagation();
 		},
@@ -573,7 +569,7 @@ const ActionDialog = ({ items, onClose }) => {
 				"Enter"
 			].includes(event.key)) event.stopPropagation();
 		},
-		children: /*#__PURE__*/ jsx(Dialog, {
+		children: /* @__PURE__ */ jsx(Dialog, {
 			title: "Supplemental actions",
 			onClose: () => {
 				if (onClose) onClose();
@@ -582,31 +578,29 @@ const ActionDialog = ({ items, onClose }) => {
 					parentElement === null || parentElement === void 0 || parentElement.focus();
 				});
 			},
-			children: /*#__PURE__*/ jsx(ActionList, { children: items.map(({ label, onClick, icon: Icon, count }, index) => /*#__PURE__*/ jsxs(ActionList.Item, {
+			children: /* @__PURE__ */ jsx(ActionList, { children: items.map(({ label, onClick, icon: Icon, count }, index) => /* @__PURE__ */ jsxs(ActionList.Item, {
 				onSelect: onClick,
 				children: [
-					/*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: /*#__PURE__*/ jsx(Icon, {}) }),
+					/* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: /* @__PURE__ */ jsx(Icon, {}) }),
 					label,
-					count ? /*#__PURE__*/ jsxs(ActionList.TrailingVisual, { children: [count, /*#__PURE__*/ jsx(VisuallyHidden, { children: "items" })] }) : null
+					count ? /* @__PURE__ */ jsxs(ActionList.TrailingVisual, { children: [count, /* @__PURE__ */ jsx(VisuallyHidden, { children: "items" })] }) : null
 				]
 			}, index)) })
 		})
 	});
 };
-ActionDialog.displayName = "ActionDialog";
 ActionDialog.displayName = "TreeView.ActionDialog";
 const DirectoryIcon = () => {
 	const { isExpanded } = React.useContext(ItemContext);
 	const Icon = isExpanded ? FileDirectoryOpenFillIcon : FileDirectoryFillIcon;
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: clsx("PRIVATE_TreeView-directory-icon", TreeView_module_css_default.TreeViewDirectoryIcon),
-		children: /*#__PURE__*/ jsx(Icon, {})
+		children: /* @__PURE__ */ jsx(Icon, {})
 	});
 };
-DirectoryIcon.displayName = "DirectoryIcon";
 const ErrorDialog = ({ title = "Error", children, onRetry, onDismiss }) => {
 	const { itemId, setIsExpanded } = React.useContext(ItemContext);
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		onKeyDown: (event) => {
 			if ([
 				"Backspace",
@@ -617,7 +611,7 @@ const ErrorDialog = ({ title = "Error", children, onRetry, onDismiss }) => {
 				"Enter"
 			].includes(event.key)) event.stopPropagation();
 		},
-		children: /*#__PURE__*/ jsx(ConfirmationDialog, {
+		children: /* @__PURE__ */ jsx(ConfirmationDialog, {
 			title,
 			onClose: (gesture) => {
 				setTimeout(() => {
@@ -636,7 +630,6 @@ const ErrorDialog = ({ title = "Error", children, onRetry, onDismiss }) => {
 		})
 	});
 };
-ErrorDialog.displayName = "ErrorDialog";
 ErrorDialog.displayName = "TreeView.ErrorDialog";
 const TreeView = Object.assign(Root, {
 	Item,

package/dist/TreeView/useRovingTabIndex.js

@@ -57,6 +57,7 @@ function _temp(direction, from, event) {
 	try {
 		if (from.closest("dialog:modal")) return;
 	} catch {}
+	if (from.getAttribute("role") !== "treeitem") return from;
 	return (_getNextFocusableElem = getNextFocusableElement(from, event)) !== null && _getNextFocusableElem !== void 0 ? _getNextFocusableElem : from;
 }
 function getNextFocusableElement(activeElement, event) {

package/dist/TreeView/useTypeahead.js

@@ -82,15 +82,15 @@ function useTypeahead(t0) {
 	}
 	React.useEffect(t4, t5);
 }
+function _temp(element) {
+	return element === document.activeElement;
+}
 /**
 * Wraps an array around itself at a given start index
 *
 * @example
 * wrapArray(['a', 'b', 'c', 'd'], 2) // ['c', 'd', 'a', 'b']
 */
-function _temp(element) {
-	return element === document.activeElement;
-}
 function wrapArray(array, startIndex) {
 	return array.map((_, index) => array[(startIndex + index) % array.length]);
 }

package/dist/Truncate/Truncate.js

@@ -5,7 +5,7 @@ import { clsx } from "clsx";
 //#region src/Truncate/Truncate.tsx
 function Truncate(props, ref) {
 	const { as: Component = "div", children, className, title, inline, expandable, maxWidth = 125, style, ...rest } = props;
-	return /*#__PURE__*/ jsx(Component, {
+	return /* @__PURE__ */ jsx(Component, {
 		...typeof Component === "string" ? {} : { inline },
 		...rest,
 		ref,
@@ -21,7 +21,6 @@ function Truncate(props, ref) {
 	});
 }
 Truncate.displayName = "Truncate";
-Truncate.displayName = "Truncate";
 var Truncate_default = fixedForwardRef(Truncate);
 //#endregion
 export { Truncate_default as default };

package/dist/UnderlineNav/UnderlineNav.js

@@ -80,7 +80,7 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	if (menuOpen && !isOverflowing) setMenuOpen(false);
 	let t10;
 	if ($[12] !== ariaLabel) {
-		t10 = ariaLabel && /*#__PURE__*/ jsx(VisuallyHidden, {
+		t10 = ariaLabel && /* @__PURE__ */ jsx(VisuallyHidden, {
 			as: "h2",
 			children: `${ariaLabel} navigation`
 		});
@@ -97,7 +97,7 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const t13 = isOverflowing ? "true" : void 0;
 	let t14;
 	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /*#__PURE__*/ jsx("li", {
+		t14 = /* @__PURE__ */ jsx("li", {
 			role: "presentation",
 			"aria-hidden": true,
 			className: UnderlineNav_module_css_default.WrapSpacer
@@ -106,7 +106,7 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t14 = $[16];
 	let t15;
 	if ($[17] !== children || $[18] !== setRegisteredItems) {
-		t15 = /*#__PURE__*/ jsx(UnderlineNavItemsRegistry.Provider, {
+		t15 = /* @__PURE__ */ jsx(UnderlineNavItemsRegistry.Provider, {
 			setRegistry: setRegisteredItems,
 			children
 		});
@@ -116,11 +116,11 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t15 = $[19];
 	let t16;
 	if ($[20] !== navRef || $[21] !== t15) {
-		t16 = /*#__PURE__*/ jsxs(UnderlineItemList, {
+		t16 = /* @__PURE__ */ jsxs(UnderlineItemList, {
 			ref: listRef,
 			role: "list",
 			className: UnderlineNav_module_css_default.ItemsList,
-			children: [t14, /*#__PURE__*/ jsx(OverflowObserverProvider, {
+			children: [t14, /* @__PURE__ */ jsx(OverflowObserverProvider, {
 				rootRef: navRef,
 				children: t15
 			})]
@@ -131,14 +131,14 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t16 = $[22];
 	let t17;
 	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = /*#__PURE__*/ jsx("div", { className: UnderlineNav_module_css_default.MoreButtonDivider });
+		t17 = /* @__PURE__ */ jsx("div", { className: UnderlineNav_module_css_default.MoreButtonDivider });
 		$[23] = t17;
 	} else t17 = $[23];
 	const t18 = overflowingCurrentItem ? "true" : void 0;
 	const t19 = overflowingCurrentItem ? "More items, including current item" : void 0;
 	let t20;
 	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-		t20 = /*#__PURE__*/ jsxs("span", { children: ["More", /*#__PURE__*/ jsx(VisuallyHidden, {
+		t20 = /* @__PURE__ */ jsxs("span", { children: ["More", /* @__PURE__ */ jsx(VisuallyHidden, {
 			as: "span",
 			children: " items"
 		})] });
@@ -146,7 +146,7 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t20 = $[24];
 	let t21;
 	if ($[25] !== t18 || $[26] !== t19) {
-		t21 = /*#__PURE__*/ jsx(ActionMenu.Button, {
+		t21 = /* @__PURE__ */ jsx(ActionMenu.Button, {
 			className: UnderlineNav_module_css_default.MoreButton,
 			variant: "invisible",
 			"data-component": "overflow-menu-button",
@@ -160,19 +160,19 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t21 = $[27];
 	let t22;
 	if ($[28] !== loadingCounters || $[29] !== overflowMenuItems || $[30] !== registeredItems) {
-		t22 = registeredItems === void 0 ? /*#__PURE__*/ jsx(ActionList.Item, { children: /*#__PURE__*/ jsx(SkeletonText, {}) }) : overflowMenuItems.map((t23) => {
+		t22 = registeredItems === void 0 ? /* @__PURE__ */ jsx(ActionList.Item, { children: /* @__PURE__ */ jsx(SkeletonText, {}) }) : overflowMenuItems.map((t23) => {
 			const [key, allProps] = t23;
 			const { children: menuItemChildren, counter, onSelect, ...menuItemProps } = allProps;
-			return /*#__PURE__*/ jsxs(ActionList.LinkItem, {
+			return /* @__PURE__ */ jsxs(ActionList.LinkItem, {
 				onClick: (event) => onSelect === null || onSelect === void 0 ? void 0 : onSelect(event),
 				...menuItemProps,
 				className: UnderlineNav_module_css_default.OverflowMenuItem,
-				children: [/*#__PURE__*/ jsx("span", {
+				children: [/* @__PURE__ */ jsx("span", {
 					className: UnderlineNav_module_css_default.OverflowMenuItemLabel,
 					children: menuItemChildren
-				}), loadingCounters ? /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: /*#__PURE__*/ jsx(LoadingCounter, {}) }) : counter !== void 0 && /*#__PURE__*/ jsx(ActionList.TrailingVisual, { children: /*#__PURE__*/ jsx("span", {
+				}), loadingCounters ? /* @__PURE__ */ jsx(ActionList.TrailingVisual, { children: /* @__PURE__ */ jsx(LoadingCounter, {}) }) : counter !== void 0 && /* @__PURE__ */ jsx(ActionList.TrailingVisual, { children: /* @__PURE__ */ jsx("span", {
 					"data-component": "counter",
-					children: /*#__PURE__*/ jsx(CounterLabel, { children: counter })
+					children: /* @__PURE__ */ jsx(CounterLabel, { children: counter })
 				}) })]
 			}, key);
 		});
@@ -183,15 +183,15 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t22 = $[31];
 	let t23;
 	if ($[32] !== t22) {
-		t23 = /*#__PURE__*/ jsx(ActionMenu.Overlay, { children: /*#__PURE__*/ jsx(ActionList, { children: t22 }) });
+		t23 = /* @__PURE__ */ jsx(ActionMenu.Overlay, { children: /* @__PURE__ */ jsx(ActionList, { children: t22 }) });
 		$[32] = t22;
 		$[33] = t23;
 	} else t23 = $[33];
 	let t24;
 	if ($[34] !== menuOpen || $[35] !== t21 || $[36] !== t23) {
-		t24 = /*#__PURE__*/ jsxs("div", {
+		t24 = /* @__PURE__ */ jsxs("div", {
 			className: UnderlineNav_module_css_default.MoreButtonContainer,
-			children: [t17, /*#__PURE__*/ jsxs(ActionMenu, {
+			children: [t17, /* @__PURE__ */ jsxs(ActionMenu, {
 				open: menuOpen,
 				onOpenChange: setMenuOpen,
 				children: [t21, t23]
@@ -204,7 +204,7 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t24 = $[37];
 	let t25;
 	if ($[38] !== ariaLabel || $[39] !== as || $[40] !== navRef || $[41] !== t11 || $[42] !== t12 || $[43] !== t13 || $[44] !== t16 || $[45] !== t24 || $[46] !== variant) {
-		t25 = /*#__PURE__*/ jsxs(UnderlineWrapper, {
+		t25 = /* @__PURE__ */ jsxs(UnderlineWrapper, {
 			as,
 			"aria-label": ariaLabel,
 			className: t11,
@@ -228,7 +228,7 @@ const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t25 = $[47];
 	let t26;
 	if ($[48] !== contextValue || $[49] !== t10 || $[50] !== t25) {
-		t26 = /*#__PURE__*/ jsxs(UnderlineNavContext.Provider, {
+		t26 = /* @__PURE__ */ jsxs(UnderlineNavContext.Provider, {
 			value: contextValue,
 			children: [t10, t25]
 		});

package/dist/UnderlineNav/UnderlineNavItem.js

@@ -79,7 +79,7 @@ const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
 	const t6 = isOverflowing ? -1 : allProps.tabIndex;
 	let t7;
 	if ($[17] !== Component || $[18] !== ariaCurrent || $[19] !== children || $[20] !== clickHandler || $[21] !== counter || $[22] !== forwardedRef || $[23] !== hrefProps || $[24] !== keyDownHandler || $[25] !== loadingCounters || $[26] !== props || $[27] !== t5 || $[28] !== t6) {
-		t7 = /*#__PURE__*/ jsx(UnderlineItem, {
+		t7 = /* @__PURE__ */ jsx(UnderlineItem, {
 			ref: forwardedRef,
 			as: Component,
 			...hrefProps,
@@ -109,7 +109,7 @@ const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
 	} else t7 = $[29];
 	let t8;
 	if ($[30] !== t4 || $[31] !== t7) {
-		t8 = /*#__PURE__*/ jsx("li", {
+		t8 = /* @__PURE__ */ jsx("li", {
 			className: UnderlineNavItem_module_css_default.UnderlineNavItem,
 			ref,
 			"aria-hidden": t4,

package/dist/VisuallyHidden/VisuallyHidden.js

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

package/dist/_VisuallyHidden.js

@@ -36,7 +36,7 @@ function VisuallyHidden(t0) {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t2) {
-		t3 = /*#__PURE__*/ jsx(Component, {
+		t3 = /* @__PURE__ */ jsx(Component, {
 			className: t2,
 			...rest,
 			children

package/dist/deprecated/ActionList/Divider.js

@@ -9,7 +9,7 @@ function Divider() {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /*#__PURE__*/ jsx("div", {
+		t0 = /* @__PURE__ */ jsx("div", {
 			"data-component": "ActionList.Divider",
 			className: Divider_module_css_default.Divider
 		});

package/dist/deprecated/ActionList/Group.js

@@ -3,9 +3,6 @@ import { Header } from "./Header.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/deprecated/ActionList/Group.tsx
 /**
-* Contract for props passed to the `Group` component.
-*/
-/**
 * Collects related `Items` in an `ActionList`.
 */
 function Group(t0) {
@@ -29,13 +26,13 @@ function Group(t0) {
 	}
 	let t1;
 	if ($[4] !== header) {
-		t1 = header && /*#__PURE__*/ jsx(Header, { ...header });
+		t1 = header && /* @__PURE__ */ jsx(Header, { ...header });
 		$[4] = header;
 		$[5] = t1;
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== items || $[7] !== props || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsxs("div", {
+		t2 = /* @__PURE__ */ jsxs("div", {
 			...props,
 			children: [t1, items]
 		});

package/dist/deprecated/ActionList/Header.js

@@ -4,9 +4,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/deprecated/ActionList/Header.tsx
 /**
-* Contract for props passed to the `Header` component.
-*/
-/**
 * Displays the name and description of a `Group`.
 */
 function Header(t0) {
@@ -46,13 +43,13 @@ function Header(t0) {
 	const t3 = variant === "filled" ? "" : void 0;
 	let t4;
 	if ($[8] !== auxiliaryText) {
-		t4 = auxiliaryText && /*#__PURE__*/ jsx("span", { children: auxiliaryText });
+		t4 = auxiliaryText && /* @__PURE__ */ jsx("span", { children: auxiliaryText });
 		$[8] = auxiliaryText;
 		$[9] = t4;
 	} else t4 = $[9];
 	let t5;
 	if ($[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== title) {
-		t5 = /*#__PURE__*/ jsxs("div", {
+		t5 = /* @__PURE__ */ jsxs("div", {
 			role: "heading",
 			className: t2,
 			"data-filled": t3,