@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/chat-indicators/PresenceDot.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { PRESENCE_DOT_SIZES, PRESENCE_LABELS, resolveChatIndicatorPaint } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The status dot beside a name or on an avatar.
+ *
+ * Four states, told apart by hue AND shape: `online` a filled success dot,
+ * `idle` warning, `busy` negative, `offline` a HOLLOW neutral ring — colour
+ * alone is not a distinction for everyone reading the row.
+ *
+ * The dot draws a ring of the SURFACE colour around itself so it survives over
+ * a photo. That ring is outside the dot, so the footprint is
+ * `size + 2 * ringWidth`; `AvatarPresence` reserves the same box.
+ *
+ * Accessibility: one `img` named per status ("Online", "Away", "Offline",
+ * "Busy"). Pass `accessibilityLabel=""` where the row already says it.
+ */
+
+function fillFor(status, paint) {
+  switch (status) {
+    case 'online':
+      return paint.online;
+    case 'idle':
+      return paint.idle;
+    case 'busy':
+      return paint.busy;
+    case 'offline':
+    default:
+      return paint.offline;
+  }
+}
+function PresenceDotComponent({
+  status,
+  size = 'medium',
+  ringColor,
+  ringWidth = 2,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatIndicatorPaint(theme), [theme]);
+  const dot = PRESENCE_DOT_SIZES[size] ?? PRESENCE_DOT_SIZES.medium;
+  const ring = Math.max(0, ringWidth);
+  const outer = dot + ring * 2;
+  const surface = ringColor ?? paint.surface;
+  const hollow = status === 'offline';
+  // The hollow ring has to stay visible at 8px: a 1px stroke disappears on a
+  // 2x screen, so it scales with the dot and never goes under 1.5.
+  const strokeWidth = Math.max(1.5, Math.round(dot * 0.2 * 2) / 2);
+  const label = accessibilityLabel ?? PRESENCE_LABELS[status];
+  const hidden = label === '';
+  return /*#__PURE__*/_jsx(View, {
+    accessible: !hidden,
+    "aria-hidden": hidden || undefined,
+    role: hidden ? undefined : 'img',
+    accessibilityLabel: hidden ? undefined : label,
+    style: [{
+      width: outer,
+      height: outer,
+      borderRadius: outer / 2,
+      backgroundColor: surface,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: dot,
+        height: dot,
+        borderRadius: dot / 2,
+        backgroundColor: hollow ? surface : fillFor(status, paint),
+        borderWidth: hollow ? strokeWidth : 0,
+        borderColor: hollow ? paint.offline : undefined
+      }
+    })
+  });
+}
+export const PresenceDot = /*#__PURE__*/memo(PresenceDotComponent);
+PresenceDot.displayName = 'PresenceDot';
+//# sourceMappingURL=PresenceDot.js.map

