@astryxdesign/lab 0.7.5-canary.bc40b80 → 0.7.5-canary.c26ae3f

package/blocks/CommentPinShowcase.doc.mjs

@@ -6,7 +6,7 @@ export default {
   name: 'Avatar-first annotations',
   displayName: 'Avatar-first annotations',
   description:
-    'Caller-positioned comment pins over media and in a content margin. Every coordinate maps to the pin’s logical bottom-start corner. The selected group caps its participants at three circles (two Avatars plus +3) and shows its unread count in an accent badge instead of the total; the unread margin pin shows the badge too. Other pins dim without becoming disabled, activating the selected pin again clears the selection, and no pin dims while nothing is selected.',
+    'Caller-positioned comment pins over media and in a content margin. Every coordinate maps to the pin’s logical bottom-start corner. The selected group caps its participants at three circles (two Avatars plus an ellipsis) and ends with its total and an accent unread dot; the unread margin pin shows the dot too. Other pins dim without becoming disabled, activating the selected pin again clears the selection, and no pin dims while nothing is selected.',
   exampleFor: 'CommentPin',
   isReady: true,
   isShowcase: true,

package/blocks/CommentPinShowcase.tsx

@@ -7,7 +7,7 @@
  *   participant/thread/unread counts, and controlled selected/dimmed state
  *   that may be empty
  * @output A grouped pin with a three-circle participant cap and an unread
- *   badge, a resolved pin, and an unread margin pin; activating the selected
+ *   dot, a single pin, and an unread margin pin; activating the selected
  *   pin clears the selection, and non-selected pins dim only while another pin
  *   is selected
  * @position CommentPin docsite showcase and copyable Lab block
@@ -160,9 +160,8 @@ export default function CommentPinShowcase() {
             xstyle={styles.groupedMarker}
           />
           <CommentPin
-            label="Open resolved annotation from Mira"
+            label="Open annotation from Mira"
             participants={[PEOPLE.mira]}
-            isResolved
             isSelected={selected === 'resolved'}
             isDimmed={selected != null && selected !== 'resolved'}
             onClick={() => toggle('resolved')}

package/dist/CommentPin/CommentPin.d.ts

@@ -1,4 +1,6 @@
 import type { BaseProps } from '@astryxdesign/core';
+/** Pin heights on the shared element-size scale: 28, 32, or 36px. */
+export type CommentPinSize = 'sm' | 'md' | 'lg';
 /** Identity data for one representative shown inside a CommentPin. */
 export interface CommentPinParticipant {
     /** Stable identity used to remove duplicate representatives. */
@@ -21,10 +23,17 @@ export interface CommentPinProps extends Omit<BaseProps<HTMLButtonElement>, 'chi
      * Ordered participants, lead first. A single marker shows the first. A
      * grouped marker shows distinct IDs as an AvatarGroup of at most three
      * circles: every participant when three or fewer are distinct, otherwise the
-     * first two plus a `+N` overflow circle. Pass every distinct participant so
-     * the overflow count is accurate.
+     * first two plus an ellipsis overflow circle. Pass every distinct
+     * participant so the overflow appears only when more than three people
+     * participate.
      */
     participants: readonly [CommentPinParticipant, ...CommentPinParticipant[]];
+    /**
+     * Pin height on the element-size scale: `sm` 28px, `md` 32px, `lg` 36px,
+     * with 22px, 24px, and 28px participant circles.
+     * @default 'sm'
+     */
+    size?: CommentPinSize;
     /**
      * Total number of threads represented by this marker. Values above one use
      * the grouped presentation and show the exact total.
@@ -33,8 +42,9 @@ export interface CommentPinProps extends Omit<BaseProps<HTMLButtonElement>, 'chi
     threadCount?: number;
     /**
      * Number of represented threads with unread activity. When above zero, an
-     * accent badge shows this number in place of the thread total, on single
-     * and grouped pins alike. Values above `threadCount` are capped.
+     * accent status dot appears at the end of the pin: after the thread total,
+     * or after the participant on a single pin. Values above `threadCount` are
+     * capped.
      * @default 0
      */
     unreadCount?: number;
@@ -45,7 +55,11 @@ export interface CommentPinProps extends Omit<BaseProps<HTMLButtonElement>, 'chi
      * disabling it, so it remains available to switch selection.
      */
     isDimmed?: boolean;
-    /** Whether every thread represented by this pin is resolved. */
+    /**
+     * Whether every thread represented by this pin is resolved. A resolved pin
+     * renders nothing unless it is selected, so resolved discussion leaves the
+     * content while a thread the reader opened keeps its anchor.
+     */
     isResolved?: boolean;
     /** Whether activation is unavailable. */
     isDisabled?: boolean;
@@ -56,7 +70,8 @@ export interface CommentPinProps extends Omit<BaseProps<HTMLButtonElement>, 'chi
  * The caller owns grouping, representative selection, coordinates, collision
  * handling, and the content opened by activation. Absolute placement maps the
  * host anchor to the pin's logical bottom-start corner. The pin only owns its
- * compact button surface and controlled visual states.
+ * compact button surface and controlled visual states. `size` sets its height
+ * on the element-size scale.
  *
  * @example
  * ```
@@ -79,7 +94,7 @@ export interface CommentPinProps extends Omit<BaseProps<HTMLButtonElement>, 'chi
  * />
  * ```
  */
-export declare function CommentPin({ label, participants, threadCount, unreadCount, isSelected, isDimmed, isResolved, isDisabled, ref, xstyle, className, style, ...rest }: CommentPinProps): React.ReactNode;
+export declare function CommentPin({ label, participants, size, threadCount, unreadCount, isSelected, isDimmed, isResolved, isDisabled, ref, xstyle, className, style, ...rest }: CommentPinProps): React.ReactNode;
 export declare namespace CommentPin {
     var displayName: string;
 }

package/dist/CommentPin/CommentPin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentPin.d.ts","sourceRoot":"","sources":["../../src/CommentPin/CommentPin.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AA2BlD,sEAAsE;AACtE,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,SAAS,CAAC,iBAAiB,CAAC,EAC5B,UAAU,CACX;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,YAAY,EAAE,SAAS,CAAC,qBAAqB,EAAE,GAAG,qBAAqB,EAAE,CAAC,CAAC;IAC3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAqMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,WAAe,EACf,WAAe,EACf,UAAkB,EAClB,QAAgB,EAChB,UAAkB,EAClB,UAAkB,EAClB,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS,CAyInC;yBAvJe,UAAU"}
+{"version":3,"file":"CommentPin.d.ts","sourceRoot":"","sources":["../../src/CommentPin/CommentPin.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AA4BlD,qEAAqE;AACrE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,sEAAsE;AACtE,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,SAAS,CAAC,iBAAiB,CAAC,EAC5B,UAAU,CACX;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,YAAY,EAAE,SAAS,CAAC,qBAAqB,EAAE,GAAG,qBAAqB,EAAE,CAAC,CAAC;IAC3E;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA8ND;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,IAAW,EACX,WAAe,EACf,WAAe,EACf,UAAkB,EAClB,QAAgB,EAChB,UAAkB,EAClB,UAAkB,EAClB,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS,CA4JnC;yBA3Ke,UAAU"}

package/dist/CommentPin/CommentPin.js

@@ -5,8 +5,10 @@
 /**
  * @file CommentPin.tsx
  * @input Ordered participants (grouped pins show at most three circles),
- *   total and unread represented thread counts, controlled
- *   selected/dimmed/resolved/disabled state, and button DOM props
+ *   total and unread represented thread counts (unread shows as a dot), a
+ *   size on the element-size
+ *   scale, controlled selected/dimmed/resolved/disabled state, and button DOM
+ *   props
  * @output Exports the avatar-first CommentPin button and its public types
  * @position Lab collaboration primitive for annotation anchors over content or
  *   in content margins; callers own grouping, coordinates, and opened content
@@ -23,11 +25,15 @@ import * as stylex from '@stylexjs/stylex';
 import { Avatar } from '@astryxdesign/core/Avatar';
 import { AvatarGroup, AvatarGroupOverflow } from '@astryxdesign/core/AvatarGroup';
 import { useDevWarning, useMergedRefs, usePressFeedback } from '@astryxdesign/core/hooks';
+import { Icon } from '@astryxdesign/core/Icon';
+import { StatusDot } from '@astryxdesign/core/StatusDot';
 import '@astryxdesign/core/theme/tokens.stylex';
-import { borderVars, colorVars, fontWeightVars, radiusVars, shadowVars, sizeVars, spacingVars, typeScaleVars, typographyVars } from '@astryxdesign/core/theme/tokens.stylex';
+import { borderVars, colorVars, fontWeightVars, shadowVars, sizeVars, spacingVars, typeScaleVars, typographyVars } from '@astryxdesign/core/theme/tokens.stylex';
 import { useTooltip } from '@astryxdesign/core/Tooltip';
 import { focusOutlineProps, interactionOverlayStyles, mergeProps, themeProps } from '@astryxdesign/core/utils';
 
+/** Pin heights on the shared element-size scale: 28, 32, or 36px. */
+
 /** Identity data for one representative shown inside a CommentPin. */
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const styles = {
@@ -41,17 +47,11 @@ const styles = {
     kmuXW: "x2lah0s",
     kXLuUW: "xxymvpz",
     k3nNDw: "x1bd091l x173emx3",
-    k7Eaqz: "x1nkkqge",
-    kZKoxP: "x6k0iem",
     kogj98: "x1ghz6dp",
-    kmVPX3: "x12nba7r",
     kMzoRj: "x1litavf",
     ksu8eU: "x1y0btm7",
     kVAM5u: "x9r1u3d",
-    krdFHd: "x19415el",
-    kfmiAY: "x8agd5o",
-    kT0f0o: "x1dgc8on",
-    kVL7Gh: "x1pczhz8",
+    kVL7Gh: "x6en5u8",
     kWkggS: "x1prclbq",
     kKwaWg: "x18o3ruo",
     kGVxlE: "x14hfi27",
@@ -68,8 +68,6 @@ const styles = {
   withCount: {
     kjj79g: "x1nhvcw1",
     kOIVth: "xzye2dw",
-    kZCmMZ: "x138rykx",
-    kwRFfy: "x1djylfy",
     $$css: true
   },
   selected: {
@@ -81,15 +79,6 @@ const styles = {
     kMwMTN: "xv1l7n4 x1k5gbb1",
     $$css: true
   },
-  resolved: {
-    kAXs8y: "x1kzknox",
-    kVAM5u: "x9r1u3d x1w1tqly",
-    kWkggS: "xwmxj5m x9yvj25",
-    kGVxlE: "x1gnnqk1",
-    kMwMTN: "xv1l7n4 xs5hli",
-    kSiTet: "xf9vgkq x1tbh5bv",
-    $$css: true
-  },
   dimmed: {
     kSiTet: "xti2d7y x1tbh5bv",
     $$css: true
@@ -102,8 +91,69 @@ const styles = {
   overflowCircle: {
     kg3NbH: "xnjsko4",
     $$css: true
+  },
+  unreadDot: {
+    kAXs8y: "x1kzknox",
+    kMwMTN: "x17wrial x1q73b31",
+    kWkggS: "x1ewilqj x438xzl",
+    $$css: true
   }
 };
+
+// Each size pairs an element-size height with a participant circle diameter
+// (see AVATAR_SIZE). The padding is the inset that centers that circle in the
+// height, applied on every side: the avatars and overflow sit the same
+// distance from all four edges. The three round corners are half the height,
+// which is fully round: the 9999px full-radius token would make the browser
+// scale every corner down to fit the box (the CSS corner-overlap rule) and
+// shrink the 2px anchor corner to nothing.
+const sizeStyles = {
+  sm: {
+    k7Eaqz: "x1nkkqge",
+    kZKoxP: "x6k0iem",
+    kmVPX3: "x5pt662",
+    krdFHd: "x404ayl",
+    kfmiAY: "x1096wwc",
+    kT0f0o: "xjc3rfe",
+    $$css: true
+  },
+  md: {
+    k7Eaqz: "x17ydmr0",
+    kZKoxP: "x1ueg155",
+    kmVPX3: "xnvfkzk",
+    krdFHd: "x17mafka",
+    kfmiAY: "x1fefpn5",
+    kT0f0o: "x11o29ay",
+    $$css: true
+  },
+  lg: {
+    k7Eaqz: "x1je4dsv",
+    kZKoxP: "xssyfek",
+    kmVPX3: "x1fx55se",
+    krdFHd: "xgwm7ou",
+    kfmiAY: "x7b04l7",
+    kT0f0o: "x9hxrvx",
+    $$css: true
+  }
+};
+
+/**
+ * Participant circle diameter per pin size, matching the literals in
+ * `sizeStyles`. Avatar renders any pixel size; its typed scale lists neither
+ * 22 nor 28, hence the cast.
+ */
+const AVATAR_SIZE = {
+  sm: 22,
+  md: 24,
+  lg: 28
+};
+
+/** The overflow ellipsis per pin size. */
+const OVERFLOW_ICON_SIZE = {
+  sm: 'xsm',
+  md: 'xsm',
+  lg: 'sm'
+};
 function takeDistinctParticipants(participants, limit) {
   const result = [];
   const seen = new Set();
@@ -135,7 +185,8 @@ const MAX_GROUP_CIRCLES = 3;
  * The caller owns grouping, representative selection, coordinates, collision
  * handling, and the content opened by activation. Absolute placement maps the
  * host anchor to the pin's logical bottom-start corner. The pin only owns its
- * compact button surface and controlled visual states.
+ * compact button surface and controlled visual states. `size` sets its height
+ * on the element-size scale.
  *
  * @example
  * ```
@@ -161,6 +212,7 @@ const MAX_GROUP_CIRCLES = 3;
 export function CommentPin({
   label,
   participants,
+  size = 'sm',
   threadCount = 1,
   unreadCount = 0,
   isSelected = false,
@@ -173,6 +225,8 @@ export function CommentPin({
   style,
   ...rest
 }) {
+  const resolvedSize = size === 'md' || size === 'lg' ? size : 'sm';
+  const avatarSize = AVATAR_SIZE[resolvedSize];
   const validThreadCount = isValidThreadCount(threadCount);
   const resolvedThreadCount = validThreadCount ? threadCount : 1;
   const isGrouped = resolvedThreadCount > 1;
@@ -181,7 +235,7 @@ export function CommentPin({
   const hasUnread = resolvedUnreadCount > 0;
 
   // Grouped pins cap at MAX_GROUP_CIRCLES circles: every distinct participant
-  // when they fit, otherwise one fewer Avatar plus a `+N` overflow circle.
+  // when they fit, otherwise one fewer Avatar plus an ellipsis overflow circle.
   const distinctParticipants = takeDistinctParticipants(participants, isGrouped ? Number.POSITIVE_INFINITY : 1);
   const hasOverflow = isGrouped && distinctParticipants.length > MAX_GROUP_CIRCLES;
   const visibleParticipants = hasOverflow ? distinctParticipants.slice(0, MAX_GROUP_CIRCLES - 1) : distinctParticipants;
@@ -197,6 +251,13 @@ export function CommentPin({
     isEnabled: hasTooltip
   });
   const mergedRef = useMergedRefs(ref, hasTooltip ? tooltip.ref : undefined);
+
+  // Resolved discussion leaves the content. A selected pin stays, so a thread
+  // the reader opened (or resolved from its popover) keeps its anchor until
+  // the host clears the selection.
+  if (isResolved && !isSelected) {
+    return null;
+  }
   const avatarParticipants = visibleParticipants.length > 0 ? visibleParticipants : [{
     id: '__anonymous__',
     name: '',
@@ -211,46 +272,62 @@ export function CommentPin({
     "aria-pressed": isSelected,
     disabled: isDisabled,
     ...mergeProps(themeProps('comment-pin', {
+      size: resolvedSize,
       grouped: isGrouped ? 'grouped' : null,
       unread: hasUnread ? 'unread' : null,
       selected: isSelected ? 'selected' : null,
       dimmed: isDimmed ? 'dimmed' : null,
       resolved: isResolved ? 'resolved' : null,
       disabled: isDisabled ? 'disabled' : null
-    }), focusOutlineProps.focusVisible(styles.root, interactionOverlayStyles.backgroundImage, (isGrouped || hasUnread) && styles.withCount, isResolved && !isSelected && styles.resolved, isDimmed && !isSelected && styles.dimmed, isSelected && styles.selected, isDisabled && styles.disabled, xstyle), className, style),
+    }), focusOutlineProps.focusVisible(styles.root, sizeStyles[resolvedSize], interactionOverlayStyles.backgroundImage, (isGrouped || hasUnread) && styles.withCount, isDimmed && !isSelected && styles.dimmed, isSelected && styles.selected, isDisabled && styles.disabled, xstyle), className, style),
     children: [/*#__PURE__*/_jsx("span", {
       "aria-hidden": "true",
       ...{
-        className: "x3nfvp2 x6s0dn4 x2lah0s"
-      },
+        0: {
+          className: "x3nfvp2 x6s0dn4 x2lah0s"
+        },
+        1: {
+          className: "x3nfvp2 x6s0dn4 x2lah0s xe9ewy2"
+        }
+      }[!!isGrouped << 0],
       children: isGrouped ? /*#__PURE__*/_jsxs(AvatarGroup, {
-        size: "xsm",
+        size: avatarSize,
         children: [avatarParticipants.map(participant => /*#__PURE__*/_jsx(Avatar, {
           name: participant.name,
           src: participant.avatarSrc,
           tooltip: false
         }, participant.id)), overflowCount > 0 ? /*#__PURE__*/_jsx(AvatarGroupOverflow, {
           count: overflowCount,
-          xstyle: styles.overflowCircle
+          xstyle: styles.overflowCircle,
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: "moreHorizontal",
+            size: OVERFLOW_ICON_SIZE[resolvedSize]
+          })
         }) : null]
       }) : avatarParticipants.map(participant => /*#__PURE__*/_jsx(Avatar, {
         name: participant.name,
         src: participant.avatarSrc,
-        size: "xsm",
+        size: avatarSize,
         tooltip: false
       }, participant.id))
-    }), hasUnread ? /*#__PURE__*/_jsx("span", {
-      "aria-hidden": "true",
-      ...{
-        className: "x1kzknox x3nfvp2 x6s0dn4 xl56j7k x9f619 x16asifk x1grt7ep x7a5moj xjspbzw x1ewilqj x1jzqe4 x17wrial x1k5gbb1 xss6m8b xo5v014"
-      },
-      children: resolvedUnreadCount
-    }) : isGrouped ? /*#__PURE__*/_jsx("span", {
+    }), hasUnread || isGrouped ? /*#__PURE__*/_jsxs("span", {
       "aria-hidden": "true",
       ...{
-        className: "x1rg5ohu x163how x1heor9g xss6m8b x2b8uid"
+        className: "x3nfvp2 x6s0dn4 xzye2dw x1nryj5t"
       },
-      children: resolvedThreadCount
+      children: [isGrouped ? /*#__PURE__*/_jsx("span", {
+        ...{
+          className: "x1heor9g xss6m8b"
+        },
+        children: resolvedThreadCount
+      }) : null, hasUnread ?
+      /*#__PURE__*/
+      // Decorative: the button's label carries the unread context.
+      _jsx(StatusDot, {
+        variant: "accent",
+        label: "",
+        xstyle: styles.unreadDot
+      }) : null]
     }) : null]
   });
   return /*#__PURE__*/_jsxs(_Fragment, {

package/dist/ListInput/ListInput.d.ts.map

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

package/dist/ListInput/ListInput.js

@@ -476,6 +476,25 @@ export function ListInput({
       announce(t('@astryx.listInput.announceReorderCancelled'));
     }
   }, [isDisabled, isLoading, announce, t]);
+
+  // A second pointer that lands anywhere during a pointer reorder (the second
+  // finger of a pinch) cancels the reorder. A pinch whose first finger slid
+  // first zooms without a pointercancel, so the drag would otherwise commit on
+  // release and drop the row at the end of the list.
+  useEffect(() => {
+    if (!isPointerReorderActive) {
+      return;
+    }
+    const onPointerDown = event => {
+      const activeState = reorderStateRef.current;
+      if (activeState?.mode === 'pointer' && activeState.pointerId !== event.pointerId) {
+        setReorderState(null);
+        announce(t('@astryx.listInput.announceReorderCancelled'));
+      }
+    };
+    document.addEventListener('pointerdown', onPointerDown, true);
+    return () => document.removeEventListener('pointerdown', onPointerDown, true);
+  }, [isPointerReorderActive, announce, t]);
   useEffect(() => {
     const activeAnimations = activeMutationAnimationsRef.current;
     return () => {

package/dist/MobilePowerSearch/MobilePowerSearch.d.ts

@@ -24,6 +24,11 @@
  *   and tokens wrap inside the trigger;
  * - strings are literals (no new i18n keys; existing Core keys are reused
  *   only for the result count and the add announcement);
+ * - announcements made while a sheet is open go to a persistent polite
+ *   region inside each sheet, created empty and kept mounted (spec AST-086
+ *   FR3), because the shared page-body channel is not exposed while a
+ *   native modal dialog is open (its Platform support section); the closed
+ *   field still uses the shared channel;
  * - no theming contract: no `power-search` theme target or selectors;
  * - `components[type].Token` overrides receive Core's PowerSearchTokenProps,
  *   which carry no `timezoneID`; the built-in token renders Core `Token`

package/dist/MobilePowerSearch/MobilePowerSearch.d.ts.map

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

package/dist/MobilePowerSearch/MobilePowerSearch.js

@@ -28,6 +28,11 @@
  *   and tokens wrap inside the trigger;
  * - strings are literals (no new i18n keys; existing Core keys are reused
  *   only for the result count and the add announcement);
+ * - announcements made while a sheet is open go to a persistent polite
+ *   region inside each sheet, created empty and kept mounted (spec AST-086
+ *   FR3), because the shared page-body channel is not exposed while a
+ *   native modal dialog is open (its Platform support section); the closed
+ *   field still uses the shared channel;
  * - no theming contract: no `power-search` theme target or selectors;
  * - `components[type].Token` overrides receive Core's PowerSearchTokenProps,
  *   which carry no `timezoneID`; the built-in token renders Core `Token`
@@ -67,6 +72,7 @@ import { Text } from '@astryxdesign/core/Text';
 import { TextInput } from '@astryxdesign/core/TextInput';
 import { Token } from '@astryxdesign/core/Token';
 import { useTooltip } from '@astryxdesign/core/Tooltip';
+import { VisuallyHidden } from '@astryxdesign/core/VisuallyHidden';
 import { useAnnounce, useDevWarning, useMergedRefs } from '@astryxdesign/core/hooks';
 import { useLocale, useTranslator } from '@astryxdesign/core/i18n';
 import '@astryxdesign/core/theme/tokens.stylex';
@@ -146,6 +152,9 @@ function resolveDraftFilterIndex(filters, draft) {
 const SEARCHABLE_FIELD_COUNT = 8;
 const DEFAULT_MAX_SEARCH_RESULTS = 10;
 const MAX_BROWSE_MENU_ITEMS = 1000;
+// How long a message stays in the sheets' live region; the shared channel
+// clears on the same schedule.
+const SHEET_ANNOUNCEMENT_CLEAR_MS = 2000;
 
 // =============================================================================
 // Token
@@ -235,7 +244,62 @@ export function MobilePowerSearch({
   const config = useMobilePowerSearchConfig(configProp);
   const t = useTranslator();
   const locale = useLocale();
-  const announce = useAnnounce();
+  const announceOnPage = useAnnounce();
+  // While a sheet is open the page-body live region is not exposed (the
+  // sheets are native modal dialogs), so a message then goes to the polite
+  // region rendered inside the sheets; `step` is read through a ref because
+  // the add path changes the step in the same tick it announces.
+  const [sheetAnnouncement, setSheetAnnouncement] = useState('');
+  const sheetAnnouncementFrameRef = useRef(null);
+  const pendingSheetMessagesRef = useRef([]);
+  const sheetAnnouncementClearRef = useRef(null);
+  const stepRef = useRef(null);
+  const announce = useCallback(message => {
+    if (stepRef.current == null) {
+      announceOnPage(message);
+      return;
+    }
+    // Clear, then write on the next frame so the same words announce again
+    // (FR6: a new occasion), and clear shortly after so stale text does not
+    // linger in a sheet that opens later (FR3). Messages that arrive while
+    // the frame is pending are joined in order into that one write, the way
+    // the shared channel joins them (FR9), so an add and the result count
+    // it changes in the same commit are both heard.
+    pendingSheetMessagesRef.current.push(message);
+    if (sheetAnnouncementFrameRef.current != null) {
+      return;
+    }
+    if (sheetAnnouncementClearRef.current != null) {
+      clearTimeout(sheetAnnouncementClearRef.current);
+      sheetAnnouncementClearRef.current = null;
+    }
+    setSheetAnnouncement('');
+    sheetAnnouncementFrameRef.current = requestAnimationFrame(() => {
+      sheetAnnouncementFrameRef.current = null;
+      const joined = pendingSheetMessagesRef.current.join(' ');
+      pendingSheetMessagesRef.current = [];
+      setSheetAnnouncement(joined);
+      sheetAnnouncementClearRef.current = setTimeout(() => {
+        sheetAnnouncementClearRef.current = null;
+        setSheetAnnouncement('');
+      }, SHEET_ANNOUNCEMENT_CLEAR_MS);
+    });
+  }, [announceOnPage]);
+  // Owns the sheet announcer's frame and clear timer: released on teardown,
+  // with the refs and the pending queue reset, so an Effect teardown that is
+  // not an unmount (an <Activity> hide) leaves no cancelled id behind that
+  // would block later in-sheet announcements.
+  useEffect(() => () => {
+    if (sheetAnnouncementFrameRef.current != null) {
+      cancelAnimationFrame(sheetAnnouncementFrameRef.current);
+      sheetAnnouncementFrameRef.current = null;
+    }
+    if (sheetAnnouncementClearRef.current != null) {
+      clearTimeout(sheetAnnouncementClearRef.current);
+      sheetAnnouncementClearRef.current = null;
+    }
+    pendingSheetMessagesRef.current = [];
+  }, []);
   const triggerLabel = labelFromProps ?? 'Manage filters';
   const fieldPlaceholder = placeholderFromProps ?? 'Filters…';
   const contentSearchPlaceholder = placeholderFromProps ?? 'Search…';
@@ -244,6 +308,8 @@ export function MobilePowerSearch({
   const hasContentSearch = contentSearchOperator?.value.type === 'string';
   const contentSearchSource = useMemo(() => createContentSearchSource(config, t, maxSearchResults), [config, maxSearchResults, t]);
   const triggerId = useId();
+  const triggerLabelId = useId();
+  const triggerContentId = useId();
   const statusMessageId = useId();
   const contentResultsId = useId();
   const triggerRef = useRef(null);
@@ -258,6 +324,7 @@ export function MobilePowerSearch({
   const pendingSheetFocusRef = useRef(null);
   const pendingMutationFocusRef = useRef(false);
   const [step, setStep] = useState(null);
+  stepRef.current = step;
   // The draft outlives a step change on purpose: the switcher keeps the
   // outgoing sheet mounted while the incoming one enters, and clearing the
   // draft with the step would blank that sheet mid-transition.
@@ -667,12 +734,21 @@ export function MobilePowerSearch({
     }
     return resultCount;
   }, [resultCount, t]);
-  const hasMountedRef = useRef(false);
+
+  // This Effect synchronizes a polite live region with the result count: the
+  // shared page-body one while the field is closed, the sheets' own while a
+  // sheet is open. A count present on mount is not announced unprompted, and
+  // the guard compares against the last announced text rather than a mounted
+  // flag, so StrictMode's effect replay announces nothing either (FR6). It
+  // needs no cleanup of its own: on the open-sheet path `announce` starts a
+  // frame and a clear timer, which the sheet announcer's teardown Effect and
+  // the next write release.
+  const announcedResultCountRef = useRef(resultCountText);
   useEffect(() => {
-    if (!hasMountedRef.current) {
-      hasMountedRef.current = true;
+    if (resultCountText === announcedResultCountRef.current) {
       return;
     }
+    announcedResultCountRef.current = resultCountText;
     if (resultCountText != null) {
       announce(resultCountText);
     }
@@ -758,10 +834,25 @@ export function MobilePowerSearch({
   const isEditorDisabled = isDisabled || isReadOnly;
   const isSaveDisabled = isEditorDisabled || draft?.operator == null || draft.value == null;
   const isDraftRenderable = draft != null && draftField != null && draftOperator != null;
+
+  // One persistent polite region per sheet, created empty and kept mounted
+  // while its text changes (FR3), because the shared page-body channel is
+  // not exposed while a native modal dialog is open; only the active sheet's
+  // dialog is exposed, so a message is heard once. A polite status region
+  // needs no name to announce, so it carries none rather than one assembled
+  // from the label and a literal.
+  const sheetStatus = /*#__PURE__*/_jsx(VisuallyHidden, {
+    role: "status",
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    "data-testid": "mobile-power-search-sheet-status",
+    children: sheetAnnouncement
+  });
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(Field, {
       ref: ref,
       label: triggerLabel,
+      labelID: triggerLabelId,
       isLabelHidden: isLabelHidden,
       inputID: triggerId,
       isDisabled: isDisabled,
@@ -783,6 +874,7 @@ export function MobilePowerSearch({
         "aria-disabled": isDisabled ? true : undefined,
         ...stylex.props(inputWrapperStyles.base, styles.wrapper, filters.length > 0 && styles.wrapperWithTokens, sizeStyles[size], isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type]),
         children: [/*#__PURE__*/_jsxs("div", {
+          id: triggerContentId,
           ...{
             className: "x1n2onr6 xeuugli x1iyjqo2 x78zum5 x6s0dn4 x1a02dak x1lfs0n9 xajebq8"
           },
@@ -807,6 +899,7 @@ export function MobilePowerSearch({
             "aria-disabled": isDisabled ? true : undefined,
             "aria-haspopup": "dialog",
             "aria-expanded": step != null,
+            "aria-labelledby": `${triggerLabelId} ${triggerContentId}`,
             "aria-describedby": triggerDescribedBy,
             ...{
               0: {
@@ -842,7 +935,7 @@ export function MobilePowerSearch({
           ...{
             className: "x78zum5 xdt5ytf x1us19tq xc8icb0"
           },
-          children: [/*#__PURE__*/_jsx("div", {
+          children: [sheetStatus, /*#__PURE__*/_jsx("div", {
             ...{
               className: "x7wzq59 x13vifvy x1vjfegm x78zum5 xdt5ytf xjcht0a x1adxfkp xvmdzux x1pzlopt x10xzikg"
             },
@@ -939,7 +1032,7 @@ export function MobilePowerSearch({
           ...{
             className: "x78zum5 xdt5ytf x1us19tq xc8icb0"
           },
-          children: [/*#__PURE__*/_jsxs("div", {
+          children: [sheetStatus, /*#__PURE__*/_jsxs("div", {
             ...{
               className: "x7wzq59 x13vifvy x1vjfegm x78zum5 xdt5ytf xjcht0a x1adxfkp xvmdzux x1pzlopt x10xzikg"
             },
@@ -1104,7 +1197,7 @@ export function MobilePowerSearch({
           ...{
             className: "x78zum5 xdt5ytf x1us19tq xc8icb0"
           },
-          children: [/*#__PURE__*/_jsx("div", {
+          children: [sheetStatus, /*#__PURE__*/_jsx("div", {
             ...{
               className: "x7wzq59 x13vifvy x1vjfegm x78zum5 xdt5ytf xjcht0a x1adxfkp xvmdzux x1pzlopt x10xzikg"
             },