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

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";

package/dist/FilteredActionList/FilteredActionListInput.js

@@ -1,8 +1,8 @@
 import TextInput_default from "../TextInput/TextInput.js";
 import FilteredActionList_module_css_default from "./FilteredActionList.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/FilteredActionList/FilteredActionListInput.tsx
 function FilteredActionListInput(t0) {
 	const $ = c(28);

package/dist/FilteredActionList/useAnnouncements.js

@@ -1,5 +1,5 @@
-import { useCallback, useEffect, useRef } from "react";
 import { announce } from "@primer/live-region-element";
+import { useCallback, useEffect, useRef } from "react";
 //#region src/FilteredActionList/useAnnouncements.tsx
 const delayMs = 500;
 const useFirstRender = () => {

package/dist/Flash/Flash.js

@@ -1,8 +1,8 @@
 import Flash_module_css_default from "./Flash.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/Flash/Flash.tsx
 /**
 * @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.

package/dist/FormControl/FormControl.js

@@ -19,9 +19,9 @@ import FormControlLeadingVisual from "./FormControlLeadingVisual.js";
 import FormControlValidation from "./_FormControlValidation.js";
 import FormControl_module_css_default from "./FormControl.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useContext } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, ref) => {
 	var _slots$validation, _slots$label;
 	const $ = c(32);
@@ -125,7 +125,7 @@ var FormControl_default = Object.assign(/* @__PURE__ */ React.forwardRef((t0, re
 	} else t8 = $[15];
 	let t9;
 	if ($[16] !== t6 || $[17] !== t7 || $[18] !== t8) {
-		t9 = /*#__PURE__*/ jsxs(Fragment, { children: [
+		t9 = /*#__PURE__*/ jsxs(Fragment$1, { children: [
 			t6,
 			t7,
 			t8

package/dist/FormControl/FormControlCaption.js

@@ -2,8 +2,8 @@ import Text_default from "../Text/Text.js";
 import { useFormControlContext } from "./_FormControlContext.js";
 import FormControlCaption_module_css_default from "./FormControlCaption.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/FormControl/FormControlCaption.tsx
 function FormControlCaption(t0) {
 	const $ = c(8);

package/dist/Header/Header.js

@@ -1,8 +1,8 @@
 import Header_module_css_default from "./Header.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/Header/Header.tsx
 const Header = /*#__PURE__*/ React.forwardRef(function Header(t0, forwardRef) {
 	const $ = c(13);

package/dist/Heading/Heading.js

@@ -2,9 +2,9 @@ import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { useDevOnlyEffect } from "../internal/hooks/useDevOnlyEffect.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/Heading/Heading.tsx
 const Heading = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	const $ = c(15);

package/dist/Hidden/Hidden.js

@@ -1,7 +1,7 @@
 import Hidden_module_css_default from "./Hidden.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/Hidden/Hidden.tsx
 function normalize(hiddenViewports) {
 	if (Array.isArray(hiddenViewports)) {

package/dist/InlineMessage/InlineMessage.js

@@ -1,7 +1,7 @@
 import InlineMessage_module_css_default from "./InlineMessage.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 { isValidElementType } from "react-is";
 import { AlertFillIcon, AlertIcon, CheckCircleFillIcon, CheckCircleIcon, InfoIcon } from "@primer/octicons-react";
 //#region src/InlineMessage/InlineMessage.tsx

package/dist/KeybindingHint/KeybindingHint.js

@@ -2,9 +2,9 @@ import Text_default from "../Text/Text.js";
 import { Sequence } from "./components/Sequence.js";
 import KeybindingHint_module_css_default from "./KeybindingHint.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/KeybindingHint/KeybindingHint.tsx
 /** `kbd` element with style resets. */
 const Kbd = (t0) => {

package/dist/KeybindingHint/components/Chord.js

@@ -3,9 +3,9 @@ import { Key } from "./Key.js";
 import Chord_module_css_default from "./Chord.module.css.js";
 import { splitChord } from "./utils.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
+import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
+import { clsx } from "clsx";
 //#region src/KeybindingHint/components/Chord.tsx
 const Chord = (t0) => {
 	const $ = c(13);
@@ -35,7 +35,7 @@ const Chord = (t0) => {
 	if ($[5] !== format || $[6] !== keys) {
 		let t10;
 		if ($[8] !== format) {
-			t10 = (k, i) => /*#__PURE__*/ jsxs(Fragment$1, { children: [i > 0 && format === "full" ? /*#__PURE__*/ jsx("span", {
+			t10 = (k, i) => /*#__PURE__*/ jsxs(Fragment, { children: [i > 0 && format === "full" ? /*#__PURE__*/ jsx("span", {
 				"aria-hidden": true,
 				children: " + "
 			}) : " ", /*#__PURE__*/ jsx(Key, {

package/dist/KeybindingHint/components/Sequence.js

@@ -1,10 +1,10 @@
 import VisuallyHidden from "../../_VisuallyHidden.js";
 import { Chord } from "./Chord.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
+import { Fragment } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/KeybindingHint/components/Sequence.tsx
 const splitSequence = (sequence) => sequence.split(" ");
-const Sequence = ({ keys, ...chordProps }) => splitSequence(keys).map((c, i) => /*#__PURE__*/ jsxs(Fragment$1, { children: [i > 0 && /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsx(VisuallyHidden, { children: "then" }), " "] }), /*#__PURE__*/ jsx(Chord, {
+const Sequence = ({ keys, ...chordProps }) => splitSequence(keys).map((c, i) => /*#__PURE__*/ jsxs(Fragment, { children: [i > 0 && /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(VisuallyHidden, { children: "then" }), " "] }), /*#__PURE__*/ jsx(Chord, {
 	keys: c,
 	...chordProps
 })] }, i));

package/dist/Label/Label.js

@@ -1,8 +1,8 @@
 import Label_module_css_default from "./Label.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/Label/Label.tsx
 const Label = /*#__PURE__*/ React.forwardRef(function Label(t0, ref) {
 	const $ = c(15);

package/dist/LabelGroup/LabelGroup.js

@@ -3,9 +3,9 @@ import { IconButton } from "../Button/IconButton.js";
 import { ButtonComponent } from "../Button/Button.js";
 import { AnchoredOverlay } from "../AnchoredOverlay/AnchoredOverlay.js";
 import LabelGroup_module_css_default from "./LabelGroup.module.css.js";
-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";
 import { getFocusableChild } from "@primer/behaviors/utils";
 import { XIcon } from "@primer/octicons-react";
 //#region src/LabelGroup/LabelGroup.tsx

package/dist/Link/Link.js

@@ -3,9 +3,9 @@ import { fixedForwardRef } from "../utils/modern-polymorphic.js";
 import { useDevOnlyEffect } from "../internal/hooks/useDevOnlyEffect.js";
 import Link_module_css_default from "./Link.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/Link/Link.tsx
 const UnwrappedLink = (props, ref) => {
 	const $ = c(17);

package/dist/NavList/NavList.js

@@ -11,9 +11,9 @@ import { SubItem } from "../ActionList/Item.js";
 import { ActionList } from "../ActionList/index.js";
 import NavList_module_css_default from "./NavList.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { createElement, isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { ChevronDownIcon, PlusIcon } from "@primer/octicons-react";
 import { flushSync } from "react-dom";
 //#region src/NavList/NavList.tsx
@@ -472,7 +472,7 @@ const Group = (t0) => {
 	} else t7 = $[22];
 	let t8;
 	if ($[23] !== t5 || $[24] !== t7) {
-		t8 = /*#__PURE__*/ jsxs(Fragment, { children: [t5, t7] });
+		t8 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t5, t7] });
 		$[23] = t5;
 		$[24] = t7;
 		$[25] = t8;
@@ -510,7 +510,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	const focusTargetIndex = currentPage === 1 ? 0 : amountToShow - Math.floor(itemsPerPage);
 	let t3;
 	if ($[6] !== amountToShow || $[7] !== currentPage || $[8] !== focusTargetIndex || $[9] !== groupId || $[10] !== items || $[11] !== renderItem) {
-		t3 = currentPage > 0 ? /*#__PURE__*/ jsx(Fragment, { children: items.map((itemArr, index) => {
+		t3 = currentPage > 0 ? /*#__PURE__*/ jsx(Fragment$1, { children: items.map((itemArr, index) => {
 			const { text, trailingVisual: TrailingVisualIcon, leadingVisual: LeadingVisualIcon, trailingAction, ...rest } = itemArr;
 			const { icon, label: actionLabel, ...actionProps } = trailingAction || {};
 			const focusTarget = index === focusTargetIndex ? groupId : void 0;
@@ -564,7 +564,7 @@ const GroupExpand = /*#__PURE__*/ React.forwardRef((t0, forwardedRef) => {
 	} else t4 = $[19];
 	let t5;
 	if ($[20] !== t3 || $[21] !== t4) {
-		t5 = /*#__PURE__*/ jsxs(Fragment, { children: [t3, t4] });
+		t5 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t3, t4] });
 		$[20] = t3;
 		$[21] = t4;
 		$[22] = t5;

package/dist/Octicon/Octicon.js

@@ -1,6 +1,6 @@
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/Octicon/Octicon.tsx
 /**
 * @deprecated Use the icon component directly from `@primer/octicons-react` instead

package/dist/Overlay/Overlay.js

@@ -4,9 +4,9 @@ import { useOverlay } from "../hooks/useOverlay.js";
 import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
 import Portal_default from "../Portal/index.js";
 import Overlay_module_css_default from "./Overlay.module.css.js";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/Overlay/Overlay.tsx
 const animationDuration = 200;
 function getSlideAnimationStartingVector(anchorSide) {

package/dist/PageHeader/PageHeader.js

@@ -10,9 +10,9 @@ import Link from "../Link/Link.js";
 import { areAllValuesTheSame, haveRegularAndWideSameValue } from "../utils/getBreakpointDeclarations.js";
 import PageHeader_module_css_default from "./PageHeader.module.css.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { ArrowLeftIcon } from "@primer/octicons-react";
 //#region src/PageHeader/PageHeader.tsx
 const hiddenOnRegularAndWide = {
@@ -211,7 +211,7 @@ const ParentLink = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	} else t6 = $[14];
 	let t7;
 	if ($[15] !== ariaLabel || $[16] !== as || $[17] !== href || $[18] !== ref || $[19] !== rest || $[20] !== t3 || $[21] !== t4 || $[22] !== t6) {
-		t7 = /*#__PURE__*/ jsx(Fragment, { children: /*#__PURE__*/ jsxs(Link, {
+		t7 = /*#__PURE__*/ jsx(Fragment$1, { children: /*#__PURE__*/ jsxs(Link, {
 			ref,
 			as,
 			"aria-label": ariaLabel,

package/dist/PageLayout/DragHandle.js

@@ -2,8 +2,8 @@ import PageLayout_module_css_default from "./PageLayout.module.css.js";
 import { defaultFormatValueText } from "./usePaneWidth.js";
 import { removeDraggingStyles, setDraggingStyles } from "./paneUtils.js";
 import { c } from "react-compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import React, { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/PageLayout/DragHandle.tsx
 const isArrowKey = (key) => key === "ArrowLeft" || key === "ArrowRight" || key === "ArrowUp" || key === "ArrowDown";
 const isShrinkKey = (key) => key === "ArrowLeft" || key === "ArrowDown";

package/dist/PageLayout/PageLayout.js

@@ -9,9 +9,9 @@ import PageLayout_module_css_default from "./PageLayout.module.css.js";
 import { isCustomWidthOptions, isPaneWidth, updateAriaValues, usePaneWidth } from "./usePaneWidth.js";
 import { DragHandle } from "./DragHandle.js";
 import { c } from "react-compiler-runtime";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
 import React, { memo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 //#region src/PageLayout/PageLayout.tsx
 const PageLayoutContext = /*#__PURE__*/ React.createContext({
 	padding: "normal",

package/dist/Pagehead/Pagehead.js

@@ -1,7 +1,7 @@
 import Pagehead_module_css_default from "./Pagehead.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/Pagehead/Pagehead.tsx
 const Pagehead = (t0) => {
 	const $ = c(10);

package/dist/Pagination/Pagination.js

@@ -2,9 +2,9 @@ import { viewportRanges } from "../hooks/useResponsiveValue.js";
 import { buildComponentData, buildPaginationModel } from "./model.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 "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/Pagination/Pagination.tsx
 const getViewportRangesToHidePages = (showPages) => {
@@ -29,7 +29,7 @@ const PageLabel = (t0) => {
 	} else t2 = $[3];
 	let t3;
 	if ($[4] !== children || $[5] !== t1 || $[6] !== t2) {
-		t3 = /*#__PURE__*/ jsxs(Fragment, { children: [
+		t3 = /*#__PURE__*/ jsxs(Fragment$1, { children: [
 			t1,
 			children,
 			t2

package/dist/Popover/Popover.js

@@ -2,9 +2,9 @@ import { useOnOutsideClick } from "../hooks/useOnOutsideClick.js";
 import { useOnEscapePress } from "../hooks/useOnEscapePress.js";
 import Popover_module_css_default from "./Popover.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/Popover/Popover.tsx
 const EMPTY_IGNORE_CLICK_REFS = [];
 const PopoverContext = /*#__PURE__*/ React.createContext(false);

package/dist/ProgressBar/ProgressBar.js

@@ -1,8 +1,8 @@
 import ProgressBar_module_css_default from "./ProgressBar.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/ProgressBar/ProgressBar.tsx
 const Item = /*#__PURE__*/ forwardRef((t0, forwardRef) => {
 	const $ = c(32);