@primer/react 38.37.1-rc.f8f4193e4 → 38.38.0-rc.8cc0fbde1

package/dist/Radio/Radio.js

@@ -2,9 +2,9 @@ import { RadioGroupContext } from "../RadioGroup/RadioGroupContext.js";
 import shared_module_css_default from "../Checkbox/shared.module.css.js";
 import Radio_module_css_default from "./Radio.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Radio/Radio.tsx
 /**
 * An accessible, native radio component for selecting one option from a list.

package/dist/ScrollableRegion/ScrollableRegion.js

@@ -1,9 +1,9 @@
 import { useOverflow } from "../hooks/useOverflow.js";
 import ScrollableRegion_module_css_default from "./ScrollableRegion.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/ScrollableRegion/ScrollableRegion.tsx
 function ScrollableRegion(t0) {
 	const $ = c(17);

package/dist/SegmentedControl/SegmentedControl.js

@@ -6,9 +6,9 @@ import SegmentedControl_module_css_default from "./SegmentedControl.module.css.j
 import SegmentedControlButton from "./SegmentedControlButton.js";
 import { SegmentedControlIconButton } from "./SegmentedControlIconButton.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { isElement } from "react-is";
 //#region src/SegmentedControl/SegmentedControl.tsx
 const Root = (t0) => {
@@ -209,7 +209,7 @@ const Root = (t0) => {
 	const segmentedControlContent = t9;
 	let t10;
 	if ($[50] !== dropdownContent || $[51] !== hasDropdownVariant || $[52] !== segmentedControlContent) {
-		t10 = hasDropdownVariant ? /*#__PURE__*/ jsxs(Fragment, { children: [dropdownContent, segmentedControlContent] }) : segmentedControlContent;
+		t10 = hasDropdownVariant ? /*#__PURE__*/ jsxs(Fragment$1, { children: [dropdownContent, segmentedControlContent] }) : segmentedControlContent;
 		$[50] = dropdownContent;
 		$[51] = hasDropdownVariant;
 		$[52] = segmentedControlContent;

package/dist/SegmentedControl/SegmentedControlButton.js

