@primer/react 38.39.0-rc.fbea7df95 → 38.39.0

package/dist/deprecated/FilteredSearch/FilteredSearch.js

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

package/dist/deprecated/UnderlineNav/UnderlineNav.js

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

package/dist/experimental/IssueLabel/IssueLabel.js

@@ -1,5 +1,5 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import IssueLabel_module_css_default from "./IssueLabel.module.css.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { readableColor } from "color2k";

package/dist/experimental/Tabs/Tabs.js

@@ -1,8 +1,7 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import useIsomorphicLayoutEffect from "../../utils/useIsomorphicLayoutEffect.js";
-import { useFeatureFlag } from "../../FeatureFlags/useFeatureFlag.js";
 import { useControllableState } from "../../hooks/useControllableState.js";
 import { TabsContext } from "./TabsContext.js";
-import { c } from "react-compiler-runtime";
 import React, { useId } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/experimental/Tabs/Tabs.tsx
@@ -15,12 +14,11 @@ import { jsx } from "react/jsx-runtime";
 */
 function Tabs(props) {
 	var _props$id, _props$activationMode, _props$defaultValue;
-	const $ = c(16);
+	const $ = c(15);
 	const { children, onValueChange } = props;
 	const generatedId = useId();
 	const groupId = (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : generatedId;
-	const controlledApiEnabled = useFeatureFlag("primer_react_underline_panels_controlled");
-	const activationMode = controlledApiEnabled ? (_props$activationMode = props.activationMode) !== null && _props$activationMode !== void 0 ? _props$activationMode : "automatic" : "automatic";
+	const activationMode = (_props$activationMode = props.activationMode) !== null && _props$activationMode !== void 0 ? _props$activationMode : "automatic";
 	const t0 = (_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : props.value;
 	let t1;
 	if ($[0] !== props.value || $[1] !== t0) {
@@ -37,7 +35,7 @@ function Tabs(props) {
 	const [focusedValue, setFocusedValue] = React.useState();
 	const savedOnValueChange = React.useRef(onValueChange);
 	let t2;
-	if ($[3] !== activationMode || $[4] !== controlledApiEnabled || $[5] !== focusedValue || $[6] !== groupId || $[7] !== selectedValue || $[8] !== setSelectedValue) {
+	if ($[3] !== activationMode || $[4] !== focusedValue || $[5] !== groupId || $[6] !== selectedValue || $[7] !== setSelectedValue) {
 		t2 = {
 			groupId,
 			selectedValue,
@@ -46,7 +44,7 @@ function Tabs(props) {
 			selectTab(value) {
 				var _savedOnValueChange$c;
 				setFocusedValue(void 0);
-				if (controlledApiEnabled && value === selectedValue) return;
+				if (value === selectedValue) return;
 				setSelectedValue(value);
 				(_savedOnValueChange$c = savedOnValueChange.current) === null || _savedOnValueChange$c === void 0 || _savedOnValueChange$c.call(savedOnValueChange, { value });
 			},
@@ -55,39 +53,38 @@ function Tabs(props) {
 			}
 		};
 		$[3] = activationMode;
-		$[4] = controlledApiEnabled;
-		$[5] = focusedValue;
-		$[6] = groupId;
-		$[7] = selectedValue;
-		$[8] = setSelectedValue;
-		$[9] = t2;
-	} else t2 = $[9];
+		$[4] = focusedValue;
+		$[5] = groupId;
+		$[6] = selectedValue;
+		$[7] = setSelectedValue;
+		$[8] = t2;
+	} else t2 = $[8];
 	const contextValue = t2;
 	let t3;
 	let t4;
-	if ($[10] !== onValueChange) {
+	if ($[9] !== onValueChange) {
 		t3 = () => {
 			savedOnValueChange.current = onValueChange;
 		};
 		t4 = [onValueChange];
-		$[10] = onValueChange;
-		$[11] = t3;
-		$[12] = t4;
+		$[9] = onValueChange;
+		$[10] = t3;
+		$[11] = t4;
 	} else {
-		t3 = $[11];
-		t4 = $[12];
+		t3 = $[10];
+		t4 = $[11];
 	}
 	useIsomorphicLayoutEffect(t3, t4);
 	let t5;
-	if ($[13] !== children || $[14] !== contextValue) {
+	if ($[12] !== children || $[13] !== contextValue) {
 		t5 = /*#__PURE__*/ jsx(TabsContext.Provider, {
 			value: contextValue,
 			children
 		});
-		$[13] = children;
-		$[14] = contextValue;
-		$[15] = t5;
-	} else t5 = $[15];
+		$[12] = children;
+		$[13] = contextValue;
+		$[14] = t5;
+	} else t5 = $[14];
 	return t5;
 }
 //#endregion

package/dist/experimental/Tabs/useTab.js

@@ -1,5 +1,5 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import { useTabs } from "./useTabs.js";
-import { c } from "react-compiler-runtime";
 //#region src/experimental/Tabs/useTab.ts
 /**
 * A custom hook that provides the props needed for a tab component.

package/dist/experimental/Tabs/useTabList.js

@@ -1,31 +1,28 @@
+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 { c } from "react-compiler-runtime";
 import { useRef } from "react";
 //#region src/experimental/Tabs/useTabList.ts
 function useTabList(props) {
-	const $ = c(10);
+	const $ = c(9);
 	const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": ariaOrientation } = props;
 	const mergedRefEnabled = useFeatureFlag("primer_react_merged_forwarded_refs");
-	const controlledApiEnabled = useFeatureFlag("primer_react_underline_panels_controlled");
 	const tabListRef = useRef(null);
 	const mergedRef = useMergedRefs(tabListRef, props.ref);
 	const providedOrCreatedRef = useProvidedRefOrCreate(props.ref);
 	const readRef = mergedRefEnabled ? tabListRef : providedOrCreatedRef;
 	const appliedRef = mergedRefEnabled ? mergedRef : providedOrCreatedRef;
 	let t0;
-	if ($[0] !== ariaOrientation || $[1] !== controlledApiEnabled || $[2] !== readRef) {
+	if ($[0] !== ariaOrientation || $[1] !== readRef) {
 		t0 = (event) => {
 			const { current: tablist } = readRef;
 			if (tablist === null) return;
 			const tabs = getFocusableTabs(tablist);
 			const getCurrentIndex = () => {
-				if (controlledApiEnabled) {
-					const activeElement = tablist.ownerDocument.activeElement;
-					const focusedIndex = activeElement instanceof HTMLElement ? tabs.indexOf(activeElement) : -1;
-					if (focusedIndex !== -1) return focusedIndex;
-				}
+				const activeElement = tablist.ownerDocument.activeElement;
+				const focusedIndex = activeElement instanceof HTMLElement ? tabs.indexOf(activeElement) : -1;
+				if (focusedIndex !== -1) return focusedIndex;
 				return tabs.findIndex(_temp);
 			};
 			const isVertical = ariaOrientation === "vertical";
@@ -50,14 +47,13 @@ function useTabList(props) {
 			}
 		};
 		$[0] = ariaOrientation;
-		$[1] = controlledApiEnabled;
-		$[2] = readRef;
-		$[3] = t0;
-	} else t0 = $[3];
+		$[1] = readRef;
+		$[2] = t0;
+	} else t0 = $[2];
 	const onKeyDown = t0;
 	const t1 = ariaOrientation !== null && ariaOrientation !== void 0 ? ariaOrientation : "horizontal";
 	let t2;
-	if ($[4] !== appliedRef || $[5] !== ariaLabel || $[6] !== ariaLabelledby || $[7] !== onKeyDown || $[8] !== t1) {
+	if ($[3] !== appliedRef || $[4] !== ariaLabel || $[5] !== ariaLabelledby || $[6] !== onKeyDown || $[7] !== t1) {
 		t2 = { tabListProps: {
 			ref: appliedRef,
 			"aria-label": ariaLabel,
@@ -66,13 +62,13 @@ function useTabList(props) {
 			role: "tablist",
 			onKeyDown
 		} };
-		$[4] = appliedRef;
-		$[5] = ariaLabel;
-		$[6] = ariaLabelledby;
-		$[7] = onKeyDown;
-		$[8] = t1;
-		$[9] = t2;
-	} else t2 = $[9];
+		$[3] = appliedRef;
+		$[4] = ariaLabel;
+		$[5] = ariaLabelledby;
+		$[6] = onKeyDown;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
 	return t2;
 }
 function _temp(tab) {

package/dist/experimental/Tabs/useTabPanel.js

@@ -1,5 +1,5 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import { useTabs } from "./useTabs.js";
-import { c } from "react-compiler-runtime";
 //#region src/experimental/Tabs/useTabPanel.ts
 /** Utility hook for tab panels */
 function useTabPanel(props) {

package/dist/experimental/UnderlinePanels/UnderlinePanels.js

@@ -3,7 +3,6 @@ import { useResizeObserver } from "../../hooks/useResizeObserver.js";
 import { useId as useId$1 } from "../../hooks/useId.js";
 import { warning } from "../../utils/warning.js";
 import { isSlot } from "../../utils/is-slot.js";
-import { useFeatureFlag } from "../../FeatureFlags/useFeatureFlag.js";
 import { invariant } from "../../utils/invariant.js";
 import { UnderlineItem, UnderlineItemList, UnderlineWrapper } from "../../internal/components/UnderlineTabbedInterface.js";
 import UnderlinePanels_module_css_default from "./UnderlinePanels.module.css.js";
@@ -19,12 +18,8 @@ const UnderlinePanelsContext = /*#__PURE__*/ createContext({
 	iconsVisible: true,
 	loadingCounters: void 0
 });
-const UnderlinePanels = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, loadingCounters, className, value: valueProp, defaultValue: defaultValueProp, onChange: onChangeProp, activationMode = "automatic", ...props }) => {
+const UnderlinePanels = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, loadingCounters, className, value: controlledValue, defaultValue, onChange, activationMode = "automatic", ...props }) => {
 	var _tabValues$;
-	const controlledApiEnabled = useFeatureFlag("primer_react_underline_panels_controlled");
-	const controlledValue = controlledApiEnabled ? valueProp : void 0;
-	const defaultValue = controlledApiEnabled ? defaultValueProp : void 0;
-	const onChange = controlledApiEnabled ? onChangeProp : void 0;
 	const [iconsVisible, setIconsVisible] = useState(true);
 	const wrapperRef = useRef(null);
 	const listRef = useRef(null);
@@ -34,14 +29,14 @@ const UnderlinePanels = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabel
 		let panelIndex = 0;
 		const childrenWithProps = Children.map(children, (child) => {
 			if (/*#__PURE__*/ isValidElement(child) && (child.type === Tab || isSlot(child, Tab))) {
-				var _ref;
-				const value = (_ref = controlledApiEnabled ? child.props.value : void 0) !== null && _ref !== void 0 ? _ref : `${tabIndex}`;
+				var _child$props$value;
+				const value = (_child$props$value = child.props.value) !== null && _child$props$value !== void 0 ? _child$props$value : `${tabIndex}`;
 				tabIndex++;
 				return /*#__PURE__*/ cloneElement(child, { value });
 			}
 			if (/*#__PURE__*/ isValidElement(child) && (child.type === Panel || isSlot(child, Panel))) {
-				var _ref2;
-				const value = (_ref2 = controlledApiEnabled ? child.props.value : void 0) !== null && _ref2 !== void 0 ? _ref2 : `${panelIndex}`;
+				var _child$props$value2;
+				const value = (_child$props$value2 = child.props.value) !== null && _child$props$value2 !== void 0 ? _child$props$value2 : `${panelIndex}`;
 				panelIndex++;
 				return /*#__PURE__*/ cloneElement(child, { value });
 			}
@@ -74,11 +69,11 @@ const UnderlinePanels = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabel
 			tabValues,
 			panelValues
 		];
-	}, [children, controlledApiEnabled]);
+	}, [children]);
 	const isControlled = controlledValue !== void 0;
 	const [uncontrolledValue, setUncontrolledValue] = useState(() => {
-		var _ref3;
-		return (_ref3 = defaultValue !== null && defaultValue !== void 0 ? defaultValue : selectedFromProps) !== null && _ref3 !== void 0 ? _ref3 : "0";
+		var _ref;
+		return (_ref = defaultValue !== null && defaultValue !== void 0 ? defaultValue : selectedFromProps) !== null && _ref !== void 0 ? _ref : "0";
 	});
 	const [prevSelectedFromProps, setPrevSelectedFromProps] = useState(selectedFromProps);
 	if (!isControlled && selectedFromProps !== prevSelectedFromProps) {

package/dist/hooks/useDetails.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { useEffect, useRef, useState } from "react";
 //#region src/hooks/useDetails.tsx
 function useDetails(t0) {

package/dist/hooks/useDialog.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useOnEscapePress } from "./useOnEscapePress.js";
-import { c } from "react-compiler-runtime";
 import { useEffect } from "react";
 //#region src/hooks/useDialog.ts
 const noop = () => null;

package/dist/hooks/useMedia.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { warning } from "../utils/warning.js";
 import { MatchMediaContext } from "./MatchMediaContext.js";
-import { c } from "react-compiler-runtime";
 import { useContext, useSyncExternalStore } from "react";
 //#region src/hooks/useMedia.ts
 /**

package/dist/hooks/useMenuInitialFocus.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import React from "react";
 import { iterateFocusableElements } from "@primer/behaviors/utils";
 //#region src/hooks/useMenuInitialFocus.ts

package/dist/hooks/useMenuKeyboardNavigation.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useMenuInitialFocus } from "./useMenuInitialFocus.js";
 import { useMnemonics } from "./useMnemonics.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { iterateFocusableElements } from "@primer/behaviors/utils";
 //#region src/hooks/useMenuKeyboardNavigation.ts

package/dist/hooks/useMergedRefs.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { isExperimentalReactVersion, reactMajorVersion } from "../utils/environment.js";
-import { c } from "react-compiler-runtime";
 import { version } from "react";
 //#region src/hooks/useMergedRefs.ts
 var _version$split$;

package/dist/hooks/useMnemonics.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useProvidedRefOrCreate } from "./useProvidedRefOrCreate.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { iterateFocusableElements } from "@primer/behaviors/utils";
 //#region src/hooks/useMnemonics.ts

package/dist/hooks/useOpenAndCloseFocus.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { useEffect } from "react";
 import { iterateFocusableElements } from "@primer/behaviors/utils";
 //#region src/hooks/useOpenAndCloseFocus.ts

package/dist/hooks/useOverflow.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { useEffect, useState } from "react";
 //#region src/hooks/useOverflow.ts
 function useOverflow(ref) {

package/dist/hooks/useOverlay.js

@@ -1,8 +1,8 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useOnOutsideClick } from "./useOnOutsideClick.js";
 import { useProvidedRefOrCreate } from "./useProvidedRefOrCreate.js";
 import { useOnEscapePress } from "./useOnEscapePress.js";
 import { useOpenAndCloseFocus } from "./useOpenAndCloseFocus.js";
-import { c } from "react-compiler-runtime";
 //#region src/hooks/useOverlay.tsx
 const useOverlay = (t0) => {
 	const $ = c(13);

package/dist/hooks/useProvidedStateOrCreate.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { useState } from "react";
 //#region src/hooks/useProvidedStateOrCreate.ts
 /**

package/dist/hooks/useRefObjectAsForwardedRef.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { useImperativeHandle } from "react";
 //#region src/hooks/useRefObjectAsForwardedRef.ts
 /**

package/dist/hooks/useRenderForcingRef.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { useEffect, useRef, useState } from "react";
 //#region src/hooks/useRenderForcingRef.ts
 /**

package/dist/hooks/useScrollFlash.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { useEffect } from "react";
 //#region src/hooks/useScrollFlash.ts
 /**

package/dist/hooks/useSyncedState.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../utils/react-compiler-runtime.js";
 import { useState } from "react";
 //#region src/hooks/useSyncedState.tsx
 /**

package/dist/internal/components/ButtonReset.js

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

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.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 VisuallyHidden from "../../../_VisuallyHidden.js";
@@ -7,7 +8,6 @@ import CheckboxOrRadioGroup_module_css_default from "./CheckboxOrRadioGroup.modu
 import CheckboxOrRadioGroupCaption from "./CheckboxOrRadioGroupCaption.js";
 import CheckboxOrRadioGroupLabel from "./CheckboxOrRadioGroupLabel.js";
 import CheckboxOrRadioGroupValidation from "./CheckboxOrRadioGroupValidation.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/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js

@@ -1,7 +1,7 @@
+import { c } from "../../../utils/react-compiler-runtime.js";
 import Text_default from "../../../Text/Text.js";
 import CheckboxOrRadioGroupContext from "./CheckboxOrRadioGroupContext.js";
 import CheckboxOrRadioGroup_module_css_default from "./CheckboxOrRadioGroup.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/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js

@@ -1,8 +1,8 @@
+import { c } from "../../../utils/react-compiler-runtime.js";
 import VisuallyHidden from "../../../_VisuallyHidden.js";
 import CheckboxOrRadioGroupContext from "./CheckboxOrRadioGroupContext.js";
 import CheckboxOrRadioGroup_module_css_default from "./CheckboxOrRadioGroup.module.css.js";
 import { Stack } from "../../../Stack/index.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js

@@ -1,6 +1,6 @@
+import { c } from "../../../utils/react-compiler-runtime.js";
 import CheckboxOrRadioGroupContext from "./CheckboxOrRadioGroupContext.js";
 import InputValidation from "../InputValidation.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.tsx

package/dist/internal/components/ConditionalWrapper.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../utils/react-compiler-runtime.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/internal/components/ConditionalWrapper.tsx
 const ConditionalWrapper = (props) => {

package/dist/internal/components/InputLabel.js

@@ -1,5 +1,5 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import InputLabel_module_css_default from "./InputLabel.module.css.js";
-import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/internal/components/InputLabel.tsx

package/dist/internal/components/InputValidation.js

@@ -1,6 +1,6 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import Text_default from "../../Text/Text.js";
 import InputValidation_module_css_default from "./InputValidation.module.css.js";
-import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { AlertFillIcon, CheckCircleFillIcon } from "@primer/octicons-react";

package/dist/internal/components/OverflowObserverProvider.js

@@ -1,6 +1,6 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import useIsomorphicLayoutEffect from "../../utils/useIsomorphicLayoutEffect.js";
 import { OverflowObserverContext } from "../hooks/useOverflowObserver.js";
-import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/internal/components/OverflowObserverProvider.tsx

package/dist/internal/components/TextInputInnerAction.js

@@ -1,8 +1,8 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import { Tooltip } from "../../TooltipV2/Tooltip.js";
 import { IconButton } from "../../Button/IconButton.js";
 import { ButtonComponent } from "../../Button/Button.js";
 import TextInputInnerAction_module_css_default from "./TextInputInnerAction.module.css.js";
-import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/internal/components/TextInputInnerVisualSlot.js

@@ -1,6 +1,6 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import Spinner from "../../Spinner/Spinner.js";
 import TextInputInnerVisualSlot_module_css_default from "./TextInputInnerVisualSlot.module.css.js";
-import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/internal/components/TextInputInnerVisualSlot.tsx

package/dist/internal/components/TextInputWrapper.js

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

@@ -1,5 +1,5 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import { ThemeContext } from "../../ThemeContext.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/internal/components/ThemeProviderBase.tsx
 const ThemeProviderBase = (t0) => {

package/dist/internal/components/UnderlineTabbedInterface.js

@@ -1,6 +1,6 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import CounterLabel from "../../CounterLabel/CounterLabel.js";
 import UnderlineTabbedInterface_module_css_default from "./UnderlineTabbedInterface.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/internal/components/UnstyledTextInput.js

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

@@ -1,5 +1,5 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import ValidationAnimationContainer_module_css_default from "./ValidationAnimationContainer.module.css.js";
-import { c } from "react-compiler-runtime";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/internal/components/ValidationAnimationContainer.tsx

package/dist/internal/hooks/useEffectCallback.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../utils/react-compiler-runtime.js";
 import { useEffect, useRef } from "react";
 //#region src/internal/hooks/useEffectCallback.ts
 /**

package/dist/internal/hooks/useEffectOnce.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../utils/react-compiler-runtime.js";
 import { useEffect, useRef } from "react";
 //#region src/internal/hooks/useEffectOnce.ts
 function useEffectOnce(callback) {

package/dist/internal/hooks/useOverflowObserver.js

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../utils/react-compiler-runtime.js";
 import { createContext, useContext, useRef, useSyncExternalStore } from "react";
 //#region src/internal/hooks/useOverflowObserver.ts
 /** Subscribe a single observed element to the shared `IntersectionObserver`. Returns an unsubscribe function. */

package/dist/internal/hooks/useThemeProvider.js

@@ -1,6 +1,6 @@
+import { c } from "../../utils/react-compiler-runtime.js";
 import { useSyncedState } from "../../hooks/useSyncedState.js";
 import { useTheme } from "../../useTheme.js";
-import { c } from "react-compiler-runtime";
 import React from "react";
 //#region src/internal/hooks/useThemeProvider.ts
 const defaultColorMode = "day";

package/dist/live-region/Announce.js

@@ -1,8 +1,8 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { useEffectOnce } from "../internal/hooks/useEffectOnce.js";
 import { useEffectCallback } from "../internal/hooks/useEffectCallback.js";
-import { c } from "react-compiler-runtime";
-import { announceFromElement } from "@primer/live-region-element";
 import { useEffect, useRef } from "react";
+import { announceFromElement } from "@primer/live-region-element";
 import { jsx } from "react/jsx-runtime";
 //#region src/live-region/Announce.tsx
 /**

package/dist/live-region/AriaAlert.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { Announce } from "./Announce.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/live-region/AriaAlert.tsx
 function AriaAlert(props) {

package/dist/live-region/AriaStatus.js

@@ -1,5 +1,5 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { Announce } from "./Announce.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/live-region/AriaStatus.tsx
 function AriaStatus(props) {

package/dist/next/ThemeProvider.js

@@ -1,6 +1,6 @@
+import { c } from "../utils/react-compiler-runtime.js";
 import { ThemeProviderBase } from "../internal/components/ThemeProviderBase.js";
 import { useThemeProvider } from "../internal/hooks/useThemeProvider.js";
-import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/next/ThemeProvider.tsx
 const ThemeProvider = (t0) => {

package/dist/utils/descendant-registry.js

@@ -1,5 +1,5 @@
+import { c } from "./react-compiler-runtime.js";
 import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
-import { c } from "react-compiler-runtime";
 import { createContext, useContext, useEffect, useId, useReducer, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/utils/descendant-registry.tsx