@primer/react 38.36.0 → 38.37.0-rc.05923388d

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @primer/react
 
+## 38.37.0
+
+### Minor Changes
+
+- [#8306](https://github.com/primer/react/pull/8306) [`a3afd7b`](https://github.com/primer/react/commit/a3afd7baf05ea6c4a272a40ccb636f20a48f87dc) Thanks [@llastflowers](https://github.com/llastflowers)! - Deprecate the `Flash` component and move to `@primer/react/deprecated`
+
+- [#8295](https://github.com/primer/react/pull/8295) [`bfebb8a`](https://github.com/primer/react/commit/bfebb8a538e6f068a457722b154799876bda3ab4) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Textarea: Add an `autoSize` option that allows the field to grow with its content
+
+- [#8233](https://github.com/primer/react/pull/8233) [`80a68cf`](https://github.com/primer/react/commit/80a68cf05226323ad8cbc0531f244d60ea6747e3) Thanks [@rickyzhangca](https://github.com/rickyzhangca)! - UnderlinePanels: add controlled `value`/`defaultValue`/`onChange` and `activationMode` props, keyed to a per-`Tab`/`Panel` `value`, for data-driven tabs. Behind the `primer_react_underline_panels_controlled` feature flag; the existing `aria-selected`/`onSelect` API is unchanged.
+
+### Patch Changes
+
+- [#8304](https://github.com/primer/react/pull/8304) [`88feb65`](https://github.com/primer/react/commit/88feb658c13fec154da1a8aa199250514f4fdba3) Thanks [@iansan5653](https://github.com/iansan5653)! - Animate `SegmentedControl` when switching between items
+
 ## 38.36.0
 
 ### Minor Changes

package/dist/ActionList/Item.js

@@ -251,10 +251,11 @@ const UnwrappedItem = (t0, forwardedRef) => {
 	const onSelect = t9;
 	const selectionVariant = groupSelectionVariant ? groupSelectionVariant : listSelectionVariant;
 	let inferredItemRole;
-	if (container === "ActionMenu") if (selectionVariant === "single") inferredItemRole = "menuitemradio";
-	else if (selectionVariant === "multiple") inferredItemRole = "menuitemcheckbox";
-	else inferredItemRole = "menuitem";
-	else if (listRole === "listbox") {
+	if (container === "ActionMenu") {
+		if (selectionVariant === "single") inferredItemRole = "menuitemradio";
+		else if (selectionVariant === "multiple") inferredItemRole = "menuitemcheckbox";
+		else inferredItemRole = "menuitem";
+	} else if (listRole === "listbox") {
 		if (selectionVariant !== void 0 && !role) inferredItemRole = "option";
 	} else if (listRole === "tablist") inferredItemRole = "tab";
 	const itemRole = role || inferredItemRole;

package/dist/AnchoredOverlay/AnchoredOverlay.js

@@ -236,9 +236,11 @@ function getDefaultPosition(anchorElement, overlayElement, fallbackWidth) {
 	const overflowsX = overlayRect.right > vw || overlayRect.left < 0;
 	const overflowsY = overlayRect.bottom > vh || overlayRect.top < 0;
 	let suggestedSide;
-	if (overflowsX && overflowsY) if (spaceLeft >= overlayWidth + margin) suggestedSide = "outside-left";
-	else if (spaceRight >= overlayWidth + margin) suggestedSide = "outside-right";
-	else suggestedSide = "outside-bottom";
+	if (overflowsX && overflowsY) {
+		if (spaceLeft >= overlayWidth + margin) suggestedSide = "outside-left";
+		else if (spaceRight >= overlayWidth + margin) suggestedSide = "outside-right";
+		else suggestedSide = "outside-bottom";
+	}
 	let leftOffset;
 	let rightOffset;
 	if (spaceLeft < overlayWidth + margin && spaceRight < overlayWidth + margin) {

package/dist/FeatureFlags/DefaultFeatureFlags.js

@@ -8,7 +8,8 @@ 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_merged_forwarded_refs: false,
+	primer_react_underline_panels_controlled: false
 });
 //#endregion
 export { DefaultFeatureFlags };

package/dist/Flash/Flash.d.ts

@@ -2,11 +2,17 @@ import { ForwardRefComponent } from "../utils/polymorphic.js";
 import React from "react";
 
 //#region src/Flash/Flash.d.ts
+/**
+ * @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
+ */
 type FlashProps = React.ComponentPropsWithoutRef<'div'> & {
   className?: string;
   variant?: 'default' | 'warning' | 'success' | 'danger';
   full?: boolean;
 };
+/**
+ * @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
+ */
 declare const Flash: ForwardRefComponent<"div", FlashProps>;
 //#endregion
 export { FlashProps, Flash as default };

package/dist/Flash/Flash.js

@@ -4,6 +4,12 @@ import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 //#region src/Flash/Flash.tsx
+/**
+* @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
+*/
+/**
+* @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
+*/
 const Flash = /*#__PURE__*/ React.forwardRef(function Flash(t0, ref) {
 	const $ = c(15);
 	let className;

package/dist/InlineMessage/InlineMessage.js

@@ -57,16 +57,17 @@ function InlineMessage(t0) {
 	}
 	const size = t1 === void 0 ? "medium" : t1;
 	let icon;
-	if (LeadingVisual !== void 0) if (typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual)) {
-		let t2;
-		if ($[7] !== LeadingVisual) {
-			t2 = /*#__PURE__*/ jsx(LeadingVisual, { className: InlineMessage_module_css_default.InlineMessageIcon });
-			$[7] = LeadingVisual;
-			$[8] = t2;
-		} else t2 = $[8];
-		icon = t2;
-	} else icon = LeadingVisual;
-	else if (variant) icon = size === "small" ? smallIcons[variant] : icons[variant];
+	if (LeadingVisual !== void 0) {
+		if (typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual)) {
+			let t2;
+			if ($[7] !== LeadingVisual) {
+				t2 = /*#__PURE__*/ jsx(LeadingVisual, { className: InlineMessage_module_css_default.InlineMessageIcon });
+				$[7] = LeadingVisual;
+				$[8] = t2;
+			} else t2 = $[8];
+			icon = t2;
+		} else icon = LeadingVisual;
+	} else if (variant) icon = size === "small" ? smallIcons[variant] : icons[variant];
 	else {
 		let t2;
 		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {

package/dist/LabelGroup/LabelGroup.js

@@ -181,10 +181,12 @@ const LabelGroup = ({ children, visibleChildCount, overflowStyle = "overlay", as
 		if (overflowStyle === "overlay") return;
 		const firstHiddenChildDOM = document.querySelector(`[data-index="${firstHiddenIndexRef.current}"]`);
 		const focusableChild = firstHiddenChildDOM ? getFocusableChild(firstHiddenChildDOM) : null;
-		if (isOverflowShown) if (focusableChild) focusableChild.focus();
-		else {
-			var _collapseButtonRef$cu;
-			(_collapseButtonRef$cu = collapseButtonRef.current) === null || _collapseButtonRef$cu === void 0 || _collapseButtonRef$cu.focus();
+		if (isOverflowShown) {
+			if (focusableChild) focusableChild.focus();
+			else {
+				var _collapseButtonRef$cu;
+				(_collapseButtonRef$cu = collapseButtonRef.current) === null || _collapseButtonRef$cu === void 0 || _collapseButtonRef$cu.focus();
+			}
 		}
 	}, [overflowStyle, isOverflowShown]);
 	const isList = Component === "ul" || Component === "ol";

package/dist/SegmentedControl/SegmentedControl-4ef72733.css

@@ -0,0 +1,2 @@
+.prc-SegmentedControl-SegmentedControl-lqIXp{--segmented-control-icon-width:32px;--segmented-control-outer-radius:var(--borderRadius-medium,0.375rem);background-color:var(--controlTrack-bgColor-rest,#e6eaef);border:var(--borderWidth-thin,.0625rem) solid var(--controlTrack-borderColor-rest,transparent);border-radius:var(--borderRadius-medium,.375rem);display:inline-flex;font-size:var(--text-body-size-medium,.875rem);height:32px;margin:0;padding:0;position:relative}@supports (anchor-name:--value){.prc-SegmentedControl-SegmentedControl-lqIXp:before{position-anchor:--segmented-control-current-item;background-color:var(--controlKnob-bgColor-rest,#fff);border:var(--borderWidth-thin,.0625rem) solid var(--controlKnob-borderColor-rest,#d1d9e0);border-radius:var(--segmented-control-outer-radius);content:"";inset:anchor(top) anchor(right) anchor(bottom) anchor(left);position:absolute}@media (prefers-reduced-motion:no-preference){.prc-SegmentedControl-SegmentedControl-lqIXp:before{transition:inset var(--base-duration-200,[ object Object ]) var(--base-easing-easeInOut,.6,0,.2,1)}}}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width=true]{display:flex;width:100%;--segmented-control-icon-width:100%}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width=false]{display:inline-flex;width:auto;--segmented-control-icon-width:32px}@media (max-width:calc(48rem - 0.02px)){.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-narrow=true]{display:flex;width:100%;--segmented-control-icon-width:100%}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-narrow=false]{display:inline-flex;width:auto;--segmented-control-icon-width:32px}}@media (min-width:48rem){.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-regular=true]{display:flex;width:100%;--segmented-control-icon-width:100%}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-regular=false]{display:inline-flex;width:auto;--segmented-control-icon-width:32px}}@media (min-width:87.5rem){.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-wide=true]{display:flex;width:100%;--segmented-control-icon-width:100%}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-regular=true]:not([data-full-width-wide=true]),.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-wide=false]{display:inline-flex;width:auto;--segmented-control-icon-width:32px}}.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant=dropdown],.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant=hideLabels] .prc-SegmentedControl-Text-7S2y2{display:none}@media (max-width:calc(48rem - 0.02px)){.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-narrow=dropdown],.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-narrow=hideLabels] .prc-SegmentedControl-Text-7S2y2{display:none}}@media (min-width:48rem){.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-regular=dropdown],.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-regular=hideLabels] .prc-SegmentedControl-Text-7S2y2{display:none}}@media (min-width:87.5rem){.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-wide=dropdown],.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-wide=hideLabels] .prc-SegmentedControl-Text-7S2y2{display:none}}.prc-SegmentedControl-SegmentedControl-lqIXp:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);height:28px}.prc-SegmentedControl-DropdownContainer-ZaPMn{display:none}.prc-SegmentedControl-DropdownContainer-ZaPMn[data-variant=dropdown]{display:block}@media (max-width:calc(48rem - 0.02px)){.prc-SegmentedControl-DropdownContainer-ZaPMn[data-variant-narrow=dropdown]{display:block}}@media (min-width:48rem){.prc-SegmentedControl-DropdownContainer-ZaPMn[data-variant-regular=dropdown]{display:block}}@media (min-width:87.5rem){.prc-SegmentedControl-DropdownContainer-ZaPMn[data-variant-wide=dropdown]{display:block}}.prc-SegmentedControl-Item-tSCQh{display:block;flex-grow:1;margin-bottom:-1px;margin-top:-1px;position:relative}.prc-SegmentedControl-Item-tSCQh:not(:last-child){margin-right:1px}.prc-SegmentedControl-Item-tSCQh:not(:last-child):after{background-color:var(--borderColor-default,#d1d9e0);bottom:var(--base-size-8,.5rem);content:"";position:absolute;right:calc(var(--base-size-2,.125rem)*-1);top:var(--base-size-8,.5rem);width:1px}.prc-SegmentedControl-Item-tSCQh:not(:last-child):has(+[data-selected]):after,.prc-SegmentedControl-Item-tSCQh:not(:last-child):where([data-selected]):after{background-color:transparent}.prc-SegmentedControl-Item-tSCQh:first-child{margin-left:-1px}.prc-SegmentedControl-Item-tSCQh:last-child{margin-right:-1px}.prc-SegmentedControl-Item-tSCQh .prc-SegmentedControl-Counter-GmZOI{align-items:center;display:flex;margin-inline-start:var(--base-size-8,.5rem)}.prc-SegmentedControl-Button-E48xz{--segmented-control-button-inner-padding:12px;--segmented-control-button-bg-inset:4px;background-color:transparent;border-color:transparent;border-radius:var(--segmented-control-outer-radius);border-width:0;color:currentColor;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:var(--base-text-weight-normal,400);height:100%;padding:var(--segmented-control-button-bg-inset);width:100%}.prc-SegmentedControl-Button-E48xz svg{fill:var(--fgColor-muted,#59636e);color:var(--fgColor-muted,#59636e)}.prc-SegmentedControl-Button-E48xz:focus:not(:disabled){box-shadow:none;outline:var(--base-size-2,.125rem) solid var(--fgColor-accent,#0969da);outline-offset:-1px}.prc-SegmentedControl-Button-E48xz:focus:not(:disabled):not(:focus-visible){outline:1px solid transparent}.prc-SegmentedControl-Button-E48xz:focus-visible:not(:disabled){box-shadow:none;outline:var(--base-size-2,.125rem) solid var(--fgColor-accent,#0969da);outline-offset:-1px}.prc-SegmentedControl-Button-E48xz:focus:focus-visible:not(:last-child):after{width:0}.prc-SegmentedControl-Button-E48xz[aria-disabled=true]:not([aria-pressed=true]){background-color:transparent;color:var(--fgColor-disabled,#818b98);cursor:not-allowed}.prc-SegmentedControl-Button-E48xz[aria-disabled=true]:not([aria-pressed=true]) svg{fill:var(--fgColor-disabled,#818b98);color:var(--fgColor-disabled,#818b98)}@media (pointer:coarse){.prc-SegmentedControl-Button-E48xz:before{content:"";left:0;min-height:44px;position:absolute;right:0;top:50%;transform:translateY(-50%)}}.prc-SegmentedControl-IconButton-tlzDE{width:var(--segmented-control-icon-width,32px)}.prc-SegmentedControl-Content-1COlk{align-items:center;background-color:transparent;border-color:transparent;border-radius:calc(var(--segmented-control-outer-radius) - var(--segmented-control-button-bg-inset)/2);border-style:solid;border-width:var(--borderWidth-thin,.0625rem);display:flex;height:100%;justify-content:center;padding-left:calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));padding-right:calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));transition:background-color var(--base-duration-200,[ object Object ]) var(--base-easing-easeInOut,.6,0,.2,1)}.prc-SegmentedControl-Button-E48xz[aria-pressed=true]{font-weight:var(--base-text-weight-semibold,600);padding:0}.prc-SegmentedControl-Button-E48xz[aria-pressed=true] .prc-SegmentedControl-Content-1COlk{padding-left:var(--segmented-control-button-inner-padding);padding-right:var(--segmented-control-button-inner-padding);anchor-name:--segmented-control-current-item}@supports not (anchor-name:--value){.prc-SegmentedControl-Button-E48xz[aria-pressed=true] .prc-SegmentedControl-Content-1COlk{background-color:var(--controlKnob-bgColor-rest,#fff);border-color:var(--controlKnob-borderColor-rest,#d1d9e0);border-radius:var(--segmented-control-outer-radius)}}.prc-SegmentedControl-Button-E48xz:not([aria-pressed=true],[aria-disabled=true]):hover .prc-SegmentedControl-Content-1COlk{background-color:var(--controlTrack-bgColor-hover,#e0e6eb)}.prc-SegmentedControl-Button-E48xz:not([aria-pressed=true],[aria-disabled=true]):active .prc-SegmentedControl-Content-1COlk{background-color:var(--controlTrack-bgColor-active,#dae0e7)}.prc-SegmentedControl-Text-7S2y2:after{content:attr(data-text);display:block;font-weight:var(--base-text-weight-semibold,600);height:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.prc-SegmentedControl-LeadingIcon-74n5s{margin-right:var(--base-size-4,.25rem)}
+/*# sourceMappingURL=SegmentedControl-4ef72733.css.map */

package/dist/SegmentedControl/SegmentedControl-4ef72733.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SegmentedControl/SegmentedControl.module.css.js"],"names":[],"mappings":"AAAA,6CAEE,mCAAoC,CACpC,oEAA4D,CAS5D,yDAAkD,CAClD,8FAAuF,CACvF,gDAAyC,CATzC,mBAAoB,CAMpB,8CAAuC,CAHvC,WAAY,CAEZ,QAAS,CADT,SAAU,CAMV,iBAsIF,CApIE,gCACE,oDACE,gDAAiD,CAIjD,qDAAiD,CACjD,yFAAyE,CAEzE,mDAAoD,CANpD,UAAW,CAEX,2DAA4D,CAD5D,iBAUF,CAHE,8CAVF,oDAWI,kGAEJ,CADE,CAEJ,CAGA,mEACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,oEACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CAEA,wCACE,0EACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,2EACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAEA,yBACE,2EACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,4EACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAEA,2BACE,wEACE,YAAa,CACb,UAAW,CAEX,mCACF,CASA,qLACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAQA,2KACE,YACF,CAEA,wCAKE,yLACE,YACF,CACF,CAEA,yBAKE,2LACE,YACF,CACF,CAEA,2BAKE,qLACE,YACF,CACF,CAEA,sEAGE,4CAAsC,CADtC,WAEF,CAGF,8CACE,YAwBF,CArBE,qEACE,aACF,CAEA,wCACE,4EACE,aACF,CACF,CAEA,yBACE,6EACE,aACF,CACF,CAEA,2BACE,0EACE,aACF,CACF,CAGF,iCAEE,aAAc,CAKd,WAAY,CADZ,kBAAmB,CAFnB,eAAgB,CAHhB,iBA6CF,CArCE,kDAEE,gBAkBF,CAhBE,wDAQE,mDAA4C,CAJ5C,+BAA0B,CAE1B,UAAW,CALX,iBAAkB,CAElB,yCAAoC,CADpC,4BAAuB,CAGvB,SAIF,CAGA,6JAEE,4BACF,CAGF,6CAEE,gBACF,CAEA,4CAEE,iBACF,CAEA,qEAGE,kBAAmB,CADnB,YAAa,CADb,4CAGF,CAGF,mCAEE,6CAA8C,CAC9C,uCAAwC,CAWxC,4BAA6B,CAC7B,wBAAyB,CAGzB,mDAAoD,CAFpD,cAAe,CAJf,kBAAmB,CACnB,cAAe,CAJf,mBAAoB,CACpB,iBAAkB,CAClB,8CAA2C,CAL3C,WAAY,CAEZ,gDAAiD,CAHjD,UAmEF,CApDE,uCACE,iCAA0B,CAC1B,kCACF,CAGA,wDAGE,eAAgB,CAFhB,sEAAuD,CACvD,mBAOF,CAHE,4EACE,6BACF,CAIF,gEAGE,eAAgB,CAFhB,sEAAuD,CACvD,mBAEF,CAGA,8EAEE,OACF,CAEA,gFAGE,4BAA6B,CAD7B,qCAA8B,CAD9B,kBAQF,CAJE,oFACE,oCAA6B,CAC7B,qCACF,CAGF,wBACE,0CAME,UAAW,CAFX,MAAO,CACP,eAAgB,CAJhB,iBAAkB,CAElB,OAAQ,CADR,OAAQ,CAKR,0BACF,CACF,CAGF,uCACE,8CACF,CAEA,oCAmBE,kBAAmB,CATnB,4BAA6B,CAH7B,wBAAyB,CAWzB,sGAAyG,CAVzG,kBAAmB,CACnB,6CAAqC,CARrC,YAAa,CACb,WAAY,CAkBZ,sBAAuB,CAdvB,2GAA4G,CAF5G,4GAA6G,CAO7G,6GAUF,CAEA,sDAEE,gDAA6C,CAD7C,SAiBF,CAdE,0FAIE,0DAA2D,CAF3D,2DAA4D,CAG5D,4CAQF,CANE,oCAPF,0FAQI,qDAAiD,CACjD,wDAAiD,CAEjD,mDAEJ,CADE,CAKF,2HACE,0DACF,CAEA,4HACE,2DACF,CAGF,uCAOE,uBAAwB,CANxB,aAAc,CAGd,gDAA6C,CAF7C,QAAS,CACT,eAAgB,CAEhB,mBAAoB,CAGpB,wBAAiB,CAAjB,gBAAiB,CAFjB,iBAGF,CAEA,wCACE,sCACF","file":"SegmentedControl-4ef72733.css","sourcesContent":[".SegmentedControl {\n  /* TODO: use primitive `control.medium.size` when it is available instead of '32px' */\n  --segmented-control-icon-width: 32px;\n  --segmented-control-outer-radius: var(--borderRadius-medium);\n\n  display: inline-flex;\n\n  /* TODO: use primitive `control.{small|medium}.size` when it is available */\n  height: 32px;\n  padding: 0;\n  margin: 0;\n  font-size: var(--text-body-size-medium);\n  background-color: var(--controlTrack-bgColor-rest);\n  border: var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest, transparent);\n  border-radius: var(--borderRadius-medium);\n  position: relative;\n\n  @supports (anchor-name: --value) {\n    &::before {\n      position-anchor: --segmented-control-current-item;\n      content: '';\n      position: absolute;\n      inset: anchor(top) anchor(right) anchor(bottom) anchor(left);\n      background-color: var(--controlKnob-bgColor-rest);\n      border: var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest);\n      /* stylelint-disable-next-line primer/borders */\n      border-radius: var(--segmented-control-outer-radius);\n\n      @media (prefers-reduced-motion: no-preference) {\n        transition: inset var(--base-duration-200) var(--base-easing-easeInOut);\n      }\n    }\n  }\n\n  /* Responsive full-width */\n  &[data-full-width='true'] {\n    display: flex;\n    width: 100%;\n\n    --segmented-control-icon-width: 100%;\n  }\n\n  &[data-full-width='false'] {\n    display: inline-flex;\n    width: auto;\n\n    --segmented-control-icon-width: 32px;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-full-width-narrow='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-narrow='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-full-width-regular='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-regular='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-full-width-wide='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-wide='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n\n    &[data-full-width-regular='true']:not([data-full-width-wide='true']) {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  /* Hide when dropdown variant is active */\n  &[data-variant='dropdown'] {\n    display: none;\n  }\n\n  /* Handle hideLabels variant - hide button text */\n  &[data-variant='hideLabels'] .Text {\n    display: none;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-variant-narrow='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-narrow='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-variant-regular='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-regular='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-variant-wide='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-wide='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  &:where([data-size='small']) {\n    /* TODO: use primitive `control.{small|medium}.size` when it is available */\n    height: 28px;\n    font-size: var(--text-body-size-small);\n  }\n}\n\n.DropdownContainer {\n  display: none;\n\n  /* Show when dropdown variant is active */\n  &[data-variant='dropdown'] {\n    display: block;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-variant-narrow='dropdown'] {\n      display: block;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-variant-regular='dropdown'] {\n      display: block;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-variant-wide='dropdown'] {\n      display: block;\n    }\n  }\n}\n\n.Item {\n  position: relative;\n  display: block;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: -1px;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n  flex-grow: 1;\n\n  &:not(:last-child) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: 1px;\n\n    &::after {\n      position: absolute;\n      top: var(--base-size-8);\n      right: calc(-1 * var(--base-size-2));\n      bottom: var(--base-size-8);\n      width: 1px;\n      content: '';\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--borderColor-default);\n    }\n\n    /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n    &:has(+ [data-selected])::after,\n    &:where([data-selected])::after {\n      background-color: transparent;\n    }\n  }\n\n  &:first-child {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -1px;\n  }\n\n  &:last-child {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: -1px;\n  }\n\n  .Counter {\n    margin-inline-start: var(--base-size-8);\n    display: flex;\n    align-items: center;\n  }\n}\n\n.Button {\n  /* TODO: use primitive `primer.control.medium.paddingInline.normal` when it is available */\n  --segmented-control-button-inner-padding: 12px;\n  --segmented-control-button-bg-inset: 4px;\n\n  width: 100%;\n  height: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--segmented-control-button-bg-inset);\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: var(--base-text-weight-normal);\n  color: currentColor;\n  cursor: pointer;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: var(--segmented-control-outer-radius);\n\n  & svg {\n    fill: var(--fgColor-muted);\n    color: var(--fgColor-muted);\n  }\n\n  /* fallback :focus state */\n  &:focus:not(:disabled) {\n    outline: var(--base-size-2) solid var(--fgColor-accent);\n    outline-offset: -1px;\n    box-shadow: none;\n\n    /* remove fallback :focus if :focus-visible is supported */\n    &:not(:focus-visible) {\n      outline: solid 1px transparent;\n    }\n  }\n\n  /* default focus state */\n  &:focus-visible:not(:disabled) {\n    outline: var(--base-size-2) solid var(--fgColor-accent);\n    outline-offset: -1px;\n    box-shadow: none;\n  }\n\n  /* stylelint-disable-next-line selector-max-specificity */\n  &:focus:focus-visible:not(:last-child)::after {\n    /* fixes an issue where the focus outline shows over the pseudo-element */\n    width: 0;\n  }\n\n  &[aria-disabled='true']:not([aria-pressed='true']) {\n    cursor: not-allowed;\n    color: var(--fgColor-disabled);\n    background-color: transparent;\n\n    & svg {\n      fill: var(--fgColor-disabled);\n      color: var(--fgColor-disabled);\n    }\n  }\n\n  @media (pointer: coarse) {\n    &::before {\n      position: absolute;\n      top: 50%;\n      right: 0;\n      left: 0;\n      min-height: 44px;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n}\n\n.IconButton {\n  width: var(--segmented-control-icon-width, 32px);\n}\n\n.Content {\n  display: flex;\n  height: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  padding-right: calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));\n  /* stylelint-disable-next-line primer/spacing */\n  padding-left: calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));\n  border-color: transparent;\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n  background-color: transparent;\n  transition: background-color var(--base-duration-200) var(--base-easing-easeInOut);\n\n  /*\n    innerRadius = outerRadius - distance/2\n    https://stackoverflow.com/questions/2932146/math-problem-determine-the-corner-radius-of-an-inner-border-based-on-outer-corn\n  */\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: calc(var(--segmented-control-outer-radius) - var(--segmented-control-button-bg-inset) / 2);\n  align-items: center;\n  justify-content: center;\n}\n\n.Button[aria-pressed='true'] {\n  padding: 0;\n  font-weight: var(--base-text-weight-semibold);\n\n  .Content {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-right: var(--segmented-control-button-inner-padding);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-left: var(--segmented-control-button-inner-padding);\n    anchor-name: --segmented-control-current-item;\n\n    @supports not (anchor-name: --value) {\n      background-color: var(--controlKnob-bgColor-rest);\n      border-color: var(--controlKnob-borderColor-rest);\n      /* stylelint-disable-next-line primer/borders */\n      border-radius: var(--segmented-control-outer-radius);\n    }\n  }\n}\n\n.Button:not([aria-pressed='true'], [aria-disabled='true']) {\n  &:hover .Content {\n    background-color: var(--controlTrack-bgColor-hover);\n  }\n\n  &:active .Content {\n    background-color: var(--controlTrack-bgColor-active);\n  }\n}\n\n.Text::after {\n  display: block;\n  height: 0;\n  overflow: hidden;\n  font-weight: var(--base-text-weight-semibold);\n  pointer-events: none;\n  visibility: hidden;\n  content: attr(data-text);\n  user-select: none;\n}\n\n.LeadingIcon {\n  margin-right: var(--base-size-4);\n}\n"]}

package/dist/SegmentedControl/SegmentedControl.js

@@ -235,12 +235,16 @@ function _temp4(childArg) {
 	if (/*#__PURE__*/ React.isValidElement(childArg) && (childArg.type === SegmentedControlButton || isSlot(childArg, SegmentedControlButton))) {
 		var _childArg$props$leadi;
 		const leadingVisual = (_childArg$props$leadi = childArg.props.leadingVisual) !== null && _childArg$props$leadi !== void 0 ? _childArg$props$leadi : childArg.props.leadingIcon;
-		if (leadingVisual) if (isElement(leadingVisual)) return leadingVisual;
-		else return /*#__PURE__*/ jsx(leadingVisual, {});
+		if (leadingVisual) {
+			if (isElement(leadingVisual)) return leadingVisual;
+			else return /*#__PURE__*/ jsx(leadingVisual, {});
+		}
 	}
-	if (/*#__PURE__*/ React.isValidElement(childArg) && (childArg.type === SegmentedControlIconButton || isSlot(childArg, SegmentedControlIconButton))) if (isElement(childArg.props.icon)) {} else {
-		const Icon = childArg.props.icon;
-		return /*#__PURE__*/ jsx(Icon, {});
+	if (/*#__PURE__*/ React.isValidElement(childArg) && (childArg.type === SegmentedControlIconButton || isSlot(childArg, SegmentedControlIconButton))) {
+		if (isElement(childArg.props.icon)) {} else {
+			const Icon = childArg.props.icon;
+			return /*#__PURE__*/ jsx(Icon, {});
+		}
 	}
 	return null;
 }

package/dist/SegmentedControl/SegmentedControl.module.css.js

@@ -1,4 +1,4 @@
-import "./SegmentedControl-de65527b.css";
+import "./SegmentedControl-4ef72733.css";
 //#region src/SegmentedControl/SegmentedControl.module.css.js
 var SegmentedControl_module_css_default = {
 	"SegmentedControl": "prc-SegmentedControl-SegmentedControl-lqIXp",

package/dist/Textarea/{TextArea-53e27580.css → TextArea-2dc51d35.css}

@@ -1,2 +1,2 @@
-.prc-Textarea-TextArea-snlco{appearance:none;background-color:transparent;border:0;color:inherit;font-family:inherit;font-size:inherit;resize:both;width:100%}.prc-Textarea-TextArea-snlco:focus{outline:0}.prc-Textarea-TextArea-snlco[data-resize=none]{resize:none}.prc-Textarea-TextArea-snlco[data-resize=both]{resize:both}.prc-Textarea-TextArea-snlco[data-resize=horizontal]{resize:horizontal}.prc-Textarea-TextArea-snlco[data-resize=vertical]{resize:vertical}.prc-Textarea-TextArea-snlco:disabled{resize:none}.prc-Textarea-CharacterCounter-qnOXd{align-items:center;color:var(--fgColor-muted,#59636e);display:flex;gap:var(--control-xsmall-gap,.25rem)}.prc-Textarea-CharacterCounter--error-eewrs{color:var(--fgColor-danger,#d1242f)}
-/*# sourceMappingURL=TextArea-53e27580.css.map */
+.prc-Textarea-TextArea-snlco{appearance:none;background-color:transparent;border:0;color:inherit;font-family:inherit;font-size:inherit;resize:both;width:100%}.prc-Textarea-TextArea-snlco:focus{outline:0}.prc-Textarea-TextArea-snlco[data-resize=none]{resize:none}.prc-Textarea-TextArea-snlco[data-resize=both]{resize:both}.prc-Textarea-TextArea-snlco[data-resize=horizontal]{resize:horizontal}.prc-Textarea-TextArea-snlco[data-resize=vertical]{resize:vertical}.prc-Textarea-TextArea-snlco[data-auto-size=true]{field-sizing:content}.prc-Textarea-TextArea-snlco:disabled{resize:none}.prc-Textarea-CharacterCounter-qnOXd{align-items:center;color:var(--fgColor-muted,#59636e);display:flex;gap:var(--control-xsmall-gap,.25rem)}.prc-Textarea-CharacterCounter--error-eewrs{color:var(--fgColor-danger,#d1242f)}
+/*# sourceMappingURL=TextArea-2dc51d35.css.map */

package/dist/Textarea/TextArea-2dc51d35.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Textarea/TextArea.module.css.js"],"names":[],"mappings":"AAAA,6BAQE,eAAgB,CAFhB,4BAA6B,CAC7B,QAAS,CAHT,aAAc,CAFd,mBAAoB,CACpB,iBAAkB,CAElB,WAAY,CAJZ,UAQF,CAEA,mCACE,SACF,CAEA,+CACE,WACF,CAEA,+CACE,WACF,CAEA,qDACE,iBACF,CAEA,mDACE,eACF,CAEA,kDACE,oBACF,CAEA,sCACE,WACF,CAEA,qCAEE,kBAAmB,CAEnB,kCAA2B,CAH3B,YAAa,CAEb,oCAEF,CAEA,4CACE,mCACF","file":"TextArea-2dc51d35.css","sourcesContent":[".TextArea {\n  width: 100%;\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  resize: both;\n  background-color: transparent;\n  border: 0;\n  appearance: none;\n}\n\n.TextArea:focus {\n  outline: 0;\n}\n\n.TextArea[data-resize='none'] {\n  resize: none;\n}\n\n.TextArea[data-resize='both'] {\n  resize: both;\n}\n\n.TextArea[data-resize='horizontal'] {\n  resize: horizontal;\n}\n\n.TextArea[data-resize='vertical'] {\n  resize: vertical;\n}\n\n.TextArea[data-auto-size='true'] {\n  field-sizing: content;\n}\n\n.TextArea:disabled {\n  resize: none;\n}\n\n.CharacterCounter {\n  display: flex;\n  align-items: center;\n  gap: var(--control-xsmall-gap);\n  color: var(--fgColor-muted);\n}\n\n.CharacterCounter--error {\n  color: var(--fgColor-danger);\n}\n"]}

package/dist/Textarea/TextArea.module.css.js

@@ -1,4 +1,4 @@
-import "./TextArea-53e27580.css";
+import "./TextArea-2dc51d35.css";
 //#region src/Textarea/TextArea.module.css.js
 var TextArea_module_css_default = {
 	"TextArea": "prc-Textarea-TextArea-snlco",

package/dist/Textarea/Textarea.d.ts

@@ -20,6 +20,10 @@ type TextareaProps = {
    * Allows resizing of the textarea
    */
   resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+  /**
+   * Allows the textarea to grow to fit its content
+   */
+  autoSize?: boolean;
   /**
    * apply a high contrast color to background
    */
@@ -67,6 +71,10 @@ declare const Textarea: React.ForwardRefExoticComponent<{
    * Allows resizing of the textarea
    */
   resize?: "none" | "both" | "horizontal" | "vertical";
+  /**
+   * Allows the textarea to grow to fit its content
+   */
+  autoSize?: boolean;
   /**
    * apply a high contrast color to background
    */

package/dist/Textarea/Textarea.js

@@ -16,7 +16,8 @@ const DEFAULT_TEXTAREA_RESIZE = "both";
 * This component accepts all native HTML <textarea> attributes as props.
 */
 const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
-	const $ = c(76);
+	const $ = c(79);
+	let autoSize;
 	let block;
 	let characterLimit;
 	let className;
@@ -35,43 +36,45 @@ const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	let validationStatus;
 	let value;
 	if ($[0] !== t0) {
-		({value, disabled, required, validationStatus, rows: t1, cols: t2, resize: t3, block, contrast, className, minHeight, maxHeight, style, characterLimit, onChange, defaultValue, ...rest} = t0);
+		({value, disabled, required, validationStatus, rows: t1, cols: t2, resize: t3, autoSize, block, contrast, className, minHeight, maxHeight, style, characterLimit, onChange, defaultValue, ...rest} = t0);
 		$[0] = t0;
-		$[1] = block;
-		$[2] = characterLimit;
-		$[3] = className;
-		$[4] = contrast;
-		$[5] = defaultValue;
-		$[6] = disabled;
-		$[7] = maxHeight;
-		$[8] = minHeight;
-		$[9] = onChange;
-		$[10] = required;
-		$[11] = rest;
-		$[12] = style;
-		$[13] = t1;
-		$[14] = t2;
-		$[15] = t3;
-		$[16] = validationStatus;
-		$[17] = value;
+		$[1] = autoSize;
+		$[2] = block;
+		$[3] = characterLimit;
+		$[4] = className;
+		$[5] = contrast;
+		$[6] = defaultValue;
+		$[7] = disabled;
+		$[8] = maxHeight;
+		$[9] = minHeight;
+		$[10] = onChange;
+		$[11] = required;
+		$[12] = rest;
+		$[13] = style;
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = validationStatus;
+		$[18] = value;
 	} else {
-		block = $[1];
-		characterLimit = $[2];
-		className = $[3];
-		contrast = $[4];
-		defaultValue = $[5];
-		disabled = $[6];
-		maxHeight = $[7];
-		minHeight = $[8];
-		onChange = $[9];
-		required = $[10];
-		rest = $[11];
-		style = $[12];
-		t1 = $[13];
-		t2 = $[14];
-		t3 = $[15];
-		validationStatus = $[16];
-		value = $[17];
+		autoSize = $[1];
+		block = $[2];
+		characterLimit = $[3];
+		className = $[4];
+		contrast = $[5];
+		defaultValue = $[6];
+		disabled = $[7];
+		maxHeight = $[8];
+		minHeight = $[9];
+		onChange = $[10];
+		required = $[11];
+		rest = $[12];
+		style = $[13];
+		t1 = $[14];
+		t2 = $[15];
+		t3 = $[16];
+		validationStatus = $[17];
+		value = $[18];
 	}
 	const rows = t1 === void 0 ? 7 : t1;
 	const cols = t2 === void 0 ? 30 : t2;
@@ -80,106 +83,109 @@ const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 	const characterCountStaticMessageId = useId();
 	const isControlled = value !== void 0;
 	let t4;
-	if ($[18] !== defaultValue) {
+	if ($[19] !== defaultValue) {
 		t4 = () => defaultValue !== void 0 ? String(defaultValue).length : 0;
-		$[18] = defaultValue;
-		$[19] = t4;
-	} else t4 = $[19];
+		$[19] = defaultValue;
+		$[20] = t4;
+	} else t4 = $[20];
 	const [uncontrolledLength, setUncontrolledLength] = useState(t4);
 	const currentLength = isControlled ? String(value).length : uncontrolledLength;
 	let t5;
-	if ($[20] !== block || $[21] !== characterCountId || $[22] !== characterCountStaticMessageId || $[23] !== characterLimit || $[24] !== className || $[25] !== cols || $[26] !== contrast || $[27] !== currentLength || $[28] !== defaultValue || $[29] !== disabled || $[30] !== isControlled || $[31] !== maxHeight || $[32] !== minHeight || $[33] !== onChange || $[34] !== ref || $[35] !== required || $[36] !== resize || $[37] !== rest || $[38] !== rows || $[39] !== style || $[40] !== validationStatus || $[41] !== value) {
+	if ($[21] !== autoSize || $[22] !== block || $[23] !== characterCountId || $[24] !== characterCountStaticMessageId || $[25] !== characterLimit || $[26] !== className || $[27] !== cols || $[28] !== contrast || $[29] !== currentLength || $[30] !== defaultValue || $[31] !== disabled || $[32] !== isControlled || $[33] !== maxHeight || $[34] !== minHeight || $[35] !== onChange || $[36] !== ref || $[37] !== required || $[38] !== resize || $[39] !== rest || $[40] !== rows || $[41] !== style || $[42] !== validationStatus || $[43] !== value) {
 		var _counter$isOverLimit;
 		const counter = characterLimit ? getCharacterCountState(currentLength, characterLimit) : void 0;
 		const isOverLimit = (_counter$isOverLimit = counter === null || counter === void 0 ? void 0 : counter.isOverLimit) !== null && _counter$isOverLimit !== void 0 ? _counter$isOverLimit : false;
 		let t6;
-		if ($[43] !== characterLimit || $[44] !== isControlled || $[45] !== onChange) {
+		if ($[45] !== characterLimit || $[46] !== isControlled || $[47] !== onChange) {
 			t6 = (e) => {
 				var _onChange;
 				if (characterLimit && !isControlled) setUncontrolledLength(e.target.value.length);
 				(_onChange = onChange) === null || _onChange === void 0 || _onChange(e);
 			};
-			$[43] = characterLimit;
-			$[44] = isControlled;
-			$[45] = onChange;
-			$[46] = t6;
-		} else t6 = $[46];
+			$[45] = characterLimit;
+			$[46] = isControlled;
+			$[47] = onChange;
+			$[48] = t6;
+		} else t6 = $[48];
 		const handleTextareaChange = t6;
 		const isValid = isOverLimit ? "error" : validationStatus;
-		const t7 = isValid === "error" ? "true" : "false";
-		let t8;
-		if ($[47] !== maxHeight || $[48] !== minHeight || $[49] !== style) {
-			t8 = {
+		const t7 = autoSize || void 0;
+		const t8 = isValid === "error" ? "true" : "false";
+		let t9;
+		if ($[49] !== maxHeight || $[50] !== minHeight || $[51] !== style) {
+			t9 = {
 				minHeight,
 				maxHeight,
 				...style
 			};
-			$[47] = maxHeight;
-			$[48] = minHeight;
-			$[49] = style;
-			$[50] = t8;
-		} else t8 = $[50];
-		let t9;
-		if ($[51] !== characterCountStaticMessageId || $[52] !== characterLimit || $[53] !== rest) {
-			t9 = characterLimit ? [characterCountStaticMessageId, rest["aria-describedby"]].filter(Boolean).join(" ") || void 0 : rest["aria-describedby"];
-			$[51] = characterCountStaticMessageId;
-			$[52] = characterLimit;
-			$[53] = rest;
-			$[54] = t9;
-		} else t9 = $[54];
+			$[49] = maxHeight;
+			$[50] = minHeight;
+			$[51] = style;
+			$[52] = t9;
+		} else t9 = $[52];
 		let t10;
-		if ($[55] !== cols || $[56] !== defaultValue || $[57] !== disabled || $[58] !== handleTextareaChange || $[59] !== ref || $[60] !== required || $[61] !== resize || $[62] !== rest || $[63] !== rows || $[64] !== t7 || $[65] !== t8 || $[66] !== t9 || $[67] !== value) {
-			t10 = /*#__PURE__*/ jsx("textarea", {
+		if ($[53] !== characterCountStaticMessageId || $[54] !== characterLimit || $[55] !== rest) {
+			t10 = characterLimit ? [characterCountStaticMessageId, rest["aria-describedby"]].filter(Boolean).join(" ") || void 0 : rest["aria-describedby"];
+			$[53] = characterCountStaticMessageId;
+			$[54] = characterLimit;
+			$[55] = rest;
+			$[56] = t10;
+		} else t10 = $[56];
+		let t11;
+		if ($[57] !== cols || $[58] !== defaultValue || $[59] !== disabled || $[60] !== handleTextareaChange || $[61] !== ref || $[62] !== required || $[63] !== resize || $[64] !== rest || $[65] !== rows || $[66] !== t10 || $[67] !== t7 || $[68] !== t8 || $[69] !== t9 || $[70] !== value) {
+			t11 = /*#__PURE__*/ jsx("textarea", {
 				value,
 				defaultValue,
 				"data-component": "Textarea",
 				"data-resize": resize,
+				"data-auto-size": t7,
 				"aria-required": required,
-				"aria-invalid": t7,
+				"aria-invalid": t8,
 				ref,
 				disabled,
 				rows,
 				cols,
 				className: TextArea_module_css_default.TextArea,
 				onChange: handleTextareaChange,
-				style: t8,
+				style: t9,
 				...rest,
-				"aria-describedby": t9
+				"aria-describedby": t10
 			});
-			$[55] = cols;
-			$[56] = defaultValue;
-			$[57] = disabled;
-			$[58] = handleTextareaChange;
-			$[59] = ref;
-			$[60] = required;
-			$[61] = resize;
-			$[62] = rest;
-			$[63] = rows;
-			$[64] = t7;
-			$[65] = t8;
-			$[66] = t9;
-			$[67] = value;
-			$[68] = t10;
-		} else t10 = $[68];
-		let t11;
-		if ($[69] !== block || $[70] !== className || $[71] !== contrast || $[72] !== disabled || $[73] !== isValid || $[74] !== t10) {
-			t11 = /*#__PURE__*/ jsx(TextInputBaseWrapper, {
+			$[57] = cols;
+			$[58] = defaultValue;
+			$[59] = disabled;
+			$[60] = handleTextareaChange;
+			$[61] = ref;
+			$[62] = required;
+			$[63] = resize;
+			$[64] = rest;
+			$[65] = rows;
+			$[66] = t10;
+			$[67] = t7;
+			$[68] = t8;
+			$[69] = t9;
+			$[70] = value;
+			$[71] = t11;
+		} else t11 = $[71];
+		let t12;
+		if ($[72] !== block || $[73] !== className || $[74] !== contrast || $[75] !== disabled || $[76] !== isValid || $[77] !== t11) {
+			t12 = /*#__PURE__*/ jsx(TextInputBaseWrapper, {
 				validationStatus: isValid,
 				disabled,
 				block,
 				contrast,
 				className,
-				children: t10
+				children: t11
 			});
-			$[69] = block;
-			$[70] = className;
-			$[71] = contrast;
-			$[72] = disabled;
-			$[73] = isValid;
-			$[74] = t10;
-			$[75] = t11;
-		} else t11 = $[75];
-		t5 = /*#__PURE__*/ jsxs(Fragment, { children: [t11, characterLimit && /*#__PURE__*/ jsxs(Fragment, { children: [
+			$[72] = block;
+			$[73] = className;
+			$[74] = contrast;
+			$[75] = disabled;
+			$[76] = isValid;
+			$[77] = t11;
+			$[78] = t12;
+		} else t12 = $[78];
+		t5 = /*#__PURE__*/ jsxs(Fragment, { children: [t12, characterLimit && /*#__PURE__*/ jsxs(Fragment, { children: [
 			/*#__PURE__*/ jsx(AriaStatus, {
 				announceOnShow: false,
 				delayMs: 500,
@@ -203,30 +209,31 @@ const Textarea = /*#__PURE__*/ React.forwardRef((t0, ref) => {
 				children: [isOverLimit && /*#__PURE__*/ jsx(AlertFillIcon, { size: 16 }), counter === null || counter === void 0 ? void 0 : counter.message]
 			})
 		] })] });
-		$[20] = block;
-		$[21] = characterCountId;
-		$[22] = characterCountStaticMessageId;
-		$[23] = characterLimit;
-		$[24] = className;
-		$[25] = cols;
-		$[26] = contrast;
-		$[27] = currentLength;
-		$[28] = defaultValue;
-		$[29] = disabled;
-		$[30] = isControlled;
-		$[31] = maxHeight;
-		$[32] = minHeight;
-		$[33] = onChange;
-		$[34] = ref;
-		$[35] = required;
-		$[36] = resize;
-		$[37] = rest;
-		$[38] = rows;
-		$[39] = style;
-		$[40] = validationStatus;
-		$[41] = value;
-		$[42] = t5;
-	} else t5 = $[42];
+		$[21] = autoSize;
+		$[22] = block;
+		$[23] = characterCountId;
+		$[24] = characterCountStaticMessageId;
+		$[25] = characterLimit;
+		$[26] = className;
+		$[27] = cols;
+		$[28] = contrast;
+		$[29] = currentLength;
+		$[30] = defaultValue;
+		$[31] = disabled;
+		$[32] = isControlled;
+		$[33] = maxHeight;
+		$[34] = minHeight;
+		$[35] = onChange;
+		$[36] = ref;
+		$[37] = required;
+		$[38] = resize;
+		$[39] = rest;
+		$[40] = rows;
+		$[41] = style;
+		$[42] = validationStatus;
+		$[43] = value;
+		$[44] = t5;
+	} else t5 = $[44];
 	return t5;
 });
 Textarea.displayName = "Textarea";

package/dist/deprecated/index.d.ts

@@ -3,6 +3,7 @@ import { ItemProps } from "./ActionList/Item.js";
 import { GroupedListProps, ItemInput, ListProps } from "./ActionList/List.js";
 import { ActionList } from "./ActionList/index.js";
 import Octicon, { OcticonProps } from "../Octicon/Octicon.js";
+import Flash, { FlashProps } from "../Flash/Flash.js";
 import { ActionMenu, ActionMenuProps } from "./ActionMenu.js";
 import FilteredSearch, { FilteredSearchProps } from "./FilteredSearch/FilteredSearch.js";
 import _default$2, { UnderlineNavLinkProps, UnderlineNavProps } from "./UnderlineNav/UnderlineNav.js";
@@ -10,4 +11,4 @@ import _default, { DialogHeaderProps, DialogProps } from "./DialogV1/Dialog.js";
 import Pagehead, { PageheadProps } from "../Pagehead/Pagehead.js";
 import _default$1, { TabNavLinkProps, TabNavProps } from "../TabNav/TabNav.js";
 import Tooltip, { TooltipProps } from "../Tooltip/Tooltip.js";
-export { ActionList, type GroupProps as ActionListGroupProps, type GroupedListProps as ActionListGroupedListProps, type ItemInput as ActionListItemInput, type ItemProps as ActionListItemProps, type ListProps as ActionListProps, ActionMenu, type ActionMenuProps, _default as Dialog, type DialogHeaderProps, type DialogProps, FilteredSearch, type FilteredSearchProps, Octicon, type OcticonProps, Pagehead, type PageheadProps, _default$1 as TabNav, type TabNavLinkProps, type TabNavProps, Tooltip, type TooltipProps, _default$2 as UnderlineNav, type UnderlineNavLinkProps, type UnderlineNavProps };
+export { ActionList, type GroupProps as ActionListGroupProps, type GroupedListProps as ActionListGroupedListProps, type ItemInput as ActionListItemInput, type ItemProps as ActionListItemProps, type ListProps as ActionListProps, ActionMenu, type ActionMenuProps, _default as Dialog, type DialogHeaderProps, type DialogProps, FilteredSearch, type FilteredSearchProps, Flash, type FlashProps, Octicon, type OcticonProps, Pagehead, type PageheadProps, _default$1 as TabNav, type TabNavLinkProps, type TabNavProps, Tooltip, type TooltipProps, _default$2 as UnderlineNav, type UnderlineNavLinkProps, type UnderlineNavProps };

package/dist/deprecated/index.js

@@ -1,5 +1,6 @@
 "use client";
 import Octicon from "../Octicon/Octicon.js";
+import Flash from "../Flash/Flash.js";
 import { ActionList } from "./ActionList/index.js";
 import { ActionMenu } from "./ActionMenu.js";
 import FilteredSearch from "./FilteredSearch/FilteredSearch.js";
@@ -17,4 +18,4 @@ import Tooltip from "../Tooltip/Tooltip.js";
 *  example: import {FormGroup} from '@primer/react/deprecated
 */
 //#endregion
-export { ActionList, ActionMenu, Dialog_default as Dialog, FilteredSearch, Octicon, Pagehead, TabNav_default as TabNav, Tooltip, UnderlineNav_default as UnderlineNav };
+export { ActionList, ActionMenu, Dialog_default as Dialog, FilteredSearch, Flash, Octicon, Pagehead, TabNav_default as TabNav, Tooltip, UnderlineNav_default as UnderlineNav };