@astryxdesign/core 0.7.8-canary.c1a2cae → 0.7.8-canary.c1ff98e

package/dist/Item/Item.d.ts

@@ -1,7 +1,6 @@
 /**
  * @file Item.tsx
- * @input Uses React, ReactNode, StyleXStyles, theme tokens, useClickableContainer,
- *   the shared press overlays and the compositor press layer
+ * @input Uses React, ReactNode, StyleXStyles, theme tokens, useClickableContainer
  * @output Exports Item component, ItemProps type; publishes the shared inline inset.
  *   Only numbered composing rows keep their start/label/end slots in one flex
  *   group, through Item's private exact-marker scope; other marked rows keep

package/dist/Item/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/Item/Item.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/Item/Item.tsx"],"names":[],"mappings":"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"}

package/dist/Item/Item.js

@@ -4,8 +4,7 @@
 
 /**
  * @file Item.tsx
- * @input Uses React, ReactNode, StyleXStyles, theme tokens, useClickableContainer,
- *   the shared press overlays and the compositor press layer
+ * @input Uses React, ReactNode, StyleXStyles, theme tokens, useClickableContainer
  * @output Exports Item component, ItemProps type; publishes the shared inline inset.
  *   Only numbered composing rows keep their start/label/end slots in one flex
  *   group, through Item's private exact-marker scope; other marked rows keep
@@ -47,7 +46,6 @@ import { useDevWarning } from "../hooks/useDevWarning.js";
 import { themeProps } from "../utils/themeProps.js";
 import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
 import { interactionOverlayStyles } from "../utils/interactionOverlay.stylex.js";
-import { rowPressLayerStyles } from "../privateAttributes/press.stylex.js";
 import { usePressFeedback } from "../hooks/usePressFeedback.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // The gesture and the panels, loaded only by a row that has swipe actions: a
@@ -193,6 +191,7 @@ const styles = {
     $$css: true
   },
   swipeRoot: {
+    kHBbk8: "xc8icb0",
     kFalU9: "xge0x1e",
     k3aq6I: "x1kncwj0",
     k1ekBW: "xuo13n2",
@@ -535,11 +534,7 @@ export function Item({
     ...mergeProps(themeProps('item', {
       density,
       align
-    }), focusOutlineProps.focusWithin(styles.root, densityStyles[density], align === 'start' && styles.alignStart, align === 'first-line' && styles.alignFirstLine, isInteractive && styles.interactive, isInteractive && interactionOverlayStyles.backgroundColor,
-    // The touch press on a compositor layer (after the overlay, whose
-    // own touch paint it turns off): the release keeps fading while
-    // script runs.
-    isInteractive && rowPressLayerStyles.cell, isLinkRoot && styles.linkRoot, isHighlighted && styles.highlighted, isSelected && styles.selected, isDisabled && !hasParentRole && styles.disabled, hasSwipe && styles.swipeRoot, xstyle), className, style),
+    }), focusOutlineProps.focusWithin(styles.root, densityStyles[density], align === 'start' && styles.alignStart, align === 'first-line' && styles.alignFirstLine, isInteractive && styles.interactive, isInteractive && interactionOverlayStyles.backgroundColor, isLinkRoot && styles.linkRoot, isHighlighted && styles.highlighted, isSelected && styles.selected, isDisabled && !hasParentRole && styles.disabled, hasSwipe && styles.swipeRoot, xstyle), className, style),
     role: role,
     onClick: rootOnClick,
     children: [/*#__PURE__*/_jsxs(ItemDescriptionContext, {

package/dist/RadioList/RadioListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioListItem.d.ts","sourceRoot":"","sources":["../../src/RadioList/RadioListItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAqB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAY5C,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,cAAc,CAAC;AAsIlD,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;;OAUG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;;;OAcG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,WAAW,EACX,UAAU,EAAE,cAAsB,EAClC,YAAY,EACZ,UAAU,EACV,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACR,EAAE,kBAAkB,qBAuLpB;yBAtMe,aAAa"}
+{"version":3,"file":"RadioListItem.d.ts","sourceRoot":"","sources":["../../src/RadioList/RadioListItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAqB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAY5C,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,cAAc,CAAC;AA0IlD,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;;OAUG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;;;OAcG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,WAAW,EACX,UAAU,EAAE,cAAsB,EAClC,YAAY,EACZ,UAAU,EACV,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACR,EAAE,kBAAkB,qBAoLpB;yBAnMe,aAAa"}

package/dist/RadioList/RadioListItem.js

@@ -34,7 +34,6 @@ import { usePressFeedback } from "../hooks/usePressFeedback.js";
 import { useIndicator } from "../Indicator/useIndicator.js";
 import { Item } from "../Item/Item.js";
 import { themeProps } from "../utils/themeProps.js";
-import { rowPressLayerStyles } from "../privateAttributes/press.stylex.js";
 
 // The touch press's paint, declared by the shared overlay styles on the
 // element the controller writes to (`pressedAlpha`) at the press's strength,
@@ -105,6 +104,7 @@ const rowStyles = {
     kaIpWk: "x2u8bby",
     k7Eaqz: "xeuugli",
     kWkggS: "xjbqb8w",
+    kKwaWg: "x18o3ruo",
     $$css: true
   },
   press: {
@@ -276,9 +276,6 @@ export function RadioListItem({
     // the painting row element (Item), the same element that carries the
     // theme target, so a theme's hover styling stays in step with the tint.
     !isDisabled && indicatorScope,
-    // The row keeps no press paint of its own: the circle paints, and
-    // reads the strength whose release the row keeps.
-    rowPressLayerStyles.cellWithoutLayer,
     // Restore the bare default look: zero Item's padding/radius and its
     // interactive hover/press background. Applied after Item's own base
     // styles so it wins within the base layer; a `radio-list-item` theme

package/dist/TreeList/TreeListItem.d.ts

@@ -1,7 +1,6 @@
 /**
  * @file TreeListItem.tsx
- * @input Uses React, StyleX, theme tokens, TreeListBranches, the shared press
- *   overlays and the compositor press layer
+ * @input Uses React, StyleX, theme tokens, TreeListBranches
  * @output Exports TreeListItem component (internal, not publicly exported)
  * @position Internal implementation; consumed by TreeList.tsx
  *

package/dist/TreeList/TreeListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeListItem.d.ts","sourceRoot":"","sources":["../../src/TreeList/TreeListItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAyB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAsB3C,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAgStE,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,OAAO,EAAE,eAAe,CAAC;IACzB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB;AASD,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,UAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,MAAM,EACN,eAAe,EACf,UAAU,EACV,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,yBAAyB,+BA8U3B;yBA1We,YAAY"}
+{"version":3,"file":"TreeListItem.d.ts","sourceRoot":"","sources":["../../src/TreeList/TreeListItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAAyB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAqB3C,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAgStE,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,OAAO,EAAE,eAAe,CAAC;IACzB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB;AASD,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,UAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,MAAM,EACN,eAAe,EACf,UAAU,EACV,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,yBAAyB,+BA0U3B;yBAtWe,YAAY"}

package/dist/TreeList/TreeListItem.js

@@ -4,8 +4,7 @@
 
 /**
  * @file TreeListItem.tsx
- * @input Uses React, StyleX, theme tokens, TreeListBranches, the shared press
- *   overlays and the compositor press layer
+ * @input Uses React, StyleX, theme tokens, TreeListBranches
  * @output Exports TreeListItem component (internal, not publicly exported)
  * @position Internal implementation; consumed by TreeList.tsx
  *
@@ -21,7 +20,6 @@ import "../theme/tokens.stylex.js";
 import { colorVars, radiusVars, spacingVars, durationVars, easeVars, typeScaleVars } from "../theme/tokens.stylex.js";
 import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
 import { interactionOverlayStyles } from "../utils/interactionOverlay.stylex.js";
-import { rowPressLayerStyles } from "../privateAttributes/press.stylex.js";
 import { usePressFeedback } from "../hooks/usePressFeedback.js";
 import { hasInteractiveAncestor, useClickableContainer } from "../hooks/useClickableContainer.js";
 import { Icon } from "../Icon/index.js";
@@ -466,10 +464,7 @@ export function TreeListItem({
           density,
           selected: isSelected ? 'selected' : null,
           disabled: isDisabled ? 'disabled' : null
-        }), isInteractive || hasChildren && onClick == null ? focusOutlineProps.focusWithinOrPublished(styles.contentWrapper, styles.focusLift, densityStyles[density], styles.interactive, interactionOverlayStyles.backgroundImage,
-        // The touch press on a compositor layer (after the
-        // overlay, whose own touch paint it turns off).
-        rowPressLayerStyles.cell, rowPressLayerStyles.cellOnImage, isDisabled && styles.disabled, isSelected && styles.selected, xstyle) : stylex.props(styles.contentWrapper, densityStyles[density], isDisabled && styles.disabled, isSelected && styles.selected, xstyle),
+        }), isInteractive || hasChildren && onClick == null ? focusOutlineProps.focusWithinOrPublished(styles.contentWrapper, styles.focusLift, densityStyles[density], styles.interactive, interactionOverlayStyles.backgroundImage, isDisabled && styles.disabled, isSelected && styles.selected, xstyle) : stylex.props(styles.contentWrapper, densityStyles[density], isDisabled && styles.disabled, isSelected && styles.selected, xstyle),
         // Consumer row props are merged last so useContainerReveal can
         // publish both its classes and inline custom properties. Seed the
         // private indent first, then preserve the standard inline-style

package/dist/astryx.css

@@ -1833,8 +1833,6 @@
   @media (hover: hover){.x7jm8ul.x7jm8ul.x7jm8ul:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-secondary),var(--color-tint-hover) 15%)}}
   @media (hover: hover){.x10ue8fs.x10ue8fs.x10ue8fs:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}}
   @media (hover: hover){.xo5jvnm.xo5jvnm.xo5jvnm:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}}
-  @media (pointer: coarse){.xrqzsdu.xrqzsdu:is([data-astryx-press="on"],[data-astryx-press="fading"]):not(#\#):not(#\#):not(#\#){isolation:auto}}
-  @media (pointer: coarse){.xif6eam.xif6eam:is([data-astryx-press="on"],[data-astryx-press="fading"]):not(#\#):not(#\#):not(#\#){isolation:isolate}}
   @media (pointer: coarse){.x1pxz8w1.x1pxz8w1:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:none}}
   @media (pointer: coarse){.xom6oz5.xom6oz5.xom6oz5:active:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){transform:scale(1)}}
   @media (forced-colors: active){.x1xwfpud.x1xwfpud:dir(rtl):not(#\#):not(#\#):not(#\#){transform:none}}
@@ -2324,9 +2322,6 @@
   @media (forced-colors: active){.x1r4mieh.x1r4mieh[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background-color:Highlight}}
   @starting-style{@media (prefers-reduced-motion: reduce) and (pointer: coarse){.xgo67oj.xgo67oj.xgo67oj:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:0}}}
   @starting-style{@media (prefers-reduced-motion: reduce){.xspp5ug.xspp5ug.xspp5ug:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(0)}}}
-  @media (pointer: coarse){.x10ogxw0.x10ogxw0.x10ogxw0:where(:not(:disabled,[aria-disabled="true"]))[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background-image:none}}
-  @media (pointer: coarse){.x18xnkjv.x18xnkjv.x18xnkjv:where(:not(:disabled,[aria-disabled="true"]))[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background-image:none}}
-  @media (pointer: coarse){.xrkptjy.xrkptjy:is([data-astryx-press="on"],[data-astryx-press="fading"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset:0}}
   .xgw21jv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-position:bottom}
   .x1d269y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-position:var(--_segmented-after-background-position,0% 0%)}
   .xkyjh71:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-position:var(--_segmented-lens-background-position,0% 0%)}
@@ -2350,7 +2345,6 @@
   .xslb4at:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{padding-inline:0}
   .xvtkv6q:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:background-color .15s ease,width .15s ease}
   .x17s1k9h:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:opacity .15s ease}
-  @media (pointer: coarse){.x1kec4ew.x1kec4ew:is([data-astryx-press="on"],[data-astryx-press="fading"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-radius:inherit}}
   .xt64kwx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{-webkit-backdrop-filter:var(--_segmented-after-webkit-backdrop-filter,none)}
   .x1icymkt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{-webkit-backdrop-filter:var(--_segmented-lens-webkit-backdrop-filter,none)}
   .x19ds33d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{align-self:start}
@@ -2504,18 +2498,12 @@
   @media (pointer: coarse){.xq2jpp1.xq2jpp1.xq2jpp1:where(.x1iwu4tg[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-fill-mode:both}}
   @media (pointer: coarse){.xxhzo2e.xxhzo2e.xxhzo2e:where(.x1iwu4tg[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-name:x1jn504y-B}}
   @media (pointer: coarse){.xgq6fxe.xgq6fxe.xgq6fxe:where(.x1iwu4tg[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-timing-function:cubic-bezier(0,0,.2,1)}}
-  @media (pointer: coarse){.x1dn949c.x1dn949c:is([data-astryx-press="on"],[data-astryx-press="fading"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--color-overlay-pressed)}}
   @media (pointer: coarse){.x1ikgzpo.x1ikgzpo.x1ikgzpo:where(.x1odsvnm[data-astryx-press="on"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-image:var(--_press-paint-image)}}
   @media (pointer: coarse){.xsozn46.xsozn46.xsozn46:where(.x1odsvnm[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-image:var(--_press-paint-image)}}
   @media (pointer: coarse){.x15cra4q.x15cra4q.x15cra4q:where(.x1iwu4tg[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}}
   @media (pointer: coarse){.xpxppvc.xpxppvc.xpxppvc:where(.x1iwu4tg[data-astryx-press="on"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}}
   @media (pointer: coarse){.x1ccaw7f.x1ccaw7f.x1ccaw7f:where(.x1iwu4tg[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{opacity:0}}
   @media (pointer: coarse){.x2huugr.x2huugr.x2huugr:where(.x1iwu4tg[data-astryx-press="on"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{opacity:1}}
-  @media (pointer: coarse){.x13r5q6d.x13r5q6d:is([data-astryx-press="on"],[data-astryx-press="fading"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{pointer-events:none}}
-  @media (pointer: coarse){.x1ukh9kf.x1ukh9kf:is([data-astryx-press="on"],[data-astryx-press="fading"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}}
-  @media (pointer: coarse){.xjscm90.xjscm90:is([data-astryx-press="on"],[data-astryx-press="fading"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{z-index:-1}}
-  @media (pointer: coarse){.x1ocadqd.x1ocadqd.x1ocadqd:is([data-astryx-press="on"],[data-astryx-press="fading"]):where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}}
-  @media (pointer: coarse){.x1995whq.x1995whq.x1995whq:is([data-astryx-press="on"],[data-astryx-press="fading"]):where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:none}}
   @media (prefers-reduced-motion: reduce) and (pointer: coarse){@media (pointer: coarse){.xigdn9b.xigdn9b.xigdn9b.xigdn9b:where(.x1iwu4tg[data-astryx-press="fading"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-duration:min(200ms,calc(200ms * var(--_astryx-motion-tempo,1)))}}}
   .xp6skj9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-bottom-color:inherit}
   .x1tqw9ds:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-bottom-color:var(--_segmented-after-border-bottom-color,currentcolor)}
@@ -2592,13 +2580,6 @@
   .x1ea2at[data-astryx-cell-gliding="line"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
   .x15tr235[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition-property:none}
   .x1xg7wox[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition-property:none}
-  @media (pointer: coarse){.x16lp0i7.x16lp0i7[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-duration:calc(200ms * min(var(--_astryx-motion-tempo,1),1.5))}}
-  @media (pointer: coarse){.x1dn5vsf.x1dn5vsf[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-fill-mode:both}}
-  @media (pointer: coarse){.x1gyhjqm.x1gyhjqm[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}
-  @media (pointer: coarse){.xr9xsjc.xr9xsjc[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{opacity:0}}
-  @media (pointer: coarse){.xw7rim2.xw7rim2[data-astryx-press="on"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{opacity:1}}
-  @media (pointer: coarse){.x1bxn267.x1bxn267.x1bxn267:where(:not(:disabled,[aria-disabled="true"]))[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-name:x1jn504y-B}}
-  @media (prefers-reduced-motion: reduce){@media (pointer: coarse){.x1bf026e.x1bf026e.x1bf026e[data-astryx-press="fading"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{animation-duration:min(200ms,calc(200ms * var(--_astryx-motion-tempo,1)))}}}
   .x3mysge[data-astryx-table-pinned="carry"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-bottom-color:var(--_table-row-divider-app-color,var(--color-border))}
   .x8qyx5[data-astryx-cell-gliding="line"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-bottom-color:var(--_table-row-glide-color,var(--color-border))}
   .xvlxne[data-astryx-cell-gliding]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-bottom-color:var(--_table-row-glide-color,var(--color-border))}

package/dist/utils/interactionOverlay.stylex.d.ts

@@ -3,8 +3,7 @@
  * @input StyleX and the semantic interaction-overlay color tokens
  * @output Reusable background-color and background-image state styles, the
  *   touch press's registered strength variable (`pressVars`) and its clocks
- *   (`pressConsts`). The list row's compositor press layer and its clocks
- *   are internal (privateAttributes/press.stylex.ts, utils/rowPressLayer.stylex.ts)
+ *   (`pressConsts`)
  * @position Internal styling utility for interactive core surfaces
  *
  * SYNC: When modified, update pressFeedback.ts, pressGesture.ts (the fade

package/dist/utils/interactionOverlay.stylex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactionOverlay.stylex.d.ts","sourceRoot":"","sources":["../../src/utils/interactionOverlay.stylex.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;GAeG;AAmCH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;;WAEpB,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;IACtB,iEAAiE;;CAEjE,CAAC;AAkIH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HnC,CAAC"}
+{"version":3,"file":"interactionOverlay.stylex.d.ts","sourceRoot":"","sources":["../../src/utils/interactionOverlay.stylex.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;GAcG;AAmCH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;;WAEpB,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;IACtB,iEAAiE;;CAEjE,CAAC;AA8HH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HnC,CAAC"}

package/dist/utils/interactionOverlay.stylex.js

@@ -9,8 +9,7 @@
  * @input StyleX and the semantic interaction-overlay color tokens
  * @output Reusable background-color and background-image state styles, the
  *   touch press's registered strength variable (`pressVars`) and its clocks
- *   (`pressConsts`). The list row's compositor press layer and its clocks
- *   are internal (privateAttributes/press.stylex.ts, utils/rowPressLayer.stylex.ts)
+ *   (`pressConsts`)
  * @position Internal styling utility for interactive core surfaces
  *
  * SYNC: When modified, update pressFeedback.ts, pressGesture.ts (the fade
@@ -143,11 +142,7 @@ const pressRelease = "x10jkm1t-B";
  * (strength ≈ 0.2 at the midpoint), which is what a deselect crossfade reads
  * as. Not the system's `--ease-standard`: that curve is for things that move,
  * and is so front-loaded (strength 0.05 at the midpoint) that the release
- * would read as half its clock. It is the constants table's
- * `timing.press.highlightOutCurve`, which the list row's layer mirrors too
- * (rowPressLayer.stylex.ts); interactionOverlay.cell.test.ts fails if either
- * drifts. A copy, not an import: this module reaches nearly every component,
- * and the row layer's constants stay with the rows.
+ * would read as half its clock.
  */
 const RELEASE_EASE = 'cubic-bezier(0, 0, 0.2, 1)';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/core",
-  "version": "0.7.8-canary.c1a2cae",
+  "version": "0.7.8-canary.c1ff98e",
   "displayName": "Astryx Core",
   "description": "The component library. Accessible, themeable React components with built-in spacing, dark mode, and StyleX styling.",
   "author": "Meta Open Source",
@@ -870,9 +870,9 @@
     "react-dom": ">=19.0.0"
   },
   "devDependencies": {
-    "@astryxdesign/a11y-spec": "0.7.8-canary.c1a2cae",
-    "@astryxdesign/cli": "0.7.8-canary.c1a2cae",
-    "@astryxdesign/interaction-harness": "0.7.8-canary.c1a2cae",
+    "@astryxdesign/a11y-spec": "0.7.8-canary.c1ff98e",
+    "@astryxdesign/cli": "0.7.8-canary.c1ff98e",
+    "@astryxdesign/interaction-harness": "0.7.8-canary.c1ff98e",
     "@babel/cli": "^7.29.7",
     "@babel/core": "^7.29.7",
     "@babel/preset-react": "^7.29.7",

package/src/Item/Item.tsx

@@ -4,8 +4,7 @@
 
 /**
  * @file Item.tsx
- * @input Uses React, ReactNode, StyleXStyles, theme tokens, useClickableContainer,
- *   the shared press overlays and the compositor press layer
+ * @input Uses React, ReactNode, StyleXStyles, theme tokens, useClickableContainer
  * @output Exports Item component, ItemProps type; publishes the shared inline inset.
  *   Only numbered composing rows keep their start/label/end slots in one flex
  *   group, through Item's private exact-marker scope; other marked rows keep
@@ -63,7 +62,6 @@ import {useDevWarning} from '../hooks/useDevWarning';
 import {themeProps} from '../utils/themeProps';
 import {focusOutlineProps} from '../utils/focusOutline.stylex';
 import {interactionOverlayStyles} from '../utils/interactionOverlay.stylex';
-import {rowPressLayerStyles} from '../privateAttributes/press.stylex';
 import {usePressFeedback} from '../hooks/usePressFeedback';
 import type {ItemSwipeBridge} from './ItemSwipeLayer';
 
@@ -535,6 +533,7 @@ const styles = stylex.create({
   // zoomable (WCAG 1.4.4). The hover transition keeps its own clock beside
   // the transform's.
   swipeRoot: {
+    isolation: 'isolate',
     touchAction: 'pan-y pinch-zoom',
     transform: `translate3d(${SWIPE_TRAVEL}, 0, 0)`,
     transitionProperty: 'background-color, transform',
@@ -927,10 +926,6 @@ export function Item({
           align === 'first-line' && styles.alignFirstLine,
           isInteractive && styles.interactive,
           isInteractive && interactionOverlayStyles.backgroundColor,
-          // The touch press on a compositor layer (after the overlay, whose
-          // own touch paint it turns off): the release keeps fading while
-          // script runs.
-          isInteractive && rowPressLayerStyles.cell,
           isLinkRoot && styles.linkRoot,
           isHighlighted && styles.highlighted,
           isSelected && styles.selected,

package/src/RadioList/RadioListItem.tsx

@@ -35,7 +35,6 @@ import {usePressFeedback} from '../hooks/usePressFeedback';
 import {useIndicator} from '../Indicator/useIndicator';
 import {Item, type ItemAlign} from '../Item/Item';
 import {themeProps} from '../utils/themeProps';
-import {rowPressLayerStyles} from '../privateAttributes/press.stylex';
 
 // The touch press's paint, declared by the shared overlay styles on the
 // element the controller writes to (`pressedAlpha`) at the press's strength,
@@ -148,6 +147,11 @@ const rowStyles = stylex.create({
     // Suppress Item's interactive hover/press background so the resting and
     // hovered row look identical by default (a theme can restyle either).
     backgroundColor: 'transparent',
+    // ...and the touch press's overlay image, for the same reason: under a
+    // finger only the radio circle paints, as under a mouse. The press's
+    // strength still lands on the row, which is where the layer over the
+    // circle reads it.
+    backgroundImage: 'none',
   },
   // The mouse press (a finger's lives on `data-astryx-press`): the row is
   // pressed, but not through a nested link or button, which keep their own
@@ -410,9 +414,6 @@ export function RadioListItem({
           // the painting row element (Item), the same element that carries the
           // theme target, so a theme's hover styling stays in step with the tint.
           !isDisabled && indicatorScope,
-          // The row keeps no press paint of its own: the circle paints, and
-          // reads the strength whose release the row keeps.
-          rowPressLayerStyles.cellWithoutLayer,
           // Restore the bare default look: zero Item's padding/radius and its
           // interactive hover/press background. Applied after Item's own base
           // styles so it wins within the base layer; a `radio-list-item` theme

package/src/TreeList/TreeListItem.tsx

@@ -4,8 +4,7 @@
 
 /**
  * @file TreeListItem.tsx
- * @input Uses React, StyleX, theme tokens, TreeListBranches, the shared press
- *   overlays and the compositor press layer
+ * @input Uses React, StyleX, theme tokens, TreeListBranches
  * @output Exports TreeListItem component (internal, not publicly exported)
  * @position Internal implementation; consumed by TreeList.tsx
  *
@@ -28,7 +27,6 @@ import {
 } from '../theme/tokens.stylex';
 import {focusOutlineProps} from '../utils/focusOutline.stylex';
 import {interactionOverlayStyles} from '../utils/interactionOverlay.stylex';
-import {rowPressLayerStyles} from '../privateAttributes/press.stylex';
 import {usePressFeedback} from '../hooks/usePressFeedback';
 import {
   hasInteractiveAncestor,
@@ -715,10 +713,6 @@ export function TreeListItem({
                   densityStyles[density],
                   styles.interactive,
                   interactionOverlayStyles.backgroundImage,
-                  // The touch press on a compositor layer (after the
-                  // overlay, whose own touch paint it turns off).
-                  rowPressLayerStyles.cell,
-                  rowPressLayerStyles.cellOnImage,
                   isDisabled && styles.disabled,
                   isSelected && styles.selected,
                   xstyle,

package/src/utils/interactionOverlay.stylex.ts

@@ -9,8 +9,7 @@
  * @input StyleX and the semantic interaction-overlay color tokens
  * @output Reusable background-color and background-image state styles, the
  *   touch press's registered strength variable (`pressVars`) and its clocks
- *   (`pressConsts`). The list row's compositor press layer and its clocks
- *   are internal (privateAttributes/press.stylex.ts, utils/rowPressLayer.stylex.ts)
+ *   (`pressConsts`)
  * @position Internal styling utility for interactive core surfaces
  *
  * SYNC: When modified, update pressFeedback.ts, pressGesture.ts (the fade
@@ -149,11 +148,7 @@ const pressRelease = stylex.keyframes({
  * (strength ≈ 0.2 at the midpoint), which is what a deselect crossfade reads
  * as. Not the system's `--ease-standard`: that curve is for things that move,
  * and is so front-loaded (strength 0.05 at the midpoint) that the release
- * would read as half its clock. It is the constants table's
- * `timing.press.highlightOutCurve`, which the list row's layer mirrors too
- * (rowPressLayer.stylex.ts); interactionOverlay.cell.test.ts fails if either
- * drifts. A copy, not an import: this module reaches nearly every component,
- * and the row layer's constants stay with the rows.
+ * would read as half its clock.
  */
 const RELEASE_EASE = 'cubic-bezier(0, 0, 0.2, 1)';
 

package/dist/privateAttributes/press.stylex.d.ts

@@ -1,139 +0,0 @@
-/**
- * @file privateAttributes/press.stylex.ts
- * @input StyleX, the semantic overlay color tokens, the touch press strength
- *   (`pressVars`, utils/interactionOverlay.stylex.ts) and the row layer's
- *   clocks (utils/rowPressLayer.stylex.ts)
- * @output `rowPressLayerStyles`: the compositor press layer for list rows
- *   (`cell`) and its own-image arms for a row on the `backgroundImage`
- *   variant (`cellOnImage`)
- * @position Owner module of the private press attribute for the row layer:
- *   the press controller (utils/pressFeedback.ts) writes the attribute, and
- *   this file reads it. No package entry exports it. Item and TreeList
- *   compose these styles after their overlay variant;
- *   utils/interactionOverlay.cell.test.ts tests them.
- */
-import * as stylex from '@stylexjs/stylex';
-export declare const rowPressLayerStyles: Readonly<{
-    readonly cell: Readonly<{
-        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", unknown>;
-        readonly animationName: stylex.StyleXClassNameFor<"animationName", unknown>;
-        readonly isolation: stylex.StyleXClassNameFor<"isolation", "isolate" | null>;
-        readonly '::before': stylex.StyleXClassNameFor<"::before", {
-            readonly content: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":where(:not(:disabled,[aria-disabled=\"true\"]))": {
-                        readonly default: null;
-                        readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "\"\"";
-                    };
-                };
-            };
-            readonly position: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "absolute";
-                };
-            };
-            readonly inset: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": 0;
-                };
-            };
-            readonly zIndex: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": -1;
-                };
-            };
-            readonly borderRadius: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "inherit";
-                };
-            };
-            readonly pointerEvents: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "none";
-                };
-            };
-            readonly backgroundColor: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": stylex.StyleXVar<"light-dark(#05365919, #FFFFFF19)">;
-                };
-            };
-            readonly opacity: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly "[data-astryx-press=\"on\"]": 1;
-                    readonly "[data-astryx-press=\"fading\"]": 0;
-                };
-            };
-            readonly animationName: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":where(:not(:disabled,[aria-disabled=\"true\"]))": {
-                        readonly default: null;
-                        readonly "[data-astryx-press=\"fading\"]": string;
-                    };
-                };
-            };
-            readonly animationDuration: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly "[data-astryx-press=\"fading\"]": {
-                        readonly default: string;
-                        readonly "@media (prefers-reduced-motion: reduce)": string;
-                    };
-                };
-            };
-            readonly animationTimingFunction: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly "[data-astryx-press=\"fading\"]": string;
-                };
-            };
-            readonly animationFillMode: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly "[data-astryx-press=\"fading\"]": "both";
-                };
-            };
-        }>;
-    }>;
-    readonly cellWithoutLayer: Readonly<{
-        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", "none">;
-        readonly animationName: stylex.StyleXClassNameFor<"animationName", unknown>;
-        readonly isolation: stylex.StyleXClassNameFor<"isolation", "auto" | null>;
-        readonly '::before': stylex.StyleXClassNameFor<"::before", {
-            readonly content: {
-                readonly default: null;
-                readonly "@media (pointer: coarse)": {
-                    readonly default: null;
-                    readonly ":where(:not(:disabled,[aria-disabled=\"true\"]))": {
-                        readonly default: null;
-                        readonly ":is([data-astryx-press=\"on\"],[data-astryx-press=\"fading\"])": "none";
-                    };
-                };
-            };
-        }>;
-    }>;
-    readonly cellOnImage: Readonly<{
-        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", string | null>;
-    }>;
-}>;
-//# sourceMappingURL=press.stylex.d.ts.map