package/lib/module/chat-indicators/PresenceDot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","useTheme","PRESENCE_DOT_SIZES","PRESENCE_LABELS","resolveChatIndicatorPaint","jsx","_jsx","fillFor","status","paint","online","idle","busy","offline","PresenceDotComponent","size","ringColor","ringWidth","accessibilityLabel","style","testID","theme","dot","medium","ring","Math","max","outer","surface","hollow","strokeWidth","round","label","hidden","accessible","undefined","role","width","height","borderRadius","backgroundColor","alignItems","justifyContent","children","borderWidth","borderColor","PresenceDot","displayName"],"sourceRoot":"../../../src","sources":["chat-indicators/PresenceDot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-indicators/StoryRing.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import Svg, { Circle, Defs, LinearGradient, Stop } from 'react-native-svg';
+import { useTheme } from "../theme/use-theme.js";
+import { resolveChatIndicatorPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The ring around an avatar that says there is a story to open.
+ *
+ *   unseen   an accent gradient sweep (accent-400 → accent-600/700)
+ *   seen     a quiet neutral hairline
+ *   none     no ring, SAME footprint
+ *
+ * `none` keeping the footprint is the point: a row of avatars where one person
+ * has no story must not shift by 8px, and a list that re-lays-out as stories
+ * are read is worse than a ring nobody needed.
+ *
+ * Geometry: the ring is drawn OUTSIDE the avatar, so the component measures
+ * `size + 2 * (thickness + gap)`. `children` are centred in a `size` box.
+ *
+ * A solid ring is a bordered `View`; only the gradient needs `react-native-svg`
+ * (which `Avatar` already pulls in). Both platforms draw the same thing.
+ *
+ * Accessibility: decorative by default — the avatar inside carries the name.
+ * With `onPress` it becomes one `button` named by `accessibilityLabel`, which
+ * is then required: "Ana's story" is the whole affordance, and the ring itself
+ * draws no text to be named by.
+ */
+
+// Deterministic ids, matching `avatar/AvatarRing.tsx` — `Math.random()` in a
+// gradient id makes two renders of the same tree disagree.
+let storyGradientIdCounter = 0;
+function StoryRingComponent({
+  state = 'unseen',
+  size,
+  thickness = 2,
+  gap = 2,
+  colors,
+  children,
+  badge,
+  onPress,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatIndicatorPaint(theme), [theme]);
+  const gradientId = useMemo(() => `bloom-story-ring-${storyGradientIdCounter++}`, []);
+  const outer = size + 2 * (thickness + gap);
+  const ringColors = useMemo(() => {
+    if (colors) return Array.isArray(colors) ? colors : [colors];
+    return state === 'unseen' ? [...paint.ringUnseen] : [paint.ringSeen];
+  }, [colors, state, paint.ringSeen, paint.ringUnseen]);
+  const gradient = ringColors.length >= 2;
+  const ring = state === 'none' ? null : gradient ? /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0
+    },
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: outer,
+      height: outer,
+      viewBox: `0 0 ${outer} ${outer}`,
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          id: gradientId,
+          x1: "0",
+          y1: "0",
+          x2: "1",
+          y2: "1",
+          children: ringColors.map((color, index) => /*#__PURE__*/_jsx(Stop, {
+            offset: index / (ringColors.length - 1),
+            stopColor: color
+          }, `${gradientId}-${index}`))
+        })
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: outer / 2,
+        cy: outer / 2,
+        r: (outer - thickness) / 2,
+        fill: "none",
+        stroke: `url(#${gradientId})`,
+        strokeWidth: thickness
+      })]
+    })
+  }) : /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: outer,
+      height: outer,
+      borderRadius: outer / 2,
+      borderWidth: thickness,
+      borderColor: ringColors[0]
+    }
+  });
+  const body = /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: outer,
+      height: outer,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style],
+    testID: onPress ? undefined : testID,
+    children: [ring, /*#__PURE__*/_jsx(View, {
+      style: {
+        width: size,
+        height: size
+      },
+      children: children
+    }), badge ? /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        right: 0,
+        bottom: 0
+      },
+      children: badge
+    }) : null]
+  });
+  if (!onPress) return body;
+  return /*#__PURE__*/_jsx(Pressable, {
+    role: "button",
+    accessibilityLabel: accessibilityLabel,
+    onPress: onPress,
+    testID: testID,
+    style: {
+      width: outer,
+      height: outer
+    },
+    children: body
+  });
+}
+export const StoryRing = /*#__PURE__*/memo(StoryRingComponent);
+StoryRing.displayName = 'StoryRing';
+//# sourceMappingURL=StoryRing.js.map

