@lotics/ui 43.3.2 → 43.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/ui",
-  "version": "43.3.2",
+  "version": "43.4.0",
   "type": "module",
   "exports": {
     "./vite": {

package/src/member_chip.tsx

@@ -15,6 +15,11 @@ interface MemberChipProps {
   /** A rung on the shared avatar scale. Default `md`, which is sized to seat in a
    *  40px control band; drop to `sm` for a dense cell. See `AVATAR_PX`. */
   size?: AvatarSize;
+  /** This person is no longer active — they left, their account was closed.
+   *  Mutes the name so a record that still names them reads as history rather
+   *  than as a current assignment. The chip keeps its height, because its usual
+   *  home is a fixed row: this is a colour change, never an extra line. */
+  inactive?: boolean;
   style?: StyleProp<ViewStyle>;
 }
 
@@ -34,7 +39,14 @@ interface MemberChipProps {
  * preserve by hand: it is why `md` is 28 rather than the 36 that used to grow
  * those three surfaces to 46, 50 and 54 for the very same chip.
  */
-export function MemberChip({ name, image, secondary, size = "md", style }: MemberChipProps) {
+export function MemberChip({
+  name,
+  image,
+  secondary,
+  size = "md",
+  inactive,
+  style,
+}: MemberChipProps) {
   const displayName = name?.trim() || "Unknown";
   // THE TEXT FOLLOWS THE RUNG. `size` used to scale the avatar alone, so a chip
   // asked for the dense rung got a 24px avatar beside a 14px name — half-dense,
@@ -50,7 +62,12 @@ export function MemberChip({ name, image, secondary, size = "md", style }: Membe
     <View style={[styles.row, style]}>
       <Avatar size={size} name={displayName} source={image ? { uri: image } : undefined} />
       <View style={styles.text}>
-        <Text userSelect="none" size={textSize} numberOfLines={1}>
+        <Text
+          userSelect="none"
+          size={textSize}
+          color={inactive ? "zinc-500" : undefined}
+          numberOfLines={1}
+        >
           {displayName}
         </Text>
         {secondary ? (