package/dist/privateAttributes/press.stylex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"press.stylex.d.ts","sourceRoot":"","sources":["../../src/privateAttributes/press.stylex.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAsD3C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyK9B,CAAC"}

package/dist/privateAttributes/press.stylex.js

@@ -1,98 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/* eslint-disable @astryx/no-hover-on-disabled -- Every hover branch is
- * nested beneath ENABLED below, as in interactionOverlay.stylex.ts. */
-
-/**
- * @file privateAttributes/press.stylex.ts
- * @input StyleX, the semantic overlay color tokens, the touch press strength
- *   (`pressVars`, utils/interactionOverlay.stylex.ts) and the row layer's
- *   clocks (utils/rowPressLayer.stylex.ts)
- * @output `rowPressLayerStyles`: the compositor press layer for list rows
- *   (`cell`) and its own-image arms for a row on the `backgroundImage`
- *   variant (`cellOnImage`)
- * @position Owner module of the private press attribute for the row layer:
- *   the press controller (utils/pressFeedback.ts) writes the attribute, and
- *   this file reads it. No package entry exports it. Item and TreeList
- *   compose these styles after their overlay variant;
- *   utils/interactionOverlay.cell.test.ts tests them.
- */
-
-import * as stylex from '@stylexjs/stylex';
-import "../theme/tokens.stylex.js";
-import { colorVars } from "../theme/tokens.stylex.js";
-import "../utils/interactionOverlay.stylex.js";
-import { pressVars } from "../utils/interactionOverlay.stylex.js";
-import "../utils/rowPressLayer.stylex.js";
-import { cellPressConsts } from "../utils/rowPressLayer.stylex.js";
-
-// The overlay's arm selectors (interactionOverlay.stylex.ts), restated here:
-// StyleX resolves a style's keys within its own file.
-const ENABLED = ':where(:not(:disabled,[aria-disabled="true"]))';
-const HOVER_HOVER = '@media (hover: hover)';
-const COARSE = '@media (pointer: coarse)';
-const PRESSED_ON = '[data-astryx-press="on"]';
-const PRESSED_FADING = '[data-astryx-press="fading"]';
-/**
- * A press in any of its states: the row layer exists only then, so at rest a
- * row's own `::before` and its stacking are untouched.
- */
-const PRESSED_ANY = ':is([data-astryx-press="on"],[data-astryx-press="fading"])';
-const PRESS_ALPHA = pressVars['--astryx-press-alpha'];
-const hoverImage = `linear-gradient(${colorVars['--color-overlay-hover']}, ${colorVars['--color-overlay-hover']})`;
-const pressedImage = `linear-gradient(${colorVars['--color-overlay-pressed']}, ${colorVars['--color-overlay-pressed']})`;
-/** The overlay's paint, read back off the element (its gradient layer). */
-const pressedOverlayImage = 'var(--_press-paint-image)';
-
-/**
- * The overlay's strength release (interactionOverlay.stylex.ts), restated so
- * a fine pointer keeps it: the same keyframes, so the same animation.
- */
-const pressRelease = "x10jkm1t-B";
-
-/**
- * The row layer's clock as CSS. It is the strength release's clock, scaled
- * by the theme's `--_astryx-motion-tempo` up to 1.5, so the layer and the
- * strength land together.
- */
-const CELL_RELEASE = `calc(${cellPressConsts.cellReleaseMs}ms * min(var(--_astryx-motion-tempo, 1), 1.5))`;
-/** The same clock under Reduce Motion: a tempo may shorten it, never lengthen it. */
-const CELL_RELEASE_REDUCED = `min(${cellPressConsts.cellReleaseMs}ms, calc(${cellPressConsts.cellReleaseMs}ms * var(--_astryx-motion-tempo, 1)))`;
-const REDUCED_MOTION = '@media (prefers-reduced-motion: reduce)';
-
-/** Opacity 1 → 0: the row layer leaves; its fading arm runs it. */
-const cellRelease = "x1jn504y-B";
-
-/** The release's curve: the table's gentle ease-out. */
-const RELEASE_EASE = cellPressConsts.cellReleaseEase;
-export const rowPressLayerStyles = {
-  cell: {
-    kKwaWg: "x7ngsy6 x10ogxw0 xubczrd x18xnkjv",
-    kKVMdj: "x14e4jsf x6su2wr",
-    kHBbk8: "xif6eam",
-    kgeoSG: "x1ocadqd",
-    kEoFBp: "x1ukh9kf",
-    kFcpXp: "xrkptjy",
-    kxmVGU: "xjscm90",
-    kPB484: "x1kec4ew",
-    km8f2m: "x13r5q6d",
-    kLkRvE: "x1dn949c",
-    k5QlbN: "xw7rim2 xr9xsjc",
-    k7EzDT: "x1bxn267",
-    kQZAMR: "x16lp0i7 x1bf026e",
-    kZiNAr: "x1gyhjqm",
-    k8Tatv: "x1dn5vsf",
-    $$css: true
-  },
-  cellWithoutLayer: {
-    kKwaWg: "x18o3ruo",
-    kKVMdj: "x14e4jsf",
-    kHBbk8: "xrqzsdu",
-    kgeoSG: "x1995whq",
-    $$css: true
-  },
-  cellOnImage: {
-    kKwaWg: "x7uyq82 x3f84ok x7ngsy6 x10ogxw0 xubczrd x18xnkjv xmvprkv xetgvay",
-    $$css: true
-  }
-};

