@primer/react 38.39.0-rc.fa0bd106b → 38.39.0

package/CHANGELOG.md

@@ -8,8 +8,14 @@
 
 ### Patch Changes
 
+- [#8234](https://github.com/primer/react/pull/8234) [`fd1a26a`](https://github.com/primer/react/commit/fd1a26ad9af3fcde69dddb8eb1b161465e94e3ca) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Bundle the React Compiler memo helper (`c`) into `@primer/react` instead of importing it from an external `react-compiler-runtime` module. This prevents a runtime crash (`TypeError: (0, t.c) is not a function`) that could occur when a consumer's bundle resolved a skewed or stale `react-compiler-runtime` across independently-cached chunks.
+
 - [#8370](https://github.com/primer/react/pull/8370) [`56ebdc4`](https://github.com/primer/react/commit/56ebdc49f8f6c862288ee653a4cdc7a70afe829c) Thanks [@rickyzhangca](https://github.com/rickyzhangca)! - ScrollableRegion: Remove focusability when content no longer overflows
 
+- [#8371](https://github.com/primer/react/pull/8371) [`dc8387f`](https://github.com/primer/react/commit/dc8387f4fa07cf00887cb2412d358fb7eb54be63) Thanks [@rickyzhangca](https://github.com/rickyzhangca)! - DataTable: Keep sortable column names concise and convey the next sort action as an accessible description
+
+- [#8352](https://github.com/primer/react/pull/8352) [`4dc92ec`](https://github.com/primer/react/commit/4dc92ecc5014f4c5f7675ec64d11cd0e0d5aa83e) Thanks [@rickyzhangca](https://github.com/rickyzhangca)! - Tabs and UnderlinePanels: Make the controlled selection and manual activation APIs available without a feature flag. Re-selecting the active tab no longer fires the value change callback.
+
 ## 38.38.0
 
 ### Minor Changes

package/dist/ActionList/Description.js

@@ -1,7 +1,7 @@
+import { c } from "../utils/react-compiler-runtime.js";
 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 React from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/ActionList/Divider.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import ActionList_module_css_default from "./ActionList.module.css.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/ActionList/Divider.tsx

package/dist/ActionList/Group.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import { useSlots } from "../hooks/useSlots.js";
 import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
@@ -7,7 +8,6 @@ import ActionList_module_css_default from "./ActionList.module.css.js";
 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 React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/ActionList/GroupHeadingTrailingAction.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { IconButton } from "../Button/IconButton.js";
-import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ActionList/GroupHeadingTrailingAction.tsx

package/dist/ActionList/Heading.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { invariant } from "../utils/invariant.js";
 import _VisuallyHidden_module_css_default from "../_VisuallyHidden.module.css.js";
@@ -5,7 +6,6 @@ import { ActionListContainerContext } from "./ActionListContainerContext.js";
 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 React, { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/ActionList/Item.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import { useSlots } from "../hooks/useSlots.js";
 import { ConditionalWrapper } from "../internal/components/ConditionalWrapper.js";
@@ -14,7 +15,6 @@ import { Description } from "./Description.js";
 import { LeadingVisual, TrailingVisual, VisualOrIndicator } from "./Visuals.js";
 import { Selection } from "./Selection.js";
 import { TrailingAction } from "./TrailingAction.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/ActionList/List.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { useProvidedRefOrCreate } from "../hooks/useProvidedRefOrCreate.js";
 import useIsomorphicLayoutEffect from "../utils/useIsomorphicLayoutEffect.js";
@@ -10,7 +11,6 @@ import { ActionListContainerContext } from "./ActionListContainerContext.js";
 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 React, { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/ActionList/Selection.js

@@ -1,10 +1,10 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { warning } from "../utils/warning.js";
 import Radio from "../Radio/Radio.js";
 import { ListContext } from "./shared.js";
 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 React from "react";
 import { jsx } from "react/jsx-runtime";
 import { CheckIcon } from "@primer/octicons-react";

package/dist/ActionList/TrailingAction.js

@@ -1,7 +1,7 @@
+import { c } from "../utils/react-compiler-runtime.js";
 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 { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/ActionList/Visuals.js

@@ -1,8 +1,8 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import Spinner from "../Spinner/Spinner.js";
 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 React from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/Autocomplete/Autocomplete.js

@@ -1,9 +1,9 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import { AutocompleteContext, AutocompleteDeferredInputContext, AutocompleteInputContext } from "./AutocompleteContext.js";
 import AutocompleteInput from "./AutocompleteInput.js";
 import AutocompleteMenu from "./AutocompleteMenu.js";
 import AutocompleteOverlay from "./AutocompleteOverlay.js";
-import { c } from "react-compiler-runtime";
 import { useDeferredValue, useReducer, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Autocomplete/Autocomplete.tsx

package/dist/Autocomplete/AutocompleteMenu.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import Spinner from "../Spinner/Spinner.js";
 import VisuallyHidden from "../_VisuallyHidden.js";
@@ -5,9 +6,8 @@ import { useFocusZone } from "../hooks/useFocusZone.js";
 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 { announce } from "@primer/live-region-element";
 import React, { useContext, useEffect, useRef, useState } from "react";
+import { announce } from "@primer/live-region-element";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { scrollIntoView } from "@primer/behaviors";
 import { isElement } from "react-is";

package/dist/Autocomplete/AutocompleteOverlay.js

@@ -1,10 +1,10 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { useAnchoredPosition } from "../hooks/useAnchoredPosition.js";
 import VisuallyHidden from "../_VisuallyHidden.js";
 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 { useContext, useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/Avatar/Avatar.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { isResponsiveValue } from "../hooks/useResponsiveValue.js";
 import Avatar_module_css_default from "./Avatar.module.css.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/AvatarStack/AvatarStack.js

@@ -1,7 +1,7 @@
+import { c } from "../utils/react-compiler-runtime.js";
 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 React, { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/Banner/Banner.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { useId as useId$1 } from "../hooks/useId.js";
@@ -5,7 +6,6 @@ import { IconButton } from "../Button/IconButton.js";
 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 React, { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/BaseStyles.js

@@ -1,5 +1,5 @@
+import { c } from "./utils/react-compiler-runtime.js";
 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";

package/dist/Blankslate/Blankslate.js

@@ -1,8 +1,8 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { ButtonComponent } from "../Button/Button.js";
 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 "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/BranchName/BranchName.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { fixedForwardRef } from "../utils/modern-polymorphic.js";
 import BranchName_module_css_default from "./BranchName.module.css.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/BranchName/BranchName.tsx

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useOnOutsideClick } from "../hooks/useOnOutsideClick.js";
 import { useOnEscapePress } from "../hooks/useOnEscapePress.js";
 import useIsomorphicLayoutEffect from "../utils/useIsomorphicLayoutEffect.js";
@@ -7,7 +8,6 @@ import { IconButton } from "../Button/IconButton.js";
 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 React, { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/Button/Button.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { ButtonBase } from "./ButtonBase.js";
-import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Button/Button.tsx

package/dist/Button/IconButton.js

@@ -1,9 +1,9 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import ButtonBase_module_css_default from "./ButtonBase.module.css.js";
 import { ButtonBase } from "./ButtonBase.js";
 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 React, { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/Button/LinkButton.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { ButtonBase } from "./ButtonBase.js";
-import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Button/LinkButton.tsx

package/dist/ButtonGroup/ButtonGroup.js

@@ -1,9 +1,9 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { useProvidedRefOrCreate } from "../hooks/useProvidedRefOrCreate.js";
 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 React, { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/Card/Card.js

@@ -1,7 +1,7 @@
+import { c } from "../utils/react-compiler-runtime.js";
 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 React, { createContext, forwardRef, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/CheckboxGroup/CheckboxGroup.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useRenderForcingRef } from "../hooks/useRenderForcingRef.js";
 import { isSlot } from "../utils/is-slot.js";
 import CheckboxOrRadioGroupCaption from "../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js";
@@ -7,7 +8,6 @@ import CheckboxOrRadioGroup_default from "../internal/components/CheckboxOrRadio
 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 React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/CheckboxGroup/CheckboxGroup.tsx

package/dist/CircleBadge/CircleBadge.js

@@ -1,7 +1,7 @@
+import { c } from "../utils/react-compiler-runtime.js";
 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 { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/CircleBadge/CircleBadge.tsx

package/dist/ConfirmationDialog/ConfirmationDialog.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { Dialog } from "../Dialog/Dialog.js";
-import { c } from "react-compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ConfirmationDialog/ConfirmationDialog.tsx

package/dist/DataTable/DataTable.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useTable } from "./useTable.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSortHeader } from "./Table.js";
-import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/DataTable/DataTable.tsx
 function defaultGetRowId(row) {

package/dist/DataTable/ErrorDialog.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { ConfirmationDialog } from "../ConfirmationDialog/ConfirmationDialog.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/DataTable/ErrorDialog.tsx
 function ErrorDialog(t0) {

package/dist/DataTable/Pagination.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { AriaStatus } from "../live-region/AriaStatus.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { warning } from "../utils/warning.js";
@@ -5,7 +6,6 @@ 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 { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/DataTable/Table.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import Text_default from "../Text/Text.js";
 import VisuallyHidden from "../_VisuallyHidden.js";
 import { ScrollableRegion } from "../ScrollableRegion/ScrollableRegion.js";
@@ -7,7 +8,6 @@ import { useTableLayout } from "./useTable.js";
 import { Button } from "../internal/components/ButtonReset.js";
 import { TableGroupContext } from "./TableGroupContext.js";
 import Table_module_css_default from "./Table.module.css.js";
-import { c } from "react-compiler-runtime";
 import React, { useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
@@ -181,7 +181,7 @@ function TableHeader(t0) {
 	return t2;
 }
 function TableSortHeader(t0) {
-	const $ = c(23);
+	const $ = c(24);
 	let align;
 	let children;
 	let direction;
@@ -203,6 +203,7 @@ function TableSortHeader(t0) {
 		rest = $[5];
 	}
 	const ariaSort = direction === "DESC" ? "descending" : direction === "ASC" ? "ascending" : void 0;
+	const sortAction = direction === SortDirection.ASC ? "Sort descending" : "Sort ascending";
 	let t1;
 	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = clsx("TableSortButton", Table_module_css_default.TableSortButton);
@@ -218,7 +219,7 @@ function TableSortHeader(t0) {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== direction) {
-		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;
+		t3 = direction === SortDirection.NONE || direction === SortDirection.ASC ? /*#__PURE__*/ jsx(Fragment$1, { children: /*#__PURE__*/ jsx(SortAscIcon, { className: clsx("TableSortIcon", "TableSortIcon--ascending", Table_module_css_default.TableSortIcon, Table_module_css_default["TableSortIcon--ascending"]) }) }) : null;
 		$[9] = direction;
 		$[10] = t3;
 	} else t3 = $[10];
@@ -229,11 +230,12 @@ function TableSortHeader(t0) {
 		$[12] = t4;
 	} else t4 = $[12];
 	let t5;
-	if ($[13] !== children || $[14] !== t2 || $[15] !== t3 || $[16] !== t4) {
+	if ($[13] !== children || $[14] !== sortAction || $[15] !== t2 || $[16] !== t3 || $[17] !== t4) {
 		t5 = /*#__PURE__*/ jsxs(Button, {
 			type: "button",
 			className: t1,
 			"data-component": "Table.SortHeader.Button",
+			"aria-description": sortAction,
 			onClick: t2,
 			children: [
 				children,
@@ -242,13 +244,14 @@ function TableSortHeader(t0) {
 			]
 		});
 		$[13] = children;
-		$[14] = t2;
-		$[15] = t3;
-		$[16] = t4;
-		$[17] = t5;
-	} else t5 = $[17];
+		$[14] = sortAction;
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
 	let t6;
-	if ($[18] !== align || $[19] !== ariaSort || $[20] !== rest || $[21] !== t5) {
+	if ($[19] !== align || $[20] !== ariaSort || $[21] !== rest || $[22] !== t5) {
 		t6 = /*#__PURE__*/ jsx(TableHeader, {
 			...rest,
 			"aria-sort": ariaSort,
@@ -256,12 +259,12 @@ function TableSortHeader(t0) {
 			"data-component": "Table.SortHeader",
 			children: t5
 		});
-		$[18] = align;
-		$[19] = ariaSort;
-		$[20] = rest;
-		$[21] = t5;
-		$[22] = t6;
-	} else t6 = $[22];
+		$[19] = align;
+		$[20] = ariaSort;
+		$[21] = rest;
+		$[22] = t5;
+		$[23] = t6;
+	} else t6 = $[23];
 	return t6;
 }
 function TableRow(t0) {

package/dist/DataTable/TableGroup.js

@@ -1,8 +1,8 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { TableGroupContext } from "./TableGroupContext.js";
 import Table_module_css_default from "./Table.module.css.js";
 import { TableRow } from "./Table.js";
-import { c } from "react-compiler-runtime";
 import { useId } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/DataTable/useTable.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { DEFAULT_SORT_DIRECTION, SortDirection, strategies, transition } from "./sorting.js";
-import { c } from "react-compiler-runtime";
 import { useState } from "react";
 //#region src/DataTable/useTable.ts
 function useTable(t0) {

package/dist/Details/Details.js

@@ -1,7 +1,7 @@
+import { c } from "../utils/react-compiler-runtime.js";
 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 React, { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/FeatureFlags/DefaultFeatureFlags.js

@@ -8,8 +8,7 @@ const DefaultFeatureFlags = FeatureFlagScope.create({
 	primer_react_action_list_group_heading_trailing_action: false,
 	primer_react_action_list_item_gap: false,
 	primer_react_timeline_list_semantics: false,
-	primer_react_merged_forwarded_refs: false,
-	primer_react_underline_panels_controlled: false
+	primer_react_merged_forwarded_refs: false
 });
 //#endregion
 export { DefaultFeatureFlags };

package/dist/FeatureFlags/FeatureFlags.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { FeatureFlagScope } from "./FeatureFlagScope.js";
 import { FeatureFlagContext } from "./FeatureFlagContext.js";
-import { c } from "react-compiler-runtime";
 import { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/FeatureFlags/FeatureFlags.tsx

package/dist/FeatureFlags/useFeatureFlag.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { FeatureFlagContext } from "./FeatureFlagContext.js";
-import { c } from "react-compiler-runtime";
 import { useContext } from "react";
 //#region src/FeatureFlags/useFeatureFlag.ts
 /**

package/dist/FilteredActionList/FilteredActionListInput.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import TextInput_default from "../TextInput/TextInput.js";
 import FilteredActionList_module_css_default from "./FilteredActionList.module.css.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/FilteredActionList/FilteredActionListInput.tsx

package/dist/FilteredActionList/FilteredActionListLoaders.js

@@ -1,9 +1,9 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import Spinner from "../Spinner/Spinner.js";
 import { Stack } from "../Stack/Stack.js";
 import { SkeletonBox } from "../Skeleton/SkeletonBox.js";
 import FilteredActionListLoaders_module_css_default from "./FilteredActionListLoaders.module.css.js";
 import { FilteredActionListLoadingTypes } from "./constants.js";
-import { c } from "react-compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/FilteredActionList/FilteredActionListLoaders.tsx
 const SKELETON_ROW_HEIGHT = 24;

package/dist/FilteredActionList/useAnnouncements.js

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

package/dist/Flash/Flash.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import Flash_module_css_default from "./Flash.module.css.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/FormControl/FormControl.js

@@ -1,3 +1,4 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import { warning } from "../utils/warning.js";
 import { isSlot } from "../utils/is-slot.js";
@@ -18,7 +19,6 @@ import FormControlLabel from "./FormControlLabel.js";
 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 React, { useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/FormControl/FormControlCaption.js

@@ -1,7 +1,7 @@
+import { c } from "../utils/react-compiler-runtime.js";
 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 { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/FormControl/FormControlCaption.tsx

package/dist/FormControl/FormControlLabel.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useFormControlContext } from "./_FormControlContext.js";
 import { InputLabel } from "../internal/components/InputLabel.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/FormControl/FormControlLabel.tsx
 const FormControlLabel = (t0) => {

package/dist/FormControl/FormControlLeadingVisual.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useFormControlContext } from "./_FormControlContext.js";
 import FormControlLeadingVisual_module_css_default from "./FormControlLeadingVisual.module.css.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/FormControl/FormControlLeadingVisual.tsx
 const FormControlLeadingVisual = (t0) => {

package/dist/FormControl/_FormControlContext.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { createContext, useContext } from "react";
 //#region src/FormControl/_FormControlContext.tsx
 const FormControlContext = /*#__PURE__*/ createContext(null);

package/dist/FormControl/_FormControlValidation.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import InputValidation from "../internal/components/InputValidation.js";
 import { useFormControlContext } from "./_FormControlContext.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/FormControl/_FormControlValidation.tsx
 const FormControlValidation = (t0) => {

package/dist/Header/Header.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import Header_module_css_default from "./Header.module.css.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";