@@ -1,8 +1,8 @@
 import CounterLabel from "../CounterLabel/CounterLabel.js";
 import SegmentedControl_module_css_default from "./SegmentedControl.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { isElement } from "react-is";
 //#region src/SegmentedControl/SegmentedControlButton.tsx
 const SegmentedControlButton = (t0) => {

package/dist/SegmentedControl/SegmentedControlIconButton.js

@@ -1,8 +1,8 @@
 import { Tooltip } from "../TooltipV2/Tooltip.js";
 import SegmentedControl_module_css_default from "./SegmentedControl.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { isElement } from "react-is";
 //#region src/SegmentedControl/SegmentedControlIconButton.tsx
 const SegmentedControlIconButton = (t0) => {

package/dist/Select/Select.js

@@ -1,9 +1,9 @@
 import { TextInputWrapper } from "../internal/components/TextInputWrapper.js";
 import Select_module_css_default from "./Select.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Select/Select.tsx
 const ArrowIndicatorSVG = (t0) => {
 	const $ = c(3);

package/dist/SelectPanel/SelectPanel.js

@@ -16,10 +16,10 @@ import { FilteredActionListLoadingTypes } from "../FilteredActionList/constants.
 import { FilteredActionList } from "../FilteredActionList/index.js";
 import SelectPanel_module_css_default from "./SelectPanel.module.css.js";
 import { SelectPanelMessage } from "./SelectPanelMessage.js";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { announce, announceFromElement } from "@primer/live-region-element";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { SearchIcon, TriangleDownIcon, XIcon } from "@primer/octicons-react";
 import { debounce } from "@github/mini-throttle";
 //#region src/SelectPanel/SelectPanel.tsx
@@ -460,7 +460,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 		availablePanelHeight,
 		preventBubbling
 	]);
-	return /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsx(AnchoredOverlay, {
+	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(AnchoredOverlay, {
 		renderAnchor: renderMenuAnchor,
 		anchorRef,
 		align,

package/dist/SelectPanel/SelectPanelMessage.js

@@ -2,8 +2,8 @@ import Text_default from "../Text/Text.js";
 import Octicon from "../Octicon/Octicon.js";
 import SelectPanel_module_css_default from "./SelectPanel.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { AlertIcon } from "@primer/octicons-react";
 //#region src/SelectPanel/SelectPanelMessage.tsx
 const SelectPanelMessage = (t0) => {

package/dist/SideNav.js

@@ -1,8 +1,8 @@
 import Link from "./Link/Link.js";
 import SideNav_module_css_default from "./SideNav.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/SideNav.tsx
 function SideNav(t0) {
 	const $ = c(10);

package/dist/Skeleton/SkeletonBox.js

@@ -1,8 +1,8 @@
 import SkeletonBox_module_css_default from "./SkeletonBox.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Skeleton/SkeletonBox.tsx
 const SkeletonBox = /*#__PURE__*/ React.forwardRef(function SkeletonBox(t0, ref) {
 	const $ = c(25);

package/dist/SkeletonAvatar/SkeletonAvatar.js

@@ -2,8 +2,8 @@ import { isResponsiveValue } from "../hooks/useResponsiveValue.js";
 import { SkeletonBox } from "../Skeleton/SkeletonBox.js";
 import SkeletonAvatar_module_css_default from "./SkeletonAvatar.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/SkeletonAvatar/SkeletonAvatar.tsx
 function SkeletonAvatar(t0) {
 	const $ = c(26);

package/dist/SkeletonText/SkeletonText.js

@@ -1,8 +1,8 @@
 import { SkeletonBox } from "../Skeleton/SkeletonBox.js";
 import SkeletonText_module_css_default from "./SkeletonText.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/SkeletonText/SkeletonText.tsx
 function SkeletonText(t0) {
 	const $ = c(32);

package/dist/Spinner/Spinner.js

@@ -3,9 +3,9 @@ import { useId as useId$1 } from "../hooks/useId.js";
 import Spinner_module_css_default from "./Spinner.module.css.js";
 import { useMedia } from "../hooks/useMedia.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Spinner/Spinner.tsx
 const ANIMATION_DURATION_MS = 1e3;
 const sizeMap = {

package/dist/Stack/Stack.js

@@ -1,9 +1,9 @@
 import { getResponsiveAttributes } from "../internal/utils/getResponsiveAttributes.js";
 import Stack_module_css_default from "./Stack.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Stack/Stack.tsx
 const Stack = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const $ = c(45);

package/dist/StateLabel/StateLabel.js

@@ -1,9 +1,9 @@
 import Octicon from "../Octicon/Octicon.js";
 import StateLabel_module_css_default from "./StateLabel.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { AlertIcon, ArchiveIcon, GitMergeIcon, GitMergeQueueIcon, GitPullRequestClosedIcon, GitPullRequestDraftIcon, GitPullRequestIcon, IssueClosedIcon, IssueDraftIcon, IssueOpenedIcon, ShieldCheckIcon, ShieldIcon, ShieldSlashIcon, ShieldXIcon, SkipIcon } from "@primer/octicons-react";
 //#region src/StateLabel/StateLabel.tsx
 const octiconMap = {

package/dist/SubNav/SubNav.js

@@ -1,8 +1,8 @@
 import SubNav_module_css_default from "./SubNav.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/SubNav/SubNav.tsx
 const SubNav = /*#__PURE__*/ React.forwardRef(function SubNav(t0, forwardRef) {
 	const $ = c(20);

package/dist/TabNav/TabNav.js

@@ -1,9 +1,9 @@
 import { FocusKeys, useFocusZone } from "../hooks/useFocusZone.js";
 import TabNav_module_css_default from "./TabNav.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/TabNav/TabNav.tsx
 /**
 * @deprecated

package/dist/Text/Text.js

@@ -1,8 +1,8 @@
 import Text_module_css_default from "./Text.module.css.js";
 import { fixedForwardRef } from "../utils/modern-polymorphic.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Text/Text.tsx
 function Text(props, ref) {
 	const $ = c(17);

package/dist/TextInput/TextInput.js

@@ -1,6 +1,6 @@
+import { AriaStatus } from "../live-region/AriaStatus.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { useProvidedRefOrCreate } from "../hooks/useProvidedRefOrCreate.js";
-import { AriaStatus } from "../live-region/AriaStatus.js";
 import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
 import Text_default from "../Text/Text.js";
 import _VisuallyHidden_module_css_default from "../_VisuallyHidden.module.css.js";
@@ -11,9 +11,9 @@ import { TextInputWrapper } from "../internal/components/TextInputWrapper.js";
 import TextInputAction from "../internal/components/TextInputInnerAction.js";
 import UnstyledTextInput from "../internal/components/UnstyledTextInput.js";
 import { getCharacterCountState } from "../utils/character-counter.js";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { isValidElementType } from "react-is";
 import { AlertFillIcon } from "@primer/octicons-react";
 //#region src/TextInput/TextInput.tsx
@@ -64,7 +64,7 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
 	const characterCountId = useId();
 	const characterCountStaticMessageId = useId();
 	const isValid = isOverLimit ? "error" : validationStatus;
-	return /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsxs(TextInputWrapper, {
+	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsxs(TextInputWrapper, {
 		block,
 		className: wrapperClasses,
 		validationStatus: isValid,
@@ -123,7 +123,7 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
 			}),
 			trailingAction
 		]
-	}), characterLimit && /*#__PURE__*/ jsxs(Fragment, { children: [
+	}), characterLimit && /*#__PURE__*/ jsxs(Fragment$1, { children: [
 		/*#__PURE__*/ jsx(AriaStatus, {
 			announceOnShow: false,
 			delayMs: 500,

package/dist/TextInputWithTokens/TextInputWithTokens.js

@@ -9,9 +9,9 @@ import UnstyledTextInput from "../internal/components/UnstyledTextInput.js";
 import Token from "../Token/Token.js";
 import TextInputWithTokens_module_css_default from "./TextInputWithTokens.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { isFocusable } from "@primer/behaviors/utils";
 import { FocusKeys } from "@primer/behaviors";
 import { isValidElementType } from "react-is";

package/dist/Textarea/Textarea.js

@@ -6,9 +6,9 @@ import { TextInputBaseWrapper } from "../internal/components/TextInputWrapper.js
 import { getCharacterCountState } from "../utils/character-counter.js";
 import TextArea_module_css_default from "./TextArea.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useId, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { AlertFillIcon } from "@primer/octicons-react";
 const DEFAULT_TEXTAREA_RESIZE = "both";
 /**
@@ -185,7 +185,7 @@ const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 			$[77] = t11;
 			$[78] = t12;
 		} else t12 = $[78];
-		t5 = /*#__PURE__*/ jsxs(Fragment, { children: [t12, characterLimit && /*#__PURE__*/ jsxs(Fragment, { children: [
+		t5 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t12, characterLimit && /*#__PURE__*/ jsxs(Fragment$1, { children: [
 			/*#__PURE__*/ jsx(AriaStatus, {
 				announceOnShow: false,
 				delayMs: 500,

package/dist/ThemeProvider.js

@@ -2,8 +2,8 @@ import theme from "./theme.js";
 import { ThemeProviderBase } from "./internal/components/ThemeProviderBase.js";
 import { useThemeProvider } from "./internal/hooks/useThemeProvider.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import "react";
+import { jsx } from "react/jsx-runtime";
 import deepmerge from "deepmerge";
 //#region src/ThemeProvider.tsx
 /**

package/dist/Timeline/Timeline.js

@@ -1,9 +1,9 @@
 import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
 import Timeline_module_css_default from "./Timeline.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Timeline/Timeline.tsx
 function resolveClipSidebar(clipSidebar) {
 	if (clipSidebar === true || clipSidebar === "both") return "both";

package/dist/ToggleSwitch/ToggleSwitch.js

@@ -1,14 +1,14 @@
+import { AriaStatus } from "../live-region/AriaStatus.js";
 import { useProvidedStateOrCreate } from "../hooks/useProvidedStateOrCreate.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import Spinner from "../Spinner/Spinner.js";
-import { AriaStatus } from "../live-region/AriaStatus.js";
 import VisuallyHidden from "../_VisuallyHidden.js";
 import useSafeTimeout from "../hooks/useSafeTimeout.js";
 import ToggleSwitch_module_css_default from "./ToggleSwitch.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/ToggleSwitch/ToggleSwitch.tsx
 const CircleIcon = (t0) => {
 	const $ = c(4);

package/dist/Token/IssueLabelToken.js

@@ -5,9 +5,9 @@ import RemoveTokenButton from "./_RemoveTokenButton.js";
 import TokenTextContainer from "./_TokenTextContainer.js";
 import IssueLabelToken_module_css_default from "./IssueLabelToken.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { parseToHsla, parseToRgba } from "color2k";
 //#region src/Token/IssueLabelToken.tsx
 const IssueLabelToken = /*#__PURE__*/ forwardRef((props, forwardedRef) => {

package/dist/Token/Token.js

@@ -6,9 +6,9 @@ import RemoveTokenButton from "./_RemoveTokenButton.js";
 import TokenTextContainer from "./_TokenTextContainer.js";
 import Token_module_css_default from "./Token.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Token/Token.tsx
 const tokenBorderWidthPx = 1;
 const LeadingVisualContainer = (t0) => {

package/dist/Token/TokenBase.js

@@ -2,9 +2,9 @@ import TokenBase_module_css_default from "./TokenBase.module.css.js";
 import { defaultTokenSize } from "./constants.js";
 import { isTokenInteractive } from "./utils.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Token/TokenBase.tsx
 const TokenBase = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	const $ = c(25);

package/dist/Token/_RemoveTokenButton.js

@@ -1,7 +1,7 @@
 import { defaultTokenSize } from "./constants.js";
 import _RemoveTokenButton_module_css_default from "./_RemoveTokenButton.module.css.js";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { XIcon } from "@primer/octicons-react";
 //#region src/Token/_RemoveTokenButton.tsx
 const RemoveTokenButton = ({ "aria-label": ariaLabel, isParentInteractive, size = defaultTokenSize, className, borderOffset = 0, as: _as, children: _children, ...rest }) => {

package/dist/Token/_TokenTextContainer.js

@@ -1,7 +1,7 @@
 import _TokenTextContainer_module_css_default from "./_TokenTextContainer.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Token/_TokenTextContainer.tsx
 const TokenTextContainer = (t0) => {
 	const $ = c(13);

package/dist/Tooltip/Tooltip.js

@@ -1,9 +1,9 @@
 import { useId as useId$1 } from "../hooks/useId.js";
 import { TooltipContext } from "./TooltipContext.js";
 import Tooltip_module_css_default from "./Tooltip.module.css.js";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Tooltip/Tooltip.tsx
 /**
 * @deprecated

package/dist/TooltipV2/Tooltip.js

@@ -12,9 +12,9 @@ import { KeybindingHint } from "../KeybindingHint/KeybindingHint.js";
 import { getAccessibleKeybindingHintString } from "../KeybindingHint/utils.js";
 import useSafeTimeout from "../hooks/useSafeTimeout.js";
 import { TooltipContext } from "./TooltipContext.js";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { Children, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { getAnchoredPosition } from "@primer/behaviors";
 import { apply, isSupported } from "@oddbird/popover-polyfill/fn";
 //#region src/TooltipV2/Tooltip.tsx
@@ -164,7 +164,7 @@ const Tooltip = /*#__PURE__*/ React.forwardRef(({ direction = "s", text, type =
 	const keybindingHints = Array.isArray(keybindingHint) ? keybindingHint : [keybindingHint];
 	return /*#__PURE__*/ jsx(TooltipContext.Provider, {
 		value,
-		children: /*#__PURE__*/ jsxs(Fragment, { 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"];
@@ -216,7 +216,7 @@ 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, { 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: [
 					"(",

package/dist/TopicTag/TopicTag.js

@@ -1,7 +1,7 @@
 import TopicTag_module_css_default from "./TopicTag.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/TopicTag/TopicTag.tsx
 function TopicTag(t0) {
 	var _as;

package/dist/TopicTag/TopicTagGroup.js

@@ -1,7 +1,7 @@
 import TopicTagGroup_module_css_default from "./TopicTagGroup.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/TopicTag/TopicTagGroup.tsx
 function TopicTagGroup(t0) {
 	const $ = c(10);

package/dist/TreeView/TreeView.js

@@ -1,8 +1,8 @@
+import { AriaStatus } from "../live-region/AriaStatus.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import { isSlot } from "../utils/is-slot.js";
 import { useSlots } from "../hooks/useSlots.js";
 import Spinner from "../Spinner/Spinner.js";
-import { AriaStatus } from "../live-region/AriaStatus.js";
 import { fixedForwardRef } from "../utils/modern-polymorphic.js";
 import Text_default from "../Text/Text.js";
 import VisuallyHidden from "../_VisuallyHidden.js";
@@ -22,9 +22,9 @@ import { getFirstChildElement, useRovingTabIndex } from "./useRovingTabIndex.js"
 import { useTypeahead } from "./useTypeahead.js";
 import { SkeletonAvatar } from "../SkeletonAvatar/SkeletonAvatar.js";
 import { SkeletonText } from "../SkeletonText/SkeletonText.js";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { ChevronDownIcon, ChevronRightIcon, FileDirectoryFillIcon, FileDirectoryOpenFillIcon } from "@primer/octicons-react";
 //#region src/TreeView/TreeView.tsx
 const RootContext = /*#__PURE__*/ React.createContext({
@@ -100,7 +100,7 @@ const Root = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, chil
 			expandedStateCache,
 			scrollElementIntoView
 		},
-		children: /*#__PURE__*/ jsxs(Fragment, { 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", {
@@ -269,7 +269,7 @@ const ItemImpl = fixedForwardRef(({ id: itemId, containIntrinsicSize, current: i
 						slots.trailingVisual
 					]
 				}),
-				secondaryActions ? /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsx(TrailingAction, {
+				secondaryActions ? /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(TrailingAction, {
 					items: secondaryActions,
 					shortcutText: trailingActionShortcutText
 				}), actionCommandPressed ? /*#__PURE__*/ jsx(ActionDialog, {
@@ -469,7 +469,7 @@ 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, { 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,
@@ -484,7 +484,7 @@ 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, { 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,
@@ -499,7 +499,7 @@ 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, { 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
@@ -513,7 +513,7 @@ LeadingAction.displayName = "TreeView.LeadingAction";
 const TrailingAction = (props) => {
 	const { trailingActionId, itemId } = React.useContext(ItemContext);
 	const { items, shortcutText } = props;
-	return /*#__PURE__*/ jsxs(Fragment, { 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]

package/dist/Truncate/Truncate.js

@@ -1,7 +1,7 @@
 import Truncate_module_css_default from "./Truncate.module.css.js";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Truncate/Truncate.tsx
 const Truncate = /*#__PURE__*/ React.forwardRef(function Truncate({ as: Component = "div", children, className, title, inline, expandable, maxWidth = 125, style, ...rest }, ref) {
 	return /*#__PURE__*/ jsx(Component, {

package/dist/UnderlineNav/UnderlineNav.js

@@ -12,9 +12,9 @@ import { UnderlineNavContext } from "./UnderlineNavContext.js";
 import { UnderlineNavItemsRegistry } from "./UnderlineNavItemsRegistry.js";
 import { getValidChildren, isCurrent } from "./utils.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/UnderlineNav/UnderlineNav.tsx
 const UnderlineNav = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const $ = c(52);

package/dist/UnderlineNav/UnderlineNavItem.js

@@ -4,8 +4,8 @@ import { UnderlineNavContext } from "./UnderlineNavContext.js";
 import { UnderlineNavItemsRegistry } from "./UnderlineNavItemsRegistry.js";
 import UnderlineNavItem_module_css_default from "./UnderlineNavItem.module.css.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/UnderlineNav/UnderlineNavItem.tsx
 const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
 	var _leadingVisual;

package/dist/VisuallyHidden/VisuallyHidden.js

@@ -1,7 +1,7 @@
 import VisuallyHidden_module_css_default from "./VisuallyHidden.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/VisuallyHidden/VisuallyHidden.tsx
 /**
 * Provides a component that implements the "visually hidden" technique. This is

package/dist/_VisuallyHidden.js

@@ -1,7 +1,7 @@
 import _VisuallyHidden_module_css_default from "./_VisuallyHidden.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/_VisuallyHidden.tsx
 function VisuallyHidden(t0) {
 	const $ = c(14);

package/dist/deprecated/ActionList/Header.js

@@ -1,7 +1,7 @@
 import Header_module_css_default from "./Header.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
 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.