@oxyhq/bloom 0.34.2 → 0.35.0

package/lib/commonjs/avatar-group/AvatarGroup.js

@@ -9,8 +9,9 @@ var _AvatarGroupBase = require("./AvatarGroupBase.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
- * Native `AvatarGroup` — an overlapping, ringed stack of {@link Avatar}s with a
- * trailing `+N` overflow chip.
+ * Native `AvatarGroup` — {@link Avatar}s arranged as a horizontal facepile
+ * (`stack`), an adjacent `row`, or a 2D magnetic `cluster`, with a trailing
+ * `+N` overflow chip. See `layout` in {@link AvatarGroupProps}.
  *
  * Hover behavior is web-only; on native the `hoverCard` / `renderItemAction`
  * props are accepted for API parity but intentionally do nothing (no hover on

package/lib/commonjs/avatar-group/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_AvatarGroupBase","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AvatarGroupComponent","props","jsx","AvatarGroupBase","AvatarGroup","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["avatar-group/AvatarGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMkB,oBAAgD,GAAIC,KAAK,IAAK;EAClE,oBAAO,IAAArB,WAAA,CAAAsB,GAAA,EAACvB,gBAAA,CAAAwB,eAAe;IAAA,GAAKF;EAAK,CAAG,CAAC;AACvC,CAAC;AAEM,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,WAAI,EAACN,oBAAoB,CAAC;AACrDI,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_AvatarGroupBase","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AvatarGroupComponent","props","jsx","AvatarGroupBase","AvatarGroup","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["avatar-group/AvatarGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMkB,oBAAgD,GAAIC,KAAK,IAAK;EAClE,oBAAO,IAAArB,WAAA,CAAAsB,GAAA,EAACvB,gBAAA,CAAAwB,eAAe;IAAA,GAAKF;EAAK,CAAG,CAAC;AACvC,CAAC;AAEM,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,WAAI,EAACN,oBAAoB,CAAC;AACrDI,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/avatar-group/AvatarGroup.web.js

@@ -22,11 +22,11 @@ function getItemName(item) {
 }
 
 /**
- * Web `AvatarGroup`. Identical stack rendering to native via
- * {@link AvatarGroupBase}, plus an optional hover card: when `hoverCard` is
- * enabled, hovering an avatar reveals a {@link UserHoverCard} positioned beneath
- * it. The card receives the per-item `renderItemAction` slot so the app can drop
- * its SDK FollowButton inside.
+ * Web `AvatarGroup`. Identical layout rendering to native (stack / row /
+ * cluster) via {@link AvatarGroupBase}, plus an optional hover card: when
+ * `hoverCard` is enabled, hovering an avatar reveals a {@link UserHoverCard}
+ * positioned beneath it. The card receives the per-item `renderItemAction` slot
+ * so the app can drop its SDK FollowButton inside.
  */
 const AvatarGroupWebComponent = props => {
   const {

package/lib/commonjs/avatar-group/AvatarGroupBase.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _index = require("../avatar/index.js");
 var _useTheme = require("../theme/use-theme.js");
 var _tokens = require("../styles/tokens.js");
+var _clusterLayout = require("./cluster-layout.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /** Ring (border) thickness around each avatar, in pixels. Matches the
@@ -17,6 +18,15 @@ const RING_WIDTH = 1;
 /** Default horizontal overlap as a fraction of avatar size — the original
  * stack pulled each avatar left by `size / 3`. */
 const DEFAULT_OVERLAP_RATIO = 1 / 3;
+/** Default `max` for the `stack`/`row` facepile layouts. */
+const DEFAULT_MAX = 5;
+/** Default `max` (visible cap) for the `cluster` layout — it packs densely. */
+const CLUSTER_DEFAULT_MAX = 20;
+/** Separator ring thickness for cluster bubbles, as a fraction of the box. */
+const CLUSTER_RING_RATIO = 0.02;
+/** Overflow "+N" text color — white reads on the grey chip in light + dark,
+ * matching the original Mention count circle (shared by every layout). */
+const OVERFLOW_TEXT_COLOR = '#FFFFFF';
 function getItemName(item) {
   return item.displayName ?? item.name ?? item.username;
 }
@@ -26,12 +36,61 @@ function getItemKey(item, index) {
 
 /** Hover callbacks injected by the web fork; undefined (no-op) on native. */
 
+/**
+ * A single avatar cell shared by every layout: a circular, clipped container
+ * (`cellStyle`) holding one {@link Avatar}, positioned by `wrapperStyle`, and
+ * made pressable/hoverable when the relevant handlers are supplied. Layout
+ * (margins for the facepile, absolute coords for the cluster) lives entirely in
+ * the caller-provided styles so this stays layout-agnostic.
+ */
+function AvatarGroupCell({
+  item,
+  index,
+  innerSize,
+  variant,
+  showInitials,
+  cellStyle,
+  wrapperStyle,
+  onPressItem,
+  hoverHandlers
+}) {
+  const name = getItemName(item);
+  const accessibilityLabel = item.username ? `${name ?? item.username} (@${item.username})` : name;
+  const interactive = typeof onPressItem === 'function';
+  const hoverable = typeof hoverHandlers?.onHoverIn === 'function' || typeof hoverHandlers?.onHoverOut === 'function';
+  const cell = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: hoverHandlers?.registerCellRef ? node => hoverHandlers.registerCellRef?.(index, node) : undefined,
+    collapsable: false,
+    style: cellStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+      source: item.uri ?? undefined,
+      name: showInitials ? name : undefined,
+      variant: variant,
+      size: innerSize
+    })
+  });
+  if (interactive || hoverable) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: interactive ? () => onPressItem?.(item, index) : undefined,
+      onHoverIn: hoverHandlers?.onHoverIn ? () => hoverHandlers.onHoverIn?.(item, index) : undefined,
+      onHoverOut: hoverHandlers?.onHoverOut ? () => hoverHandlers.onHoverOut?.(item, index) : undefined,
+      accessibilityRole: interactive ? 'button' : undefined,
+      accessibilityLabel: accessibilityLabel,
+      style: wrapperStyle,
+      children: cell
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: wrapperStyle,
+    children: cell
+  });
+}
 const AvatarGroupBaseComponent = ({
   items,
   layout = 'stack',
   size = 32,
   variant = 'thumb',
-  max = 5,
+  max,
   total,
   overlap,
   spacing,
@@ -43,6 +102,7 @@ const AvatarGroupBaseComponent = ({
   hoverHandlers
 }) => {
   const theme = (0, _useTheme.useTheme)();
+  const isCluster = layout === 'cluster';
   const isRow = layout === 'row';
 
   // The ring is the thin separator drawn between overlapping avatars. It
@@ -50,6 +110,7 @@ const AvatarGroupBaseComponent = ({
   // the surface behind them — matching the original Mention stack, which used
   // `theme.colors.background`, not a large `card`-colored ring cell.
   const ring = ringColor ?? theme.colors.background;
+  const effectiveMax = max ?? DEFAULT_MAX;
   const effectiveOverlap = overlap ?? Math.round(size * DEFAULT_OVERLAP_RATIO);
   // Each avatar after the first is pulled left by `overlap`. The cell carries a
   // 1px border on each side, so the negative margin absorbs both borders to
@@ -59,7 +120,7 @@ const AvatarGroupBaseComponent = ({
   const rowGap = spacing ?? Math.round(size * DEFAULT_OVERLAP_RATIO);
   // Horizontal offset applied to every avatar after the first.
   const itemMargin = isRow ? rowGap : negativeMargin;
-  const shown = (0, _react.useMemo)(() => items.slice(0, Math.max(0, max)), [items, max]);
+  const shown = (0, _react.useMemo)(() => items.slice(0, Math.max(0, effectiveMax)), [items, effectiveMax]);
   const realTotal = total ?? items.length;
   const overflow = Math.max(0, realTotal - shown.length);
 
@@ -89,24 +150,38 @@ const AvatarGroupBaseComponent = ({
     };
   }, [isRow, size, ring]);
   const overflowTextStyle = (0, _react.useMemo)(() => ({
-    color: '#FFFFFF',
+    color: OVERFLOW_TEXT_COLOR,
     fontSize: Math.max(_tokens.fontSize._2xs, Math.round(size * 0.36)),
     fontWeight: '600'
   }), [size]);
   const interactive = typeof onPressItem === 'function';
-  const hoverable = typeof hoverHandlers?.onHoverIn === 'function' || typeof hoverHandlers?.onHoverOut === 'function';
 
   // Pressing the "+N" circle surfaces the first hidden member (if any), so
   // consumers can route it to a full member list.
   const firstHidden = items[shown.length];
   const overflowOnPress = interactive && firstHidden ? () => onPressItem?.(firstHidden, shown.length) : undefined;
+
+  // The cluster is a compact 2D bubble pack with its own absolute-positioned
+  // renderer; hooks above still run unconditionally so the branch is safe.
+  if (isCluster) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClusterAvatarGroup, {
+      items: items,
+      size: size,
+      variant: variant,
+      max: max,
+      total: total,
+      ring: ring,
+      showInitials: showInitials,
+      onPressItem: onPressItem,
+      style: style,
+      testID: testID,
+      hoverHandlers: hoverHandlers
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.row, style],
     testID: testID,
     children: [shown.map((item, index) => {
-      const name = getItemName(item);
-      const accessibilityLabel = item.username ? `${name ?? item.username} (@${item.username})` : name;
-
       // The horizontal margin and stacking order live on the outermost row
       // element so layout and hit-testing stay aligned with the visual
       // overlap. In stack mode earlier siblings render on top of later ones
@@ -120,65 +195,159 @@ const AvatarGroupBaseComponent = ({
           zIndex: shown.length - index
         })
       };
-      const cell = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        ref: hoverHandlers?.registerCellRef ? node => hoverHandlers.registerCellRef?.(index, node) : undefined,
-        collapsable: false,
-        style: cellStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
-          source: item.uri ?? undefined,
-          name: showInitials ? name : undefined,
-          variant: variant,
-          size: innerSize
-        })
-      });
-      if (interactive || hoverable) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          onPress: interactive ? () => onPressItem?.(item, index) : undefined,
-          onHoverIn: hoverHandlers?.onHoverIn ? () => hoverHandlers.onHoverIn?.(item, index) : undefined,
-          onHoverOut: hoverHandlers?.onHoverOut ? () => hoverHandlers.onHoverOut?.(item, index) : undefined,
-          accessibilityRole: interactive ? 'button' : undefined,
-          accessibilityLabel: accessibilityLabel,
-          style: wrapperStyle,
-          children: cell
-        }, getItemKey(item, index));
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: wrapperStyle,
-        children: cell
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarGroupCell, {
+        item: item,
+        index: index,
+        innerSize: innerSize,
+        variant: variant,
+        showInitials: showInitials,
+        cellStyle: cellStyle,
+        wrapperStyle: wrapperStyle,
+        onPressItem: onPressItem,
+        hoverHandlers: hoverHandlers
       }, getItemKey(item, index));
     }), overflow > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(OverflowCircle, {
       count: overflow,
       cellStyle: cellStyle,
-      marginLeft: shown.length > 0 ? itemMargin : 0,
-      isRow: isRow,
+      wrapperStyle: {
+        ...(shown.length > 0 && {
+          marginLeft: itemMargin
+        }),
+        ...(isRow ? {} : {
+          zIndex: 0
+        })
+      },
       textStyle: overflowTextStyle,
       onPress: overflowOnPress
     })]
   });
 };
