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

package/dist/Tooltip/Tooltip.js

@@ -8,9 +8,6 @@ import { clsx } from "clsx";
 /**
 * @deprecated
 */
-/**
-* @deprecated
-*/
 const Tooltip = /*#__PURE__*/ React.forwardRef(function Tooltip({ as: Component = "span", direction = "n", children, className, text, noDelay, align, wrap, id, ...rest }, ref) {
 	const tooltipId = useId$1(id);
 	const tooltipClasses = clsx(className, Tooltip_module_css_default.Tooltip, Tooltip_module_css_default[`Tooltip--${direction}`], {
@@ -23,9 +20,9 @@ const Tooltip = /*#__PURE__*/ React.forwardRef(function Tooltip({ as: Component
 		"tooltipped-multiline": wrap
 	});
 	const value = useMemo(() => ({ tooltipId }), [tooltipId]);
-	return /*#__PURE__*/ jsx(TooltipContext.Provider, {
+	return /* @__PURE__ */ jsx(TooltipContext.Provider, {
 		value,
-		children: /*#__PURE__*/ jsx(Component, {
+		children: /* @__PURE__ */ jsx(Component, {
 			role: "tooltip",
 			"aria-label": text,
 			id: tooltipId,

package/dist/TooltipV2/Tooltip.js

@@ -172,9 +172,9 @@ const Tooltip = /*#__PURE__*/ React.forwardRef(({ direction = "s", text, type =
 	const hasAriaLabel = "aria-label" in rest;
 	const keybindingHints = Array.isArray(keybindingHint) ? keybindingHint : [keybindingHint];
 	if (isFragmentTrigger) return child;
-	return /*#__PURE__*/ jsx(TooltipContext.Provider, {
+	return /* @__PURE__ */ jsx(TooltipContext.Provider, {
 		value,
-		children: /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ React.isValidElement(child) && /*#__PURE__*/ React.cloneElement(child, {
+		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/*#__PURE__*/ React.isValidElement(child) && /*#__PURE__*/ React.cloneElement(child, {
 			ref: appliedTriggerRef,
 			"aria-describedby": (() => {
 				if (type !== "description") return child.props["aria-describedby"];
@@ -215,7 +215,7 @@ const Tooltip = /*#__PURE__*/ React.forwardRef(({ direction = "s", text, type =
 				closeTooltip();
 				(_child$props$onMouseL = (_child$props5 = child.props).onMouseLeave) === null || _child$props$onMouseL === void 0 || _child$props$onMouseL.call(_child$props5, event);
 			}
-		}), /*#__PURE__*/ jsx("span", {
+		}), /* @__PURE__ */ jsx("span", {
 			className: clsx(className, Tooltip_module_css_default.Tooltip),
 			ref: tooltipElRef,
 			"data-direction": calculatedDirection,
@@ -226,18 +226,18 @@ const Tooltip = /*#__PURE__*/ React.forwardRef(({ direction = "s", text, type =
 			onMouseEnter: openTooltip,
 			onMouseLeave: closeTooltip,
 			id: hasAriaLabel || keybindingHints.length === 0 ? tooltipId : void 0,
-			children: keybindingHints.length > 0 ? /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsxs("span", {
+			children: keybindingHints.length > 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
 				id: hasAriaLabel ? void 0 : tooltipId,
-				children: [text, /*#__PURE__*/ jsxs(VisuallyHidden, { children: [
+				children: [text, /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
 					"(",
 					keybindingHints.map((hint) => getAccessibleKeybindingHintString(hint, platform)).join(" or "),
 					")"
 				] })]
-			}), /*#__PURE__*/ jsx("span", {
+			}), /* @__PURE__ */ jsx("span", {
 				className: clsx(Tooltip_module_css_default.KeybindingHintContainer, text && Tooltip_module_css_default.HasTextBefore, keybindingHints.length > 1 && Tooltip_module_css_default.HasMultipleHints),
 				"aria-hidden": true,
 				"data-component": "Tooltip.KeybindingHintContainer",
-				children: keybindingHints.map((hint, i) => /*#__PURE__*/ jsxs(React.Fragment, { children: [i > 0 && " or ", /*#__PURE__*/ jsx(KeybindingHint, {
+				children: keybindingHints.map((hint, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [i > 0 && " or ", /* @__PURE__ */ jsx(KeybindingHint, {
 					keys: hint,
 					format: "condensed",
 					variant: "onEmphasis",

package/dist/TopicTag/TopicTag.js

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

package/dist/TopicTag/TopicTagGroup.js

@@ -27,7 +27,7 @@ function TopicTagGroup(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/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