@primer/react 38.37.1-rc.f1c7ced7b → 38.38.0-rc.1d4172bf2

package/CHANGELOG.md

@@ -1,13 +1,21 @@
 # @primer/react
 
-## 38.37.1
+## 38.38.0
+
+### Minor Changes
+
+- [#8300](https://github.com/primer/react/pull/8300) [`3a32d6f`](https://github.com/primer/react/commit/3a32d6ff015b11dd2ac9bf299f8f558bb1e46ef5) Thanks [@joshblack](https://github.com/joshblack)! - Promote AriaStatus and AriaAlert from experimental to stable
 
 ### Patch Changes
 
 - [#8343](https://github.com/primer/react/pull/8343) [`7034e1f`](https://github.com/primer/react/commit/7034e1fbb754883b29a05fdf75eea8704359e7bb) Thanks [@llastflowers](https://github.com/llastflowers)! - Don't focus Autocomplete menu items while menu is closed: fix SR announcement bug and menu item skipping bug
 
+- [#8330](https://github.com/primer/react/pull/8330) [`f7329dc`](https://github.com/primer/react/commit/f7329dc8224166fad2698ae7d6c518dc97d89754) Thanks [@mattcosta7](https://github.com/mattcosta7)! - RelativeTime: Prevent hydration errors when the server and client use different time zones
+
 - [#8339](https://github.com/primer/react/pull/8339) [`1f5b99e`](https://github.com/primer/react/commit/1f5b99edc63e3989eb470d258c4d7b8703540f6b) Thanks [@ShiyunXu](https://github.com/ShiyunXu)! - Pin `box-sizing` with `!important` on the underline tabbed interface wrapper in wrap mode so external overrides can no longer offset its height budget and incorrectly trigger the overflow "more" menu
 
+- [#8340](https://github.com/primer/react/pull/8340) [`a79d6c6`](https://github.com/primer/react/commit/a79d6c60ca23abce6f85502e1db78458f5fc3e90) Thanks [@ShiyunXu](https://github.com/ShiyunXu)! - UnderlineNav: Prevent external borders from incorrectly triggering the overflow menu
+
 ## 38.37.0
 
 ### Minor Changes

package/dist/ActionBar/ActionBar.js

@@ -8,9 +8,9 @@ import { useIsClipped } from "../internal/hooks/useOverflowObserver.js";
 import { OverflowObserverProvider } from "../internal/components/OverflowObserverProvider.js";
 import { createDescendantRegistry } from "../utils/descendant-registry.js";
 import ActionBar_module_css_default from "./ActionBar.module.css.js";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useCallback, useContext, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { KebabHorizontalIcon } from "@primer/octicons-react";
 //#region src/ActionBar/ActionBar.tsx
 const ActionBarContext = /*#__PURE__*/ React.createContext({ size: "medium" });

package/dist/ActionList/Description.js

@@ -2,9 +2,9 @@ import { ItemContext } from "./shared.js";
 import ActionList_module_css_default from "./ActionList.module.css.js";
 import Truncate from "../Truncate/Truncate.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/ActionList/Description.tsx
 const Description = (t0) => {
 	const $ = c(26);

package/dist/ActionList/Divider.js

@@ -1,7 +1,7 @@
 import ActionList_module_css_default from "./ActionList.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/ActionList/Divider.tsx
 /**
 * Visually separates `Items` or `Groups` in an `ActionList`.

package/dist/ActionList/Group.js

@@ -8,9 +8,9 @@ import Group_module_css_default from "./Group.module.css.js";
 import { GroupHeadingTrailingAction } from "./GroupHeadingTrailingAction.js";
 import { GroupContext } from "./GroupContext.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/ActionList/Group.tsx
 const GROUP_HEADING_TRAILING_ACTION_FEATURE_FLAG = "primer_react_action_list_group_heading_trailing_action";
 const Heading = (t0) => {
@@ -255,7 +255,7 @@ const GroupHeadingImpl = (t0) => {
 	let t4;
 	if ($[10] !== _internalBackwardCompatibleTitle || $[11] !== as || $[12] !== auxiliaryText || $[13] !== className || $[14] !== groupHeadingId || $[15] !== headingChildren || $[16] !== headingWrapElement || $[17] !== listRole || $[18] !== props || $[19] !== trailingAction || $[20] !== variant) {
 		var _internalBackwardComp, _internalBackwardComp2;
-		t4 = /*#__PURE__*/ jsx(Fragment, { children: listRole && listRole !== "list" ? /*#__PURE__*/ jsxs(HeadingWrap, {
+		t4 = /*#__PURE__*/ jsx(Fragment$1, { children: listRole && listRole !== "list" ? /*#__PURE__*/ jsxs(HeadingWrap, {
 			role: "presentation",
 			className: Group_module_css_default.GroupHeadingWrap,
 			"aria-hidden": "true",

package/dist/ActionList/GroupHeadingTrailingAction.js

@@ -1,7 +1,7 @@
 import { IconButton } from "../Button/IconButton.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/ActionList/GroupHeadingTrailingAction.tsx
 /**
 * Props for `ActionList.GroupHeading.TrailingAction`.

package/dist/ActionList/Heading.js

@@ -6,9 +6,9 @@ import Heading$1 from "../Heading/Heading.js";
 import { ListContext } from "./shared.js";
 import Heading_module_css_default from "./Heading.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/ActionList/Heading.tsx
 const Heading = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	var _props$id;

package/dist/ActionList/Item.js

@@ -15,9 +15,9 @@ import { LeadingVisual, TrailingVisual, VisualOrIndicator } from "./Visuals.js";
 import { Selection } from "./Selection.js";
 import { TrailingAction } from "./TrailingAction.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/ActionList/Item.tsx
 /**
 * Wraps button-semantic items with Tooltip, disabled when not truncated
@@ -49,7 +49,7 @@ const SubItem = (t0) => {
 	const { children } = t0;
 	let t1;
 	if ($[0] !== children) {
-		t1 = /*#__PURE__*/ jsx(Fragment, { children });
+		t1 = /*#__PURE__*/ jsx(Fragment$1, { children });
 		$[0] = children;
 		$[1] = t1;
 	} else t1 = $[1];

package/dist/ActionList/List.js

@@ -11,9 +11,9 @@ import { ListContext } from "./shared.js";
 import { Heading } from "./Heading.js";
 import ActionList_module_css_default from "./ActionList.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/ActionList/List.tsx
 const UnwrappedList = (props, forwardedRef) => {
 	var _slots$heading$props$;

package/dist/ActionList/Selection.js

@@ -5,8 +5,8 @@ import ActionList_module_css_default from "./ActionList.module.css.js";
 import { GroupContext } from "./GroupContext.js";
 import { VisualContainer } from "./Visuals.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
 import { CheckIcon } from "@primer/octicons-react";
 //#region src/ActionList/Selection.tsx
 const Selection = (t0) => {

package/dist/ActionList/TrailingAction.js

@@ -2,9 +2,9 @@ import { IconButton } from "../Button/IconButton.js";
 import { ButtonComponent } from "../Button/Button.js";
 import ActionList_module_css_default from "./ActionList.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/ActionList/TrailingAction.tsx
 const TrailingAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const $ = c(25);

package/dist/ActionList/Visuals.js

@@ -3,9 +3,9 @@ import { Tooltip } from "../TooltipV2/Tooltip.js";
 import { ItemContext } from "./shared.js";
 import ActionList_module_css_default from "./ActionList.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";
 import { AlertIcon } from "@primer/octicons-react";
 //#region src/ActionList/Visuals.tsx
 const VisualContainer = (t0) => {

package/dist/ActionMenu/ActionMenu.js

@@ -11,9 +11,9 @@ import { ActionListContainerContext } from "../ActionList/ActionListContainerCon
 import { Divider } from "../ActionList/Divider.js";
 import { AnchoredOverlay } from "../AnchoredOverlay/AnchoredOverlay.js";
 import ActionMenu_module_css_default from "./ActionMenu.module.css.js";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { ChevronRightIcon, TriangleDownIcon } from "@primer/octicons-react";
 //#region src/ActionMenu/ActionMenu.tsx
 const MenuContext = /*#__PURE__*/ React.createContext({

package/dist/AnchoredOverlay/AnchoredOverlay.js

@@ -11,9 +11,9 @@ import { useFocusZone } from "../hooks/useFocusZone.js";
 import Overlay from "../Overlay/Overlay.js";
 import AnchoredOverlay_module_css_default from "./AnchoredOverlay.module.css.js";
 import { widthMap } from "../Overlay/constants.js";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { XIcon } from "@primer/octicons-react";
 //#region src/AnchoredOverlay/AnchoredOverlay.tsx
 const defaultVariant = {
@@ -164,7 +164,7 @@ const AnchoredOverlay = ({ renderAnchor, anchorRef: externalAnchorRef, anchorId:
 	const XButtonAriaLabelledBy = closeButtonProps["aria-labelledby"];
 	const XButtonAriaLabel = closeButtonProps["aria-label"];
 	const { className: overlayClassName, _PrivateDisablePortal, ...restOverlayProps } = overlayProps || {};
-	return /*#__PURE__*/ jsxs(Fragment, { children: [renderAnchor && renderAnchor({
+	return /*#__PURE__*/ jsxs(Fragment$1, { children: [renderAnchor && renderAnchor({
 		ref: anchorRef,
 		id: anchorId,
 		"aria-haspopup": "true",

package/dist/Autocomplete/Autocomplete.js

@@ -4,8 +4,8 @@ import AutocompleteInput from "./AutocompleteInput.js";
 import AutocompleteMenu from "./AutocompleteMenu.js";
 import AutocompleteOverlay from "./AutocompleteOverlay.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { useDeferredValue, useReducer, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/Autocomplete/Autocomplete.tsx
 const initialState = {
 	inputValue: "",

package/dist/Autocomplete/AutocompleteInput.js

@@ -2,8 +2,8 @@ import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import useSafeTimeout from "../hooks/useSafeTimeout.js";
 import { AutocompleteContext, AutocompleteInputContext } from "./AutocompleteContext.js";
 import TextInput_default from "../TextInput/TextInput.js";
-import { jsx } from "react/jsx-runtime";
 import React, { useCallback, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/Autocomplete/AutocompleteInput.tsx
 const ARROW_KEYS_NAV = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown"]);
 const AutocompleteInput = /*#__PURE__*/ React.forwardRef(({ as: Component = TextInput_default, onFocus, onBlur, onChange, onKeyDown, onKeyDownCapture, onKeyUp, onKeyPress, value, openOnFocus = false, ...props }, forwardedRef) => {

package/dist/Autocomplete/AutocompleteMenu.js

@@ -6,10 +6,10 @@ import { ActionList } from "../ActionList/index.js";
 import { AutocompleteContext, AutocompleteDeferredInputContext } from "./AutocompleteContext.js";
 import AutocompleteMenu_module_css_default from "./AutocompleteMenu.module.css.js";
 import { c } from "react-compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { announce } from "@primer/live-region-element";
 import React, { useContext, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { scrollIntoView } from "@primer/behaviors";
-import { announce } from "@primer/live-region-element";
 import { isElement } from "react-is";
 import { PlusIcon } from "@primer/octicons-react";
 import { debounce } from "@github/mini-throttle";

package/dist/Autocomplete/AutocompleteOverlay.js

@@ -5,9 +5,9 @@ import Overlay from "../Overlay/Overlay.js";
 import { AutocompleteContext } from "./AutocompleteContext.js";
 import AutocompleteOverlay_module_css_default from "./AutocompleteOverlay.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Autocomplete/AutocompleteOverlay.tsx
 function AutocompleteOverlay(t0) {
 	const $ = c(29);

package/dist/Avatar/Avatar.js

@@ -1,9 +1,9 @@
 import { isResponsiveValue } from "../hooks/useResponsiveValue.js";
 import Avatar_module_css_default from "./Avatar.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";
 const Avatar = /*#__PURE__*/ React.forwardRef(function Avatar(t0, ref) {
 	const $ = c(29);
 	let className;

package/dist/AvatarStack/AvatarStack.js

@@ -2,9 +2,9 @@ import { isResponsiveValue } from "../hooks/useResponsiveValue.js";
 import AvatarStack_module_css_default from "./AvatarStack.module.css.js";
 import { hasInteractiveNodes } from "../internal/utils/hasInteractiveNodes.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/AvatarStack/AvatarStack.tsx
 const transformChildren = (children, shape) => {
 	return React.Children.map(children, (child) => {

package/dist/Banner/Banner.js

@@ -6,9 +6,9 @@ import { ButtonComponent } from "../Button/Button.js";
 import { useDevOnlyEffect } from "../internal/hooks/useDevOnlyEffect.js";
 import Banner_module_css_default from "./Banner.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { AlertIcon, CheckCircleIcon, InfoIcon, StopIcon, XIcon } from "@primer/octicons-react";
 //#region src/Banner/Banner.tsx
 const BannerContext = /*#__PURE__*/ React.createContext(void 0);

package/dist/BaseStyles.js

@@ -1,8 +1,8 @@
 import BaseStyles_module_css_default from "./BaseStyles.module.css.js";
 import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import "focus-visible";
-import { jsx } from "react/jsx-runtime";
 //#region src/BaseStyles.tsx
 function BaseStyles(t0) {
 	const $ = c(20);

package/dist/Blankslate/Blankslate.js

@@ -3,9 +3,9 @@ import Link from "../Link/Link.js";
 import { Provider, useBlankslate } from "./BlankslateContext.js";
 import Blankslate_module_css_default from "./Blankslate.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Blankslate/Blankslate.tsx
 function Blankslate(t0) {
 	const $ = c(25);

package/dist/BranchName/BranchName.js

@@ -1,8 +1,8 @@
 import { fixedForwardRef } from "../utils/modern-polymorphic.js";
 import BranchName_module_css_default from "./BranchName.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/BranchName/BranchName.tsx
 function BranchName(props, ref) {
 	const $ = c(13);

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -8,9 +8,9 @@ import { ActionList } from "../ActionList/index.js";
 import Breadcrumbs_module_css_default from "./Breadcrumbs.module.css.js";
 import Details from "../Details/Details.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 { KebabHorizontalIcon } from "@primer/octicons-react";
 //#region src/Breadcrumbs/Breadcrumbs.tsx
 const BreadcrumbsList = (t0) => {

package/dist/Button/Button.js

@@ -1,7 +1,7 @@
 import { ButtonBase } from "./ButtonBase.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/Button/Button.tsx
 const ButtonComponent = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const $ = c(7);

package/dist/Button/ButtonBase.js

@@ -1,14 +1,14 @@
+import { AriaStatus } from "../live-region/AriaStatus.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import Spinner from "../Spinner/Spinner.js";
 import CounterLabel from "../CounterLabel/CounterLabel.js";
 import { ConditionalWrapper } from "../internal/components/ConditionalWrapper.js";
-import { AriaStatus } from "../live-region/AriaStatus.js";
 import ButtonBase_module_css_default from "./ButtonBase.module.css.js";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { isElement } from "react-is";
 //#region src/Button/ButtonBase.tsx
 const renderModuleVisual = (Visual, loading, visualName, counterLabel) => /*#__PURE__*/ jsx("span", {
@@ -53,7 +53,7 @@ const ButtonBase = /*#__PURE__*/ forwardRef(({ children, as: Component = "button
 			"aria-labelledby": loading ? [`${uuid}-label`, ariaLabelledBy].filter((labelID) => Boolean(labelID)).join(" ") : ariaLabelledBy,
 			id,
 			onClick: loading ? void 0 : onClick,
-			children: Icon ? loading ? /*#__PURE__*/ jsx(Spinner, { size: "small" }) : isElement(Icon) ? Icon : /*#__PURE__*/ jsx(Icon, {}) : /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsxs("span", {
+			children: Icon ? loading ? /*#__PURE__*/ jsx(Spinner, { size: "small" }) : isElement(Icon) ? Icon : /*#__PURE__*/ jsx(Icon, {}) : /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsxs("span", {
 				"data-component": "buttonContent",
 				"data-align": alignContent,
 				className: ButtonBase_module_css_default.ButtonContent,

package/dist/Button/IconButton.js

@@ -4,9 +4,9 @@ import { TooltipContext } from "../TooltipV2/TooltipContext.js";
 import { Tooltip } from "../TooltipV2/Tooltip.js";
 import { TooltipContext as TooltipContext$1 } from "../Tooltip/TooltipContext.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Button/IconButton.tsx
 const IconButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const $ = c(36);

package/dist/Button/LinkButton.js

@@ -1,7 +1,7 @@
 import { ButtonBase } from "./ButtonBase.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/Button/LinkButton.tsx
 const LinkButton = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const $ = c(9);

package/dist/ButtonGroup/ButtonGroup.js

@@ -4,9 +4,9 @@ import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
 import { FocusKeys, useFocusZone } from "../hooks/useFocusZone.js";
 import ButtonGroup_module_css_default from "./ButtonGroup.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/ButtonGroup/ButtonGroup.tsx
 const ButtonGroup = /*#__PURE__*/ React.forwardRef(function ButtonGroup(t0, forwardRef) {
 	const $ = c(20);

package/dist/Card/Card.js

@@ -2,9 +2,9 @@ import { useId as useId$1 } from "../hooks/useId.js";
 import { fixedForwardRef } from "../utils/modern-polymorphic.js";
 import Card_module_css_default from "./Card.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React, { createContext, forwardRef, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Card/Card.tsx
 const CardContext = /*#__PURE__*/ createContext({});
 function CardComponent(props, ref) {

package/dist/Checkbox/Checkbox.js

@@ -5,9 +5,9 @@ import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
 import shared_module_css_default from "./shared.module.css.js";
 import { CheckboxGroupContext } from "../CheckboxGroup/CheckboxGroupContext.js";
 import Checkbox_module_css_default from "./Checkbox.module.css.js";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useContext, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Checkbox/Checkbox.tsx
 /**
 * An accessible, native checkbox component

package/dist/CheckboxGroup/CheckboxGroup.js

@@ -8,8 +8,8 @@ import { CheckboxGroupContext } from "./CheckboxGroupContext.js";
 import Checkbox from "../Checkbox/Checkbox.js";
 import FormControl_default from "../FormControl/FormControl.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/CheckboxGroup/CheckboxGroup.tsx
 const CheckboxGroup = (t0) => {
 	const $ = c(24);

package/dist/CircleBadge/CircleBadge.js

@@ -2,8 +2,8 @@ import Octicon from "../Octicon/Octicon.js";
 import isNumeric from "../utils/isNumeric.js";
 import CircleBadge_module_css_default from "./CircleBadge.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/CircleBadge/CircleBadge.tsx
 const variantSizes = {
 	small: 56,

package/dist/ConfirmationDialog/ConfirmationDialog.js

@@ -1,7 +1,7 @@
 import { Dialog } from "../Dialog/Dialog.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/ConfirmationDialog/ConfirmationDialog.tsx
 /**
 * Props to customize the ConfirmationDialog.

package/dist/CounterLabel/CounterLabel.js

@@ -1,8 +1,8 @@
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import CounterLabel_module_css_default from "./CounterLabel.module.css.js";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/CounterLabel/CounterLabel.tsx
 const CounterLabel = /*#__PURE__*/ forwardRef(({ variant, scheme, className, children, ["data-component"]: dataComponent, ...rest }, forwardedRef) => {
 	const label = /*#__PURE__*/ jsxs(VisuallyHidden, { children: [
@@ -17,7 +17,7 @@ const CounterLabel = /*#__PURE__*/ forwardRef(({ variant, scheme, className, chi
 		["data-variant"]: inferredVariant,
 		...rest
 	};
-	return /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsx("span", {
+	return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx("span", {
 		...counterProps,
 		"data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : "CounterLabel",
 		className: clsx(className, CounterLabel_module_css_default.CounterLabel),

package/dist/DataTable/Pagination.js

@@ -1,14 +1,14 @@
+import { AriaStatus } from "../live-region/AriaStatus.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { warning } from "../utils/warning.js";
-import { AriaStatus } from "../live-region/AriaStatus.js";
 import { viewportRanges } from "../hooks/useResponsiveValue.js";
 import { buildPaginationModel } from "../Pagination/model.js";
 import { Button } from "../internal/components/ButtonReset.js";
 import Pagination_module_css_default from "./Pagination.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { ChevronLeftIcon, ChevronRightIcon } from "@primer/octicons-react";
 //#region src/DataTable/Pagination.tsx
 const defaultShowPages = { narrow: false };
@@ -309,7 +309,7 @@ function Range(t0) {
 	} else t5 = $[10];
 	let t6;
 	if ($[11] !== t1 || $[12] !== t5) {
-		t6 = /*#__PURE__*/ jsxs(Fragment, { children: [t1, t5] });
+		t6 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t1, t5] });
 		$[11] = t1;
 		$[12] = t5;
 		$[13] = t6;

package/dist/DataTable/Table.js

@@ -7,9 +7,9 @@ import { useTableLayout } from "./useTable.js";
 import { Button } from "../internal/components/ButtonReset.js";
 import Table_module_css_default from "./Table.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { SortAscIcon, SortDescIcon } from "@primer/octicons-react";
 //#region src/DataTable/Table.tsx
 const Table = /*#__PURE__*/ React.forwardRef(function Table(t0, ref) {
@@ -205,7 +205,7 @@ function TableSortHeader(t0) {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== direction) {
-		t3 = direction === SortDirection.NONE || direction === SortDirection.ASC ? /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsx(SortAscIcon, { className: clsx("TableSortIcon", "TableSortIcon--ascending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--ascending"]) }), direction === SortDirection.NONE ? /*#__PURE__*/ jsx(VisuallyHidden, { children: "sort ascending" }) : null] }) : null;
+		t3 = direction === SortDirection.NONE || direction === SortDirection.ASC ? /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(SortAscIcon, { className: clsx("TableSortIcon", "TableSortIcon--ascending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--ascending"]) }), direction === SortDirection.NONE ? /*#__PURE__*/ jsx(VisuallyHidden, { children: "sort ascending" }) : null] }) : null;
 		$[9] = direction;
 		$[10] = t3;
 	} else t3 = $[10];

package/dist/Details/Details.js

@@ -2,9 +2,9 @@ import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { warning } from "../utils/warning.js";
 import Details_module_css_default from "./Details.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Details/Details.tsx
 const Root = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
 	var _dataComponent;

package/dist/Dialog/Dialog.js

@@ -13,9 +13,9 @@ import Portal_default from "../Portal/index.js";
 import { ScrollableRegion } from "../ScrollableRegion/ScrollableRegion.js";
 import Dialog_module_css_default from "./Dialog.module.css.js";
 import { DialogContext } from "./DialogContext.js";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { FocusKeys } from "@primer/behaviors";
 import { XIcon } from "@primer/octicons-react";
 //#region src/Dialog/Dialog.tsx
@@ -261,7 +261,7 @@ const Buttons = ({ buttons }) => {
 			(_readRef$current = readRef.current) === null || _readRef$current === void 0 || _readRef$current.focus();
 		} else setHasRendered(hasRendered + 1);
 	}, [readRef, hasRendered]);
-	return /*#__PURE__*/ jsx(Fragment, { children: buttons.map((dialogButtonProps, index) => {
+	return /*#__PURE__*/ jsx(Fragment$1, { children: buttons.map((dialogButtonProps, index) => {
 		const { content, buttonType = "default", autoFocus = false, ...buttonProps } = dialogButtonProps;
 		return /*#__PURE__*/ jsx(ButtonComponent, {
 			"data-component": "Dialog.FooterButton",

package/dist/FeatureFlags/FeatureFlags.js

@@ -1,8 +1,8 @@
 import { FeatureFlagScope } from "./FeatureFlagScope.js";
 import { FeatureFlagContext } from "./FeatureFlagContext.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/FeatureFlags/FeatureFlags.tsx
 function FeatureFlags(t0) {
 	const $ = c(6);

package/dist/FilteredActionList/FilteredActionList.js

@@ -14,9 +14,9 @@ import { FilteredActionListBodyLoader } from "./FilteredActionListLoaders.js";
 import FilteredActionList_module_css_default from "./FilteredActionList.module.css.js";
 import { useAnnouncements } from "./useAnnouncements.js";
 import { FilteredActionListInput } from "./FilteredActionListInput.js";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { FocusKeys, scrollIntoView } from "@primer/behaviors";
 import { isValidElementType } from "react-is";
 import { useVirtualizer } from "@tanstack/react-virtual";