package/lib/module/chat-indicators/StoryRing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Pressable","View","Svg","Circle","Defs","LinearGradient","Stop","useTheme","resolveChatIndicatorPaint","jsx","_jsx","jsxs","_jsxs","storyGradientIdCounter","StoryRingComponent","state","size","thickness","gap","colors","children","badge","onPress","accessibilityLabel","style","testID","theme","paint","gradientId","outer","ringColors","Array","isArray","ringUnseen","ringSeen","gradient","length","ring","pointerEvents","position","top","left","width","height","viewBox","id","x1","y1","x2","y2","map","color","index","offset","stopColor","cx","cy","r","fill","stroke","strokeWidth","borderRadius","borderWidth","borderColor","body","alignItems","justifyContent","undefined","right","bottom","role","StoryRing","displayName"],"sourceRoot":"../../../src","sources":["chat-indicators/StoryRing.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-indicators/TypingDots.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo } from 'react';
+import { View } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useReducedMotion, useSharedValue, withDelay, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveChatIndicatorPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Three dots bouncing — someone is writing.
+ *
+ * Each dot lifts by 55% of its own diameter and fades from 0.45 to 1 over
+ * 900ms, staggered 150ms apart, so the group reads as a wave rather than a
+ * blink. Under reduced motion the dots stand still — fully opaque, since there
+ * is no movement left to explain a faint one: the row still says "typing", it
+ * just stops moving.
+ *
+ * Accessibility: with a `label` the whole thing is one `img` named by it
+ * ("Ana is typing…"), and the drawn text is hidden so the name is not read
+ * twice. WITHOUT a label it is decorative and hidden outright — three bouncing
+ * dots have nothing to announce, and a live region that says nothing is worse
+ * than silence.
+ */
+
+const PERIOD = 900;
+const STAGGER = 150;
+const REST_OPACITY = 0.45;
+function Dot({
+  size,
+  color,
+  delay,
+  animate
+}) {
+  const progress = useSharedValue(0);
+  useEffect(() => {
+    cancelAnimation(progress);
+    if (!animate) {
+      progress.value = 0;
+      return;
+    }
+    const easing = Easing.inOut(Easing.quad);
+    progress.value = withDelay(delay, withRepeat(withSequence(withTiming(1, {
+      duration: PERIOD / 3,
+      easing
+    }), withTiming(0, {
+      duration: PERIOD / 3,
+      easing
+    }), withTiming(0, {
+      duration: PERIOD / 3,
+      easing
+    })), -1, false));
+    return () => cancelAnimation(progress);
+  }, [animate, delay, progress]);
+
+  // Standing still at the ANIMATED resting opacity would leave a reduced-motion
+  // reader with three very faint dots and no movement to explain them, so the
+  // static form is fully opaque.
+  const animated = useAnimatedStyle(() => ({
+    opacity: animate ? REST_OPACITY + progress.value * (1 - REST_OPACITY) : 1,
+    transform: [{
+      translateY: animate ? -progress.value * size * 0.55 : 0
+    }]
+  }), [animate, progress, size]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      backgroundColor: color
+    }, animated]
+  });
+}
+function TypingDotsComponent({
+  size = 6,
+  color,
+  label,
+  labelStyle,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatIndicatorPaint(theme), [theme]);
+  const reducedMotion = useReducedMotion();
+  const animate = !reducedMotion;
+  const dotColor = color ?? paint.textMuted;
+  const named = label != null && label !== '';
+  return /*#__PURE__*/_jsxs(View, {
+    accessible: named,
+    "aria-hidden": named ? undefined : true,
+    accessibilityElementsHidden: !named,
+    importantForAccessibility: named ? 'yes' : 'no-hide-descendants',
+    role: named ? 'img' : undefined,
+    accessibilityLabel: named ? label : undefined,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: Math.max(4, Math.round(size * 0.9))
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        // The lift needs headroom, or the top of a dot is clipped by a parent
+        // with `overflow: hidden`.
+        height: Math.ceil(size * 1.55),
+        gap: Math.max(2, Math.round(size * 0.5))
+      },
+      children: [0, 1, 2].map(index => /*#__PURE__*/_jsx(Dot, {
+        size: size,
+        color: dotColor,
+        delay: index * STAGGER,
+        animate: animate
+      }, index))
+    }), named ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      importantForAccessibility: "no",
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      numberOfLines: 1,
+      style: [{
+        color: paint.textMuted
+      }, labelStyle],
+      children: label
+    }) : null]
+  });
+}
+export const TypingDots = /*#__PURE__*/memo(TypingDotsComponent);
+TypingDots.displayName = 'TypingDots';
+//# sourceMappingURL=TypingDots.js.map