package/dist/utils/rowPressLayer.stylex.d.ts

@@ -1,14 +0,0 @@
-/**
- * A list row's release (`rowPressLayerStyles.cell`), mirrored for the
- * stylesheet. StyleX evaluates a style at build time and cannot read the
- * constants table, so these are the table's press release values
- * (`timing.press`, motion/uikit/timing.ts). interactionOverlay.cell.test.ts
- * fails if they drift.
- */
-export declare const cellPressConsts: {
-    /** `timing.press.highlightOutMs`, in ms. */
-    cellReleaseMs: number;
-    /** `timing.press.highlightOutCurve`, as CSS. */
-    cellReleaseEase: string;
-};
-//# sourceMappingURL=rowPressLayer.stylex.d.ts.map

package/dist/utils/rowPressLayer.stylex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rowPressLayer.stylex.d.ts","sourceRoot":"","sources":["../../src/utils/rowPressLayer.stylex.ts"],"names":[],"mappings":"AAcA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;IAC1B,4CAA4C;;IAE5C,gDAAgD;;CAEhD,CAAC"}

package/dist/utils/rowPressLayer.stylex.js

@@ -1,25 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file rowPressLayer.stylex.ts
- * @input StyleX
- * @output The list row press layer's clocks (`cellPressConsts`)
- * @position Internal to core: no package entry exports it. Only the row
- *   layer (privateAttributes/press.stylex.ts) reads it, so a component
- *   without a press row ships none of it; interactionOverlay.exports.test.ts
- *   keeps it off the published paths.
- */
-
-import * as stylex from '@stylexjs/stylex';
-
-/**
- * A list row's release (`rowPressLayerStyles.cell`), mirrored for the
- * stylesheet. StyleX evaluates a style at build time and cannot read the
- * constants table, so these are the table's press release values
- * (`timing.press`, motion/uikit/timing.ts). interactionOverlay.cell.test.ts
- * fails if they drift.
- */
-export const cellPressConsts = {
-  cellReleaseMs: 200,
-  cellReleaseEase: "cubic-bezier(0, 0, 0.2, 1)"
-};

