@primer/react 38.19.0-rc.f3b0d9cc2 → 38.19.0-rc.f678a3d2b

package/dist/Heading/Heading.js

@@ -2,7 +2,7 @@ import { clsx } from 'clsx';
 import React, { forwardRef, useEffect } from 'react';
 import classes from './Heading.module.css.js';
 import { jsx } from 'react/jsx-runtime';
-import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
+import { useMergedRefs } from '../hooks/useMergedRefs.js';
 
 const Heading = /*#__PURE__*/forwardRef(({
   as: Component = 'h2',
@@ -11,7 +11,7 @@ const Heading = /*#__PURE__*/forwardRef(({
   ...props
 }, forwardedRef) => {
   const innerRef = React.useRef(null);
-  useRefObjectAsForwardedRef(forwardedRef, innerRef);
+  const mergedRef = useMergedRefs(forwardedRef, innerRef);
   if (process.env.NODE_ENV !== "production") {
     /**
      * The Linter yells because it thinks this conditionally calls an effect,
@@ -31,7 +31,7 @@ const Heading = /*#__PURE__*/forwardRef(({
     className: clsx(className, classes.Heading),
     "data-variant": variant,
     ...props,
-    ref: innerRef
+    ref: mergedRef
   });
 });
 Heading.displayName = 'Heading';

package/dist/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAY,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAA;AAG1E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAC,KAAK,gBAAgB,EAAkB,MAAM,6BAA6B,CAAA;AAElF,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI;IACzD,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC9D,OAAO,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,eAAe,CAAC,EACjD,KAAK,YAAY,CAAC,OAAO,CAAC,sBAyC3B,CAAA;AAID,QAAA,MAAM,IAAI,IA/CoB,EAAE,SAAS,KAAK,CAAC,WAAW;;;;CA+CM,CAAA;AAEhE,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AACnD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAY,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAA;AAG1E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAC,KAAK,gBAAgB,EAAkB,MAAM,6BAA6B,CAAA;AAElF,KAAK,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI;IACzD,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC9D,OAAO,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,eAAe,CAAC,EACjD,KAAK,YAAY,CAAC,OAAO,CAAC,sBAwC3B,CAAA;AAID,QAAA,MAAM,IAAI,IA9CoB,EAAE,SAAS,KAAK,CAAC,WAAW;;;;CA8CM,CAAA;AAEhE,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AACnD,eAAe,IAAI,CAAA"}

package/dist/Link/Link.js

@@ -3,7 +3,7 @@ import React, { useEffect } from 'react';
 import classes from './Link.module.css.js';
 import { fixedForwardRef } from '../utils/modern-polymorphic.js';
 import { jsx } from 'react/jsx-runtime';
-import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
+import { useMergedRefs } from '../hooks/useMergedRefs.js';
 
 const UnwrappedLink = (props, ref) => {
   const {
@@ -15,7 +15,7 @@ const UnwrappedLink = (props, ref) => {
     ...restProps
   } = props;
   const innerRef = React.useRef(null);
-  useRefObjectAsForwardedRef(ref, innerRef);
+  const mergedRef = useMergedRefs(ref, innerRef);
   if (process.env.NODE_ENV !== "production") {
     /**
      * The Linter yells because it thinks this conditionally calls an effect,
@@ -37,8 +37,7 @@ const UnwrappedLink = (props, ref) => {
     "data-inline": inline,
     "data-hover-color": hoverColor,
     ...restProps,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ref: innerRef
+    ref: mergedRef
   });
 };
 UnwrappedLink.displayName = "UnwrappedLink";

package/dist/Overlay/Overlay.js

@@ -2,7 +2,7 @@ import { c } from 'react-compiler-runtime';
 import React, { useRef, useEffect } from 'react';
 import useIsomorphicLayoutEffect from '../utils/useIsomorphicLayoutEffect.js';
 import { Portal } from '../Portal/Portal.js';
-import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
+import { useMergedRefs } from '../hooks/useMergedRefs.js';
 import classes from './Overlay.module.css.js';
 import { clsx } from 'clsx';
 import { jsx } from 'react/jsx-runtime';
@@ -116,7 +116,7 @@ const BaseOverlay = /*#__PURE__*/React.forwardRef(({
 
  */
 const Overlay = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
-  const $ = c(49);
+  const $ = c(50);
   let _PrivateDisablePortal;
   let anchorSide;
   let ignoreClickRefs;
@@ -202,7 +202,7 @@ const Overlay = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   const width = t5 === undefined ? "auto" : t5;
   const featureFlagMaxHeightClampToViewport = useFeatureFlag("primer_react_overlay_max_height_clamp_to_viewport");
   const overlayRef = useRef(null);
-  useRefObjectAsForwardedRef(forwardedRef, overlayRef);
+  const mergedRef = useMergedRefs(forwardedRef, overlayRef);
   const cssAnchorPositioning = useFeatureFlag("primer_react_css_anchor_positioning");
   let t6;
   if ($[19] !== ignoreClickRefs || $[20] !== initialFocusRef || $[21] !== onClickOutside || $[22] !== onEscape || $[23] !== preventFocusOnOpen || $[24] !== returnFocusRef) {
@@ -286,12 +286,12 @@ const Overlay = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
     t12 = $[34];
   }
   let t13;
-  if ($[35] !== height || $[36] !== leftPosition || $[37] !== props || $[38] !== responsiveVariant || $[39] !== right || $[40] !== role || $[41] !== t11 || $[42] !== t12 || $[43] !== visibility || $[44] !== width) {
+  if ($[35] !== height || $[36] !== leftPosition || $[37] !== mergedRef || $[38] !== props || $[39] !== responsiveVariant || $[40] !== right || $[41] !== role || $[42] !== t11 || $[43] !== t12 || $[44] !== visibility || $[45] !== width) {
     t13 = /*#__PURE__*/jsx(BaseOverlay, {
       role: role,
       width: width,
       "data-reflow-container": t11,
-      ref: overlayRef,
+      ref: mergedRef,
       left: leftPosition,
       right: right,
       height: height,
@@ -302,33 +302,34 @@ const Overlay = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
     });
     $[35] = height;
     $[36] = leftPosition;
-    $[37] = props;
-    $[38] = responsiveVariant;
-    $[39] = right;
-    $[40] = role;
-    $[41] = t11;
-    $[42] = t12;
-    $[43] = visibility;
-    $[44] = width;
-    $[45] = t13;
+    $[37] = mergedRef;
+    $[38] = props;
+    $[39] = responsiveVariant;
+    $[40] = right;
+    $[41] = role;
+    $[42] = t11;
+    $[43] = t12;
+    $[44] = visibility;
+    $[45] = width;
+    $[46] = t13;
   } else {
-    t13 = $[45];
+    t13 = $[46];
   }
   const overlayContent = t13;
   if (_PrivateDisablePortal && cssAnchorPositioning) {
     return overlayContent;
   }
   let t14;
-  if ($[46] !== overlayContent || $[47] !== portalContainerName) {
+  if ($[47] !== overlayContent || $[48] !== portalContainerName) {
     t14 = /*#__PURE__*/jsx(Portal, {
       containerName: portalContainerName,
       children: overlayContent
     });
-    $[46] = overlayContent;
-    $[47] = portalContainerName;
-    $[48] = t14;
+    $[47] = overlayContent;
+    $[48] = portalContainerName;
+    $[49] = t14;
   } else {
-    t14 = $[48];
+    t14 = $[49];
   }
   return t14;
 });

package/dist/PageLayout/PageLayout.js

@@ -1,7 +1,7 @@
 import React, { useRef, memo } from 'react';
 import { clsx } from 'clsx';
 import { useId } from '../hooks/useId.js';
-import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
+import { useMergedRefs } from '../hooks/useMergedRefs.js';
 import { isResponsiveValue } from '../hooks/useResponsiveValue.js';
 import { useSlots } from '../hooks/useSlots.js';
 import { useOverflow } from '../hooks/useOverflow.js';
@@ -581,7 +581,7 @@ const Pane = /*#__PURE__*/React.forwardRef(({
     onResizeEnd,
     currentWidth: controlledWidth
   });
-  useRefObjectAsForwardedRef(forwardRef, paneRef);
+  const mergedRef = useMergedRefs(forwardRef, paneRef);
   const hasOverflow = useOverflow(paneRef);
   const paneId = useId(id);
   const labelProp = {};
@@ -615,7 +615,7 @@ const Pane = /*#__PURE__*/React.forwardRef(({
       },
       position: positionProp
     }), /*#__PURE__*/jsx("div", {
-      ref: paneRef
+      ref: mergedRef
       // Suppress hydration mismatch for --pane-width when localStorage
       // provides a width that differs from the server-rendered default.
       // Not needed when onResizeEnd is provided (localStorage isn't read).
@@ -785,7 +785,7 @@ const Sidebar = /*#__PURE__*/React.forwardRef(({
     contentWrapperRef: sidebarContentWrapperRef,
     constrainToViewport: true
   });
-  useRefObjectAsForwardedRef(forwardRef, sidebarRef);
+  const mergedRef = useMergedRefs(forwardRef, sidebarRef);
   const hasOverflow = useOverflow(sidebarRef);
   const sidebarId = useId(id);
   const labelProp = {};
@@ -824,7 +824,7 @@ const Sidebar = /*#__PURE__*/React.forwardRef(({
       getDefaultWidth: getDefaultWidth,
       saveWidth: saveWidth
     }), /*#__PURE__*/jsx("div", {
-      ref: sidebarRef
+      ref: mergedRef
       // Suppress hydration mismatch for --pane-width when localStorage
       // provides a width that differs from the server-rendered default.
       ,

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"};