package/lib/module/chat-indicators/TypingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useReducedMotion","useSharedValue","withDelay","withRepeat","withSequence","withTiming","useTheme","Text","resolveChatIndicatorPaint","jsx","_jsx","jsxs","_jsxs","PERIOD","STAGGER","REST_OPACITY","Dot","size","color","delay","animate","progress","value","easing","inOut","quad","duration","animated","opacity","transform","translateY","style","width","height","borderRadius","backgroundColor","TypingDotsComponent","label","labelStyle","testID","theme","paint","reducedMotion","dotColor","textMuted","named","accessible","undefined","accessibilityElementsHidden","importantForAccessibility","role","accessibilityLabel","flexDirection","alignItems","gap","Math","max","round","children","ceil","map","index","variant","numberOfLines","TypingDots","displayName"],"sourceRoot":"../../../src","sources":["chat-indicators/TypingDots.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACvD,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,IACbC,MAAM,EACNC,eAAe,EACfC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,UAAU,QACL,yBAAyB;AAEhC,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,yBAAyB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,MAAM,GAAG,GAAG;AAClB,MAAMC,OAAO,GAAG,GAAG;AACnB,MAAMC,YAAY,GAAG,IAAI;AAEzB,SAASC,GAAGA,CAAC;EACXC,IAAI;EACJC,KAAK;EACLC,KAAK;EACLC;AAMF,CAAC,EAAE;EACD,MAAMC,QAAQ,GAAGpB,cAAc,CAAC,CAAC,CAAC;EAElCR,SAAS,CAAC,MAAM;IACdK,eAAe,CAACuB,QAAQ,CAAC;IACzB,IAAI,CAACD,OAAO,EAAE;MACZC,QAAQ,CAACC,KAAK,GAAG,CAAC;MAClB;IACF;IACA,MAAMC,MAAM,GAAG1B,MAAM,CAAC2B,KAAK,CAAC3B,MAAM,CAAC4B,IAAI,CAAC;IACxCJ,QAAQ,CAACC,KAAK,GAAGpB,SAAS,CACxBiB,KAAK,EACLhB,UAAU,CACRC,YAAY,CACVC,UAAU,CAAC,CAAC,EAAE;MAAEqB,QAAQ,EAAEb,MAAM,GAAG,CAAC;MAAEU;IAAO,CAAC,CAAC,EAC/ClB,UAAU,CAAC,CAAC,EAAE;MAAEqB,QAAQ,EAAEb,MAAM,GAAG,CAAC;MAAEU;IAAO,CAAC,CAAC,EAC/ClB,UAAU,CAAC,CAAC,EAAE;MAAEqB,QAAQ,EAAEb,MAAM,GAAG,CAAC;MAAEU;IAAO,CAAC,CAChD,CAAC,EACD,CAAC,CAAC,EACF,KACF,CACF,CAAC;IACD,OAAO,MAAMzB,eAAe,CAACuB,QAAQ,CAAC;EACxC,CAAC,EAAE,CAACD,OAAO,EAAED,KAAK,EAAEE,QAAQ,CAAC,CAAC;;EAE9B;EACA;EACA;EACA,MAAMM,QAAQ,GAAG5B,gBAAgB,CAC/B,OAAO;IACL6B,OAAO,EAAER,OAAO,GAAGL,YAAY,GAAGM,QAAQ,CAACC,KAAK,IAAI,CAAC,GAAGP,YAAY,CAAC,GAAG,CAAC;IACzEc,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEV,OAAO,GAAG,CAACC,QAAQ,CAACC,KAAK,GAAGL,IAAI,GAAG,IAAI,GAAG;IAAE,CAAC;EACzE,CAAC,CAAC,EACF,CAACG,OAAO,EAAEC,QAAQ,EAAEJ,IAAI,CAC1B,CAAC;EAED,oBACEP,IAAA,CAACd,QAAQ,CAACD,IAAI;IACZoC,KAAK,EAAE,CACL;MAAEC,KAAK,EAAEf,IAAI;MAAEgB,MAAM,EAAEhB,IAAI;MAAEiB,YAAY,EAAEjB,IAAI,GAAG,CAAC;MAAEkB,eAAe,EAAEjB;IAAM,CAAC,EAC7ES,QAAQ;EACR,CACH,CAAC;AAEN;AAEA,SAASS,mBAAmBA,CAAC;EAC3BnB,IAAI,GAAG,CAAC;EACRC,KAAK;EACLmB,KAAK;EACLC,UAAU;EACVP,KAAK;EACLQ;AACe,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAGlC,QAAQ,CAAC,CAAC;EACxB,MAAMmC,KAAK,GAAG/C,OAAO,CAAC,MAAMc,yBAAyB,CAACgC,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACtE,MAAME,aAAa,GAAG1C,gBAAgB,CAAC,CAAC;EACxC,MAAMoB,OAAO,GAAG,CAACsB,aAAa;EAC9B,MAAMC,QAAQ,GAAGzB,KAAK,IAAIuB,KAAK,CAACG,SAAS;EACzC,MAAMC,KAAK,GAAGR,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE;EAE3C,oBACEzB,KAAA,CAACjB,IAAI;IACHmD,UAAU,EAAED,KAAM;IAClB,eAAaA,KAAK,GAAGE,SAAS,GAAG,IAAK;IACtCC,2BAA2B,EAAE,CAACH,KAAM;IACpCI,yBAAyB,EAAEJ,KAAK,GAAG,KAAK,GAAG,qBAAsB;IACjEK,IAAI,EAAEL,KAAK,GAAG,KAAK,GAAGE,SAAU;IAChCI,kBAAkB,EAAEN,KAAK,GAAGR,KAAK,GAAGU,SAAU;IAC9ChB,KAAK,EAAE,CACL;MAAEqB,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACxC,IAAI,GAAG,GAAG,CAAC;IAAE,CAAC,EACxFc,KAAK,CACL;IACFQ,MAAM,EAAEA,MAAO;IAAAmB,QAAA,gBAEfhD,IAAA,CAACf,IAAI;MACHoC,KAAK,EAAE;QACLqB,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpB;QACA;QACApB,MAAM,EAAEsB,IAAI,CAACI,IAAI,CAAC1C,IAAI,GAAG,IAAI,CAAC;QAC9BqC,GAAG,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACxC,IAAI,GAAG,GAAG,CAAC;MACzC,CAAE;MAAAyC,QAAA,EAED,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACE,GAAG,CAAEC,KAAK,iBACnBnD,IAAA,CAACM,GAAG;QAEFC,IAAI,EAAEA,IAAK;QACXC,KAAK,EAAEyB,QAAS;QAChBxB,KAAK,EAAE0C,KAAK,GAAG/C,OAAQ;QACvBM,OAAO,EAAEA;MAAQ,GAJZyC,KAKN,CACF;IAAC,CACE,CAAC,EACNhB,KAAK,gBACJnC,IAAA,CAACH,IAAI;MACHuD,OAAO,EAAC,mBAAmB;MAC3Bb,yBAAyB,EAAC,IAAI;MAC9BD,2BAA2B;MAC3B,mBAAW;MACXe,aAAa,EAAE,CAAE;MACjBhC,KAAK,EAAE,CAAC;QAAEb,KAAK,EAAEuB,KAAK,CAACG;MAAU,CAAC,EAAEN,UAAU,CAAE;MAAAoB,QAAA,EAE/CrB;IAAK,CACF,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,OAAO,MAAM2B,UAAU,gBAAGxE,IAAI,CAAC4C,mBAAmB,CAAC;AACnD4B,UAAU,CAACC,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/chat-indicators/UnreadBadge.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { defaultUnreadLabel, formatUnreadCount, resolveChatIndicatorPaint, UNREAD_BADGE_HEIGHTS, UNREAD_DOT_SIZES } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The unread count pill on a conversation row, a tab or a header.
+ *
+ *            height   type                 min width
+ *   small    16       caption-2-semibold   16 (a circle at one digit)
+ *   medium   20       caption-1-semibold   20
+ *
+ * Accent fill with `primaryForeground` on it; `muted` swaps in the neutral
+ * fill for a conversation whose notifications are off, so a muted chat still
+ * shows a count without competing with the ones that matter.
+ *
+ * A count of 0 renders NOTHING (returns `null`) — an empty pill is a bug that
+ * survives review because it looks deliberate. `dot` is the exception: it draws
+ * the plain dot whatever the count, for "there is something here" without a
+ * number.
+ *
+ * Accessibility: one `img` named "3 unread messages" — the digits alone
+ * announce as "3", which is not a message count. Pass `formatLabel` to
+ * translate it, or `accessibilityLabel` to replace it outright. The drawn text
+ * is hidden so the name is not read twice.
+ *
+ * Above `max` the text reads "99+" while the NAME keeps the real count: the
+ * clamp is a layout constraint, not information the caller wanted to lose.
+ */
+
+const SIZE_TYPE = {
+  small: 'caption-2-semibold',
+  medium: 'caption-1-semibold'
+};
+function UnreadBadgeComponent({
+  count = 0,
+  max = 99,
+  dot = false,
+  muted = false,
+  size = 'medium',
+  formatLabel,
+  accessibilityLabel,
+  style,
+  textStyle,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatIndicatorPaint(theme), [theme]);
+  const n = Number.isFinite(count) ? Math.floor(count) : 0;
+  if (!dot && n <= 0) return null;
+  const fill = muted ? paint.mutedFill : paint.accent;
+  const on = muted ? paint.onMuted : paint.onAccent;
+  const label = accessibilityLabel ?? (formatLabel ? formatLabel(n) : defaultUnreadLabel(n));
+  if (dot) {
+    const d = UNREAD_DOT_SIZES[size];
+    return /*#__PURE__*/_jsx(View, {
+      role: "img",
+      accessibilityLabel: label,
+      style: [{
+        width: d,
+        height: d,
+        borderRadius: d / 2,
+        backgroundColor: fill,
+        flexShrink: 0
+      }, style],
+      testID: testID
+    });
+  }
+  const height = UNREAD_BADGE_HEIGHTS[size];
+  const text = formatUnreadCount(n, max);
+  // Longhands, not `paddingHorizontal`: react-native-web ranks the shorthand it
+  // maps that to ABOVE `padding-left`, so a caller's longhand override would be
+  // dropped on web and honoured on native.
+  const pad = text.length > 1 ? Math.round(height * 0.3) : 0;
+  return /*#__PURE__*/_jsx(View, {
+    role: "img",
+    accessibilityLabel: label,
+    style: [{
+      height,
+      minWidth: height,
+      borderRadius: height / 2,
+      paddingLeft: pad,
+      paddingRight: pad,
+      backgroundColor: fill,
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexShrink: 0
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: SIZE_TYPE[size],
+      importantForAccessibility: "no",
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      numberOfLines: 1,
+      style: [{
+        color: on,
+        lineHeight: height,
+        letterSpacing: 0
+      }, textStyle],
+      children: text
+    })
+  });
+}
+export const UnreadBadge = /*#__PURE__*/memo(UnreadBadgeComponent);
+UnreadBadge.displayName = 'UnreadBadge';
+//# sourceMappingURL=UnreadBadge.js.map