+/**
+ * The `cluster` layout: an iMessage-style magnetic bubble pack. Members are laid
+ * out by {@link computeClusterLayout} (a deterministic force-directed pack) into
+ * box-fraction bubbles, then absolutely positioned inside a `size × size` box so
+ * the whole cluster drops in where a single round Avatar would. The largest
+ * member (index 0) sits centred and in front; the rest pack around it with a
+ * uniform gap. Overflow beyond `max` collapses into a trailing "+N" bubble.
+ */
+const ClusterAvatarGroup = ({
+  items,
+  size,
+  variant,
+  max,
+  total,
+  ring,
+  showInitials,
+  onPressItem,
+  style,
+  testID,
+  hoverHandlers
+}) => {
+  const cap = Math.max(1, max ?? CLUSTER_DEFAULT_MAX);
+  const realTotal = total ?? items.length;
+  const hasOverflow = realTotal > cap;
+  // Reserve the last bubble for the "+N" chip when there are more members than
+  // the cap; otherwise every capped member gets its own bubble.
+  const avatarCap = hasOverflow ? Math.max(0, cap - 1) : cap;
+  const shown = (0, _react.useMemo)(() => items.slice(0, avatarCap), [items, avatarCap]);
+  const overflow = hasOverflow ? Math.max(0, realTotal - shown.length) : 0;
+  const bubbleCount = shown.length + (overflow > 0 ? 1 : 0);
+  const bubbles = (0, _react.useMemo)(() => (0, _clusterLayout.computeClusterLayout)(bubbleCount), [bubbleCount]);
+  const ringWidth = Math.max(1, Math.round(size * CLUSTER_RING_RATIO));
+  const interactive = typeof onPressItem === 'function';
+
+  // Pressing "+N" surfaces the first hidden member (parity with the stack).
+  const firstHidden = items[shown.length];
+  const overflowOnPress = interactive && firstHidden ? () => onPressItem?.(firstHidden, shown.length) : undefined;
+  const overflowBubble = overflow > 0 ? bubbles[bubbleCount - 1] : undefined;
+  let overflowElement = null;
+  if (overflow > 0 && overflowBubble) {
+    const diameter = overflowBubble.d * size;
+    overflowElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(OverflowCircle, {
+      count: overflow,
+      cellStyle: {
+        width: diameter,
+        height: diameter,
+        borderRadius: diameter / 2,
+        borderWidth: ringWidth,
+        borderColor: ring,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      wrapperStyle: {
+        position: 'absolute',
+        left: overflowBubble.cx * size - diameter / 2,
+        top: overflowBubble.cy * size - diameter / 2,
+        width: diameter,
+        height: diameter,
+        zIndex: 0
+      },
+      textStyle: {
+        color: OVERFLOW_TEXT_COLOR,
+        fontSize: Math.max(_tokens.fontSize._2xs, Math.round(diameter * 0.34)),
+        fontWeight: '600'
+      },
+      onPress: overflowOnPress
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, style],
+    testID: testID,
+    children: [shown.map((item, index) => {
+      const bubble = bubbles[index];
+      if (!bubble) return null;
+      const diameter = bubble.d * size;
+      const inner = Math.max(1, diameter - ringWidth * 2);
+      const wrapperStyle = {
+        position: 'absolute',
+        left: bubble.cx * size - diameter / 2,
+        top: bubble.cy * size - diameter / 2,
+        width: diameter,
+        height: diameter,
+        // Primary (index 0) is largest and sits in front; later members tuck
+        // behind in descending order (the "+N" chip lands lowest).
+        zIndex: bubbleCount - index
+      };
+      const cellStyle = {
+        width: diameter,
+        height: diameter,
+        borderRadius: diameter / 2,
+        borderWidth: ringWidth,
+        borderColor: ring,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center'
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarGroupCell, {
+        item: item,
+        index: index,
+        innerSize: inner,
+        variant: variant,
+        showInitials: showInitials,
+        cellStyle: cellStyle,
+        wrapperStyle: wrapperStyle,
+        onPressItem: onPressItem,
+        hoverHandlers: hoverHandlers
+      }, getItemKey(item, index));
+    }), overflowElement]
+  });
+};
 function OverflowCircle({
   count,
   cellStyle,
-  marginLeft,
-  isRow,
+  wrapperStyle,
   textStyle,
   onPress
 }) {
   const theme = (0, _useTheme.useTheme)();
-  // In stack mode the count circle is anchored at the lowest stacking order so
-  // it tucks behind the last avatar's ring; row mode has no overlap. The margin
-  // lives on the outer element to keep layout aligned with the spacing.
-  const wrapperStyle = {
-    ...(marginLeft !== 0 && {
-      marginLeft
-    }),
-    ...(isRow ? {} : {
-      zIndex: 0
-    })
-  };
 
   // A solid "+N" count circle: secondary-text-colored fill with white text,
-  // matching the original Mention `ResponsiveAvatarStack` count circle.
+  // matching the original Mention `ResponsiveAvatarStack` count circle. Layout
+  // (margin for the facepile, absolute coords for the cluster) is supplied by
+  // the caller via `wrapperStyle`.
   const circle = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [cellStyle, {
       backgroundColor: theme.colors.textSecondary

package/lib/commonjs/avatar-group/AvatarGroupBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_useTheme","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RING_WIDTH","DEFAULT_OVERLAP_RATIO","getItemName","item","displayName","name","username","getItemKey","index","id","uri","AvatarGroupBaseComponent","items","layout","size","variant","max","total","overlap","spacing","ringColor","showInitials","onPressItem","style","testID","hoverHandlers","theme","useTheme","isRow","ring","colors","background","effectiveOverlap","Math","round","negativeMargin","rowGap","itemMargin","shown","useMemo","slice","realTotal","length","overflow","innerSize","cellStyle","width","height","borderRadius","alignItems","justifyContent","borderWidth","borderColor","overflowTextStyle","color","fontSize","_2xs","fontWeight","interactive","hoverable","onHoverIn","onHoverOut","firstHidden","overflowOnPress","undefined","jsxs","View","styles","row","children","map","accessibilityLabel","wrapperStyle","marginLeft","zIndex","cell","jsx","ref","registerCellRef","node","collapsable","Avatar","source","Pressable","onPress","accessibilityRole","OverflowCircle","count","textStyle","circle","backgroundColor","textSecondary","Text","allowFontScaling","StyleSheet","create","flexDirection","AvatarGroupBase","exports","memo"],"sourceRoot":"../../../src","sources":["avatar-group/AvatarGroupBase.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_useTheme","_tokens","_clusterLayout","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RING_WIDTH","DEFAULT_OVERLAP_RATIO","DEFAULT_MAX","CLUSTER_DEFAULT_MAX","CLUSTER_RING_RATIO","OVERFLOW_TEXT_COLOR","getItemName","item","displayName","name","username","getItemKey","index","id","uri","AvatarGroupCell","innerSize","variant","showInitials","cellStyle","wrapperStyle","onPressItem","hoverHandlers","accessibilityLabel","interactive","hoverable","onHoverIn","onHoverOut","cell","jsx","View","ref","registerCellRef","node","undefined","collapsable","style","children","Avatar","source","size","Pressable","onPress","accessibilityRole","AvatarGroupBaseComponent","items","layout","max","total","overlap","spacing","ringColor","testID","theme","useTheme","isCluster","isRow","ring","colors","background","effectiveMax","effectiveOverlap","Math","round","negativeMargin","rowGap","itemMargin","shown","useMemo","slice","realTotal","length","overflow","width","height","borderRadius","alignItems","justifyContent","borderWidth","borderColor","overflowTextStyle","color","fontSize","_2xs","fontWeight","firstHidden","overflowOnPress","ClusterAvatarGroup","jsxs","styles","row","map","marginLeft","zIndex","OverflowCircle","count","textStyle","cap","hasOverflow","avatarCap","bubbleCount","bubbles","computeClusterLayout","ringWidth","overflowBubble","overflowElement","diameter","d","position","left","cx","top","cy","bubble","inner","circle","backgroundColor","textSecondary","Text","allowFontScaling","StyleSheet","create","flexDirection","AvatarGroupBase","exports","memo"],"sourceRoot":"../../../src","sources":["avatar-group/AvatarGroupBase.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/avatar-group/cluster-layout.js

@@ -0,0 +1,217 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.computeClusterLayout = computeClusterLayout;
+/**
+ * Deterministic organic circle-packing for the {@link AvatarGroup} `cluster`
+ * layout — the iMessage-style "magnetic bubble cluster" where several avatars of
+ * varying sizes nestle together inside a round bounding box (a large primary in
+ * the middle/front, smaller members packed around it with a uniform gap).
+ *
+ * For 4+ members the layout is produced by a small, FULLY DETERMINISTIC
+ * force-directed relaxation (no `Math.random`): the primary is pinned at the
+ * centre and the remaining members are seeded on a golden-angle spiral, then a
+ * fixed number of relaxation passes (a) pull every non-primary circle toward the
+ * centre and (b) push any two circles apart until they clear a uniform gap. A
+ * fixed iteration count + deterministic seed means the same `count` always
+ * yields byte-identical positions, so native and web render the cluster
+ * identically with no `onLayout`/DOM measurement. The very small counts (1, 2,
+ * 3) — where a relaxation degenerates into a line or a lone pair — use explicit
+ * iMessage-style arrangements instead.
+ *
+ * Output is resolution-independent: each bubble is expressed as a fraction of
+ * the group's bounding box (`cx`/`cy` centre, `d` diameter, all 0..1), so the
+ * consumer just multiplies by the pixel `size`. Every bubble is guaranteed to
+ * sit fully inside the `[0, 1]` box (the packed result is scaled + translated to
+ * fit), so the cluster drops in exactly where a single round Avatar would.
+ */
+
+/** A single packed bubble, expressed as fractions of the bounding box (0..1). */
+
+// Golden angle (~137.5°) — spreads the seed points evenly with no directional
+// bias, which is what gives the relaxed result its organic, non-grid feel.
+const GOLDEN_ANGLE = Math.PI * (3 - Math.sqrt(5));
+// Fixed relaxation passes + a final separation-only cleanup so the last thing
+// that happens is overlap resolution (gaps end uniform and non-negative).
+const ITERATIONS = 500;
+const CLEANUP_ITERATIONS = 80;
+// How hard each pass pulls every non-primary circle toward the centre. This is
+// the only compacting force; separation only ever pushes apart, so any positive
+// value packs the cluster fully — this just controls convergence speed.
+const CENTERING = 0.05;
+// Fraction of an overlap resolved per pass. 1 fully separates each pass; with
+// the pinned primary and many passes this stays stable and converges.
+const SEPARATION_STRENGTH = 1;
+// Uniform gap kept between every touching pair, in primary-radius units
+// (primary radius = 1). Reads as consistent spacing everywhere in the cluster.
+const LAYOUT_GAP = 0.16;
+// Initial spiral spacing. Only affects convergence (the result is re-fitted to
+// the box afterwards), not the final scale.
+const SEED_SPACING = 1.7;
+// Relative radii: the primary is the largest; the remaining members taper from
+// SECONDARY_MAX (nearest the primary) down to SECONDARY_MIN (outermost) so size
+// decreases outward and later/overflow members are the smallest.
+const PRIMARY_RADIUS = 1;
+const SECONDARY_MAX = 0.72;
+const SECONDARY_MIN = 0.5;
+const EPSILON = 1e-6;
+
+/** Relative radius for member `index` of a `count`-member cluster. */
+function relativeRadius(index, count) {
+  if (index === 0) return PRIMARY_RADIUS;
+  if (count <= 2) return SECONDARY_MAX;
+  const t = (index - 1) / (count - 2);
+  return SECONDARY_MAX + (SECONDARY_MIN - SECONDARY_MAX) * t;
+}
+
+/**
+ * One separation pass: push any pair closer than `(r_i + r_j + gap)` apart. The
+ * primary (index 0) is pinned — when a pair involves it, only the other circle
+ * moves — which keeps the largest avatar dead-centre and in front.
+ */
+function separate(xs, ys, radii, count) {
+  for (let i = 0; i < count; i++) {
+    for (let j = i + 1; j < count; j++) {
+      let dx = (xs[j] ?? 0) - (xs[i] ?? 0);
+      let dy = (ys[j] ?? 0) - (ys[i] ?? 0);
+      let dist = Math.hypot(dx, dy);
+      const minDist = (radii[i] ?? 0) + (radii[j] ?? 0) + LAYOUT_GAP;
+      if (dist >= minDist) continue;
+      if (dist < EPSILON) {
+        // Coincident points: pick a deterministic direction from the indices so
+        // the split is stable (never random).
+        const a = (i + 1) * GOLDEN_ANGLE + j;
+        dx = Math.cos(a);
+        dy = Math.sin(a);
+        dist = 1;
+      }
+      const overlap = (minDist - dist) * SEPARATION_STRENGTH;
+      const nx = dx / dist;
+      const ny = dy / dist;
+      if (i === 0) {
+        // Primary pinned: move only the other circle by the full overlap.
+        xs[j] = (xs[j] ?? 0) + nx * overlap;
+        ys[j] = (ys[j] ?? 0) + ny * overlap;
+      } else {
+        xs[i] = (xs[i] ?? 0) - nx * overlap / 2;
+        ys[i] = (ys[i] ?? 0) - ny * overlap / 2;
+        xs[j] = (xs[j] ?? 0) + nx * overlap / 2;
+        ys[j] = (ys[j] ?? 0) + ny * overlap / 2;
+      }
+    }
+  }
+}
+
+/**
+ * Deterministic force-directed pack of `count` circles (primary pinned at the
+ * centre), returned as box-fraction bubbles. Used for every cluster with 4+
+ * members; 1–3 are handled as explicit arrangements in
+ * {@link computeClusterLayout}.
+ */
+function packCluster(count) {
+  const radii = new Array(count);
+  const xs = new Array(count);
+  const ys = new Array(count);
+  for (let i = 0; i < count; i++) {
+    radii[i] = relativeRadius(i, count);
+    if (i === 0) {
+      xs[i] = 0;
+      ys[i] = 0;
+    } else {
+      // Golden-angle spiral seed around the pinned primary.
+      const seedR = SEED_SPACING * Math.sqrt(i);
+      const angle = i * GOLDEN_ANGLE;
+      xs[i] = seedR * Math.cos(angle);
+      ys[i] = seedR * Math.sin(angle);
+    }
+  }
+  for (let iter = 0; iter < ITERATIONS; iter++) {
+    // (a) Centering: pull every non-primary circle toward the centre.
+    for (let i = 1; i < count; i++) {
+      xs[i] = (xs[i] ?? 0) * (1 - CENTERING);
+      ys[i] = (ys[i] ?? 0) * (1 - CENTERING);
+    }
+    // (b) Separation resolves any resulting overlaps (primary stays pinned).
+    separate(xs, ys, radii, count);
+    xs[0] = 0;
+    ys[0] = 0;
+  }
+  // Final separation-only passes so the cluster ends with clean uniform gaps.
+  for (let iter = 0; iter < CLEANUP_ITERATIONS; iter++) {
+    separate(xs, ys, radii, count);
+    xs[0] = 0;
+    ys[0] = 0;
+  }
+
+  // Fit to the unit box: the primary is at the origin, so scale so the
+  // outermost circle edge lands on the box radius (0.5) and place the primary at
+  // the box centre.
+  let bound = 0;
+  for (let i = 0; i < count; i++) {
+    const reach = Math.hypot(xs[i] ?? 0, ys[i] ?? 0) + (radii[i] ?? 0);
+    if (reach > bound) bound = reach;
+  }
+  const scale = bound > EPSILON ? 0.5 / bound : 0.5;
+  const bubbles = new Array(count);
+  for (let i = 0; i < count; i++) {
+    bubbles[i] = {
+      cx: 0.5 + (xs[i] ?? 0) * scale,
+      cy: 0.5 + (ys[i] ?? 0) * scale,
+      d: 2 * (radii[i] ?? 0) * scale
+    };
+  }
+  return bubbles;
+}
+
+/**
+ * Deterministic cluster layout for `count` bubbles, as box-fraction bubbles
+ * ordered primary-first. `count` includes the `+N` overflow bubble when present
+ * (it is simply the last, smallest member of the pack).
+ *
+ * - `<= 0` → empty.
+ * - `1` → a single bubble filling the box.
+ * - `2` → the iMessage "one in front, one behind" pair: a larger primary set
+ *   low-left with a smaller member tucked behind it to the upper-right.
+ * - `3` → an iMessage-style triangle: the larger primary along the bottom with
+ *   two smaller members above it.
+ * - `4+` → the deterministic force-directed pack (primary centred, the rest
+ *   packed magnetically around it, denser as the count grows).
+ */
+function computeClusterLayout(count) {
+  if (count <= 0) return [];
+  if (count === 1) return [{
+    cx: 0.5,
+    cy: 0.5,
+    d: 1
+  }];
+  if (count === 2) {
+    return [{
+      cx: 0.42,
+      cy: 0.56,
+      d: 0.66
+    }, {
+      cx: 0.68,
+      cy: 0.36,
+      d: 0.5
+    }];
+  }
+  if (count === 3) {
+    return [{
+      cx: 0.5,
+      cy: 0.69,
+      d: 0.54
+    }, {
+      cx: 0.285,
+      cy: 0.24,
+      d: 0.4
+    }, {
+      cx: 0.715,
+      cy: 0.24,
+      d: 0.4
+    }];
+  }
+  return packCluster(count);
+}
+//# sourceMappingURL=cluster-layout.js.map