package/src/privateAttributes/press.stylex.ts

@@ -1,244 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/* eslint-disable @astryx/no-hover-on-disabled -- Every hover branch is
- * nested beneath ENABLED below, as in interactionOverlay.stylex.ts. */
-
-/**
- * @file privateAttributes/press.stylex.ts
- * @input StyleX, the semantic overlay color tokens, the touch press strength
- *   (`pressVars`, utils/interactionOverlay.stylex.ts) and the row layer's
- *   clocks (utils/rowPressLayer.stylex.ts)
- * @output `rowPressLayerStyles`: the compositor press layer for list rows
- *   (`cell`) and its own-image arms for a row on the `backgroundImage`
- *   variant (`cellOnImage`)
- * @position Owner module of the private press attribute for the row layer:
- *   the press controller (utils/pressFeedback.ts) writes the attribute, and
- *   this file reads it. No package entry exports it. Item and TreeList
- *   compose these styles after their overlay variant;
- *   utils/interactionOverlay.cell.test.ts tests them.
- */
-
-import * as stylex from '@stylexjs/stylex';
-import {colorVars} from '../theme/tokens.stylex';
-import {pressVars} from '../utils/interactionOverlay.stylex';
-import {cellPressConsts} from '../utils/rowPressLayer.stylex';
-
-// The overlay's arm selectors (interactionOverlay.stylex.ts), restated here:
-// StyleX resolves a style's keys within its own file.
-const ENABLED = ':where(:not(:disabled,[aria-disabled="true"]))';
-const HOVER_HOVER = '@media (hover: hover)';
-const COARSE = '@media (pointer: coarse)';
-const PRESSED_ON = '[data-astryx-press="on"]';
-const PRESSED_FADING = '[data-astryx-press="fading"]';
-/**
- * A press in any of its states: the row layer exists only then, so at rest a
- * row's own `::before` and its stacking are untouched.
- */
-const PRESSED_ANY =
-  ':is([data-astryx-press="on"],[data-astryx-press="fading"])';
-
-const PRESS_ALPHA = pressVars['--astryx-press-alpha'];
-
-const hoverImage = `linear-gradient(${colorVars['--color-overlay-hover']}, ${colorVars['--color-overlay-hover']})`;
-const pressedImage = `linear-gradient(${colorVars['--color-overlay-pressed']}, ${colorVars['--color-overlay-pressed']})`;
-/** The overlay's paint, read back off the element (its gradient layer). */
-const pressedOverlayImage = 'var(--_press-paint-image)';
-
-/**
- * The overlay's strength release (interactionOverlay.stylex.ts), restated so
- * a fine pointer keeps it: the same keyframes, so the same animation.
- */
-const pressRelease = stylex.keyframes({
-  from: {[PRESS_ALPHA]: 1},
-  to: {[PRESS_ALPHA]: 0},
-});
-
-/**
- * The row layer's clock as CSS. It is the strength release's clock, scaled
- * by the theme's `--_astryx-motion-tempo` up to 1.5, so the layer and the
- * strength land together.
- */
-const CELL_RELEASE = `calc(${cellPressConsts.cellReleaseMs}ms * min(var(--_astryx-motion-tempo, 1), 1.5))`;
-/** The same clock under Reduce Motion: a tempo may shorten it, never lengthen it. */
-const CELL_RELEASE_REDUCED = `min(${cellPressConsts.cellReleaseMs}ms, calc(${cellPressConsts.cellReleaseMs}ms * var(--_astryx-motion-tempo, 1)))`;
-const REDUCED_MOTION = '@media (prefers-reduced-motion: reduce)';
-
-/** Opacity 1 → 0: the row layer leaves; its fading arm runs it. */
-const cellRelease = stylex.keyframes({
-  from: {opacity: 1},
-  to: {opacity: 0},
-});
-
-/** The release's curve: the table's gentle ease-out. */
-const RELEASE_EASE = cellPressConsts.cellReleaseEase;
-
-export const rowPressLayerStyles = stylex.create({
-  /**
-   * A list row's touch press on a compositor layer (Item, and TreeList's row
-   * box), composed AFTER the row's overlay variant (StyleX is last-wins per
-   * property). The variant's own touch paint, a gradient whose strength is a
-   * registered custom property, animates on the main thread: while script
-   * runs, a pressed row would stay at full strength and every frame of the
-   * fade would paint. Here the press is an element-sized `::before` under the
-   * row's content whose OPACITY is the strength: `on` shows it at once and
-   * `fading` runs a keyframe animation of its opacity, 1 → 0, on the cell's
-   * release clock (`timing.press`), which engines run on the compositor:
-   * it keeps advancing while the main thread is blocked and lays out and
-   * paints nothing. Same pixels as the variant's paint at that strength. The
-   * variant keeps the hover and a mouse's `:active`. The row must be
-   * positioned (the layer is placed absolutely); `isolation: isolate` keeps
-   * the layer above the row's background (a selected fill) and below its
-   * content. The layer exists only while a press is on or releasing: at rest
-   * a row's own `::before` and its stacking are as they were; during a press
-   * the layer is the row's `::before`, so a caller's decoration there merges
-   * into the layer for that time (decorate with `::after` or a child).
-   *
-   * Under a finger only (a coarse primary pointer): a fine pointer keeps the
-   * variant exactly, with no layer, no stacking context and its own touch
-   * paint, so a desktop row is as it was.
-   */
-  cell: {
-    // The `backgroundColor` variant's own image arms (Item's), its touch
-    // paint yielding to the layer under a finger. Only the row's own image
-    // turns off: the press paint (`--_press-paint`) stays the variant's, so
-    // what a row's descendants paint from it still paints. A fine pointer
-    // keeps the arms exactly. `cellOnImage` is the same for the
-    // `backgroundImage` variant (TreeList's row box).
-    backgroundImage: {
-      default: null,
-      [ENABLED]: {
-        default: null,
-        [PRESSED_ON]: {default: pressedOverlayImage, [COARSE]: 'none'},
-        [PRESSED_FADING]: {default: pressedOverlayImage, [COARSE]: 'none'},
-      },
-    },
-    // Under a finger the strength's own release (a main-thread animation)
-    // is dropped: the layer fades instead, on the compositor. A row whose
-    // descendant fades at the row's strength (a radio row's circle) brings
-    // it back with `pressedAlpha`. A fine pointer keeps it as the variant
-    // declares it (its clock and curve are untouched).
-    animationName: {
-      default: null,
-      [PRESSED_FADING]: {default: pressRelease, [COARSE]: 'none'},
-    },
-    // The stacking context the layer needs, for a press only.
-    isolation: {
-      default: null,
-      [COARSE]: {default: null, [PRESSED_ANY]: 'isolate'},
-    },
-    // The whole layer is under a finger only, and only while a press is on
-    // or releasing: with a fine pointer none of it applies, and at rest a
-    // row's own `::before` is exactly as it was.
-    '::before': {
-      content: {
-        default: null,
-        [COARSE]: {
-          default: null,
-          [ENABLED]: {default: null, [PRESSED_ANY]: '""'},
-        },
-      },
-      position: {
-        default: null,
-        [COARSE]: {default: null, [PRESSED_ANY]: 'absolute'},
-      },
-      inset: {default: null, [COARSE]: {default: null, [PRESSED_ANY]: 0}},
-      zIndex: {default: null, [COARSE]: {default: null, [PRESSED_ANY]: -1}},
-      borderRadius: {
-        default: null,
-        [COARSE]: {default: null, [PRESSED_ANY]: 'inherit'},
-      },
-      pointerEvents: {
-        default: null,
-        [COARSE]: {default: null, [PRESSED_ANY]: 'none'},
-      },
-      backgroundColor: {
-        default: null,
-        [COARSE]: {
-          default: null,
-          [PRESSED_ANY]: colorVars['--color-overlay-pressed'],
-        },
-      },
-      // On at once while the press is believed; nothing transitions it.
-      opacity: {
-        default: null,
-        [COARSE]: {default: null, [PRESSED_ON]: 1, [PRESSED_FADING]: 0},
-      },
-      animationName: {
-        default: null,
-        [COARSE]: {
-          default: null,
-          [ENABLED]: {default: null, [PRESSED_FADING]: cellRelease},
-        },
-      },
-      animationDuration: {
-        default: null,
-        [COARSE]: {
-          default: null,
-          [PRESSED_FADING]: {
-            default: CELL_RELEASE,
-            [REDUCED_MOTION]: CELL_RELEASE_REDUCED,
-          },
-        },
-      },
-      animationTimingFunction: {
-        default: null,
-        [COARSE]: {
-          default: null,
-          [PRESSED_FADING]: RELEASE_EASE,
-        },
-      },
-      animationFillMode: {
-        default: null,
-        [COARSE]: {default: null, [PRESSED_FADING]: 'both'},
-      },
-    },
-  },
-  /**
-   * A row that keeps no press paint of its own, composed after `cell`: a
-   * radio row, whose circle paints the press. The row paints no overlay
-   * image, keeps the strength's own release (the circle's layer reads the
-   * strength), and under a finger has no `::before` box and is no stacking
-   * context during a press.
-   */
-  cellWithoutLayer: {
-    backgroundImage: 'none',
-    animationName: {default: null, [PRESSED_FADING]: pressRelease},
-    isolation: {
-      default: null,
-      [COARSE]: {default: null, [PRESSED_ANY]: 'auto'},
-    },
-    '::before': {
-      content: {
-        default: null,
-        [COARSE]: {
-          default: null,
-          [ENABLED]: {default: null, [PRESSED_ANY]: 'none'},
-        },
-      },
-    },
-  },
-  /**
-   * `cell`'s own-image arms for a row on the `backgroundImage` variant
-   * (TreeList's row box), composed after `cell`: the variant's arms, its
-   * touch press paint yielding to the layer under a coarse primary pointer.
-   */
-  cellOnImage: {
-    backgroundImage: {
-      default: null,
-      [ENABLED]: {
-        default: null,
-        ':active': {
-          default: pressedImage,
-          [COARSE]: 'none',
-        },
-        [HOVER_HOVER]: {
-          default: null,
-          ':hover': hoverImage,
-          ':active': pressedImage,
-        },
-        [PRESSED_ON]: {default: pressedOverlayImage, [COARSE]: 'none'},
-        [PRESSED_FADING]: {default: pressedOverlayImage, [COARSE]: 'none'},
-      },
-    },
-  },
-});

package/src/utils/rowPressLayer.stylex.ts

@@ -1,27 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file rowPressLayer.stylex.ts
- * @input StyleX
- * @output The list row press layer's clocks (`cellPressConsts`)
- * @position Internal to core: no package entry exports it. Only the row
- *   layer (privateAttributes/press.stylex.ts) reads it, so a component
- *   without a press row ships none of it; interactionOverlay.exports.test.ts
- *   keeps it off the published paths.
- */
-
-import * as stylex from '@stylexjs/stylex';
-
-/**
- * A list row's release (`rowPressLayerStyles.cell`), mirrored for the
- * stylesheet. StyleX evaluates a style at build time and cannot read the
- * constants table, so these are the table's press release values
- * (`timing.press`, motion/uikit/timing.ts). interactionOverlay.cell.test.ts
- * fails if they drift.
- */
-export const cellPressConsts = stylex.defineConsts({
-  /** `timing.press.highlightOutMs`, in ms. */
-  cellReleaseMs: 200,
-  /** `timing.press.highlightOutCurve`, as CSS. */
-  cellReleaseEase: 'cubic-bezier(0, 0, 0.2, 1)',
-});