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

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

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/RelativeTime/RelativeTime.js

@@ -7,7 +7,8 @@ const RelativeTimeComponent = createComponent(RelativeTimeElement, "relative-tim
 const localeOptions = {
 	month: "short",
 	day: "numeric",
-	year: "numeric"
+	year: "numeric",
+	timeZone: "UTC"
 };
 function RelativeTime(t0) {
 	const $ = c(16);

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