@primer/react 38.40.2-rc.fdfbe71e5 → 38.41.0-rc.27afe233f

package/dist/experimental/UnderlinePanels/UnderlinePanels.js

@@ -128,19 +128,19 @@ const UnderlinePanels = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabel
 		const providedValue = controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue;
 		warning(providedValue !== void 0 && tabValues.length > 0 && !tabValues.includes(providedValue), `UnderlinePanels: the selected value "${providedValue}" does not match any tab, so the first tab is selected instead. Provide a \`value\`/\`defaultValue\` that matches a \`UnderlinePanels.Tab\` \`value\`.`);
 	}
-	return /*#__PURE__*/ jsx(UnderlinePanelsContext.Provider, {
+	return /* @__PURE__ */ jsx(UnderlinePanelsContext.Provider, {
 		value: contextValue,
-		children: /*#__PURE__*/ jsxs(Tabs, {
+		children: /* @__PURE__ */ jsxs(Tabs, {
 			id: parentId,
 			value: effectiveValue,
 			activationMode,
 			onValueChange: ({ value }) => handleValueChange(value),
-			children: [/*#__PURE__*/ jsx(UnderlineWrapper, {
+			children: [/* @__PURE__ */ jsx(UnderlineWrapper, {
 				ref: wrapperRef,
 				"data-icons-visible": iconsVisible,
 				className: clsx(className, UnderlinePanels_module_css_default.StyledUnderlineWrapper),
 				...props,
-				children: /*#__PURE__*/ jsx(UnderlineItemList, {
+				children: /* @__PURE__ */ jsx(UnderlineItemList, {
 					ref: listRef,
 					role: tabListProps.role,
 					"aria-label": tabListProps["aria-label"],
@@ -153,12 +153,11 @@ const UnderlinePanels = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabel
 		})
 	});
 };
-UnderlinePanels.displayName = "UnderlinePanels";
 const TabImpl = ({ onSelect, value, ...itemProps }) => {
 	const { loadingCounters } = useContext(UnderlinePanelsContext);
 	const { tabProps } = useTab({ value: value !== null && value !== void 0 ? value : "" });
 	const { onKeyDown: tabOnKeyDown, onMouseDown: tabOnMouseDown, onFocus: tabOnFocus, ...restTabProps } = tabProps;
-	return /*#__PURE__*/ jsx(UnderlineItem, {
+	return /* @__PURE__ */ jsx(UnderlineItem, {
 		as: "button",
 		...itemProps,
 		...restTabProps,
@@ -175,19 +174,17 @@ const TabImpl = ({ onSelect, value, ...itemProps }) => {
 		loadingCounters
 	});
 };
-TabImpl.displayName = "TabImpl";
 TabImpl.displayName = "UnderlinePanels.Tab";
 const Tab = /*#__PURE__*/ React.memo(TabImpl);
 Tab.displayName = "UnderlinePanels.Tab";
 const PanelImpl = ({ children, value, ...panelRest }) => {
 	const { tabPanelProps } = useTabPanel({ value: value !== null && value !== void 0 ? value : "" });
-	return /*#__PURE__*/ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		...panelRest,
 		...tabPanelProps,
 		children
 	});
 };
-PanelImpl.displayName = "PanelImpl";
 PanelImpl.displayName = "UnderlinePanels.Panel";
 const Panel = PanelImpl;
 Panel.displayName = "UnderlinePanels.Panel";

package/dist/experimental/index.js

@@ -3,10 +3,10 @@ import { Announce } from "../live-region/Announce.js";
 import { AriaAlert } from "../live-region/AriaAlert.js";
 import { AriaStatus } from "../live-region/AriaStatus.js";
 import { useSlots } from "../hooks/useSlots.js";
-import { ButtonBase } from "../Button/ButtonBase.js";
 import { DefaultFeatureFlags } from "../FeatureFlags/DefaultFeatureFlags.js";
 import { FeatureFlags } from "../FeatureFlags/FeatureFlags.js";
 import { useFeatureFlag } from "../FeatureFlags/useFeatureFlag.js";
+import { ButtonBase } from "../Button/ButtonBase.js";
 import { KeybindingHint } from "../KeybindingHint/KeybindingHint.js";
 import { getAccessibleKeybindingHintString } from "../KeybindingHint/utils.js";
 import { Tooltip } from "../TooltipV2/Tooltip.js";

package/dist/hooks/useMergedRefs.js

@@ -64,18 +64,6 @@ function useMergedRefs(refA, refB) {
 	} else t0 = $[2];
 	return t0;
 }
-/**
-* React 19 supports callback refs that can return a cleanup function. If a cleanup function is returned, the
-* cleanup is called on unmount **instead** of setting the ref to null.
-*/
-/**
-* Supporting React 18 and 19 while alleviating the need for any hacks or casts in consumers:
-* - `ForwardedRef` from the React 18 `forwardRef` HOC
-* - `React19RefCallback` for callback refs that can return a cleanup function (this is included in `Ref` in React 19
-*   but not in 18)
-* - `Ref` for standard refs from `useRef` or passed in as React 19 prop
-* - `undefined` to allow for easy use of optional `ref` props in React 19
-*/
 function setRef(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref) ref.current = value;

package/dist/hooks/useResponsiveValue.js

@@ -6,11 +6,6 @@ const viewportRanges = {
 	wide: "(min-width: 1400px)"
 };
 /**
-* Flattens all possible value types into single union type
-* For example, if `T` is `'none' | 'line' | Responsive<'none' | 'line' | 'filled'>`,
-* `FlattenResponsiveValue<T>` will be `'none' | 'line' | 'filled'`
-*/
-/**
 * Checks if the value is a responsive value.
 * In other words, is it an object with viewport range keys?
 */

package/dist/hooks/useSlots.js

@@ -2,54 +2,6 @@ import { warning } from "../utils/warning.js";
 import { isSlot } from "../utils/is-slot.js";
 import React from "react";
 //#region src/hooks/useSlots.ts
-/**
-* useSlots - Extract slot components from children for SSR-compatible slot APIs.
-*
-* Given a list of children and a config mapping slot names to component types,
-* separates children into two groups: matched slots and the rest.
-*
-*   Config: { leadingVisual: LeadingVisual, description: Description }
-*
-*   Children:             Matching:              Output:
-*   +----------------+                           slots = {
-*   | LeadingVisual  |   -> matches slot 0  -->    leadingVisual: <LeadingVisual />
-*   | "Project name" |   -> no match        -->    description: <Description />
-*   | Description    |   -> matches slot 1  -->  }
-*   | TrailingVisual |   -> no match        -->  rest = ["Project name", <TrailingVisual />]
-*   +----------------+
-*
-* Performance-sensitive: called per item in lists (e.g. 100-item ActionList
-* calls this 101 times per render).
-*
-* Once all slots are filled, remaining children skip matching entirely in
-* production (single integer comparison). In dev, we still scan for duplicates
-* to emit a warning.
-*
-*   Flow per child:
-*
-*   child ──> isValidElement? ──no──> rest[]
-*              |
-*             yes
-*              |
-*              v
-*          all slots filled? ──yes──> rest[] (prod)
-*              |                       |
-*             no                  [dev: check for
-*              |                   duplicate warning]
-*              v
-*          match against unfilled slots
-*              |
-*         found match? ──no──> rest[]
-*              |
-*             yes
-*              |
-*              v
-*          slots[key] = child, slotsFound++
-*
-* Slot config supports two matcher styles:
-*   1. Component reference:  { visual: LeadingVisual }
-*   2. Component + test fn:  { block: [Description, props => props.variant === 'block'] }
-*/
 /** Check if a child element matches a slot config entry, either by direct type comparison or slot symbol. */
 function childMatchesSlot(child, slotValue) {
 	if (Array.isArray(slotValue)) {

package/dist/internal/components/ButtonReset.js

@@ -30,7 +30,7 @@ const Button = (t0) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsx("button", {
+		t2 = /* @__PURE__ */ jsx("button", {
 			className: t1,
 			type: "button",
 			...rest,

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

@@ -75,16 +75,16 @@ const CheckboxOrRadioGroup = (t0) => {
 	} else t8 = $[13];
 	let t9;
 	if ($[14] !== isLegendVisible || $[15] !== labelChild || $[16] !== required || $[17] !== requiredMessageId || $[18] !== slots.caption || $[19] !== slots.label || $[20] !== slots.validation) {
-		t9 = labelChild ? /*#__PURE__*/ jsxs("legend", {
+		t9 = labelChild ? /* @__PURE__ */ jsxs("legend", {
 			className: CheckboxOrRadioGroup_module_css_default.GroupLegend,
 			"data-legend-visible": isLegendVisible ? "" : void 0,
 			children: [
 				slots.label,
-				required && /*#__PURE__*/ jsx(VisuallyHidden, { children: ", required" }),
+				required && /* @__PURE__ */ jsx(VisuallyHidden, { children: ", required" }),
 				slots.caption,
-				/*#__PURE__*/ React.isValidElement(slots.validation) && slots.validation.props.children && /*#__PURE__*/ jsx(VisuallyHidden, { children: slots.validation.props.children })
+				/*#__PURE__*/ React.isValidElement(slots.validation) && slots.validation.props.children && /* @__PURE__ */ jsx(VisuallyHidden, { children: slots.validation.props.children })
 			]
-		}) : /*#__PURE__*/ jsxs(Fragment$1, { children: [slots.caption, required && requiredMessageId && /*#__PURE__*/ jsx(VisuallyHidden, {
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [slots.caption, required && requiredMessageId && /* @__PURE__ */ jsx(VisuallyHidden, {
 			id: requiredMessageId,
 			children: "Required"
 		})] });
@@ -124,7 +124,7 @@ const CheckboxOrRadioGroup = (t0) => {
 	} else t11 = $[29];
 	let t12;
 	if ($[30] !== t10 || $[31] !== t11) {
-		t12 = /*#__PURE__*/ jsx("div", {
+		t12 = /* @__PURE__ */ jsx("div", {
 			className: CheckboxOrRadioGroup_module_css_default.Body,
 			...t10,
 			children: t11
@@ -135,7 +135,7 @@ const CheckboxOrRadioGroup = (t0) => {
 	} else t12 = $[32];
 	let t13;
 	if ($[33] !== Component || $[34] !== dataComponentProp || $[35] !== t12 || $[36] !== t6 || $[37] !== t7 || $[38] !== t8 || $[39] !== t9) {
-		t13 = /*#__PURE__*/ jsxs(Component, {
+		t13 = /* @__PURE__ */ jsxs(Component, {
 			"data-component": dataComponentProp,
 			className: t6,
 			"data-validation": t7,
@@ -153,7 +153,7 @@ const CheckboxOrRadioGroup = (t0) => {
 	} else t13 = $[40];
 	let t14;
 	if ($[41] !== labelChild || $[42] !== slots.validation || $[43] !== validationChild) {
-		t14 = validationChild && /*#__PURE__*/ jsx(ValidationAnimationContainer, {
+		t14 = validationChild && /* @__PURE__ */ jsx(ValidationAnimationContainer, {
 			"aria-hidden": Boolean(labelChild),
 			show: true,
 			children: slots.validation
@@ -165,14 +165,14 @@ const CheckboxOrRadioGroup = (t0) => {
 	} else t14 = $[44];
 	let t15;
 	if ($[45] !== t13 || $[46] !== t14) {
-		t15 = /*#__PURE__*/ jsxs("div", { children: [t13, t14] });
+		t15 = /* @__PURE__ */ jsxs("div", { children: [t13, t14] });
 		$[45] = t13;
 		$[46] = t14;
 		$[47] = t15;
 	} else t15 = $[47];
 	let t16;
 	if ($[48] !== t15 || $[49] !== t5) {
-		t16 = /*#__PURE__*/ jsx(CheckboxOrRadioGroupContext.Provider, {
+		t16 = /* @__PURE__ */ jsx(CheckboxOrRadioGroupContext.Provider, {
 			value: t5,
 			children: t15
 		});

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

@@ -19,7 +19,7 @@ const CheckboxOrRadioGroupCaption = (t0) => {
 	const t2 = parentName ? `${parentName}.Caption` : void 0;
 	let t3;
 	if ($[2] !== captionId || $[3] !== children || $[4] !== t1 || $[5] !== t2) {
-		t3 = /*#__PURE__*/ jsx(Text_default, {
+		t3 = /* @__PURE__ */ jsx(Text_default, {
 			className: t1,
 			id: captionId,
 			"data-component": t2,

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

@@ -24,13 +24,13 @@ const CheckboxOrRadioGroupLabel = (t0) => {
 	const t6 = parentName ? `${parentName}.Label` : void 0;
 	let t7;
 	if ($[2] !== children || $[3] !== required) {
-		t7 = required ? /*#__PURE__*/ jsxs(Stack, {
+		t7 = required ? /* @__PURE__ */ jsxs(Stack, {
 			direction: "horizontal",
 			gap: "none",
-			children: [/*#__PURE__*/ jsx("div", {
+			children: [/* @__PURE__ */ jsx("div", {
 				className: CheckboxOrRadioGroup_module_css_default.GroupLabelChildren,
 				children
-			}), /*#__PURE__*/ jsx("span", { children: "*" })]
+			}), /* @__PURE__ */ jsx("span", { children: "*" })]
 		}) : children;
 		$[2] = children;
 		$[3] = required;
@@ -38,7 +38,7 @@ const CheckboxOrRadioGroupLabel = (t0) => {
 	} else t7 = $[4];
 	let t8;
 	if ($[5] !== t2 || $[6] !== t3 || $[7] !== t4 || $[8] !== t5 || $[9] !== t6 || $[10] !== t7) {
-		t8 = /*#__PURE__*/ jsx(VisuallyHidden, {
+		t8 = /* @__PURE__ */ jsx(VisuallyHidden, {
 			className: t2,
 			isVisible: t3,
 			title: t4,

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

@@ -12,7 +12,7 @@ const CheckboxOrRadioGroupValidation = (t0) => {
 	const t2 = parentName ? `${parentName}.Validation` : void 0;
 	let t3;
 	if ($[0] !== children || $[1] !== t2 || $[2] !== validationMessageId || $[3] !== variant) {
-		t3 = /*#__PURE__*/ jsx(InputValidation, {
+		t3 = /* @__PURE__ */ jsx(InputValidation, {
 			validationStatus: variant,
 			id: validationMessageId,
 			"data-component": t2,

package/dist/internal/components/ConditionalWrapper.js

@@ -20,7 +20,7 @@ const ConditionalWrapper = (props) => {
 	if (condition) {
 		let t0;
 		if ($[4] !== children || $[5] !== rest) {
-			t0 = /*#__PURE__*/ jsx("div", {
+			t0 = /* @__PURE__ */ jsx("div", {
 				...rest,
 				children
 			});
@@ -32,7 +32,7 @@ const ConditionalWrapper = (props) => {
 	} else {
 		let t0;
 		if ($[7] !== children) {
-			t0 = /*#__PURE__*/ jsx(Fragment, { children });
+			t0 = /* @__PURE__ */ jsx(Fragment, { children });
 			$[7] = children;
 			$[8] = t0;
 		} else t0 = $[8];

package/dist/internal/components/InputLabel.js

@@ -55,9 +55,9 @@ function InputLabel(t0) {
 	let t5;
 	if ($[14] !== children || $[15] !== required || $[16] !== requiredIndicator || $[17] !== requiredText) {
 		var _requiredText;
-		t5 = required || requiredText ? /*#__PURE__*/ jsxs("span", {
+		t5 = required || requiredText ? /* @__PURE__ */ jsxs("span", {
 			className: InputLabel_module_css_default.RequiredText,
-			children: [/*#__PURE__*/ jsx("span", { children }), /*#__PURE__*/ jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ jsx("span", {
 				"aria-hidden": requiredIndicator ? void 0 : true,
 				children: (_requiredText = requiredText) !== null && _requiredText !== void 0 ? _requiredText : "*"
 			})]
@@ -70,7 +70,7 @@ function InputLabel(t0) {
 	} else t5 = $[18];
 	let t6;
 	if ($[19] !== Component || $[20] !== htmlFor || $[21] !== id || $[22] !== props || $[23] !== t2 || $[24] !== t3 || $[25] !== t4 || $[26] !== t5) {
-		t6 = /*#__PURE__*/ jsx(Component, {
+		t6 = /* @__PURE__ */ jsx(Component, {
 			"data-control-disabled": t2,
 			"data-visually-hidden": t3,
 			htmlFor,

package/dist/internal/components/InputValidation.js

@@ -46,11 +46,11 @@ const InputValidation = (t0) => {
 	} else t1 = $[9];
 	let t2;
 	if ($[10] !== IconComponent) {
-		t2 = IconComponent ? /*#__PURE__*/ jsx("span", {
+		t2 = IconComponent ? /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			className: InputValidation_module_css_default.ValidationIcon,
 			style: { "--inputValidation-iconSize": 16 },
-			children: /*#__PURE__*/ jsx(IconComponent, {
+			children: /* @__PURE__ */ jsx(IconComponent, {
 				size: 12,
 				fill: "currentColor"
 			})
@@ -65,7 +65,7 @@ const InputValidation = (t0) => {
 	} else t3 = $[12];
 	let t4;
 	if ($[13] !== children || $[14] !== id) {
-		t4 = /*#__PURE__*/ jsx("span", {
+		t4 = /* @__PURE__ */ jsx("span", {
 			id,
 			className: InputValidation_module_css_default.ValidationText,
 			style: t3,
@@ -77,7 +77,7 @@ const InputValidation = (t0) => {
 	} else t4 = $[15];
 	let t5;
 	if ($[16] !== dataComponent || $[17] !== rest || $[18] !== style || $[19] !== t1 || $[20] !== t2 || $[21] !== t4 || $[22] !== validationStatus) {
-		t5 = /*#__PURE__*/ jsxs(Text_default, {
+		t5 = /* @__PURE__ */ jsxs(Text_default, {
 			...rest,
 			className: t1,
 			"data-validation-status": validationStatus,

package/dist/internal/components/OverflowObserverProvider.js

@@ -132,7 +132,7 @@ function OverflowObserverProvider(t0) {
 	useEffect(t7, t8);
 	let t9;
 	if ($[12] !== children || $[13] !== observe) {
-		t9 = /*#__PURE__*/ jsx(OverflowObserverContext.Provider, {
+		t9 = /* @__PURE__ */ jsx(OverflowObserverContext.Provider, {
 			value: observe,
 			children
 		});

package/dist/internal/components/TextInputInnerAction.js

@@ -12,7 +12,7 @@ const ConditionalTooltip = (t0) => {
 	const { "aria-label": ariaLabel, children, tooltipDirection } = t0;
 	let t1;
 	if ($[0] !== ariaLabel || $[1] !== children || $[2] !== tooltipDirection) {
-		t1 = ariaLabel ? /*#__PURE__*/ jsx(Tooltip, {
+		t1 = ariaLabel ? /* @__PURE__ */ jsx(Tooltip, {
 			text: ariaLabel,
 			direction: tooltipDirection,
 			className: TextInputInnerAction_module_css_default.ConditionalTooltip,
@@ -25,7 +25,7 @@ const ConditionalTooltip = (t0) => {
 	} else t1 = $[3];
 	let t2;
 	if ($[4] !== t1) {
-		t2 = /*#__PURE__*/ jsx(Fragment$1, { children: t1 });
+		t2 = /* @__PURE__ */ jsx(Fragment$1, { children: t1 });
 		$[4] = t1;
 		$[5] = t2;
 	} else t2 = $[5];
@@ -95,10 +95,10 @@ const TextInputAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	let t7;
 	if ($[18] !== accessibleLabel || $[19] !== ariaLabel || $[20] !== children || $[21] !== forwardedRef || $[22] !== icon || $[23] !== rest || $[24] !== styleProps || $[25] !== tooltipDirection || $[26] !== variant) {
 		var _tooltipDirection;
-		t7 = /*#__PURE__*/ jsx("span", {
+		t7 = /* @__PURE__ */ jsx("span", {
 			className: t6,
 			"data-component": "TextInput.Action",
-			children: icon && !children && ariaLabel ? /*#__PURE__*/ jsx(IconButton, {
+			children: icon && !children && ariaLabel ? /* @__PURE__ */ jsx(IconButton, {
 				...accessibleLabel,
 				tooltipDirection: (_tooltipDirection = tooltipDirection) !== null && _tooltipDirection !== void 0 ? _tooltipDirection : "s",
 				variant,
@@ -108,9 +108,9 @@ const TextInputAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 				...styleProps,
 				...rest,
 				ref: forwardedRef
-			}) : /*#__PURE__*/ jsx(ConditionalTooltip, {
+			}) : /* @__PURE__ */ jsx(ConditionalTooltip, {
 				"aria-label": ariaLabel,
-				children: /*#__PURE__*/ jsx(ButtonComponent, {
+				children: /* @__PURE__ */ jsx(ButtonComponent, {
 					variant,
 					type: "button",
 					...styleProps,

package/dist/internal/components/TextInputInnerVisualSlot.js

@@ -14,7 +14,7 @@ const TextInputInnerVisualSlot = (t0) => {
 		const t2 = isLeading ? `${componentPrefix}.LeadingVisual` : `${componentPrefix}.TrailingVisual`;
 		let t3;
 		if ($[0] !== children || $[1] !== id || $[2] !== t2) {
-			t3 = /*#__PURE__*/ jsx("span", {
+			t3 = /* @__PURE__ */ jsx("span", {
 				className: "TextInput-icon",
 				id,
 				"aria-hidden": "true",
@@ -31,7 +31,7 @@ const TextInputInnerVisualSlot = (t0) => {
 	const t2 = isLeading ? `${componentPrefix}.LeadingVisual` : `${componentPrefix}.TrailingVisual`;
 	let t3;
 	if ($[4] !== children || $[5] !== showLoadingIndicator) {
-		t3 = children && /*#__PURE__*/ jsx("div", {
+		t3 = children && /* @__PURE__ */ jsx("div", {
 			className: clsx(showLoadingIndicator ? TextInputInnerVisualSlot_module_css_default.SpinnerHidden : TextInputInnerVisualSlot_module_css_default.SpinnerVisible),
 			children
 		});
@@ -53,7 +53,7 @@ const TextInputInnerVisualSlot = (t0) => {
 	const t8 = children ? void 0 : "small";
 	let t9;
 	if ($[11] !== t7 || $[12] !== t8) {
-		t9 = /*#__PURE__*/ jsx(Spinner, {
+		t9 = /* @__PURE__ */ jsx(Spinner, {
 			srText: null,
 			className: t7,
 			size: t8
@@ -64,7 +64,7 @@ const TextInputInnerVisualSlot = (t0) => {
 	} else t9 = $[13];
 	let t10;
 	if ($[14] !== id || $[15] !== t3 || $[16] !== t9) {
-		t10 = /*#__PURE__*/ jsxs("div", {
+		t10 = /* @__PURE__ */ jsxs("div", {
 			className: TextInputInnerVisualSlot_module_css_default.Box,
 			id,
 			children: [t3, t9]
@@ -76,7 +76,7 @@ const TextInputInnerVisualSlot = (t0) => {
 	} else t10 = $[17];
 	let t11;
 	if ($[18] !== t10 || $[19] !== t2) {
-		t11 = /*#__PURE__*/ jsx("span", {
+		t11 = /* @__PURE__ */ jsx("span", {
 			className: "TextInput-icon",
 			"data-component": t2,
 			children: t10

package/dist/internal/components/TextInputWrapper.js

@@ -107,7 +107,7 @@ const TextInputBaseWrapper = /*#__PURE__*/ React.forwardRef(function TextInputBa
 	const t15 = variant || void 0;
 	let t16;
 	if ($[29] !== forwardRef || $[30] !== memoizedStyle || $[31] !== restProps || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t14 || $[37] !== t15 || $[38] !== t5 || $[39] !== t6 || $[40] !== t7 || $[41] !== t8 || $[42] !== t9) {
-		t16 = /*#__PURE__*/ jsx("span", {
+		t16 = /* @__PURE__ */ jsx("span", {
 			ref: forwardRef,
 			className: t5,
 			"data-block": t6,
@@ -174,7 +174,7 @@ const TextInputWrapper = /*#__PURE__*/ React.forwardRef(function TextInputWrappe
 	const t5 = hasTrailingVisual ? void 0 : true;
 	let t6;
 	if ($[7] !== forwardRef || $[8] !== restProps || $[9] !== t1 || $[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
-		t6 = /*#__PURE__*/ jsx(TextInputBaseWrapper, {
+		t6 = /* @__PURE__ */ jsx(TextInputBaseWrapper, {
 			ref: forwardRef,
 			className: t1,
 			"data-leading-visual": t2,

package/dist/internal/components/ThemeProviderBase.js

@@ -8,7 +8,7 @@ const ThemeProviderBase = (t0) => {
 	if (contextOnly) {
 		let t1;
 		if ($[0] !== children || $[1] !== value) {
-			t1 = /*#__PURE__*/ jsx(ThemeContext.Provider, {
+			t1 = /* @__PURE__ */ jsx(ThemeContext.Provider, {
 				value,
 				children
 			});
@@ -21,7 +21,7 @@ const ThemeProviderBase = (t0) => {
 	const t1 = value.colorMode === "auto" ? "auto" : value.colorScheme.includes("dark") ? "dark" : "light";
 	let t2;
 	if ($[3] !== children || $[4] !== t1 || $[5] !== value.dayScheme || $[6] !== value.nightScheme) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			"data-component": "ThemeProvider",
 			"data-color-mode": t1,
 			"data-light-theme": value.dayScheme,
@@ -36,7 +36,7 @@ const ThemeProviderBase = (t0) => {
 	} else t2 = $[7];
 	let t3;
 	if ($[8] !== t2 || $[9] !== value) {
-		t3 = /*#__PURE__*/ jsx(ThemeContext.Provider, {
+		t3 = /* @__PURE__ */ jsx(ThemeContext.Provider, {
 			value,
 			children: t2
 		});

package/dist/internal/components/UnderlineTabbedInterface.js

@@ -40,7 +40,7 @@ const UnderlineWrapper = /*#__PURE__*/ forwardRef((props, ref) => {
 	const t2 = ref;
 	let t3;
 	if ($[7] !== Component || $[8] !== children || $[9] !== rest || $[10] !== t1 || $[11] !== t2) {
-		t3 = /*#__PURE__*/ jsx(Component, {
+		t3 = /* @__PURE__ */ jsx(Component, {
 			className: t1,
 			ref: t2,
 			...rest,
@@ -79,7 +79,7 @@ const UnderlineItemList = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx("ul", {
+		t2 = /* @__PURE__ */ jsx("ul", {
 			className: t1,
 			ref: forwardedRef,
 			...rest,
@@ -97,7 +97,7 @@ const LoadingCounter = () => {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /*#__PURE__*/ jsx("span", { className: UnderlineTabbedInterface_module_css_default.LoadingCounter });
+		t0 = /* @__PURE__ */ jsx("span", { className: UnderlineTabbedInterface_module_css_default.LoadingCounter });
 		$[0] = t0;
 	} else t0 = $[0];
 	return t0;
@@ -146,16 +146,16 @@ const UnderlineItem = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	} else t2 = $[11];
 	let t3;
 	if ($[12] !== Icon) {
-		t3 = Icon && /*#__PURE__*/ jsx("span", {
+		t3 = Icon && /* @__PURE__ */ jsx("span", {
 			"data-component": "icon",
-			children: isElement(Icon) ? Icon : /*#__PURE__*/ jsx(Icon, {})
+			children: isElement(Icon) ? Icon : /* @__PURE__ */ jsx(Icon, {})
 		});
 		$[12] = Icon;
 		$[13] = t3;
 	} else t3 = $[13];
 	let t4;
 	if ($[14] !== children || $[15] !== textContent) {
-		t4 = children && /*#__PURE__*/ jsx("span", {
+		t4 = children && /* @__PURE__ */ jsx("span", {
 			"data-component": "text",
 			"data-content": textContent || void 0,
 			children
@@ -166,12 +166,12 @@ const UnderlineItem = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	} else t4 = $[16];
 	let t5;
 	if ($[17] !== counter || $[18] !== loadingCounters) {
-		t5 = counter !== void 0 ? loadingCounters ? /*#__PURE__*/ jsx("span", {
+		t5 = counter !== void 0 ? loadingCounters ? /* @__PURE__ */ jsx("span", {
 			"data-component": "counter",
-			children: /*#__PURE__*/ jsx(LoadingCounter, {})
-		}) : /*#__PURE__*/ jsx("span", {
+			children: /* @__PURE__ */ jsx(LoadingCounter, {})
+		}) : /* @__PURE__ */ jsx("span", {
 			"data-component": "counter",
-			children: /*#__PURE__*/ jsx(CounterLabel, { children: counter })
+			children: /* @__PURE__ */ jsx(CounterLabel, { children: counter })
 		}) : null;
 		$[17] = counter;
 		$[18] = loadingCounters;
@@ -179,7 +179,7 @@ const UnderlineItem = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	} else t5 = $[19];
 	let t6;
 	if ($[20] !== Component || $[21] !== ref || $[22] !== rest || $[23] !== t2 || $[24] !== t3 || $[25] !== t4 || $[26] !== t5) {
-		t6 = /*#__PURE__*/ jsxs(Component, {
+		t6 = /* @__PURE__ */ jsxs(Component, {
 			...rest,
 			ref,
 			className: t2,

package/dist/internal/components/UnstyledTextInput.js

@@ -25,7 +25,7 @@ const UnstyledTextInput = /*#__PURE__*/ React.forwardRef(function UnstyledTextIn
 	} else t1 = $[4];
 	let t2;
 	if ($[5] !== forwardRef || $[6] !== rest || $[7] !== t1) {
-		t2 = /*#__PURE__*/ jsx("input", {
+		t2 = /* @__PURE__ */ jsx("input", {
 			ref: forwardRef,
 			...rest,
 			className: t1

package/dist/internal/components/ValidationAnimationContainer.js

@@ -35,14 +35,14 @@ const ValidationAnimationContainer = (t0) => {
 	const onAnimationEnd = t1;
 	let t2;
 	if ($[7] !== children || $[8] !== onAnimationEnd || $[9] !== rest || $[10] !== shouldRender || $[11] !== show || $[12] !== style) {
-		t2 = shouldRender ? /*#__PURE__*/ jsx("div", {
+		t2 = shouldRender ? /* @__PURE__ */ jsx("div", {
 			...rest,
 			style: {
 				...style,
 				height: show ? "auto" : 0,
 				overflow: "hidden"
 			},
-			children: /*#__PURE__*/ jsx("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				"data-show": show ? "" : void 0,
 				onAnimationEnd,
 				className: ValidationAnimationContainer_module_css_default.Animation,

package/dist/internal/hooks/useOverflowObserver.js

@@ -1,7 +1,6 @@
 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. */
 /** Provided by `OverflowObserverProvider`; `null` when no provider is present. Consumed via `useIsClipped`. */
 const OverflowObserverContext = /*#__PURE__*/ createContext(null);
 /**
@@ -49,9 +48,9 @@ function useIsClipped(ref, options) {
 	} else t1 = $[5];
 	return useSyncExternalStore(subscribe, t1, getOverflowServerSnapshot);
 }
-/** Stable server snapshot for `useIsClipped`: overflow is never measured during SSR. */
 function _temp2() {}
 function _temp() {}
+/** Stable server snapshot for `useIsClipped`: overflow is never measured during SSR. */
 const getOverflowServerSnapshot = () => false;
 //#endregion
 export { OverflowObserverContext, useIsClipped };

package/dist/live-region/Announce.js

@@ -125,7 +125,7 @@ function Announce(props) {
 	useEffect(t8, t9);
 	let t10;
 	if ($[20] !== BaseComponent || $[21] !== children || $[22] !== rest) {
-		t10 = /*#__PURE__*/ jsx(BaseComponent, {
+		t10 = /* @__PURE__ */ jsx(BaseComponent, {
 			...rest,
 			ref,
 			children

package/dist/live-region/AriaAlert.js

@@ -8,7 +8,7 @@ function AriaAlert(props) {
 	const t0 = (_props$announceOnShow = props.announceOnShow) !== null && _props$announceOnShow !== void 0 ? _props$announceOnShow : true;
 	let t1;
 	if ($[0] !== props || $[1] !== t0) {
-		t1 = /*#__PURE__*/ jsx(Announce, {
+		t1 = /* @__PURE__ */ jsx(Announce, {
 			...props,
 			announceOnShow: t0,
 			politeness: "assertive"

package/dist/live-region/AriaStatus.js

@@ -8,7 +8,7 @@ function AriaStatus(props) {
 	const t0 = (_props$announceOnShow = props.announceOnShow) !== null && _props$announceOnShow !== void 0 ? _props$announceOnShow : false;
 	let t1;
 	if ($[0] !== props || $[1] !== t0) {
-		t1 = /*#__PURE__*/ jsx(Announce, {
+		t1 = /* @__PURE__ */ jsx(Announce, {
 			...props,
 			announceOnShow: t0,
 			politeness: "polite"