@primer/react 38.19.0-rc.1448eb819 → 38.19.0-rc.369db52c6

package/CHANGELOG.md

@@ -4,12 +4,16 @@
 
 ### Minor Changes
 
-- [#7686](https://github.com/primer/react/pull/7686) [`6cd13c0`](https://github.com/primer/react/commit/6cd13c03a0293732af6d9499f1f925bf7d95d82b) Thanks [@JelloBagel](https://github.com/JelloBagel)! - StateLabel: Add new type: `archived`
-
 - [#7677](https://github.com/primer/react/pull/7677) [`c1a81b1`](https://github.com/primer/react/commit/c1a81b178742ba547b85a3df3ed3c27bcff6b7c5) Thanks [@TylerJDev](https://github.com/TylerJDev)! - AnchoredOverlay: Add Popover API to AnchoredOverlay (behind `primer_react_css_anchor_positioning` feature flag)
 
+- [#7697](https://github.com/primer/react/pull/7697) [`990ce7b`](https://github.com/primer/react/commit/990ce7b625bcf90ef3867e93086d0c74835a9068) Thanks [@hectahertz](https://github.com/hectahertz)! - **Stack**: Add `tight` (4px) and `cozy` (12px) spacing values to `gap` and `padding` props. Add `paddingBlock` and `paddingInline` props for directional padding control.
+
 ### Patch Changes
 
+- [#7652](https://github.com/primer/react/pull/7652) [`5d19e2b`](https://github.com/primer/react/commit/5d19e2bb5bbd444f2e82d98eef300c221863941c) Thanks [@owenniblock](https://github.com/owenniblock)! - useAnchoredPosition: recalculate overlay position when any scrollable ancestor (or the window) is scrolled.
+
+- [#7707](https://github.com/primer/react/pull/7707) [`6431bfe`](https://github.com/primer/react/commit/6431bfecd72e24db1dfa90b02f8a42834e63843b) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Fix anchor-name not being set on the anchor element when SelectPanel is opened in Copilot code agent.
+
 - [#7638](https://github.com/primer/react/pull/7638) [`f04e85d`](https://github.com/primer/react/commit/f04e85df536cd6e8047f70b070bd3cf7c0961f92) Thanks [@iansan5653](https://github.com/iansan5653)! - Update internal implementations of combined refs to improve performance and add support for React 19 callback refs
 
 - [#7695](https://github.com/primer/react/pull/7695) [`780fc3d`](https://github.com/primer/react/commit/780fc3d7b52fd0f9b63f313af6355398180a0118) Thanks [@mattcosta7](https://github.com/mattcosta7)! - perf(ThemeProvider): Reduce unnecessary renders and effect cascades
@@ -19,6 +23,8 @@
   - Cache `getServerHandoff` DOM read + JSON.parse per ID (runs once, not on every call)
   - Memoize context value object to prevent unnecessary re-renders of all consumers
 
+- [#7706](https://github.com/primer/react/pull/7706) [`fd8910a`](https://github.com/primer/react/commit/fd8910abff851f43d19805ceaa439a9a18c4f226) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - ActionList.Item: fix inline descriptions being referenced via `aria-labelledby` instead of `aria-describedby`
+
 ## 38.18.0
 
 ### Minor Changes

package/dist/ActionList/Item.js

@@ -158,7 +158,7 @@ const selectableRoles = ['menuitemradio', 'menuitemcheckbox', 'option'];
 const listRoleTypes = ['listbox', 'menu', 'list'];
 const UnwrappedItem = (t0, forwardedRef) => {
   var _slots$trailingVisual, _slots$description$pr, _slots$description;
-  const $ = c(161);
+  const $ = c(159);
   let _PrivateItemWrapper;
   let className;
   let id;
@@ -422,41 +422,39 @@ const UnwrappedItem = (t0, forwardedRef) => {
   const hasTrailingVisualSlot = Boolean(slots.trailingVisual);
   const hasDescriptionSlot = Boolean(slots.description);
   let parts;
-  if ($[42] !== descriptionVariant || $[43] !== hasDescriptionSlot || $[44] !== hasTrailingVisualSlot || $[45] !== inlineDescriptionId || $[46] !== labelId || $[47] !== trailingVisualId) {
+  if ($[42] !== hasTrailingVisualSlot || $[43] !== labelId || $[44] !== trailingVisualId) {
     parts = [labelId];
     if (hasTrailingVisualSlot) {
       parts.push(trailingVisualId);
     }
-    if (hasDescriptionSlot && descriptionVariant === "inline") {
-      parts.push(inlineDescriptionId);
-    }
-    $[42] = descriptionVariant;
-    $[43] = hasDescriptionSlot;
-    $[44] = hasTrailingVisualSlot;
-    $[45] = inlineDescriptionId;
-    $[46] = labelId;
-    $[47] = trailingVisualId;
-    $[48] = parts;
+    $[42] = hasTrailingVisualSlot;
+    $[43] = labelId;
+    $[44] = trailingVisualId;
+    $[45] = parts;
   } else {
-    parts = $[48];
+    parts = $[45];
   }
   const ariaLabelledBy = parts.join(" ");
   let parts_0;
-  if ($[49] !== blockDescriptionId || $[50] !== descriptionVariant || $[51] !== hasDescriptionSlot || $[52] !== inactiveWarningId) {
+  if ($[46] !== blockDescriptionId || $[47] !== descriptionVariant || $[48] !== hasDescriptionSlot || $[49] !== inactiveWarningId || $[50] !== inlineDescriptionId) {
     parts_0 = [];
     if (hasDescriptionSlot && descriptionVariant === "block") {
       parts_0.push(blockDescriptionId);
     }
+    if (hasDescriptionSlot && descriptionVariant === "inline") {
+      parts_0.push(inlineDescriptionId);
+    }
     if (inactiveWarningId) {
       parts_0.push(inactiveWarningId);
     }
-    $[49] = blockDescriptionId;
-    $[50] = descriptionVariant;
-    $[51] = hasDescriptionSlot;
-    $[52] = inactiveWarningId;
-    $[53] = parts_0;
+    $[46] = blockDescriptionId;
+    $[47] = descriptionVariant;
+    $[48] = hasDescriptionSlot;
+    $[49] = inactiveWarningId;
+    $[50] = inlineDescriptionId;
+    $[51] = parts_0;
   } else {
-    parts_0 = $[53];
+    parts_0 = $[51];
   }
   const ariaDescribedBy = parts_0.length > 0 ? parts_0.join(" ") : undefined;
   const t14 = !buttonSemantics ? keyPressHandler : undefined;
@@ -465,19 +463,19 @@ const UnwrappedItem = (t0, forwardedRef) => {
   const t17 = loading && !inactive ? true : undefined;
   const t18 = focusable ? undefined : 0;
   let t19;
-  if ($[54] !== includeSelectionAttribute || $[55] !== itemSelectionAttribute || $[56] !== selected) {
+  if ($[52] !== includeSelectionAttribute || $[53] !== itemSelectionAttribute || $[54] !== selected) {
     t19 = includeSelectionAttribute && {
       [itemSelectionAttribute]: selected
     };
-    $[54] = includeSelectionAttribute;
-    $[55] = itemSelectionAttribute;
-    $[56] = selected;
-    $[57] = t19;
+    $[52] = includeSelectionAttribute;
+    $[53] = itemSelectionAttribute;
+    $[54] = selected;
+    $[55] = t19;
   } else {
-    t19 = $[57];
+    t19 = $[55];
   }
   let t20;
-  if ($[58] !== ariaDescribedBy || $[59] !== ariaLabelledBy || $[60] !== clickHandler || $[61] !== itemId || $[62] !== itemRole || $[63] !== t14 || $[64] !== t15 || $[65] !== t16 || $[66] !== t17 || $[67] !== t18 || $[68] !== t19) {
+  if ($[56] !== ariaDescribedBy || $[57] !== ariaLabelledBy || $[58] !== clickHandler || $[59] !== itemId || $[60] !== itemRole || $[61] !== t14 || $[62] !== t15 || $[63] !== t16 || $[64] !== t17 || $[65] !== t18 || $[66] !== t19) {
     t20 = {
       onClick: clickHandler,
       onKeyPress: t14,
@@ -491,24 +489,24 @@ const UnwrappedItem = (t0, forwardedRef) => {
       role: itemRole,
       id: itemId
     };
-    $[58] = ariaDescribedBy;
-    $[59] = ariaLabelledBy;
-    $[60] = clickHandler;
-    $[61] = itemId;
-    $[62] = itemRole;
-    $[63] = t14;
-    $[64] = t15;
-    $[65] = t16;
-    $[66] = t17;
-    $[67] = t18;
-    $[68] = t19;
-    $[69] = t20;
-  } else {
-    t20 = $[69];
+    $[56] = ariaDescribedBy;
+    $[57] = ariaLabelledBy;
+    $[58] = clickHandler;
+    $[59] = itemId;
+    $[60] = itemRole;
+    $[61] = t14;
+    $[62] = t15;
+    $[63] = t16;
+    $[64] = t17;
+    $[65] = t18;
+    $[66] = t19;
+    $[67] = t20;
+  } else {
+    t20 = $[67];
   }
   const menuItemProps = t20;
   let t21;
-  if ($[70] !== _PrivateItemWrapper || $[71] !== forwardedRef || $[72] !== itemRole || $[73] !== listSemantics || $[74] !== menuItemProps || $[75] !== props) {
+  if ($[68] !== _PrivateItemWrapper || $[69] !== forwardedRef || $[70] !== itemRole || $[71] !== listSemantics || $[72] !== menuItemProps || $[73] !== props) {
     t21 = _PrivateItemWrapper ? {
       role: itemRole ? "none" : undefined,
       ...props
@@ -517,38 +515,38 @@ const UnwrappedItem = (t0, forwardedRef) => {
       ...props,
       ref: forwardedRef
     } || {};
-    $[70] = _PrivateItemWrapper;
-    $[71] = forwardedRef;
-    $[72] = itemRole;
-    $[73] = listSemantics;
-    $[74] = menuItemProps;
-    $[75] = props;
-    $[76] = t21;
+    $[68] = _PrivateItemWrapper;
+    $[69] = forwardedRef;
+    $[70] = itemRole;
+    $[71] = listSemantics;
+    $[72] = menuItemProps;
+    $[73] = props;
+    $[74] = t21;
   } else {
-    t21 = $[76];
+    t21 = $[74];
   }
   const containerProps = t21;
   let t22;
-  if ($[77] !== _PrivateItemWrapper || $[78] !== forwardedRef || $[79] !== listSemantics || $[80] !== menuItemProps || $[81] !== props) {
+  if ($[75] !== _PrivateItemWrapper || $[76] !== forwardedRef || $[77] !== listSemantics || $[78] !== menuItemProps || $[79] !== props) {
     t22 = _PrivateItemWrapper ? menuItemProps : !listSemantics && {
       ...menuItemProps,
       ...props,
       ref: forwardedRef
     };
-    $[77] = _PrivateItemWrapper;
-    $[78] = forwardedRef;
-    $[79] = listSemantics;
-    $[80] = menuItemProps;
-    $[81] = props;
-    $[82] = t22;
+    $[75] = _PrivateItemWrapper;
+    $[76] = forwardedRef;
+    $[77] = listSemantics;
+    $[78] = menuItemProps;
+    $[79] = props;
+    $[80] = t22;
   } else {
-    t22 = $[82];
+    t22 = $[80];
   }
   const wrapperProps = t22;
   const t23 = Boolean(inactiveText);
   const t24 = buttonSemantics ? setTruncatedText : undefined;
   let t25;
-  if ($[83] !== blockDescriptionId || $[84] !== disabled || $[85] !== inlineDescriptionId || $[86] !== size || $[87] !== t23 || $[88] !== t24 || $[89] !== trailingVisualId || $[90] !== variant) {
+  if ($[81] !== blockDescriptionId || $[82] !== disabled || $[83] !== inlineDescriptionId || $[84] !== size || $[85] !== t23 || $[86] !== t24 || $[87] !== trailingVisualId || $[88] !== variant) {
     t25 = {
       variant,
       size,
@@ -559,17 +557,17 @@ const UnwrappedItem = (t0, forwardedRef) => {
       trailingVisualId,
       setTruncatedText: t24
     };
-    $[83] = blockDescriptionId;
-    $[84] = disabled;
-    $[85] = inlineDescriptionId;
-    $[86] = size;
-    $[87] = t23;
-    $[88] = t24;
-    $[89] = trailingVisualId;
-    $[90] = variant;
-    $[91] = t25;
-  } else {
-    t25 = $[91];
+    $[81] = blockDescriptionId;
+    $[82] = disabled;
+    $[83] = inlineDescriptionId;
+    $[84] = size;
+    $[85] = t23;
+    $[86] = t24;
+    $[87] = trailingVisualId;
+    $[88] = variant;
+    $[89] = t25;
+  } else {
+    t25 = $[89];
   }
   const itemContextValue = t25;
   const t26 = listSemantics ? forwardedRef : null;
@@ -580,41 +578,41 @@ const UnwrappedItem = (t0, forwardedRef) => {
   const t31 = slots.subItem ? true : undefined;
   const t32 = slots.description ? true : false;
   let t33;
-  if ($[92] !== className) {
+  if ($[90] !== className) {
     t33 = clsx(classes.ActionListItem, className);
-    $[92] = className;
-    $[93] = t33;
+    $[90] = className;
+    $[91] = t33;
   } else {
-    t33 = $[93];
+    t33 = $[91];
   }
   let t34;
   let t35;
-  if ($[94] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[92] === Symbol.for("react.memo_cache_sentinel")) {
     t34 = {};
     t35 = /*#__PURE__*/jsx("span", {
       className: classes.Spacer
     });
-    $[94] = t34;
-    $[95] = t35;
+    $[92] = t34;
+    $[93] = t35;
   } else {
-    t34 = $[94];
-    t35 = $[95];
+    t34 = $[92];
+    t35 = $[93];
   }
   let t36;
-  if ($[96] !== selected) {
+  if ($[94] !== selected) {
     t36 = /*#__PURE__*/jsx(Selection, {
       selected: selected,
       className: classes.LeadingAction
     });
-    $[96] = selected;
-    $[97] = t36;
+    $[94] = selected;
+    $[95] = t36;
   } else {
-    t36 = $[97];
+    t36 = $[95];
   }
   const t37 = showInactiveIndicator ? inactiveText : undefined;
   const t38 = Boolean(slots.leadingVisual);
   let t39;
-  if ($[98] !== labelId || $[99] !== loading || $[100] !== slots.leadingVisual || $[101] !== t37 || $[102] !== t38) {
+  if ($[96] !== labelId || $[97] !== loading || $[98] !== slots.leadingVisual || $[99] !== t37 || $[100] !== t38) {
     t39 = /*#__PURE__*/jsx(VisualOrIndicator, {
       inactiveText: t37,
       itemHasLeadingVisual: t38,
@@ -623,61 +621,61 @@ const UnwrappedItem = (t0, forwardedRef) => {
       position: "leading",
       children: slots.leadingVisual
     });
-    $[98] = labelId;
-    $[99] = loading;
-    $[100] = slots.leadingVisual;
-    $[101] = t37;
-    $[102] = t38;
-    $[103] = t39;
+    $[96] = labelId;
+    $[97] = loading;
+    $[98] = slots.leadingVisual;
+    $[99] = t37;
+    $[100] = t38;
+    $[101] = t39;
   } else {
-    t39 = $[103];
+    t39 = $[101];
   }
   const t40 = !!slots.description;
   let t41;
-  if ($[104] !== inactive || $[105] !== loading) {
+  if ($[102] !== inactive || $[103] !== loading) {
     t41 = loading === true && !inactive && /*#__PURE__*/jsx(VisuallyHidden, {
       children: "Loading"
     });
-    $[104] = inactive;
-    $[105] = loading;
-    $[106] = t41;
+    $[102] = inactive;
+    $[103] = loading;
+    $[104] = t41;
   } else {
-    t41 = $[106];
+    t41 = $[104];
   }
   let t42;
-  if ($[107] !== childrenWithoutSlots || $[108] !== labelId || $[109] !== t41) {
+  if ($[105] !== childrenWithoutSlots || $[106] !== labelId || $[107] !== t41) {
     t42 = /*#__PURE__*/jsxs("span", {
       id: labelId,
       className: classes.ItemLabel,
       children: [childrenWithoutSlots, t41]
     });
-    $[107] = childrenWithoutSlots;
-    $[108] = labelId;
-    $[109] = t41;
-    $[110] = t42;
+    $[105] = childrenWithoutSlots;
+    $[106] = labelId;
+    $[107] = t41;
+    $[108] = t42;
   } else {
-    t42 = $[110];
+    t42 = $[108];
   }
   let t43;
-  if ($[111] !== descriptionVariant || $[112] !== slots.description || $[113] !== t40 || $[114] !== t42) {
+  if ($[109] !== descriptionVariant || $[110] !== slots.description || $[111] !== t40 || $[112] !== t42) {
     t43 = /*#__PURE__*/jsxs(ConditionalWrapper, {
       if: t40,
       className: classes.ItemDescriptionWrap,
       "data-description-variant": descriptionVariant,
       children: [t42, slots.description]
     });
-    $[111] = descriptionVariant;
-    $[112] = slots.description;
-    $[113] = t40;
-    $[114] = t42;
-    $[115] = t43;
+    $[109] = descriptionVariant;
+    $[110] = slots.description;
+    $[111] = t40;
+    $[112] = t42;
+    $[113] = t43;
   } else {
-    t43 = $[115];
+    t43 = $[113];
   }
   const t44 = showInactiveIndicator ? inactiveText : undefined;
   const t45 = Boolean(slots.leadingVisual);
   let t46;
-  if ($[116] !== labelId || $[117] !== loading || $[118] !== t44 || $[119] !== t45 || $[120] !== trailingVisual) {
+  if ($[114] !== labelId || $[115] !== loading || $[116] !== t44 || $[117] !== t45 || $[118] !== trailingVisual) {
     t46 = /*#__PURE__*/jsx(VisualOrIndicator, {
       inactiveText: t44,
       itemHasLeadingVisual: t45,
@@ -686,58 +684,58 @@ const UnwrappedItem = (t0, forwardedRef) => {
       position: "trailing",
       children: trailingVisual
     });
-    $[116] = labelId;
-    $[117] = loading;
-    $[118] = t44;
-    $[119] = t45;
-    $[120] = trailingVisual;
-    $[121] = t46;
+    $[114] = labelId;
+    $[115] = loading;
+    $[116] = t44;
+    $[117] = t45;
+    $[118] = trailingVisual;
+    $[119] = t46;
   } else {
-    t46 = $[121];
+    t46 = $[119];
   }
   let t47;
-  if ($[122] !== inactiveText || $[123] !== inactiveWarningId || $[124] !== showInactiveIndicator) {
+  if ($[120] !== inactiveText || $[121] !== inactiveWarningId || $[122] !== showInactiveIndicator) {
     t47 = !showInactiveIndicator && inactiveText ? /*#__PURE__*/jsx("span", {
       className: classes.InactiveWarning,
       id: inactiveWarningId,
       children: inactiveText
     }) : null;
-    $[122] = inactiveText;
-    $[123] = inactiveWarningId;
-    $[124] = showInactiveIndicator;
-    $[125] = t47;
+    $[120] = inactiveText;
+    $[121] = inactiveWarningId;
+    $[122] = showInactiveIndicator;
+    $[123] = t47;
   } else {
-    t47 = $[125];
+    t47 = $[123];
   }
   let t48;
-  if ($[126] !== t43 || $[127] !== t46 || $[128] !== t47) {
+  if ($[124] !== t43 || $[125] !== t46 || $[126] !== t47) {
     t48 = /*#__PURE__*/jsxs("span", {
       className: classes.ActionListSubContent,
       "data-component": "ActionList.Item--DividerContainer",
       children: [t43, t46, t47]
     });
-    $[126] = t43;
-    $[127] = t46;
-    $[128] = t47;
-    $[129] = t48;
+    $[124] = t43;
+    $[125] = t46;
+    $[126] = t47;
+    $[127] = t48;
   } else {
-    t48 = $[129];
+    t48 = $[127];
   }
   let t49;
-  if ($[130] !== t36 || $[131] !== t39 || $[132] !== t48) {
+  if ($[128] !== t36 || $[129] !== t39 || $[130] !== t48) {
     t49 = /*#__PURE__*/jsxs(TooltipContext.Provider, {
       value: t34,
       children: [t35, t36, t39, t48]
     });
-    $[130] = t36;
-    $[131] = t39;
-    $[132] = t48;
-    $[133] = t49;
+    $[128] = t36;
+    $[129] = t39;
+    $[130] = t48;
+    $[131] = t49;
   } else {
-    t49 = $[133];
+    t49 = $[131];
   }
   let t50;
-  if ($[134] !== ItemWrapper || $[135] !== forwardedRef || $[136] !== size || $[137] !== t49 || $[138] !== wrapperProps) {
+  if ($[132] !== ItemWrapper || $[133] !== forwardedRef || $[134] !== size || $[135] !== t49 || $[136] !== wrapperProps) {
     t50 = /*#__PURE__*/jsx(ItemWrapper, {
       ...wrapperProps,
       className: classes.ActionListContent,
@@ -745,34 +743,34 @@ const UnwrappedItem = (t0, forwardedRef) => {
       ref: forwardedRef,
       children: t49
     });
-    $[134] = ItemWrapper;
-    $[135] = forwardedRef;
-    $[136] = size;
-    $[137] = t49;
-    $[138] = wrapperProps;
-    $[139] = t50;
+    $[132] = ItemWrapper;
+    $[133] = forwardedRef;
+    $[134] = size;
+    $[135] = t49;
+    $[136] = wrapperProps;
+    $[137] = t50;
   } else {
-    t50 = $[139];
+    t50 = $[137];
   }
   let t51;
-  if ($[140] !== buttonSemantics || $[141] !== forwardedRef || $[142] !== t50 || $[143] !== truncatedText) {
+  if ($[138] !== buttonSemantics || $[139] !== forwardedRef || $[140] !== t50 || $[141] !== truncatedText) {
     t51 = /*#__PURE__*/jsx(ConditionalTooltip, {
       ref: forwardedRef,
       text: truncatedText,
       enabled: buttonSemantics,
       children: t50
     });
-    $[140] = buttonSemantics;
-    $[141] = forwardedRef;
-    $[142] = t50;
-    $[143] = truncatedText;
-    $[144] = t51;
+    $[138] = buttonSemantics;
+    $[139] = forwardedRef;
+    $[140] = t50;
+    $[141] = truncatedText;
+    $[142] = t51;
   } else {
-    t51 = $[144];
+    t51 = $[142];
   }
   const t52 = !inactive && !loading && !menuContext && Boolean(slots.trailingAction) && slots.trailingAction;
   let t53;
-  if ($[145] !== containerProps || $[146] !== slots.subItem || $[147] !== t26 || $[148] !== t27 || $[149] !== t28 || $[150] !== t29 || $[151] !== t30 || $[152] !== t31 || $[153] !== t32 || $[154] !== t33 || $[155] !== t51 || $[156] !== t52) {
+  if ($[143] !== containerProps || $[144] !== slots.subItem || $[145] !== t26 || $[146] !== t27 || $[147] !== t28 || $[148] !== t29 || $[149] !== t30 || $[150] !== t31 || $[151] !== t32 || $[152] !== t33 || $[153] !== t51 || $[154] !== t52) {
     t53 = /*#__PURE__*/jsxs("li", {
       ...containerProps,
       ref: t26,
@@ -785,33 +783,33 @@ const UnwrappedItem = (t0, forwardedRef) => {
       className: t33,
       children: [t51, t52, slots.subItem]
     });
-    $[145] = containerProps;
-    $[146] = slots.subItem;
-    $[147] = t26;
-    $[148] = t27;
-    $[149] = t28;
-    $[150] = t29;
-    $[151] = t30;
-    $[152] = t31;
-    $[153] = t32;
-    $[154] = t33;
-    $[155] = t51;
-    $[156] = t52;
-    $[157] = t53;
-  } else {
-    t53 = $[157];
+    $[143] = containerProps;
+    $[144] = slots.subItem;
+    $[145] = t26;
+    $[146] = t27;
+    $[147] = t28;
+    $[148] = t29;
+    $[149] = t30;
+    $[150] = t31;
+    $[151] = t32;
+    $[152] = t33;
+    $[153] = t51;
+    $[154] = t52;
+    $[155] = t53;
+  } else {
+    t53 = $[155];
   }
   let t54;
-  if ($[158] !== itemContextValue || $[159] !== t53) {
+  if ($[156] !== itemContextValue || $[157] !== t53) {
     t54 = /*#__PURE__*/jsx(ItemContext.Provider, {
       value: itemContextValue,
       children: t53
     });
-    $[158] = itemContextValue;
-    $[159] = t53;
-    $[160] = t54;
+    $[156] = itemContextValue;
+    $[157] = t53;
+    $[158] = t54;
   } else {
-    t54 = $[160];
+    t54 = $[158];
   }
   return t54;
 };

package/dist/AnchoredOverlay/AnchoredOverlay.js

@@ -144,7 +144,7 @@ const AnchoredOverlay = ({
         overlay.style.removeProperty('position-anchor');
       }
     };
-  }, [cssAnchorPositioning, anchorRef, overlayRef, id]);
+  }, [cssAnchorPositioning, anchorRef, overlayRef, id, open]);
 
   // Track the overlay element so we can re-run the effect when it changes.
   // The overlay unmounts when closed, so each open creates a new DOM node -

package/dist/Stack/Stack-58c33984.css

@@ -0,0 +1,2 @@
+.prc-Stack-Stack-UQ9k6{align-content:flex-start;align-items:stretch;display:flex;flex-flow:column;gap:var(--stack-gap,var(--stack-gap-normal,1rem))}.prc-Stack-Stack-UQ9k6[data-padding-narrow=none],.prc-Stack-Stack-UQ9k6[data-padding=none]{padding-block:0;padding-inline:0}.prc-Stack-Stack-UQ9k6[data-padding-narrow=tight],.prc-Stack-Stack-UQ9k6[data-padding=tight]{padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-narrow=condensed],.prc-Stack-Stack-UQ9k6[data-padding=condensed]{padding-block:var(--stack-padding-condensed,.5rem);padding-inline:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-narrow=cozy],.prc-Stack-Stack-UQ9k6[data-padding=cozy]{padding-block:var(--base-size-12,.75rem);padding-inline:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-narrow=normal],.prc-Stack-Stack-UQ9k6[data-padding=normal]{padding-block:var(--stack-padding-normal,1rem);padding-inline:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-narrow=spacious],.prc-Stack-Stack-UQ9k6[data-padding=spacious]{padding-block:var(--stack-padding-spacious,1.5rem);padding-inline:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-direction-narrow=horizontal],.prc-Stack-Stack-UQ9k6[data-direction=horizontal]{flex-flow:row}.prc-Stack-Stack-UQ9k6[data-direction-narrow=vertical],.prc-Stack-Stack-UQ9k6[data-direction=vertical]{flex-flow:column}.prc-Stack-Stack-UQ9k6[data-gap-narrow=none],.prc-Stack-Stack-UQ9k6[data-gap=none]{--stack-gap:0}.prc-Stack-Stack-UQ9k6[data-gap-narrow=tight],.prc-Stack-Stack-UQ9k6[data-gap=tight]{--stack-gap:var(--base-size-4,0.25rem)}.prc-Stack-Stack-UQ9k6[data-gap-narrow=condensed],.prc-Stack-Stack-UQ9k6[data-gap=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-UQ9k6[data-gap-narrow=cozy],.prc-Stack-Stack-UQ9k6[data-gap=cozy]{--stack-gap:var(--base-size-12,0.75rem)}.prc-Stack-Stack-UQ9k6[data-gap-narrow=normal],.prc-Stack-Stack-UQ9k6[data-gap=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-gap-narrow=spacious],.prc-Stack-Stack-UQ9k6[data-gap=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-align-narrow=start],.prc-Stack-Stack-UQ9k6[data-align=start]{align-items:flex-start}.prc-Stack-Stack-UQ9k6[data-align-narrow=center],.prc-Stack-Stack-UQ9k6[data-align=center]{align-items:center}.prc-Stack-Stack-UQ9k6[data-align-narrow=end],.prc-Stack-Stack-UQ9k6[data-align=end]{align-items:flex-end}.prc-Stack-Stack-UQ9k6[data-align-narrow=baseline],.prc-Stack-Stack-UQ9k6[data-align=baseline]{align-items:baseline}.prc-Stack-Stack-UQ9k6[data-justify-narrow=start],.prc-Stack-Stack-UQ9k6[data-justify=start]{justify-content:flex-start}.prc-Stack-Stack-UQ9k6[data-justify-narrow=center],.prc-Stack-Stack-UQ9k6[data-justify=center]{justify-content:center}.prc-Stack-Stack-UQ9k6[data-justify-narrow=end],.prc-Stack-Stack-UQ9k6[data-justify=end]{justify-content:flex-end}.prc-Stack-Stack-UQ9k6[data-justify-narrow=space-between],.prc-Stack-Stack-UQ9k6[data-justify=space-between]{justify-content:space-between}.prc-Stack-Stack-UQ9k6[data-justify-narrow=space-evenly],.prc-Stack-Stack-UQ9k6[data-justify=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-UQ9k6[data-wrap-narrow=wrap],.prc-Stack-Stack-UQ9k6[data-wrap=wrap]{flex-wrap:wrap}.prc-Stack-Stack-UQ9k6[data-wrap-narrow=nowrap],.prc-Stack-Stack-UQ9k6[data-wrap=nowrap]{flex-wrap:nowrap}.prc-Stack-Stack-UQ9k6[data-padding-block-narrow=none],.prc-Stack-Stack-UQ9k6[data-padding-block=none]{padding-block:0}.prc-Stack-Stack-UQ9k6[data-padding-block-narrow=tight],.prc-Stack-Stack-UQ9k6[data-padding-block=tight]{padding-block:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-narrow=condensed],.prc-Stack-Stack-UQ9k6[data-padding-block=condensed]{padding-block:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-narrow=cozy],.prc-Stack-Stack-UQ9k6[data-padding-block=cozy]{padding-block:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-narrow=normal],.prc-Stack-Stack-UQ9k6[data-padding-block=normal]{padding-block:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-narrow=spacious],.prc-Stack-Stack-UQ9k6[data-padding-block=spacious]{padding-block:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-narrow=none],.prc-Stack-Stack-UQ9k6[data-padding-inline=none]{padding-inline:0}.prc-Stack-Stack-UQ9k6[data-padding-inline-narrow=tight],.prc-Stack-Stack-UQ9k6[data-padding-inline=tight]{padding-inline:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-narrow=condensed],.prc-Stack-Stack-UQ9k6[data-padding-inline=condensed]{padding-inline:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-narrow=cozy],.prc-Stack-Stack-UQ9k6[data-padding-inline=cozy]{padding-inline:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-narrow=normal],.prc-Stack-Stack-UQ9k6[data-padding-inline=normal]{padding-inline:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-narrow=spacious],.prc-Stack-Stack-UQ9k6[data-padding-inline=spacious]{padding-inline:var(--stack-padding-spacious,1.5rem)}@media (min-width:48rem){.prc-Stack-Stack-UQ9k6[data-padding-regular=none]{padding-block:0;padding-inline:0}.prc-Stack-Stack-UQ9k6[data-padding-regular=tight]{padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-regular=condensed]{padding-block:var(--stack-padding-condensed,.5rem);padding-inline:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-regular=cozy]{padding-block:var(--base-size-12,.75rem);padding-inline:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-regular=normal]{padding-block:var(--stack-padding-normal,1rem);padding-inline:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-regular=spacious]{padding-block:var(--stack-padding-spacious,1.5rem);padding-inline:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-direction-regular=horizontal]{flex-flow:row}.prc-Stack-Stack-UQ9k6[data-direction-regular=vertical]{flex-flow:column}.prc-Stack-Stack-UQ9k6[data-gap-regular=none]{--stack-gap:0}.prc-Stack-Stack-UQ9k6[data-gap-regular=tight]{--stack-gap:var(--base-size-4,0.25rem)}.prc-Stack-Stack-UQ9k6[data-gap-regular=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-UQ9k6[data-gap-regular=cozy]{--stack-gap:var(--base-size-12,0.75rem)}.prc-Stack-Stack-UQ9k6[data-gap-regular=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-gap-regular=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-align-regular=start]{align-items:flex-start}.prc-Stack-Stack-UQ9k6[data-align-regular=center]{align-items:center}.prc-Stack-Stack-UQ9k6[data-align-regular=end]{align-items:flex-end}.prc-Stack-Stack-UQ9k6[data-align-regular=baseline]{align-items:baseline}.prc-Stack-Stack-UQ9k6[data-justify-regular=start]{justify-content:flex-start}.prc-Stack-Stack-UQ9k6[data-justify-regular=center]{justify-content:center}.prc-Stack-Stack-UQ9k6[data-justify-regular=end]{justify-content:flex-end}.prc-Stack-Stack-UQ9k6[data-justify-regular=space-between]{justify-content:space-between}.prc-Stack-Stack-UQ9k6[data-justify-regular=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-UQ9k6[data-wrap-regular=wrap]{flex-wrap:wrap}.prc-Stack-Stack-UQ9k6[data-wrap-regular=nowrap]{flex-wrap:nowrap}.prc-Stack-Stack-UQ9k6[data-padding-block-regular=none]{padding-block:0}.prc-Stack-Stack-UQ9k6[data-padding-block-regular=tight]{padding-block:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-regular=condensed]{padding-block:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-regular=cozy]{padding-block:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-regular=normal]{padding-block:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-regular=spacious]{padding-block:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-regular=none]{padding-inline:0}.prc-Stack-Stack-UQ9k6[data-padding-inline-regular=tight]{padding-inline:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-regular=condensed]{padding-inline:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-regular=cozy]{padding-inline:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-regular=normal]{padding-inline:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-regular=spacious]{padding-inline:var(--stack-padding-spacious,1.5rem)}}@media (min-width:87.5rem){.prc-Stack-Stack-UQ9k6[data-padding-wide=none]{padding-block:0;padding-inline:0}.prc-Stack-Stack-UQ9k6[data-padding-wide=tight]{padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-wide=condensed]{padding-block:var(--stack-padding-condensed,.5rem);padding-inline:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-wide=cozy]{padding-block:var(--base-size-12,.75rem);padding-inline:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-wide=normal]{padding-block:var(--stack-padding-normal,1rem);padding-inline:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-wide=spacious]{padding-block:var(--stack-padding-spacious,1.5rem);padding-inline:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-direction-wide=horizontal]{flex-flow:row}.prc-Stack-Stack-UQ9k6[data-direction-wide=vertical]{flex-flow:column}.prc-Stack-Stack-UQ9k6[data-gap-wide=none]{--stack-gap:0}.prc-Stack-Stack-UQ9k6[data-gap-wide=tight]{--stack-gap:var(--base-size-4,0.25rem)}.prc-Stack-Stack-UQ9k6[data-gap-wide=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-UQ9k6[data-gap-wide=cozy]{--stack-gap:var(--base-size-12,0.75rem)}.prc-Stack-Stack-UQ9k6[data-gap-wide=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-gap-wide=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-align-wide=start]{align-items:flex-start}.prc-Stack-Stack-UQ9k6[data-align-wide=center]{align-items:center}.prc-Stack-Stack-UQ9k6[data-align-wide=end]{align-items:flex-end}.prc-Stack-Stack-UQ9k6[data-align-wide=baseline]{align-items:baseline}.prc-Stack-Stack-UQ9k6[data-justify-wide=start]{justify-content:flex-start}.prc-Stack-Stack-UQ9k6[data-justify-wide=center]{justify-content:center}.prc-Stack-Stack-UQ9k6[data-justify-wide=end]{justify-content:flex-end}.prc-Stack-Stack-UQ9k6[data-justify-wide=space-between]{justify-content:space-between}.prc-Stack-Stack-UQ9k6[data-justify-wide=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-UQ9k6[data-wrap-wide=wrap]{flex-wrap:wrap}.prc-Stack-Stack-UQ9k6[data-wrap-wide=nowrap]{flex-wrap:nowrap}.prc-Stack-Stack-UQ9k6[data-padding-block-wide=none]{padding-block:0}.prc-Stack-Stack-UQ9k6[data-padding-block-wide=tight]{padding-block:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-wide=condensed]{padding-block:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-wide=cozy]{padding-block:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-wide=normal]{padding-block:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-block-wide=spacious]{padding-block:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-wide=none]{padding-inline:0}.prc-Stack-Stack-UQ9k6[data-padding-inline-wide=tight]{padding-inline:var(--base-size-4,.25rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-wide=condensed]{padding-inline:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-wide=cozy]{padding-inline:var(--base-size-12,.75rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-wide=normal]{padding-inline:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-inline-wide=spacious]{padding-inline:var(--stack-padding-spacious,1.5rem)}}.prc-Stack-StackItem-TzbLx{flex:0 1 auto;min-inline-size:0}.prc-Stack-StackItem-TzbLx[data-shrink-narrow=false],.prc-Stack-StackItem-TzbLx[data-shrink=false]{flex-shrink:0}.prc-Stack-StackItem-TzbLx[data-grow-narrow=true],.prc-Stack-StackItem-TzbLx[data-grow=true]{flex-grow:1}@media (min-width:48rem){.prc-Stack-StackItem-TzbLx[data-grow-regular=true]{flex-grow:1}.prc-Stack-StackItem-TzbLx[data-grow-regular=false]{flex-grow:0}.prc-Stack-StackItem-TzbLx[data-shrink-regular=true]{flex-shrink:1}.prc-Stack-StackItem-TzbLx[data-shrink-regular=false]{flex-shrink:0}}@media (min-width:87.5rem){.prc-Stack-StackItem-TzbLx[data-grow-wide=true]{flex-grow:1}.prc-Stack-StackItem-TzbLx[data-grow-wide=false]{flex-grow:0}.prc-Stack-StackItem-TzbLx[data-shrink-wide=true]{flex-shrink:1}.prc-Stack-StackItem-TzbLx[data-shrink-wide=false]{flex-shrink:0}}
+/*# sourceMappingURL=Stack-58c33984.css.map */

package/dist/Stack/Stack-58c33984.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Stack/Stack.module.css.js"],"names":[],"mappings":"AAAA,uBAIE,wBAAyB,CADzB,mBAAoB,CAFpB,YAAa,CACb,gBAAiB,CAGjB,iDA4hBF,CA1hBE,2FAEE,eAAgB,CAChB,gBACF,CAEA,6FAEE,uCAAiC,CACjC,wCACF,CAEA,qGAGE,kDAA6C,CAE7C,mDACF,CAEA,2FAEE,wCAAkC,CAClC,yCACF,CAEA,+FAGE,8CAA0C,CAE1C,+CACF,CAEA,mGAGE,kDAA4C,CAE5C,mDACF,CAEA,2GAEE,aACF,CAEA,uGAEE,gBACF,CAEA,mFAEE,aACF,CAEA,qFAEE,sCACF,CAEA,6FAEE,6CACF,CAEA,mFAEE,uCACF,CAEA,uFAEE,wCACF,CAEA,2FAEE,4CACF,CAEA,yFAEE,sBACF,CAEA,2FAEE,kBACF,CAEA,qFAEE,oBACF,CAEA,+FAEE,oBACF,CAEA,6FAEE,0BACF,CAEA,+FAEE,sBACF,CAEA,yFAEE,wBACF,CAEA,6GAEE,6BACF,CAEA,2GAEE,4BACF,CAEA,qFAEE,cACF,CAEA,yFAEE,gBACF,CAEA,uGAEE,eACF,CAEA,yGAEE,uCACF,CAEA,iHAGE,kDACF,CAEA,uGAEE,wCACF,CAEA,2GAGE,8CACF,CAEA,+GAGE,kDACF,CAEA,yGAEE,gBACF,CAEA,2GAEE,wCACF,CAEA,mHAGE,mDACF,CAEA,yGAEE,yCACF,CAEA,6GAGE,+CACF,CAEA,iHAGE,mDACF,CAEA,yBACE,kDACE,eAAgB,CAChB,gBACF,CAEA,mDACE,uCAAiC,CACjC,wCACF,CAEA,uDAEE,kDAA6C,CAE7C,mDACF,CAEA,kDACE,wCAAkC,CAClC,yCACF,CAEA,oDAEE,8CAA0C,CAE1C,+CACF,CAEA,sDAEE,kDAA4C,CAE5C,mDACF,CAEA,0DACE,aACF,CAEA,wDACE,gBACF,CAEA,8CACE,aACF,CAEA,+CACE,sCACF,CAEA,mDACE,6CACF,CAEA,8CACE,uCACF,CAEA,gDACE,wCACF,CAEA,kDACE,4CACF,CAEA,iDACE,sBACF,CAEA,kDACE,kBACF,CAEA,+CACE,oBACF,CAEA,oDACE,oBACF,CAEA,mDACE,0BACF,CAEA,oDACE,sBACF,CAEA,iDACE,wBACF,CAEA,2DACE,6BACF,CAEA,0DACE,4BACF,CAEA,+CACE,cACF,CAEA,iDACE,gBACF,CAEA,wDACE,eACF,CAEA,yDACE,uCACF,CAEA,6DAEE,kDACF,CAEA,wDACE,wCACF,CAEA,0DAEE,8CACF,CAEA,4DAEE,kDACF,CAEA,yDACE,gBACF,CAEA,0DACE,wCACF,CAEA,8DAEE,mDACF,CAEA,yDACE,yCACF,CAEA,2DAEE,+CACF,CAEA,6DAEE,mDACF,CACF,CAEA,2BACE,+CACE,eAAgB,CAChB,gBACF,CAEA,gDACE,uCAAiC,CACjC,wCACF,CAEA,oDAEE,kDAA6C,CAE7C,mDACF,CAEA,+CACE,wCAAkC,CAClC,yCACF,CAEA,iDAEE,8CAA0C,CAE1C,+CACF,CAEA,mDAEE,kDAA4C,CAE5C,mDACF,CAEA,uDACE,aACF,CAEA,qDACE,gBACF,CAEA,2CACE,aACF,CAEA,4CACE,sCACF,CAEA,gDACE,6CACF,CAEA,2CACE,uCACF,CAEA,6CACE,wCACF,CAEA,+CACE,4CACF,CAEA,8CACE,sBACF,CAEA,+CACE,kBACF,CAEA,4CACE,oBACF,CAEA,iDACE,oBACF,CAEA,gDACE,0BACF,CAEA,iDACE,sBACF,CAEA,8CACE,wBACF,CAEA,wDACE,6BACF,CAEA,uDACE,4BACF,CAEA,4CACE,cACF,CAEA,8CACE,gBACF,CAEA,qDACE,eACF,CAEA,sDACE,uCACF,CAEA,0DAEE,kDACF,CAEA,qDACE,wCACF,CAEA,uDAEE,8CACF,CAEA,yDAEE,kDACF,CAEA,sDACE,gBACF,CAEA,uDACE,wCACF,CAEA,2DAEE,mDACF,CAEA,sDACE,yCACF,CAEA,wDAEE,+CACF,CAEA,0DAEE,mDACF,CACF,CAGF,2BACE,aAAc,CACd,iBA+CF,CA7CE,mGAEE,aACF,CAEA,6FAEE,WACF,CAEA,yBACE,mDACE,WACF,CAEA,oDACE,WACF,CAEA,qDACE,aACF,CAEA,sDACE,aACF,CACF,CAEA,2BACE,gDACE,WACF,CAEA,iDACE,WACF,CAEA,kDACE,aACF,CAEA,mDACE,aACF,CACF","file":"Stack-58c33984.css","sourcesContent":[".Stack {\n  display: flex;\n  flex-flow: column;\n  align-items: stretch;\n  align-content: flex-start;\n  gap: var(--stack-gap, var(--stack-gap-normal));\n\n  &[data-padding='none'],\n  &[data-padding-narrow='none'] {\n    padding-block: 0;\n    padding-inline: 0;\n  }\n\n  &[data-padding='tight'],\n  &[data-padding-narrow='tight'] {\n    padding-block: var(--base-size-4);\n    padding-inline: var(--base-size-4);\n  }\n\n  &[data-padding='condensed'],\n  &[data-padding-narrow='condensed'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-block: var(--stack-padding-condensed);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-inline: var(--stack-padding-condensed);\n  }\n\n  &[data-padding='cozy'],\n  &[data-padding-narrow='cozy'] {\n    padding-block: var(--base-size-12);\n    padding-inline: var(--base-size-12);\n  }\n\n  &[data-padding='normal'],\n  &[data-padding-narrow='normal'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-block: var(--stack-padding-normal);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-inline: var(--stack-padding-normal);\n  }\n\n  &[data-padding='spacious'],\n  &[data-padding-narrow='spacious'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-block: var(--stack-padding-spacious);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-inline: var(--stack-padding-spacious);\n  }\n\n  &[data-direction='horizontal'],\n  &[data-direction-narrow='horizontal'] {\n    flex-flow: row;\n  }\n\n  &[data-direction='vertical'],\n  &[data-direction-narrow='vertical'] {\n    flex-flow: column;\n  }\n\n  &[data-gap='none'],\n  &[data-gap-narrow='none'] {\n    --stack-gap: 0;\n  }\n\n  &[data-gap='tight'],\n  &[data-gap-narrow='tight'] {\n    --stack-gap: var(--base-size-4);\n  }\n\n  &[data-gap='condensed'],\n  &[data-gap-narrow='condensed'] {\n    --stack-gap: var(--stack-gap-condensed);\n  }\n\n  &[data-gap='cozy'],\n  &[data-gap-narrow='cozy'] {\n    --stack-gap: var(--base-size-12);\n  }\n\n  &[data-gap='normal'],\n  &[data-gap-narrow='normal'] {\n    --stack-gap: var(--stack-gap-normal);\n  }\n\n  &[data-gap='spacious'],\n  &[data-gap-narrow='spacious'] {\n    --stack-gap: var(--stack-gap-spacious);\n  }\n\n  &[data-align='start'],\n  &[data-align-narrow='start'] {\n    align-items: flex-start;\n  }\n\n  &[data-align='center'],\n  &[data-align-narrow='center'] {\n    align-items: center;\n  }\n\n  &[data-align='end'],\n  &[data-align-narrow='end'] {\n    align-items: flex-end;\n  }\n\n  &[data-align='baseline'],\n  &[data-align-narrow='baseline'] {\n    align-items: baseline;\n  }\n\n  &[data-justify='start'],\n  &[data-justify-narrow='start'] {\n    justify-content: flex-start;\n  }\n\n  &[data-justify='center'],\n  &[data-justify-narrow='center'] {\n    justify-content: center;\n  }\n\n  &[data-justify='end'],\n  &[data-justify-narrow='end'] {\n    justify-content: flex-end;\n  }\n\n  &[data-justify='space-between'],\n  &[data-justify-narrow='space-between'] {\n    justify-content: space-between;\n  }\n\n  &[data-justify='space-evenly'],\n  &[data-justify-narrow='space-evenly'] {\n    justify-content: space-evenly;\n  }\n\n  &[data-wrap='wrap'],\n  &[data-wrap-narrow='wrap'] {\n    flex-wrap: wrap;\n  }\n\n  &[data-wrap='nowrap'],\n  &[data-wrap-narrow='nowrap'] {\n    flex-wrap: nowrap;\n  }\n\n  &[data-padding-block='none'],\n  &[data-padding-block-narrow='none'] {\n    padding-block: 0;\n  }\n\n  &[data-padding-block='tight'],\n  &[data-padding-block-narrow='tight'] {\n    padding-block: var(--base-size-4);\n  }\n\n  &[data-padding-block='condensed'],\n  &[data-padding-block-narrow='condensed'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-block: var(--stack-padding-condensed);\n  }\n\n  &[data-padding-block='cozy'],\n  &[data-padding-block-narrow='cozy'] {\n    padding-block: var(--base-size-12);\n  }\n\n  &[data-padding-block='normal'],\n  &[data-padding-block-narrow='normal'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-block: var(--stack-padding-normal);\n  }\n\n  &[data-padding-block='spacious'],\n  &[data-padding-block-narrow='spacious'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-block: var(--stack-padding-spacious);\n  }\n\n  &[data-padding-inline='none'],\n  &[data-padding-inline-narrow='none'] {\n    padding-inline: 0;\n  }\n\n  &[data-padding-inline='tight'],\n  &[data-padding-inline-narrow='tight'] {\n    padding-inline: var(--base-size-4);\n  }\n\n  &[data-padding-inline='condensed'],\n  &[data-padding-inline-narrow='condensed'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-inline: var(--stack-padding-condensed);\n  }\n\n  &[data-padding-inline='cozy'],\n  &[data-padding-inline-narrow='cozy'] {\n    padding-inline: var(--base-size-12);\n  }\n\n  &[data-padding-inline='normal'],\n  &[data-padding-inline-narrow='normal'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-inline: var(--stack-padding-normal);\n  }\n\n  &[data-padding-inline='spacious'],\n  &[data-padding-inline-narrow='spacious'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-inline: var(--stack-padding-spacious);\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-padding-regular='none'] {\n      padding-block: 0;\n      padding-inline: 0;\n    }\n\n    &[data-padding-regular='tight'] {\n      padding-block: var(--base-size-4);\n      padding-inline: var(--base-size-4);\n    }\n\n    &[data-padding-regular='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-condensed);\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-regular='cozy'] {\n      padding-block: var(--base-size-12);\n      padding-inline: var(--base-size-12);\n    }\n\n    &[data-padding-regular='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-normal);\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-normal);\n    }\n\n    &[data-padding-regular='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-spacious);\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-spacious);\n    }\n\n    &[data-direction-regular='horizontal'] {\n      flex-flow: row;\n    }\n\n    &[data-direction-regular='vertical'] {\n      flex-flow: column;\n    }\n\n    &[data-gap-regular='none'] {\n      --stack-gap: 0;\n    }\n\n    &[data-gap-regular='tight'] {\n      --stack-gap: var(--base-size-4);\n    }\n\n    &[data-gap-regular='condensed'] {\n      --stack-gap: var(--stack-gap-condensed);\n    }\n\n    &[data-gap-regular='cozy'] {\n      --stack-gap: var(--base-size-12);\n    }\n\n    &[data-gap-regular='normal'] {\n      --stack-gap: var(--stack-gap-normal);\n    }\n\n    &[data-gap-regular='spacious'] {\n      --stack-gap: var(--stack-gap-spacious);\n    }\n\n    &[data-align-regular='start'] {\n      align-items: flex-start;\n    }\n\n    &[data-align-regular='center'] {\n      align-items: center;\n    }\n\n    &[data-align-regular='end'] {\n      align-items: flex-end;\n    }\n\n    &[data-align-regular='baseline'] {\n      align-items: baseline;\n    }\n\n    &[data-justify-regular='start'] {\n      justify-content: flex-start;\n    }\n\n    &[data-justify-regular='center'] {\n      justify-content: center;\n    }\n\n    &[data-justify-regular='end'] {\n      justify-content: flex-end;\n    }\n\n    &[data-justify-regular='space-between'] {\n      justify-content: space-between;\n    }\n\n    &[data-justify-regular='space-evenly'] {\n      justify-content: space-evenly;\n    }\n\n    &[data-wrap-regular='wrap'] {\n      flex-wrap: wrap;\n    }\n\n    &[data-wrap-regular='nowrap'] {\n      flex-wrap: nowrap;\n    }\n\n    &[data-padding-block-regular='none'] {\n      padding-block: 0;\n    }\n\n    &[data-padding-block-regular='tight'] {\n      padding-block: var(--base-size-4);\n    }\n\n    &[data-padding-block-regular='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-block-regular='cozy'] {\n      padding-block: var(--base-size-12);\n    }\n\n    &[data-padding-block-regular='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-normal);\n    }\n\n    &[data-padding-block-regular='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-spacious);\n    }\n\n    &[data-padding-inline-regular='none'] {\n      padding-inline: 0;\n    }\n\n    &[data-padding-inline-regular='tight'] {\n      padding-inline: var(--base-size-4);\n    }\n\n    &[data-padding-inline-regular='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-inline-regular='cozy'] {\n      padding-inline: var(--base-size-12);\n    }\n\n    &[data-padding-inline-regular='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-normal);\n    }\n\n    &[data-padding-inline-regular='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-spacious);\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-padding-wide='none'] {\n      padding-block: 0;\n      padding-inline: 0;\n    }\n\n    &[data-padding-wide='tight'] {\n      padding-block: var(--base-size-4);\n      padding-inline: var(--base-size-4);\n    }\n\n    &[data-padding-wide='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-condensed);\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-wide='cozy'] {\n      padding-block: var(--base-size-12);\n      padding-inline: var(--base-size-12);\n    }\n\n    &[data-padding-wide='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-normal);\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-normal);\n    }\n\n    &[data-padding-wide='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-spacious);\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-spacious);\n    }\n\n    &[data-direction-wide='horizontal'] {\n      flex-flow: row;\n    }\n\n    &[data-direction-wide='vertical'] {\n      flex-flow: column;\n    }\n\n    &[data-gap-wide='none'] {\n      --stack-gap: 0;\n    }\n\n    &[data-gap-wide='tight'] {\n      --stack-gap: var(--base-size-4);\n    }\n\n    &[data-gap-wide='condensed'] {\n      --stack-gap: var(--stack-gap-condensed);\n    }\n\n    &[data-gap-wide='cozy'] {\n      --stack-gap: var(--base-size-12);\n    }\n\n    &[data-gap-wide='normal'] {\n      --stack-gap: var(--stack-gap-normal);\n    }\n\n    &[data-gap-wide='spacious'] {\n      --stack-gap: var(--stack-gap-spacious);\n    }\n\n    &[data-align-wide='start'] {\n      align-items: flex-start;\n    }\n\n    &[data-align-wide='center'] {\n      align-items: center;\n    }\n\n    &[data-align-wide='end'] {\n      align-items: flex-end;\n    }\n\n    &[data-align-wide='baseline'] {\n      align-items: baseline;\n    }\n\n    &[data-justify-wide='start'] {\n      justify-content: flex-start;\n    }\n\n    &[data-justify-wide='center'] {\n      justify-content: center;\n    }\n\n    &[data-justify-wide='end'] {\n      justify-content: flex-end;\n    }\n\n    &[data-justify-wide='space-between'] {\n      justify-content: space-between;\n    }\n\n    &[data-justify-wide='space-evenly'] {\n      justify-content: space-evenly;\n    }\n\n    &[data-wrap-wide='wrap'] {\n      flex-wrap: wrap;\n    }\n\n    &[data-wrap-wide='nowrap'] {\n      flex-wrap: nowrap;\n    }\n\n    &[data-padding-block-wide='none'] {\n      padding-block: 0;\n    }\n\n    &[data-padding-block-wide='tight'] {\n      padding-block: var(--base-size-4);\n    }\n\n    &[data-padding-block-wide='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-block-wide='cozy'] {\n      padding-block: var(--base-size-12);\n    }\n\n    &[data-padding-block-wide='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-normal);\n    }\n\n    &[data-padding-block-wide='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: var(--stack-padding-spacious);\n    }\n\n    &[data-padding-inline-wide='none'] {\n      padding-inline: 0;\n    }\n\n    &[data-padding-inline-wide='tight'] {\n      padding-inline: var(--base-size-4);\n    }\n\n    &[data-padding-inline-wide='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-inline-wide='cozy'] {\n      padding-inline: var(--base-size-12);\n    }\n\n    &[data-padding-inline-wide='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-normal);\n    }\n\n    &[data-padding-inline-wide='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--stack-padding-spacious);\n    }\n  }\n}\n\n.StackItem {\n  flex: 0 1 auto;\n  min-inline-size: 0;\n\n  &[data-shrink='false'],\n  &[data-shrink-narrow='false'] {\n    flex-shrink: 0;\n  }\n\n  &[data-grow='true'],\n  &[data-grow-narrow='true'] {\n    flex-grow: 1;\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-grow-regular='true'] {\n      flex-grow: 1;\n    }\n\n    &[data-grow-regular='false'] {\n      flex-grow: 0;\n    }\n\n    &[data-shrink-regular='true'] {\n      flex-shrink: 1;\n    }\n\n    &[data-shrink-regular='false'] {\n      flex-shrink: 0;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-grow-wide='true'] {\n      flex-grow: 1;\n    }\n\n    &[data-grow-wide='false'] {\n      flex-grow: 0;\n    }\n\n    &[data-shrink-wide='true'] {\n      flex-shrink: 1;\n    }\n\n    &[data-shrink-wide='false'] {\n      flex-shrink: 0;\n    }\n  }\n}\n"]}

package/dist/Stack/Stack.d.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 import { type ElementType } from 'react';
 import type { ResponsiveValue } from '../hooks/useResponsiveValue';
 import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-type GapScale = 'none' | 'condensed' | 'normal' | 'spacious';
+type GapScale = 'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious';
 type Gap = GapScale | ResponsiveValue<GapScale>;
 type DirectionScale = 'horizontal' | 'vertical';
 type Direction = DirectionScale | ResponsiveValue<DirectionScale>;
@@ -12,7 +12,7 @@ type WrapScale = 'wrap' | 'nowrap';
 type Wrap = WrapScale | ResponsiveValue<WrapScale>;
 type JustifyScale = 'start' | 'center' | 'end' | 'space-between' | 'space-evenly';
 type Justify = JustifyScale | ResponsiveValue<JustifyScale>;
-type PaddingScale = 'none' | 'condensed' | 'normal' | 'spacious';
+type PaddingScale = 'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious';
 type Padding = PaddingScale | ResponsiveValue<PaddingScale>;
 type StackProps<As> = React.PropsWithChildren<{
     /**
@@ -48,6 +48,16 @@ type StackProps<As> = React.PropsWithChildren<{
      * @default none
      */
     padding?: Padding;
+    /**
+     * Specify the block (vertical) padding of the stack container.
+     * Overrides the block axis of `padding` when both are set.
+     */
+    paddingBlock?: Padding;
+    /**
+     * Specify the inline (horizontal) padding of the stack container.
+     * Overrides the inline axis of `padding` when both are set.
+     */
+    paddingInline?: Padding;
     className?: string;
 }>;
 declare const Stack: PolymorphicForwardRefComponent<ElementType, StackProps<ElementType>>;

package/dist/Stack/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,WAAW,EAAC,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,KAAK,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAC5D,KAAK,GAAG,GAAG,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;AAE/C,KAAK,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAC/C,KAAK,SAAS,GAAG,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,CAAA;AAEjE,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAA;AACrE,KAAK,KAAK,GAAG,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;AAErD,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;AAClC,KAAK,IAAI,GAAG,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;AAElD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,CAAA;AACjF,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAChE,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAC5C;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAA;IAET;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,KAAK,EAgCN,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAEzE,KAAK,cAAc,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAEzC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,SAAS,EAYT,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAE1E,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAA;AACzB,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,CAAA"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,WAAW,EAAC,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAC/E,KAAK,GAAG,GAAG,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;AAE/C,KAAK,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAC/C,KAAK,SAAS,GAAG,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,CAAA;AAEjE,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAA;AACrE,KAAK,KAAK,GAAG,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;AAErD,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;AAClC,KAAK,IAAI,GAAG,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;AAElD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,CAAA;AACjF,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AACnF,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAC5C;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAA;IAET;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,KAAK,EAoCN,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAEzE,KAAK,cAAc,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAEzC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,SAAS,EAYT,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAE1E,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAA;AACzB,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,CAAA"}

package/dist/Stack/Stack.js

@@ -6,10 +6,12 @@ import { clsx } from 'clsx';
 import { jsx } from 'react/jsx-runtime';
 
 const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(37);
+  const $ = c(45);
   let children;
   let className;
   let gap;
+  let paddingBlock;
+  let paddingInline;
   let rest;
   let t1;
   let t2;
@@ -26,6 +28,8 @@ const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
       gap,
       justify: t4,
       padding: t5,
+      paddingBlock,
+      paddingInline,
       wrap: t6,
       className,
       ...rest
@@ -34,24 +38,28 @@ const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     $[1] = children;
     $[2] = className;
     $[3] = gap;
-    $[4] = rest;
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-    $[9] = t5;
-    $[10] = t6;
+    $[4] = paddingBlock;
+    $[5] = paddingInline;
+    $[6] = rest;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
   } else {
     children = $[1];
     className = $[2];
     gap = $[3];
-    rest = $[4];
-    t1 = $[5];
-    t2 = $[6];
-    t3 = $[7];
-    t4 = $[8];
-    t5 = $[9];
-    t6 = $[10];
+    paddingBlock = $[4];
+    paddingInline = $[5];
+    rest = $[6];
+    t1 = $[7];
+    t2 = $[8];
+    t3 = $[9];
+    t4 = $[10];
+    t5 = $[11];
+    t6 = $[12];
   }
   const Component = t1 === undefined ? "div" : t1;
   const align = t2 === undefined ? "stretch" : t2;
@@ -60,64 +68,80 @@ const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   const padding = t5 === undefined ? "none" : t5;
   const wrap = t6 === undefined ? "nowrap" : t6;
   let t7;
-  if ($[11] !== className) {
+  if ($[13] !== className) {
     t7 = clsx(className, classes.Stack);
-    $[11] = className;
-    $[12] = t7;
+    $[13] = className;
+    $[14] = t7;
   } else {
-    t7 = $[12];
+    t7 = $[14];
   }
   let t8;
-  if ($[13] !== gap) {
+  if ($[15] !== gap) {
     t8 = getResponsiveAttributes("gap", gap);
-    $[13] = gap;
-    $[14] = t8;
+    $[15] = gap;
+    $[16] = t8;
   } else {
-    t8 = $[14];
+    t8 = $[16];
   }
   let t9;
-  if ($[15] !== direction) {
+  if ($[17] !== direction) {
     t9 = getResponsiveAttributes("direction", direction);
-    $[15] = direction;
-    $[16] = t9;
+    $[17] = direction;
+    $[18] = t9;
   } else {
-    t9 = $[16];
+    t9 = $[18];
   }
   let t10;
-  if ($[17] !== align) {
+  if ($[19] !== align) {
     t10 = getResponsiveAttributes("align", align);
-    $[17] = align;
-    $[18] = t10;
+    $[19] = align;
+    $[20] = t10;
   } else {
-    t10 = $[18];
+    t10 = $[20];
   }
   let t11;
-  if ($[19] !== wrap) {
+  if ($[21] !== wrap) {
     t11 = getResponsiveAttributes("wrap", wrap);
-    $[19] = wrap;
-    $[20] = t11;
+    $[21] = wrap;
+    $[22] = t11;
   } else {
-    t11 = $[20];
+    t11 = $[22];
   }
   let t12;
-  if ($[21] !== justify) {
+  if ($[23] !== justify) {
     t12 = getResponsiveAttributes("justify", justify);
-    $[21] = justify;
-    $[22] = t12;
+    $[23] = justify;
+    $[24] = t12;
   } else {
-    t12 = $[22];
+    t12 = $[24];
   }
   let t13;
-  if ($[23] !== padding) {
+  if ($[25] !== padding) {
     t13 = getResponsiveAttributes("padding", padding);
-    $[23] = padding;
-    $[24] = t13;
+    $[25] = padding;
+    $[26] = t13;
   } else {
-    t13 = $[24];
+    t13 = $[26];
   }
   let t14;
-  if ($[25] !== Component || $[26] !== children || $[27] !== forwardedRef || $[28] !== rest || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t13 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
-    t14 = /*#__PURE__*/jsx(Component, {
+  if ($[27] !== paddingBlock) {
+    t14 = getResponsiveAttributes("padding-block", paddingBlock);
+    $[27] = paddingBlock;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  let t15;
+  if ($[29] !== paddingInline) {
+    t15 = getResponsiveAttributes("padding-inline", paddingInline);
+    $[29] = paddingInline;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  let t16;
+  if ($[31] !== Component || $[32] !== children || $[33] !== forwardedRef || $[34] !== rest || $[35] !== t10 || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t15 || $[41] !== t7 || $[42] !== t8 || $[43] !== t9) {
+    t16 = /*#__PURE__*/jsx(Component, {
       ref: forwardedRef,
       ...rest,
       className: t7,
@@ -127,24 +151,28 @@ const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
       ...t11,
       ...t12,
       ...t13,
+      ...t14,
+      ...t15,
       children: children
     });
-    $[25] = Component;
-    $[26] = children;
-    $[27] = forwardedRef;
-    $[28] = rest;
-    $[29] = t10;
-    $[30] = t11;
-    $[31] = t12;
-    $[32] = t13;
-    $[33] = t7;
-    $[34] = t8;
-    $[35] = t9;
-    $[36] = t14;
-  } else {
-    t14 = $[36];
-  }
-  return t14;
+    $[31] = Component;
+    $[32] = children;
+    $[33] = forwardedRef;
+    $[34] = rest;
+    $[35] = t10;
+    $[36] = t11;
+    $[37] = t12;
+    $[38] = t13;
+    $[39] = t14;
+    $[40] = t15;
+    $[41] = t7;
+    $[42] = t8;
+    $[43] = t9;
+    $[44] = t16;
+  } else {
+    t16 = $[44];
+  }
+  return t16;
 });
 const StackItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   const $ = c(21);

package/dist/Stack/Stack.module.css.js

@@ -1,4 +1,4 @@
-import './Stack-9e7b935d.css';
+import './Stack-58c33984.css';
 
 var classes = {"Stack":"prc-Stack-Stack-UQ9k6","StackItem":"prc-Stack-StackItem-TzbLx"};
 

package/dist/hooks/useAnchoredPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnchoredPosition.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnchoredPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AAKvE,MAAM,WAAW,4BAA6B,SAAQ,OAAO,CAAC,gBAAgB,CAAC;IAC7E,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACpD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAA;CAClE;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,CAAC,EAAE,4BAA4B,EACvC,YAAY,GAAE,KAAK,CAAC,cAAmB,GACtC;IACD,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACnD,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACjD,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAA;CACrC,CA6EA"}
+{"version":3,"file":"useAnchoredPosition.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnchoredPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AA0BvE,MAAM,WAAW,4BAA6B,SAAQ,OAAO,CAAC,gBAAgB,CAAC;IAC7E,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACpD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAA;CAClE;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,CAAC,EAAE,4BAA4B,EACvC,YAAY,GAAE,KAAK,CAAC,cAAmB,GACtC;IACD,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACnD,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACjD,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAA;CACrC,CA4GA"}

package/dist/hooks/useAnchoredPosition.js

@@ -4,6 +4,26 @@ import { useProvidedRefOrCreate } from './useProvidedRefOrCreate.js';
 import { useResizeObserver } from './useResizeObserver.js';
 import useIsomorphicLayoutEffect from '../utils/useIsomorphicLayoutEffect.js';
 
+/**
+ * Returns all scrollable ancestor elements of the given element, plus the window.
+ * An element is scrollable if its computed overflow/overflow-x/overflow-y is
+ * 'auto', 'scroll', or 'overlay'.
+ */
+function getScrollableAncestors(element) {
+  const scrollables = [];
+  let current = element.parentElement;
+  while (current) {
+    const style = getComputedStyle(current);
+    const overflowY = style.overflowY;
+    const overflowX = style.overflowX;
+    if (/auto|scroll|overlay/.test(overflowY) || /auto|scroll|overlay/.test(overflowX)) {
+      scrollables.push(current);
+    }
+    current = current.parentElement;
+  }
+  scrollables.push(window);
+  return scrollables;
+}
 /**
  * Calculates the top and left values for an absolutely-positioned floating element
  * to be anchored to some anchor element. Returns refs for the floating element
@@ -76,6 +96,33 @@ function useAnchoredPosition(settings, dependencies = []) {
   useResizeObserver(updatePosition); // watches for changes in window size
   useResizeObserver(updatePosition, floatingElementRef); // watches for changes in floating element size
 
+  // Recalculate position when any scrollable ancestor of the anchor scrolls.
+  // Uses requestAnimationFrame to avoid layout thrashing during scroll.
+  React.useEffect(() => {
+    const anchorEl = anchorElementRef.current;
+    if (!anchorEl) return;
+    let rafId = null;
+    const handleScroll = () => {
+      if (rafId !== null) return;
+      rafId = requestAnimationFrame(() => {
+        rafId = null;
+        updatePosition();
+      });
+    };
+    const scrollables = getScrollableAncestors(anchorEl);
+    for (const scrollable of scrollables) {
+      // eslint-disable-next-line github/prefer-observers -- IntersectionObserver cannot detect continuous scroll position changes needed for repositioning
+      scrollable.addEventListener('scroll', handleScroll);
+    }
+    return () => {
+      for (const scrollable of scrollables) {
+        scrollable.removeEventListener('scroll', handleScroll);
+      }
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+      }
+    };
+  }, [anchorElementRef, updatePosition]);
   return {
     floatingElementRef,
     anchorElementRef,

package/generated/components.json

@@ -7009,6 +7009,18 @@
           "id": "components-stack--default",
           "code": "() => (\n  <Stack>\n    <div\n      style={{\n        background: 'var(--display-lemon-bgColor-muted)',\n        borderRadius: 'var(--borderRadius-medium)',\n        padding: 'var(--base-size-8)',\n      }}\n    >\n      First\n    </div>\n    <div\n      style={{\n        background: 'var(--display-olive-bgColor-muted)',\n        borderRadius: 'var(--borderRadius-medium)',\n        padding: 'var(--base-size-8)',\n      }}\n    >\n      Second\n    </div>\n    <div\n      style={{\n        background: 'var(--display-lime-bgColor-muted)',\n        borderRadius: 'var(--borderRadius-medium)',\n        padding: 'var(--base-size-8)',\n      }}\n    >\n      Third\n    </div>\n  </Stack>\n)"
         },
+        {
+          "id": "components-stack-features--gap-scale",
+          "code": "() => (\n  <Stack gap=\"spacious\">\n    {(\n      ['none', 'tight', 'condensed', 'cozy', 'normal', 'spacious'] as const\n    ).map((gap) => (\n      <Stack key={gap}>\n        <span\n          style={{\n            fontSize: 'var(--text-body-size-small)',\n            color: 'var(--fgColor-muted)',\n          }}\n        >\n          gap=&quot;{gap}&quot;\n        </span>\n        <Stack direction=\"horizontal\" gap={gap}>\n          <Placeholder label=\"A\" />\n          <Placeholder label=\"B\" />\n          <Placeholder label=\"C\" />\n        </Stack>\n      </Stack>\n    ))}\n  </Stack>\n)"
+        },
+        {
+          "id": "components-stack-features--directional-padding",
+          "code": "() => (\n  <Stack gap=\"normal\">\n    <Stack\n      padding=\"normal\"\n      style={{\n        backgroundColor: 'var(--bgColor-muted)',\n      }}\n    >\n      <Placeholder label='padding=\"normal\" (all sides)' />\n    </Stack>\n    <Stack\n      padding=\"normal\"\n      paddingInline=\"spacious\"\n      style={{\n        backgroundColor: 'var(--bgColor-muted)',\n      }}\n    >\n      <Placeholder label='padding=\"normal\" paddingInline=\"spacious\"' />\n    </Stack>\n    <Stack\n      paddingBlock=\"condensed\"\n      paddingInline=\"spacious\"\n      style={{\n        backgroundColor: 'var(--bgColor-muted)',\n      }}\n    >\n      <Placeholder label='paddingBlock=\"condensed\" paddingInline=\"spacious\"' />\n    </Stack>\n  </Stack>\n)"
+        },
+        {
+          "id": "components-stack-features--padding-scale",
+          "code": "() => (\n  <Stack gap=\"spacious\">\n    {(\n      ['none', 'tight', 'condensed', 'cozy', 'normal', 'spacious'] as const\n    ).map((padding) => (\n      <Stack key={padding}>\n        <span\n          style={{\n            fontSize: 'var(--text-body-size-small)',\n            color: 'var(--fgColor-muted)',\n          }}\n        >\n          padding=&quot;{padding}&quot;\n        </span>\n        <Stack\n          padding={padding}\n          style={{\n            backgroundColor: 'var(--bgColor-muted)',\n          }}\n        >\n          <Placeholder label=\"Content\" />\n        </Stack>\n      </Stack>\n    ))}\n  </Stack>\n)"
+        },
         {
           "id": "components-stack-features--shrinking-stack-items",
           "code": "() => (\n  <div\n    style={{\n      maxWidth: '200px',\n      padding: 'var(--base-size-8)',\n    }}\n  >\n    <Stack direction=\"horizontal\" gap=\"condensed\">\n      <Stack.Item shrink={false}>\n        <ShieldLockIcon size=\"small\" />\n      </Stack.Item>\n      <Stack.Item>\n        This stack has the leading icon set to prevent shrinking\n      </Stack.Item>\n    </Stack>\n    <Stack direction=\"horizontal\" gap=\"condensed\">\n      <Stack.Item shrink={true}>\n        <ShieldLockIcon size=\"small\" />\n      </Stack.Item>\n      <Stack.Item>\n        This stack item does not have the icon set to prevent shrinking\n      </Stack.Item>\n    </Stack>\n  </div>\n)"
@@ -7018,7 +7030,7 @@
       "props": [
         {
           "name": "gap",
-          "type": "'none' | 'condensed' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'condensed' | 'normal' | 'spacious'>",
+          "type": "'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious'>",
           "description": "Specify the gap between children elements in the stack."
         },
         {
@@ -7043,9 +7055,19 @@
         },
         {
           "name": "padding",
-          "type": "'none' | 'condensed' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'condensed' | 'normal' | 'spacious'>",
+          "type": "'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious'>",
           "description": "Specify the padding of the stack container."
         },
+        {
+          "name": "paddingBlock",
+          "type": "'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious'>",
+          "description": "Specify the block (vertical) padding of the stack container. Overrides the block axis of padding when both are set."
+        },
+        {
+          "name": "paddingInline",
+          "type": "'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious'>",
+          "description": "Specify the inline (horizontal) padding of the stack container. Overrides the inline axis of padding when both are set."
+        },
         {
           "name": "className",
           "type": "string"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.19.0-rc.1448eb819",
+  "version": "38.19.0-rc.369db52c6",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/Stack/Stack-9e7b935d.css

@@ -1,2 +0,0 @@
-.prc-Stack-Stack-UQ9k6{align-content:flex-start;align-items:stretch;display:flex;flex-flow:column;gap:var(--stack-gap,var(--stack-gap-normal,1rem))}.prc-Stack-Stack-UQ9k6[data-padding-narrow=none],.prc-Stack-Stack-UQ9k6[data-padding=none]{padding:0}.prc-Stack-Stack-UQ9k6[data-padding-narrow=condensed],.prc-Stack-Stack-UQ9k6[data-padding=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-narrow=normal],.prc-Stack-Stack-UQ9k6[data-padding=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-narrow=spacious],.prc-Stack-Stack-UQ9k6[data-padding=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-direction-narrow=horizontal],.prc-Stack-Stack-UQ9k6[data-direction=horizontal]{flex-flow:row}.prc-Stack-Stack-UQ9k6[data-direction-narrow=vertical],.prc-Stack-Stack-UQ9k6[data-direction=vertical]{flex-flow:column}.prc-Stack-Stack-UQ9k6[data-gap-narrow=none],.prc-Stack-Stack-UQ9k6[data-gap=none]{--stack-gap:0}.prc-Stack-Stack-UQ9k6[data-gap-narrow=condensed],.prc-Stack-Stack-UQ9k6[data-gap=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-UQ9k6[data-gap-narrow=normal],.prc-Stack-Stack-UQ9k6[data-gap=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-gap-narrow=spacious],.prc-Stack-Stack-UQ9k6[data-gap=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-align-narrow=start],.prc-Stack-Stack-UQ9k6[data-align=start]{align-items:flex-start}.prc-Stack-Stack-UQ9k6[data-align-narrow=center],.prc-Stack-Stack-UQ9k6[data-align=center]{align-items:center}.prc-Stack-Stack-UQ9k6[data-align-narrow=end],.prc-Stack-Stack-UQ9k6[data-align=end]{align-items:flex-end}.prc-Stack-Stack-UQ9k6[data-align-narrow=baseline],.prc-Stack-Stack-UQ9k6[data-align=baseline]{align-items:baseline}.prc-Stack-Stack-UQ9k6[data-justify-narrow=start],.prc-Stack-Stack-UQ9k6[data-justify=start]{justify-content:flex-start}.prc-Stack-Stack-UQ9k6[data-justify-narrow=center],.prc-Stack-Stack-UQ9k6[data-justify=center]{justify-content:center}.prc-Stack-Stack-UQ9k6[data-justify-narrow=end],.prc-Stack-Stack-UQ9k6[data-justify=end]{justify-content:flex-end}.prc-Stack-Stack-UQ9k6[data-justify-narrow=space-between],.prc-Stack-Stack-UQ9k6[data-justify=space-between]{justify-content:space-between}.prc-Stack-Stack-UQ9k6[data-justify-narrow=space-evenly],.prc-Stack-Stack-UQ9k6[data-justify=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-UQ9k6[data-wrap-narrow=wrap],.prc-Stack-Stack-UQ9k6[data-wrap=wrap]{flex-wrap:wrap}.prc-Stack-Stack-UQ9k6[data-wrap-narrow=nowrap],.prc-Stack-Stack-UQ9k6[data-wrap=nowrap]{flex-wrap:nowrap}@media (min-width:48rem){.prc-Stack-Stack-UQ9k6[data-padding-regular=none]{padding:0}.prc-Stack-Stack-UQ9k6[data-padding-regular=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-regular=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-regular=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-direction-regular=horizontal]{flex-flow:row}.prc-Stack-Stack-UQ9k6[data-direction-regular=vertical]{flex-flow:column}.prc-Stack-Stack-UQ9k6[data-gap-regular=none]{--stack-gap:0}.prc-Stack-Stack-UQ9k6[data-gap-regular=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-UQ9k6[data-gap-regular=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-gap-regular=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-align-regular=start]{align-items:flex-start}.prc-Stack-Stack-UQ9k6[data-align-regular=center]{align-items:center}.prc-Stack-Stack-UQ9k6[data-align-regular=end]{align-items:flex-end}.prc-Stack-Stack-UQ9k6[data-align-regular=baseline]{align-items:baseline}.prc-Stack-Stack-UQ9k6[data-justify-regular=start]{justify-content:flex-start}.prc-Stack-Stack-UQ9k6[data-justify-regular=center]{justify-content:center}.prc-Stack-Stack-UQ9k6[data-justify-regular=end]{justify-content:flex-end}.prc-Stack-Stack-UQ9k6[data-justify-regular=space-between]{justify-content:space-between}.prc-Stack-Stack-UQ9k6[data-justify-regular=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-UQ9k6[data-wrap-regular=wrap]{flex-wrap:wrap}.prc-Stack-Stack-UQ9k6[data-wrap-regular=nowrap]{flex-wrap:nowrap}}@media (min-width:87.5rem){.prc-Stack-Stack-UQ9k6[data-padding-wide=none]{padding:0}.prc-Stack-Stack-UQ9k6[data-padding-wide=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-UQ9k6[data-padding-wide=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-padding-wide=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-direction-wide=horizontal]{flex-flow:row}.prc-Stack-Stack-UQ9k6[data-direction-wide=vertical]{flex-flow:column}.prc-Stack-Stack-UQ9k6[data-gap-wide=none]{--stack-gap:0}.prc-Stack-Stack-UQ9k6[data-gap-wide=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-UQ9k6[data-gap-wide=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-UQ9k6[data-gap-wide=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-UQ9k6[data-align-wide=start]{align-items:flex-start}.prc-Stack-Stack-UQ9k6[data-align-wide=center]{align-items:center}.prc-Stack-Stack-UQ9k6[data-align-wide=end]{align-items:flex-end}.prc-Stack-Stack-UQ9k6[data-align-wide=baseline]{align-items:baseline}.prc-Stack-Stack-UQ9k6[data-justify-wide=start]{justify-content:flex-start}.prc-Stack-Stack-UQ9k6[data-justify-wide=center]{justify-content:center}.prc-Stack-Stack-UQ9k6[data-justify-wide=end]{justify-content:flex-end}.prc-Stack-Stack-UQ9k6[data-justify-wide=space-between]{justify-content:space-between}.prc-Stack-Stack-UQ9k6[data-justify-wide=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-UQ9k6[data-wrap-wide=wrap]{flex-wrap:wrap}.prc-Stack-Stack-UQ9k6[data-wrap-wide=nowrap]{flex-wrap:nowrap}}.prc-Stack-StackItem-TzbLx{flex:0 1 auto;min-inline-size:0}.prc-Stack-StackItem-TzbLx[data-shrink-narrow=false],.prc-Stack-StackItem-TzbLx[data-shrink=false]{flex-shrink:0}.prc-Stack-StackItem-TzbLx[data-grow-narrow=true],.prc-Stack-StackItem-TzbLx[data-grow=true]{flex-grow:1}@media (min-width:48rem){.prc-Stack-StackItem-TzbLx[data-grow-regular=true]{flex-grow:1}.prc-Stack-StackItem-TzbLx[data-grow-regular=false]{flex-grow:0}.prc-Stack-StackItem-TzbLx[data-shrink-regular=true]{flex-shrink:1}.prc-Stack-StackItem-TzbLx[data-shrink-regular=false]{flex-shrink:0}}@media (min-width:87.5rem){.prc-Stack-StackItem-TzbLx[data-grow-wide=true]{flex-grow:1}.prc-Stack-StackItem-TzbLx[data-grow-wide=false]{flex-grow:0}.prc-Stack-StackItem-TzbLx[data-shrink-wide=true]{flex-shrink:1}.prc-Stack-StackItem-TzbLx[data-shrink-wide=false]{flex-shrink:0}}
-/*# sourceMappingURL=Stack-9e7b935d.css.map */

package/dist/Stack/Stack-9e7b935d.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Stack/Stack.module.css.js"],"names":[],"mappings":"AAAA,uBAIE,wBAAyB,CADzB,mBAAoB,CAFpB,YAAa,CACb,gBAAiB,CAGjB,iDA+RF,CA7RE,2FAEE,SACF,CAEA,qGAGE,4CACF,CAEA,+FAGE,wCACF,CAEA,mGAGE,4CACF,CAEA,2GAEE,aACF,CAEA,uGAEE,gBACF,CAEA,mFAEE,aACF,CAEA,6FAEE,6CACF,CAEA,uFAEE,wCACF,CAEA,2FAEE,4CACF,CAEA,yFAEE,sBACF,CAEA,2FAEE,kBACF,CAEA,qFAEE,oBACF,CAEA,+FAEE,oBACF,CAEA,6FAEE,0BACF,CAEA,+FAEE,sBACF,CAEA,yFAEE,wBACF,CAEA,6GAEE,6BACF,CAEA,2GAEE,4BACF,CAEA,qFAEE,cACF,CAEA,yFAEE,gBACF,CAEA,yBACE,kDACE,SACF,CAEA,uDAEE,4CACF,CAEA,oDAEE,wCACF,CAEA,sDAEE,4CACF,CAEA,0DACE,aACF,CAEA,wDACE,gBACF,CAEA,8CACE,aACF,CAEA,mDACE,6CACF,CAEA,gDACE,wCACF,CAEA,kDACE,4CACF,CAEA,iDACE,sBACF,CAEA,kDACE,kBACF,CAEA,+CACE,oBACF,CAEA,oDACE,oBACF,CAEA,mDACE,0BACF,CAEA,oDACE,sBACF,CAEA,iDACE,wBACF,CAEA,2DACE,6BACF,CAEA,0DACE,4BACF,CAEA,+CACE,cACF,CAEA,iDACE,gBACF,CACF,CAEA,2BACE,+CACE,SACF,CAEA,oDAEE,4CACF,CAEA,iDAEE,wCACF,CAEA,mDAEE,4CACF,CAEA,uDACE,aACF,CAEA,qDACE,gBACF,CAEA,2CACE,aACF,CAEA,gDACE,6CACF,CAEA,6CACE,wCACF,CAEA,+CACE,4CACF,CAEA,8CACE,sBACF,CAEA,+CACE,kBACF,CAEA,4CACE,oBACF,CAEA,iDACE,oBACF,CAEA,gDACE,0BACF,CAEA,iDACE,sBACF,CAEA,8CACE,wBACF,CAEA,wDACE,6BACF,CAEA,uDACE,4BACF,CAEA,4CACE,cACF,CAEA,8CACE,gBACF,CACF,CAGF,2BACE,aAAc,CACd,iBA+CF,CA7CE,mGAEE,aACF,CAEA,6FAEE,WACF,CAEA,yBACE,mDACE,WACF,CAEA,oDACE,WACF,CAEA,qDACE,aACF,CAEA,sDACE,aACF,CACF,CAEA,2BACE,gDACE,WACF,CAEA,iDACE,WACF,CAEA,kDACE,aACF,CAEA,mDACE,aACF,CACF","file":"Stack-9e7b935d.css","sourcesContent":[".Stack {\n  display: flex;\n  flex-flow: column;\n  align-items: stretch;\n  align-content: flex-start;\n  gap: var(--stack-gap, var(--stack-gap-normal));\n\n  &[data-padding='none'],\n  &[data-padding-narrow='none'] {\n    padding: 0;\n  }\n\n  &[data-padding='condensed'],\n  &[data-padding-narrow='condensed'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-condensed);\n  }\n\n  &[data-padding='normal'],\n  &[data-padding-narrow='normal'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-normal);\n  }\n\n  &[data-padding='spacious'],\n  &[data-padding-narrow='spacious'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-spacious);\n  }\n\n  &[data-direction='horizontal'],\n  &[data-direction-narrow='horizontal'] {\n    flex-flow: row;\n  }\n\n  &[data-direction='vertical'],\n  &[data-direction-narrow='vertical'] {\n    flex-flow: column;\n  }\n\n  &[data-gap='none'],\n  &[data-gap-narrow='none'] {\n    --stack-gap: 0;\n  }\n\n  &[data-gap='condensed'],\n  &[data-gap-narrow='condensed'] {\n    --stack-gap: var(--stack-gap-condensed);\n  }\n\n  &[data-gap='normal'],\n  &[data-gap-narrow='normal'] {\n    --stack-gap: var(--stack-gap-normal);\n  }\n\n  &[data-gap='spacious'],\n  &[data-gap-narrow='spacious'] {\n    --stack-gap: var(--stack-gap-spacious);\n  }\n\n  &[data-align='start'],\n  &[data-align-narrow='start'] {\n    align-items: flex-start;\n  }\n\n  &[data-align='center'],\n  &[data-align-narrow='center'] {\n    align-items: center;\n  }\n\n  &[data-align='end'],\n  &[data-align-narrow='end'] {\n    align-items: flex-end;\n  }\n\n  &[data-align='baseline'],\n  &[data-align-narrow='baseline'] {\n    align-items: baseline;\n  }\n\n  &[data-justify='start'],\n  &[data-justify-narrow='start'] {\n    justify-content: flex-start;\n  }\n\n  &[data-justify='center'],\n  &[data-justify-narrow='center'] {\n    justify-content: center;\n  }\n\n  &[data-justify='end'],\n  &[data-justify-narrow='end'] {\n    justify-content: flex-end;\n  }\n\n  &[data-justify='space-between'],\n  &[data-justify-narrow='space-between'] {\n    justify-content: space-between;\n  }\n\n  &[data-justify='space-evenly'],\n  &[data-justify-narrow='space-evenly'] {\n    justify-content: space-evenly;\n  }\n\n  &[data-wrap='wrap'],\n  &[data-wrap-narrow='wrap'] {\n    flex-wrap: wrap;\n  }\n\n  &[data-wrap='nowrap'],\n  &[data-wrap-narrow='nowrap'] {\n    flex-wrap: nowrap;\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-padding-regular='none'] {\n      padding: 0;\n    }\n\n    &[data-padding-regular='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-regular='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-normal);\n    }\n\n    &[data-padding-regular='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-spacious);\n    }\n\n    &[data-direction-regular='horizontal'] {\n      flex-flow: row;\n    }\n\n    &[data-direction-regular='vertical'] {\n      flex-flow: column;\n    }\n\n    &[data-gap-regular='none'] {\n      --stack-gap: 0;\n    }\n\n    &[data-gap-regular='condensed'] {\n      --stack-gap: var(--stack-gap-condensed);\n    }\n\n    &[data-gap-regular='normal'] {\n      --stack-gap: var(--stack-gap-normal);\n    }\n\n    &[data-gap-regular='spacious'] {\n      --stack-gap: var(--stack-gap-spacious);\n    }\n\n    &[data-align-regular='start'] {\n      align-items: flex-start;\n    }\n\n    &[data-align-regular='center'] {\n      align-items: center;\n    }\n\n    &[data-align-regular='end'] {\n      align-items: flex-end;\n    }\n\n    &[data-align-regular='baseline'] {\n      align-items: baseline;\n    }\n\n    &[data-justify-regular='start'] {\n      justify-content: flex-start;\n    }\n\n    &[data-justify-regular='center'] {\n      justify-content: center;\n    }\n\n    &[data-justify-regular='end'] {\n      justify-content: flex-end;\n    }\n\n    &[data-justify-regular='space-between'] {\n      justify-content: space-between;\n    }\n\n    &[data-justify-regular='space-evenly'] {\n      justify-content: space-evenly;\n    }\n\n    &[data-wrap-regular='wrap'] {\n      flex-wrap: wrap;\n    }\n\n    &[data-wrap-regular='nowrap'] {\n      flex-wrap: nowrap;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-padding-wide='none'] {\n      padding: 0;\n    }\n\n    &[data-padding-wide='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-wide='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-normal);\n    }\n\n    &[data-padding-wide='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-spacious);\n    }\n\n    &[data-direction-wide='horizontal'] {\n      flex-flow: row;\n    }\n\n    &[data-direction-wide='vertical'] {\n      flex-flow: column;\n    }\n\n    &[data-gap-wide='none'] {\n      --stack-gap: 0;\n    }\n\n    &[data-gap-wide='condensed'] {\n      --stack-gap: var(--stack-gap-condensed);\n    }\n\n    &[data-gap-wide='normal'] {\n      --stack-gap: var(--stack-gap-normal);\n    }\n\n    &[data-gap-wide='spacious'] {\n      --stack-gap: var(--stack-gap-spacious);\n    }\n\n    &[data-align-wide='start'] {\n      align-items: flex-start;\n    }\n\n    &[data-align-wide='center'] {\n      align-items: center;\n    }\n\n    &[data-align-wide='end'] {\n      align-items: flex-end;\n    }\n\n    &[data-align-wide='baseline'] {\n      align-items: baseline;\n    }\n\n    &[data-justify-wide='start'] {\n      justify-content: flex-start;\n    }\n\n    &[data-justify-wide='center'] {\n      justify-content: center;\n    }\n\n    &[data-justify-wide='end'] {\n      justify-content: flex-end;\n    }\n\n    &[data-justify-wide='space-between'] {\n      justify-content: space-between;\n    }\n\n    &[data-justify-wide='space-evenly'] {\n      justify-content: space-evenly;\n    }\n\n    &[data-wrap-wide='wrap'] {\n      flex-wrap: wrap;\n    }\n\n    &[data-wrap-wide='nowrap'] {\n      flex-wrap: nowrap;\n    }\n  }\n}\n\n.StackItem {\n  flex: 0 1 auto;\n  min-inline-size: 0;\n\n  &[data-shrink='false'],\n  &[data-shrink-narrow='false'] {\n    flex-shrink: 0;\n  }\n\n  &[data-grow='true'],\n  &[data-grow-narrow='true'] {\n    flex-grow: 1;\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-grow-regular='true'] {\n      flex-grow: 1;\n    }\n\n    &[data-grow-regular='false'] {\n      flex-grow: 0;\n    }\n\n    &[data-shrink-regular='true'] {\n      flex-shrink: 1;\n    }\n\n    &[data-shrink-regular='false'] {\n      flex-shrink: 0;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-grow-wide='true'] {\n      flex-grow: 1;\n    }\n\n    &[data-grow-wide='false'] {\n      flex-grow: 0;\n    }\n\n    &[data-shrink-wide='true'] {\n      flex-shrink: 1;\n    }\n\n    &[data-shrink-wide='false'] {\n      flex-shrink: 0;\n    }\n  }\n}\n"]}