@primer/react 38.42.0-rc.700f75ee0 → 38.42.0-rc.7ee8d8fea

package/dist/PageLayout/usePaneWidth.js

@@ -285,14 +285,14 @@ function usePaneWidth(t0) {
 				if (isResizing) return;
 				isResizing = true;
 				(_paneRef$current4 = paneRef.current) === null || _paneRef$current4 === void 0 || _paneRef$current4.setAttribute("data-dragging", "true");
-				contentWrapperRef === null || contentWrapperRef === void 0 || (_contentWrapperRef$cu = contentWrapperRef.current) == null || _contentWrapperRef$cu.setAttribute("data-dragging", "true");
+				contentWrapperRef === null || contentWrapperRef === void 0 || (_contentWrapperRef$cu = contentWrapperRef.current) === null || _contentWrapperRef$cu === void 0 || _contentWrapperRef$cu.setAttribute("data-dragging", "true");
 			};
 			const endResizeOptimizations = () => {
 				var _paneRef$current5, _contentWrapperRef$cu2;
 				if (!isResizing) return;
 				isResizing = false;
 				(_paneRef$current5 = paneRef.current) === null || _paneRef$current5 === void 0 || _paneRef$current5.removeAttribute("data-dragging");
-				contentWrapperRef === null || contentWrapperRef === void 0 || (_contentWrapperRef$cu2 = contentWrapperRef.current) == null || _contentWrapperRef$cu2.removeAttribute("data-dragging");
+				contentWrapperRef === null || contentWrapperRef === void 0 || (_contentWrapperRef$cu2 = contentWrapperRef.current) === null || _contentWrapperRef$cu2 === void 0 || _contentWrapperRef$cu2.removeAttribute("data-dragging");
 			};
 			const handleResize = () => {
 				startResizeOptimizations();

package/dist/Popover/Popover.js

@@ -9,7 +9,6 @@ import { clsx } from "clsx";
 const EMPTY_IGNORE_CLICK_REFS = [];
 const PopoverContext = /*#__PURE__*/ React.createContext(false);
 const Popover = /*#__PURE__*/ React.forwardRef(function Popover(t0, forwardRef) {
-	var _open;
 	const $ = c(18);
 	let className;
 	let open;
@@ -32,7 +31,7 @@ const Popover = /*#__PURE__*/ React.forwardRef(function Popover(t0, forwardRef)
 		t1 = $[5];
 	}
 	const caret = t1 === void 0 ? "top" : t1;
-	const t2 = (_open = open) !== null && _open !== void 0 ? _open : false;
+	const t2 = open !== null && open !== void 0 ? open : false;
 	const t3 = open ? "" : void 0;
 	const t4 = relative ? "" : void 0;
 	let t5;
@@ -74,7 +73,6 @@ const Popover = /*#__PURE__*/ React.forwardRef(function Popover(t0, forwardRef)
 });
 Popover.displayName = "Popover";
 const PopoverContent = (t0) => {
-	var _onClickOutside, _ignoreClickRefs;
 	const $ = c(22);
 	let className;
 	let ignoreClickRefs;
@@ -106,8 +104,8 @@ const PopoverContent = (t0) => {
 	const height = t2 === void 0 ? "fit-content" : t2;
 	const divRef = useRef(null);
 	const open = React.useContext(PopoverContext);
-	const outsideClickHandler = (_onClickOutside = onClickOutside) !== null && _onClickOutside !== void 0 ? _onClickOutside : _temp;
-	const t3 = (_ignoreClickRefs = ignoreClickRefs) !== null && _ignoreClickRefs !== void 0 ? _ignoreClickRefs : EMPTY_IGNORE_CLICK_REFS;
+	const outsideClickHandler = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : _temp;
+	const t3 = ignoreClickRefs !== null && ignoreClickRefs !== void 0 ? ignoreClickRefs : EMPTY_IGNORE_CLICK_REFS;
 	let t4;
 	if ($[8] !== outsideClickHandler || $[9] !== t3) {
 		t4 = {

package/dist/ProgressBar/ProgressBar.js

@@ -38,8 +38,7 @@ const Item = /*#__PURE__*/ forwardRef((t0, forwardRef) => {
 	const progressAsNumber = typeof progress === "string" ? parseInt(progress, 10) : progress;
 	let t1;
 	if ($[9] !== ariaValueNow || $[10] !== progressAsNumber) {
-		var _ariaValueNow;
-		t1 = (_ariaValueNow = ariaValueNow) !== null && _ariaValueNow !== void 0 ? _ariaValueNow : progressAsNumber !== void 0 && progressAsNumber >= 0 ? Math.round(progressAsNumber) : 0;
+		t1 = ariaValueNow !== null && ariaValueNow !== void 0 ? ariaValueNow : progressAsNumber !== void 0 && progressAsNumber >= 0 ? Math.round(progressAsNumber) : 0;
 		$[9] = ariaValueNow;
 		$[10] = progressAsNumber;
 		$[11] = t1;

package/dist/SegmentedControl/SegmentedControlButton.js

@@ -6,7 +6,6 @@ import { clsx } from "clsx";
 import { isElement } from "react-is";
 //#region src/SegmentedControl/SegmentedControlButton.tsx
 const SegmentedControlButton = (t0) => {
-	var _leadingVisual;
 	const $ = c(36);
 	let children;
 	let className;
@@ -56,7 +55,7 @@ const SegmentedControlButton = (t0) => {
 		ariaDisabled = $[10];
 		rest = $[11];
 	}
-	const LeadingVisual = (_leadingVisual = leadingVisual) !== null && _leadingVisual !== void 0 ? _leadingVisual : leadingIcon;
+	const LeadingVisual = leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : leadingIcon;
 	let t1;
 	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = clsx(SegmentedControl_module_css_default.Item);

package/dist/Select/Select.js

@@ -47,7 +47,7 @@ const ArrowIndicator = (t0) => {
 	return t2;
 };
 const Select = /*#__PURE__*/ React.forwardRef((t0, ref) => {
-	var _ref, _defaultValue;
+	var _ref;
 	const $ = c(37);
 	let block;
 	let children;
@@ -99,7 +99,7 @@ const Select = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 		$[14] = t4;
 	} else t4 = $[14];
 	const t5 = Boolean(placeholder);
-	const t6 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : void 0;
+	const t6 = (_ref = defaultValue !== null && defaultValue !== void 0 ? defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : void 0;
 	let t7;
 	if ($[15] !== placeholder || $[16] !== required) {
 		t7 = placeholder && /* @__PURE__ */ jsx("option", {

package/dist/SelectPanel/SelectPanel.d.ts

@@ -112,7 +112,7 @@ declare const SelectPanel: typeof Panel & {
   SecondaryActionButton: React.FC<ButtonProps>;
   SecondaryActionLink: React.FC<LinkButtonProps & {
     alignContent?: AlignContent;
-    icon?: React.FunctionComponent<IconProps> | React.ElementType | React.ReactElement<any> | null;
+    icon?: React.ReactNode | React.ComponentType<IconProps> | React.ExoticComponent<IconProps>;
     leadingVisual?: React.ElementType | React.ReactElement<any> | null;
     trailingVisual?: React.ElementType | React.ReactElement<any> | null;
     trailingAction?: React.ElementType | null;

package/dist/SelectPanel/SelectPanel.js

@@ -427,7 +427,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 	} : void 0, "anchored");
 	const preventBubbling = useCallback((event) => {
 		var _overlayProps$onKeyDo;
-		overlayProps === null || overlayProps === void 0 || (_overlayProps$onKeyDo = overlayProps.onKeyDown) == null || _overlayProps$onKeyDo.call(overlayProps, event);
+		overlayProps === null || overlayProps === void 0 || (_overlayProps$onKeyDo = overlayProps.onKeyDown) === null || _overlayProps$onKeyDo === void 0 || _overlayProps$onKeyDo.call(overlayProps, event);
 		const activeElement = document.activeElement;
 		if (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA") return;
 		if (event.ctrlKey || event.altKey || event.metaKey) return;

package/dist/Spinner/Spinner.js

@@ -14,7 +14,6 @@ const sizeMap = {
 	large: "64px"
 };
 function Spinner(t0) {
-	var _ariaLabel;
 	const $ = c(35);
 	let ariaLabel;
 	let className;
@@ -96,7 +95,7 @@ function Spinner(t0) {
 		$[16] = t8;
 	} else t8 = $[16];
 	const mergedStyle = t8;
-	const t9 = (_ariaLabel = ariaLabel) !== null && _ariaLabel !== void 0 ? _ariaLabel : void 0;
+	const t9 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : void 0;
 	const t10 = hasHiddenLabel ? labelId : void 0;
 	let t11;
 	if ($[17] !== className) {

package/dist/Textarea/Textarea.d.ts

@@ -25,7 +25,7 @@ type TextareaProps = {
    */
   autoSize?: boolean;
   /**
-   * apply a high contrast color to background
+   * @deprecated Omit this prop to use the default background.
    */
   contrast?: boolean;
   /**
@@ -76,7 +76,7 @@ declare const Textarea: React.ForwardRefExoticComponent<{
    */
   autoSize?: boolean;
   /**
-   * apply a high contrast color to background
+   * @deprecated Omit this prop to use the default background.
    */
   contrast?: boolean;
   /**

package/dist/ToggleSwitch/ToggleSwitch.js

@@ -71,7 +71,6 @@ const LineIcon = (t0) => {
 	return t4;
 };
 const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props, ref) {
-	var _buttonLabelOn, _buttonLabelOff;
 	const $ = c(90);
 	let ariaDescribedby;
 	let ariaLabelledby;
@@ -222,7 +221,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 	} else t11 = $[39];
 	const t12 = !acceptsInteraction;
 	const t13 = !isOn;
-	const t14 = (_buttonLabelOn = buttonLabelOn) !== null && _buttonLabelOn !== void 0 ? _buttonLabelOn : "On";
+	const t14 = buttonLabelOn !== null && buttonLabelOn !== void 0 ? buttonLabelOn : "On";
 	let t15;
 	if ($[40] !== t13 || $[41] !== t14) {
 		t15 = /* @__PURE__ */ jsx("span", {
@@ -234,7 +233,7 @@ const ToggleSwitch = /*#__PURE__*/ React.forwardRef(function ToggleSwitch(props,
 		$[41] = t14;
 		$[42] = t15;
 	} else t15 = $[42];
-	const t16 = (_buttonLabelOff = buttonLabelOff) !== null && _buttonLabelOff !== void 0 ? _buttonLabelOff : "Off";
+	const t16 = buttonLabelOff !== null && buttonLabelOff !== void 0 ? buttonLabelOff : "Off";
 	let t17;
 	if ($[43] !== isOn || $[44] !== t16) {
 		t17 = /* @__PURE__ */ jsx("span", {

package/dist/TopicTag/TopicTag.js

@@ -4,7 +4,6 @@ import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/TopicTag/TopicTag.tsx
 function TopicTag(t0) {
-	var _as;
 	const $ = c(12);
 	let as;
 	let children;
@@ -23,7 +22,7 @@ function TopicTag(t0) {
 		className = $[3];
 		rest = $[4];
 	}
-	const BaseComponent = (_as = as) !== null && _as !== void 0 ? _as : "a";
+	const BaseComponent = as !== null && as !== void 0 ? as : "a";
 	let t1;
 	if ($[5] !== className) {
 		t1 = clsx(className, TopicTag_module_css_default.TopicTag);

package/dist/UnderlineNav/UnderlineNavItem.js

@@ -8,7 +8,6 @@ import { forwardRef, useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/UnderlineNav/UnderlineNavItem.tsx
 const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
-	var _leadingVisual;
 	const $ = c(33);
 	let Icon;
 	let ariaCurrent;
@@ -45,8 +44,7 @@ const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
 	const Component = t0 === void 0 ? "a" : t0;
 	let t1;
 	if ($[10] !== Component || $[11] !== href) {
-		var _href;
-		t1 = Component === "a" ? { href: (_href = href) !== null && _href !== void 0 ? _href : "#" } : href === void 0 ? {} : { href };
+		t1 = Component === "a" ? { href: href !== null && href !== void 0 ? href : "#" } : href === void 0 ? {} : { href };
 		$[10] = Component;
 		$[11] = href;
 		$[12] = t1;
@@ -75,7 +73,7 @@ const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
 	} else t3 = $[16];
 	const clickHandler = t3;
 	const t4 = isOverflowing ? true : allProps["aria-hidden"];
-	const t5 = (_leadingVisual = leadingVisual) !== null && _leadingVisual !== void 0 ? _leadingVisual : Icon;
+	const t5 = leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : Icon;
 	const t6 = isOverflowing ? -1 : allProps.tabIndex;
 	let t7;
 	if ($[17] !== Component || $[18] !== ariaCurrent || $[19] !== children || $[20] !== clickHandler || $[21] !== counter || $[22] !== forwardedRef || $[23] !== hrefProps || $[24] !== keyDownHandler || $[25] !== loadingCounters || $[26] !== props || $[27] !== t5 || $[28] !== t6) {

package/dist/deprecated/ActionList/List.js

@@ -86,7 +86,7 @@ const List = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
 		for (const itemProps_0 of restProps.items) {
 			var _group$items$length, _group$items, _group$items2;
 			const group = groupMap.get(itemProps_0.groupId);
-			const itemIndex_0 = (_group$items$length = group === null || group === void 0 ? void 0 : (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) !== null && _group$items$length !== void 0 ? _group$items$length : 0;
+			const itemIndex_0 = (_group$items$length = group === null || group === void 0 || (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) !== null && _group$items$length !== void 0 ? _group$items$length : 0;
 			groupMap.set(itemProps_0.groupId, {
 				...group,
 				items: [...(_group$items2 = group === null || group === void 0 ? void 0 : group.items) !== null && _group$items2 !== void 0 ? _group$items2 : [], renderItem({

package/dist/experimental/SelectPanel2/SelectPanel.d.ts

@@ -52,7 +52,7 @@ type SelectPanelMessageProps = {
 declare const SelectPanel: React.FC<SelectPanelProps> & {
   Button: WithSlotMarker<React.ForwardRefExoticComponent<{
     alignContent?: AlignContent;
-    icon?: React.FunctionComponent<import("@primer/octicons-react").IconProps> | React.ElementType | React.ReactElement<any> | null;
+    icon?: React.ReactNode | React.ComponentType<import("@primer/octicons-react").IconProps> | React.ExoticComponent<import("@primer/octicons-react").IconProps>;
     leadingVisual?: React.ElementType | React.ReactElement<any> | null;
     trailingVisual?: React.ElementType | React.ReactElement<any> | null;
     trailingAction?: React.ElementType | null;

package/dist/hooks/useOpenAndCloseFocus.d.ts

@@ -6,12 +6,14 @@ type UseOpenAndCloseFocusSettings = {
   containerRef: React.RefObject<HTMLElement | null>;
   returnFocusRef: React.RefObject<HTMLElement | null>;
   preventFocusOnOpen?: boolean;
+  preventFocusOnClose?: boolean;
 };
 declare function useOpenAndCloseFocus({
   initialFocusRef,
   returnFocusRef,
   containerRef,
-  preventFocusOnOpen
+  preventFocusOnOpen,
+  preventFocusOnClose
 }: UseOpenAndCloseFocusSettings): void;
 //#endregion
 export { UseOpenAndCloseFocusSettings, useOpenAndCloseFocus };

package/dist/hooks/useOpenAndCloseFocus.js

@@ -1,14 +1,24 @@
 import { c } from "../utils/react-compiler-runtime.js";
+import { useEffectCallback } from "../internal/hooks/useEffectCallback.js";
 import { useEffect } from "react";
 import { iterateFocusableElements } from "@primer/behaviors/utils";
 //#region src/hooks/useOpenAndCloseFocus.ts
 function useOpenAndCloseFocus(t0) {
-	const $ = c(6);
-	const { initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen } = t0;
+	const $ = c(9);
+	const { initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen, preventFocusOnClose } = t0;
 	let t1;
+	if ($[0] !== preventFocusOnClose) {
+		t1 = (element) => {
+			if (!preventFocusOnClose) element === null || element === void 0 || element.focus();
+		};
+		$[0] = preventFocusOnClose;
+		$[1] = t1;
+	} else t1 = $[1];
+	const restoreFocus = useEffectCallback(t1);
 	let t2;
-	if ($[0] !== containerRef || $[1] !== initialFocusRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef) {
-		t1 = () => {
+	let t3;
+	if ($[2] !== containerRef || $[3] !== initialFocusRef || $[4] !== preventFocusOnOpen || $[5] !== restoreFocus || $[6] !== returnFocusRef) {
+		t2 = () => {
 			if (!preventFocusOnOpen) {
 				if (initialFocusRef && initialFocusRef.current) initialFocusRef.current.focus();
 				else if (containerRef.current) {
@@ -18,26 +28,28 @@ function useOpenAndCloseFocus(t0) {
 			}
 			const returnFocusRefCurrent = returnFocusRef.current;
 			return function() {
-				returnFocusRefCurrent === null || returnFocusRefCurrent === void 0 || returnFocusRefCurrent.focus();
+				restoreFocus(returnFocusRefCurrent);
 			};
 		};
-		t2 = [
+		t3 = [
 			initialFocusRef,
 			returnFocusRef,
 			containerRef,
-			preventFocusOnOpen
+			preventFocusOnOpen,
+			restoreFocus
 		];
-		$[0] = containerRef;
-		$[1] = initialFocusRef;
-		$[2] = preventFocusOnOpen;
-		$[3] = returnFocusRef;
-		$[4] = t1;
-		$[5] = t2;
+		$[2] = containerRef;
+		$[3] = initialFocusRef;
+		$[4] = preventFocusOnOpen;
+		$[5] = restoreFocus;
+		$[6] = returnFocusRef;
+		$[7] = t2;
+		$[8] = t3;
 	} else {
-		t1 = $[4];
-		t2 = $[5];
+		t2 = $[7];
+		t3 = $[8];
 	}
-	useEffect(t1, t2);
+	useEffect(t2, t3);
 }
 //#endregion
 export { useOpenAndCloseFocus };

package/dist/hooks/useOverlay.d.ts

@@ -9,6 +9,7 @@ type UseOverlaySettings = {
   onClickOutside: (e: TouchOrMouseEvent) => void;
   overlayRef?: React.RefObject<HTMLDivElement | null>;
   preventFocusOnOpen?: boolean;
+  preventFocusOnClose?: boolean;
 };
 type OverlayReturnProps = {
   ref: React.RefObject<HTMLDivElement | null>;
@@ -20,7 +21,8 @@ declare const useOverlay: ({
   onEscape,
   ignoreClickRefs,
   onClickOutside,
-  preventFocusOnOpen
+  preventFocusOnOpen,
+  preventFocusOnClose
 }: UseOverlaySettings) => OverlayReturnProps;
 //#endregion
 export { OverlayReturnProps, UseOverlaySettings, useOverlay };

package/dist/hooks/useOverlay.js

@@ -5,53 +5,55 @@ import { useOnEscapePress } from "./useOnEscapePress.js";
 import { useOpenAndCloseFocus } from "./useOpenAndCloseFocus.js";
 //#region src/hooks/useOverlay.tsx
 const useOverlay = (t0) => {
-	const $ = c(13);
-	const { overlayRef: _overlayRef, returnFocusRef, initialFocusRef, onEscape, ignoreClickRefs, onClickOutside, preventFocusOnOpen } = t0;
+	const $ = c(14);
+	const { overlayRef: _overlayRef, returnFocusRef, initialFocusRef, onEscape, ignoreClickRefs, onClickOutside, preventFocusOnOpen, preventFocusOnClose } = t0;
 	const overlayRef = useProvidedRefOrCreate(_overlayRef);
 	let t1;
-	if ($[0] !== initialFocusRef || $[1] !== overlayRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef) {
+	if ($[0] !== initialFocusRef || $[1] !== overlayRef || $[2] !== preventFocusOnClose || $[3] !== preventFocusOnOpen || $[4] !== returnFocusRef) {
 		t1 = {
 			containerRef: overlayRef,
 			returnFocusRef,
 			initialFocusRef,
-			preventFocusOnOpen
+			preventFocusOnOpen,
+			preventFocusOnClose
 		};
 		$[0] = initialFocusRef;
 		$[1] = overlayRef;
-		$[2] = preventFocusOnOpen;
-		$[3] = returnFocusRef;
-		$[4] = t1;
-	} else t1 = $[4];
+		$[2] = preventFocusOnClose;
+		$[3] = preventFocusOnOpen;
+		$[4] = returnFocusRef;
+		$[5] = t1;
+	} else t1 = $[5];
 	useOpenAndCloseFocus(t1);
 	let t2;
-	if ($[5] !== ignoreClickRefs || $[6] !== onClickOutside || $[7] !== overlayRef) {
+	if ($[6] !== ignoreClickRefs || $[7] !== onClickOutside || $[8] !== overlayRef) {
 		t2 = {
 			containerRef: overlayRef,
 			ignoreClickRefs,
 			onClickOutside
 		};
-		$[5] = ignoreClickRefs;
-		$[6] = onClickOutside;
-		$[7] = overlayRef;
-		$[8] = t2;
-	} else t2 = $[8];
+		$[6] = ignoreClickRefs;
+		$[7] = onClickOutside;
+		$[8] = overlayRef;
+		$[9] = t2;
+	} else t2 = $[9];
 	useOnOutsideClick(t2);
 	let t3;
-	if ($[9] !== onEscape) {
+	if ($[10] !== onEscape) {
 		t3 = (event) => {
 			onEscape(event);
 			event.preventDefault();
 		};
-		$[9] = onEscape;
-		$[10] = t3;
-	} else t3 = $[10];
+		$[10] = onEscape;
+		$[11] = t3;
+	} else t3 = $[11];
 	useOnEscapePress(t3);
 	let t4;
-	if ($[11] !== overlayRef) {
+	if ($[12] !== overlayRef) {
 		t4 = { ref: overlayRef };
-		$[11] = overlayRef;
-		$[12] = t4;
-	} else t4 = $[12];
+		$[12] = overlayRef;
+		$[13] = t4;
+	} else t4 = $[13];
 	return t4;
 };
 //#endregion

package/dist/internal/components/InputLabel.js

@@ -54,12 +54,11 @@ function InputLabel(t0) {
 	} else t4 = $[13];
 	let t5;
 	if ($[14] !== children || $[15] !== required || $[16] !== requiredIndicator || $[17] !== requiredText) {
-		var _requiredText;
 		t5 = required || requiredText ? /* @__PURE__ */ jsxs("span", {
 			className: InputLabel_module_css_default.RequiredText,
 			children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ jsx("span", {
 				"aria-hidden": requiredIndicator ? void 0 : true,
-				children: (_requiredText = requiredText) !== null && _requiredText !== void 0 ? _requiredText : "*"
+				children: requiredText !== null && requiredText !== void 0 ? requiredText : "*"
 			})]
 		}) : children;
 		$[14] = children;

package/dist/internal/components/TextInputInnerAction.js

@@ -94,13 +94,12 @@ const TextInputAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t6 = $[17];
 	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", {
 			className: t6,
 			"data-component": "TextInput.Action",
 			children: icon && !children && ariaLabel ? /* @__PURE__ */ jsx(IconButton, {
 				...accessibleLabel,
-				tooltipDirection: (_tooltipDirection = tooltipDirection) !== null && _tooltipDirection !== void 0 ? _tooltipDirection : "s",
+				tooltipDirection: tooltipDirection !== null && tooltipDirection !== void 0 ? tooltipDirection : "s",
 				variant,
 				type: "button",
 				icon,

package/dist/internal/components/TextInputWrapper.d.ts

@@ -5,6 +5,9 @@ import React, { ComponentProps } from "react";
 type TextInputSizes = 'small' | 'medium' | 'large';
 type StyledTextInputBaseWrapperProps = {
   block?: boolean;
+  /**
+   * @deprecated Omit this prop to use the default background.
+   */
   contrast?: boolean;
   disabled?: boolean;
   hasTrailingAction?: boolean;

package/dist/internal/hooks/useThemeProvider.js

@@ -53,7 +53,7 @@ function useThemeProvider(props) {
 }
 function subscribeToSystemColorMode(callback) {
 	var _window, _window$matchMedia;
-	const media = (_window = window) === null || _window === void 0 ? void 0 : (_window$matchMedia = _window.matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, "(prefers-color-scheme: dark)");
+	const media = (_window = window) === null || _window === void 0 || (_window$matchMedia = _window.matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, "(prefers-color-scheme: dark)");
 	media === null || media === void 0 || media.addEventListener("change", callback);
 	return () => media === null || media === void 0 ? void 0 : media.removeEventListener("change", callback);
 }
@@ -64,8 +64,8 @@ function _temp() {
 	return "day";
 }
 function getSystemColorMode() {
-	var _window2, _window2$matchMedia, _window2$matchMedia$c;
-	return (_window2 = window) !== null && _window2 !== void 0 && (_window2$matchMedia = _window2.matchMedia) !== null && _window2$matchMedia !== void 0 && (_window2$matchMedia$c = _window2$matchMedia.call(_window2, "(prefers-color-scheme: dark)")) !== null && _window2$matchMedia$c !== void 0 && _window2$matchMedia$c.matches ? "night" : "day";
+	var _window2, _window2$matchMedia;
+	return (_window2 = window) !== null && _window2 !== void 0 && (_window2$matchMedia = _window2.matchMedia) !== null && _window2$matchMedia !== void 0 && (_window2$matchMedia = _window2$matchMedia.call(_window2, "(prefers-color-scheme: dark)")) !== null && _window2$matchMedia !== void 0 && _window2$matchMedia.matches ? "night" : "day";
 }
 //#endregion
 export { useThemeProvider };