package/lib/module/chat-indicators/UnreadBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","useTheme","Text","defaultUnreadLabel","formatUnreadCount","resolveChatIndicatorPaint","UNREAD_BADGE_HEIGHTS","UNREAD_DOT_SIZES","jsx","_jsx","SIZE_TYPE","small","medium","UnreadBadgeComponent","count","max","dot","muted","size","formatLabel","accessibilityLabel","style","textStyle","testID","theme","paint","n","Number","isFinite","Math","floor","fill","mutedFill","accent","on","onMuted","onAccent","label","d","role","width","height","borderRadius","backgroundColor","flexShrink","text","pad","length","round","minWidth","paddingLeft","paddingRight","alignItems","justifyContent","children","variant","importantForAccessibility","accessibilityElementsHidden","numberOfLines","color","lineHeight","letterSpacing","UnreadBadge","displayName"],"sourceRoot":"../../../src","sources":["chat-indicators/UnreadBadge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-indicators/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+export { PresenceDot } from "./PresenceDot.js";
+export { AvatarPresence } from "./AvatarPresence.js";
+export { MessageStatus } from "./MessageStatus.js";
+export { UnreadBadge } from "./UnreadBadge.js";
+export { TypingDots } from "./TypingDots.js";
+export { StoryRing } from "./StoryRing.js";
+export { formatUnreadCount, MESSAGE_STATUS_LABELS, PRESENCE_DOT_SIZES, PRESENCE_LABELS, presenceSizeForAvatar } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/chat-indicators/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PresenceDot","AvatarPresence","MessageStatus","UnreadBadge","TypingDots","StoryRing","formatUnreadCount","MESSAGE_STATUS_LABELS","PRESENCE_DOT_SIZES","PRESENCE_LABELS","presenceSizeForAvatar"],"sourceRoot":"../../../src","sources":["chat-indicators/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAC3C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,SAAS,QAAQ,gBAAa;AACvC,SACEC,iBAAiB,EACjBC,qBAAqB,EACrBC,kBAAkB,EAClBC,eAAe,EACfC,qBAAqB,QAChB,aAAU","ignoreList":[]}

package/lib/module/chat-indicators/shared.js

@@ -0,0 +1,96 @@
+"use strict";
+
+import { ACCENT_TABLE, colorRamp, resolveButtonRamps } from "../button/shared.js";
+/** Dot diameter per rung (the ring is drawn OUTSIDE this). */
+export const PRESENCE_DOT_SIZES = {
+  small: 8,
+  medium: 10,
+  large: 12
+};
+
+/**
+ * The dot rung for an avatar of `size` px. Under 28 the medium dot eats the
+ * face, over 44 the small one disappears against it.
+ */
+export function presenceSizeForAvatar(size) {
+  if (size <= 28) return 'small';
+  if (size <= 44) return 'medium';
+  return 'large';
+}
+
+/** Height of the pill, which is also its minimum width (a one-digit circle). */
+export const UNREAD_BADGE_HEIGHTS = {
+  small: 16,
+  medium: 20
+};
+
+/** The plain-dot diameter per rung, for `dot`. */
+export const UNREAD_DOT_SIZES = {
+  small: 8,
+  medium: 10
+};
+
+/** Default English names. Apps in other languages pass their own. */
+export const PRESENCE_LABELS = {
+  online: 'Online',
+  idle: 'Away',
+  offline: 'Offline',
+  busy: 'Busy'
+};
+export const MESSAGE_STATUS_LABELS = {
+  sending: 'Sending…',
+  sent: 'Sent',
+  delivered: 'Delivered',
+  read: 'Read',
+  failed: 'Not sent'
+};
+
+/**
+ * `count` as the pill draws it: `"7"`, or `"99+"` once it passes `max`.
+ * Counts at or below zero render as `"0"` — `UnreadBadge` decides whether to
+ * draw anything at all, this only formats.
+ */
+export function formatUnreadCount(count, max = 99) {
+  const n = Number.isFinite(count) ? Math.floor(count) : 0;
+  if (n <= 0) return '0';
+  return n > max ? `${max}+` : String(n);
+}
+
+/** The default accessible name for a count. */
+export function defaultUnreadLabel(count) {
+  if (count <= 0) return 'Unread';
+  return count === 1 ? '1 unread message' : `${count} unread messages`;
+}
+
+/** Every colour this family paints, from the theme only. */
+
+export function resolveChatIndicatorPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const {
+    colors
+  } = theme;
+  const dark = theme.isDark;
+  const success = colorRamp(colors.success, ACCENT_TABLE);
+  return {
+    online: dark ? success[400] : success[600],
+    idle: colors.warning,
+    busy: colors.error,
+    offline: dark ? n[500] : n[400],
+    surface: colors.background,
+    accent: accent[500],
+    onAccent: colors.primaryForeground,
+    mutedFill: dark ? n[700] : n[200],
+    onMuted: dark ? n[100] : n[700],
+    tick: dark ? n[400] : n[500],
+    tickRead: dark ? accent[400] : accent[600],
+    failed: colors.error,
+    text: colors.text,
+    textMuted: colors.textSecondary,
+    ringSeen: dark ? n[700] : n[300],
+    ringUnseen: [accent[300], accent[500], dark ? accent[800] : accent[700]]
+  };
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/chat-indicators/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ACCENT_TABLE","colorRamp","resolveButtonRamps","PRESENCE_DOT_SIZES","small","medium","large","presenceSizeForAvatar","size","UNREAD_BADGE_HEIGHTS","UNREAD_DOT_SIZES","PRESENCE_LABELS","online","idle","offline","busy","MESSAGE_STATUS_LABELS","sending","sent","delivered","read","failed","formatUnreadCount","count","max","n","Number","isFinite","Math","floor","String","defaultUnreadLabel","resolveChatIndicatorPaint","theme","accent","neutral","colors","dark","isDark","success","warning","error","surface","background","onAccent","primaryForeground","mutedFill","onMuted","tick","tickRead","text","textMuted","textSecondary","ringSeen","ringUnseen"],"sourceRoot":"../../../src","sources":["chat-indicators/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-indicators/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/chat-indicators/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["chat-indicators/types.ts"],"mappings":"","ignoreList":[]}