@oxy.so/bloom 3.5.0 → 4.0.0

package/docs/text-field.mdx

@@ -12,7 +12,7 @@ A composable text input. `TextField` is the field itself; put a `TextFieldInput`
 
 Coloured by Bloom's theme through the same ramps as `Button`:
 
-|                 | `medium` (default) | `small` |
+|                 | `md` (default) | `sm` |
 |-----------------|--------------------|---------|
 | height          | 36                 | 32      |
 | shell padding-x | 8                  | 6       |
@@ -21,7 +21,7 @@ Coloured by Bloom's theme through the same ramps as `Button`:
 | icon            | 20                 | 20      |
 | radius          | 10                 | 10      |
 
-The shell is a **filled** surface (`neutral-200`, `neutral-800` in dark) with a 2px **inset** ring: transparent at rest, `neutral-300` under the pointer, `neutral-400` while focused. The focus ring is neutral on purpose — the accent ring is reserved for the OTP boxes. A focused field darkens its placeholder to the text colour.
+The shell uses the shared secondary surface with a 2px **inset** ring: transparent at rest, the semantic border under the pointer, and primary while focused. A focused field darkens its placeholder to the text colour.
 
 - **Invalid** tints the fill red (`red-100`; red-950 at 60% over the page in dark), reddens the placeholder and the icons, and drops the ring.
 - **Disabled** dims the fill, the value, the placeholder and the icons, drops the ring, and (web) shows the `not-allowed` cursor over the control.
@@ -44,7 +44,7 @@ import { TextField, TextFieldInput } from '@oxy.so/bloom/text-field';
   <TextFieldInput
     label="Email"
     value={value}
-    onChangeText={setValue}
+    onValueChange={setValue}
     keyboardType="email-address"
   />
 </TextField>
@@ -55,17 +55,17 @@ import { TextField, TextFieldInput } from '@oxy.so/bloom/text-field';
 ## One input needs no wrapper
 
 ```tsx
-<TextFieldInput label="Email" value={value} onChangeText={setValue} />
+<TextFieldInput label="Email" value={value} onValueChange={setValue} />
 ```
 
-`TextFieldInput` on its own wraps itself in a `TextField`, so the common case is one element. Reach for the explicit `TextField` when you have more than one part to put in it, or when you need `isInvalid` or `radius` on the field.
+`TextFieldInput` on its own wraps itself in a `TextField`, so the common case is one element. Reach for the explicit `TextField` when you have more than one part to put in it, or when you need `invalid` or `radius` on the field.
 
 ## With an icon
 
 ```tsx
 <TextField>
   <TextFieldIcon icon={RiMailLine} />
-  <TextFieldInput label="Email" value={email} onChangeText={setEmail} />
+  <TextFieldInput label="Email" value={email} onValueChange={setEmail} />
 </TextField>
 ```
 
@@ -85,12 +85,12 @@ TextField parts must be rendered inside a <TextField>.
 
 ```tsx
 <TextFieldLabel required tooltip>Email</TextFieldLabel>
-<TextField size="small" isInvalid={isInvalid}>
+<TextField size="sm" invalid={invalid}>
   <TextFieldIcon icon={RiMailLine} />
-  <TextFieldInput label="Email" value={email} onChangeText={setEmail} />
+  <TextFieldInput label="Email" value={email} onValueChange={setEmail} />
   <TextFieldIcon icon={RiQuestionLine} position="trailing" />
 </TextField>
-<TextFieldHint isInvalid={isInvalid}>We never share it.</TextFieldHint>
+<TextFieldHint invalid={invalid}>We never share it.</TextFieldHint>
 ```
 
 `size` is `'medium' | 'small'`, which is exactly the `density` vocabulary of the
@@ -111,12 +111,12 @@ have to be one height.
 
 ```tsx
 <TextField leadingAddon={<CountryCodeSelect />}>
-  <TextFieldInput label="Phone Number" placeholder="(123) 000-0000" value={number} onChangeText={setNumber} />
+  <TextFieldInput label="Phone Number" placeholder="(123) 000-0000" value={number} onValueChange={setNumber} />
   <TextFieldIcon icon={RiQuestionLine} position="trailing" />
 </TextField>
 ```
 
-`leadingAddon` puts a CONTROL in the leading slot — e.g. [`PhoneInput`](./phone-input.mdx), whose country-code select sits inside the field. With an addon the shell tightens its left padding to 4px (`pl-1`) and keeps its right one (`pr-2`, `pr-1.5` on `small`), in longhands; the addon is `shrink-0`, 2px before the input. It replaces a leading `TextFieldIcon` — don't render both.
+`leadingAddon` puts a CONTROL in the leading slot — e.g. [`PhoneInput`](./phone-input.mdx), whose country-code select sits inside the field. With an addon the shell tightens its left padding to 4px (`pl-1`) and keeps its right one (`pr-2`, `pr-1.5` on `sm`), in longhands; the addon is `shrink-0`, 2px before the input. It replaces a leading `TextFieldIcon` — don't render both.
 
 - **Focus within.** While the addon holds focus (web) the shell draws its focus ring — but not while the focused control reports `aria-expanded="true"`: while the list is open the ring falls back to the hover ring, and comes back when it closes. The input's `focus:` placeholder colour stays the input's alone.
 - **Clicks.** A click on the addon stops there: the shell's own click focuses the input, which would take focus from the control that was pressed.
@@ -128,7 +128,7 @@ The finished component, with the vendored country list and flags, is [`PhoneInpu
 ```tsx
 <TextField disabled>
   <TextFieldIcon icon={RiMailLine} />
-  <TextFieldInput label="Email" value={email} onChangeText={setEmail} />
+  <TextFieldInput label="Email" value={email} onValueChange={setEmail} />
 </TextField>
 ```
 
@@ -139,26 +139,26 @@ The finished component, with the vendored country list and flags, is [`PhoneInpu
 ```tsx
 const [value, setValue] = useState('');
 const [touched, setTouched] = useState(false);
-const isInvalid = touched && !value.includes('@');
+const invalid = touched && !value.includes('@');
 
-<TextField isInvalid={isInvalid}>
+<TextField invalid={invalid}>
   <TextFieldInput
     label="Email"
     value={value}
-    onChangeText={setValue}
+    onValueChange={setValue}
     onBlur={() => setTouched(true)}
   />
 </TextField>
-<TextFieldHint isInvalid={isInvalid}>Enter a valid email</TextFieldHint>
+<TextFieldHint invalid={invalid}>Enter a valid email</TextFieldHint>
 ```
 
-`isInvalid` paints the field in the negative palette, sets `aria-invalid` on the input and reaches every part through context. `TextFieldInput` takes its own `isInvalid` too, for the wrapper-less spelling.
+`invalid` paints the field in the negative palette, sets `aria-invalid` on the input and reaches every part through context. `TextFieldInput` takes its own `invalid` too, for the wrapper-less spelling.
 
 ## Floating label
 
 ```tsx
 <TextField>
-  <TextFieldInput floatingLabel label="Email" value={email} onChangeText={setEmail} />
+  <TextFieldInput floatingLabel label="Email" value={email} onValueChange={setEmail} />
 </TextField>
 ```
 
@@ -168,7 +168,7 @@ The label starts inside the field and animates to a caption at the top on focus
 
 ```tsx
 <TextField style={{ minHeight: 96, alignItems: 'flex-start' }}>
-  <TextFieldInput label="Bio" value={bio} onChangeText={setBio} multiline />
+  <TextFieldInput label="Bio" value={bio} onValueChange={setBio} multiline />
 </TextField>
 ```
 
@@ -178,7 +178,7 @@ For a real multiline field — rows, auto-grow, a character counter — use [`Te
 
 ```tsx
 <TextField>
-  <TextFieldInput label="Workspace" value={url} onChangeText={setUrl} />
+  <TextFieldInput label="Workspace" value={url} onValueChange={setUrl} />
   <TextFieldSuffix label="domain">.oxy.so</TextFieldSuffix>
 </TextField>
 ```
@@ -189,9 +189,9 @@ For a real multiline field — rows, auto-grow, a character counter — use [`Te
 
 | Prop | Type | Description |
 |------|------|-------------|
-| `isInvalid?` | `boolean` | Paints the field in the negative palette and exposes it via context. |
+| `invalid?` | `boolean` | Paints the field in the negative palette and exposes it via context. |
 | `disabled?` | `boolean` | Disables the input and paints every part disabled. |
-| `size?` | `'medium' \| 'small'` | 36 or 32 tall. Default `medium`. |
+| `size?` | `'md' \| 'sm'` | 36 or 32 tall. Default `md`. |
 | `radius?` | `number` | Corner radius of the chrome, default `10`. A large value (999) reads as a pill. |
 | `leadingAddon?` | `React.ReactNode` | A control before the input (the phone input's country code); the shell's left padding becomes 4px. |
 | `style?` | `StyleProp<ViewStyle>` | Override the container style. |
@@ -204,11 +204,11 @@ Accepts React Native's `TextInputProps`, plus:
 | Prop | Type | Description |
 |------|------|-------------|
 | `label` | `string` | Required. The accessible name, and the default placeholder. |
-| `value?` / `onChangeText?` | `string` / `(v: string) => void` | The controlled value. |
+| `value?` / `onValueChange?` | `string` / `(v: string) => void` | The controlled value. |
 | `placeholder?` | `string \| null` | Overrides the label as placeholder; `null` for none. |
-| `isInvalid?` | `boolean` | For the wrapper-less spelling. |
+| `invalid?` | `boolean` | For the wrapper-less spelling. |
 | `disabled?` | `boolean` | Disables the input; the field around it paints disabled. |
-| `size?` | `'medium' \| 'small'` | For the wrapper-less spelling. |
+| `size?` | `'md' \| 'sm'` | For the wrapper-less spelling. |
 | `floatingLabel?` | `boolean` | Material-style animated label. Default `false`. |
 | `inputRef?` | `RefObject<TextInput \| null>` | Merged with the field's own ref. |
 
@@ -226,13 +226,13 @@ A visible label rendered ABOVE the field, outside it. `required` appends the ast
 ```tsx
 <TextFieldLabel>Workspace</TextFieldLabel>
 <TextField>
-  <TextFieldInput label="Workspace" value={name} onChangeText={setName} />
+  <TextFieldInput label="Workspace" value={name} onValueChange={setName} />
 </TextField>
 ```
 
 ### `TextFieldHint`
 
-The caption under the field. `isInvalid` paints it in the error colour; `nativeID` and `style` are optional.
+The caption under the field. `invalid` paints it in the error colour; `nativeID` and `style` are optional.
 
 ### `TextFieldSuffix`
 
@@ -247,7 +247,7 @@ Greyed completion text drawn behind the input, for "type `acme`, see `acme.oxy.s
 - Clicking anywhere in the field focuses the input (web).
 - `label` is the input's `accessibilityLabel`; the floating label itself is hidden from assistive tech so it is not announced twice.
 - On web the browser's own focus ring is stripped, because it follows the input's box rather than the field's and pokes out of a pill's corners. The inset ring IS the focus signal.
-- `isInvalid` and `disabled` reach the input as `aria-invalid` / `aria-disabled` — react-native-web reads only the `aria-*` spellings.
+- `invalid` and `disabled` reach the input as `aria-invalid` / `aria-disabled` — react-native-web reads only the `aria-*` spellings.
 - Invalid state paints the chrome. Surface the reason as text under the field — colour alone is not an announcement.
 
 ## Recipes
@@ -261,15 +261,10 @@ const [show, setShow] = useState(false);
   <TextFieldInput
     label="Password"
     value={password}
-    onChangeText={setPassword}
+    onValueChange={setPassword}
     secureTextEntry={!show}
   />
-  <Button
-    variant="icon"
-    icon={show ? <RiEyeOffLine /> : <RiEyeLine />}
-    accessibilityLabel={show ? 'Hide password' : 'Show password'}
-    onPress={() => setShow(!show)}
-  />
+  <Button icon={show ? <RiEyeOffLine /> : <RiEyeLine />} accessibilityLabel={show ? 'Hide password' : 'Show password'} onPress={() => setShow(!show)} appearance="outline" tone="neutral" />
 </TextField>
 ```
 
@@ -291,3 +286,7 @@ It used to be `neutral-800` in dark — byte for byte the colour
 Measured **1.000:1**: a field dropped into any of them had no shell at all, and
 one inside a `card` had 1.225:1. On the page the fill lands within 0.04 of the
 colour it always had. Gate: `surface-level-adoption.test.ts`.
+
+## Compatibility
+
+The shared `size`, `tone` and `appearance` vocabulary coexists with the previously published family props. Explicit shared props take precedence over legacy spellings; existing size and state callbacks remain supported. New code should prefer the shared vocabulary.

package/docs/textarea.mdx

@@ -16,7 +16,7 @@ import { Textarea } from '@oxy.so/bloom/textarea';
   hint="Markdown is fine."
   placeholder="Tell us about yourself"
   value={bio}
-  onChangeText={setBio}
+  onValueChange={setBio}
 />
 ```
 
@@ -24,7 +24,7 @@ import { Textarea } from '@oxy.so/bloom/textarea';
 
 The `Textarea`'s geometry:
 
-|              | `medium` (default) | `small` |
+|              | `md` (default) | `sm` |
 |--------------|--------------------|---------|
 | shell padding | 8 all round       | 6 × 8   |
 | text inset   | 4 each side        | 4 each side |
@@ -42,7 +42,7 @@ The label (14/20 medium, optional `required` asterisk and `tooltip` glyph) sits
 <Textarea
   label="Prompt"
   value={prompt}
-  onChangeText={setPrompt}
+  onValueChange={setPrompt}
   autoResize
   rows={1}
   maxRows={6}
@@ -70,13 +70,13 @@ Accepts React Native's `TextInputProps` (except `multiline`, which is always on)
 | `label?` | `string` | Visible label and the accessible name. |
 | `hint?` | `string` | Caption under the field. |
 | `placeholder?` | `string` | Also the fallback name when there is no `label` or `accessibilityLabel`. |
-| `value?` / `defaultValue?` / `onChangeText?` | | Controlled or uncontrolled. |
-| `size?` | `'medium' \| 'small'` | Shell insets. Default `medium`. |
+| `value?` / `defaultValue?` / `onValueChange?` | | Controlled or uncontrolled. |
+| `size?` | `'md' \| 'sm'` | Shell insets. Default `md`. |
 | `rows?` | `number` | Resting height in lines. Default `3`. |
 | `autoResize?` / `maxRows?` | `boolean` / `number` | Grow with the content up to `maxRows`. |
 | `resize?` | `'none' \| 'vertical'` | Web grab handle. Default `vertical`; forced `none` under `autoResize`. |
 | `maxLength?` / `showCount?` | `number` / `boolean` | Limit and counter. |
-| `isInvalid?` | `boolean` | Red tint, red hint and counter, `aria-invalid`. |
+| `invalid?` | `boolean` | Red tint, red hint and counter, `aria-invalid`. |
 | `disabled?` | `boolean` | Non-editable, dimmed, `aria-disabled`; a real `disabled` textarea on web. |
 | `required?` / `tooltip?` | `boolean` | Label asterisk / info glyph. |
 | `style?` | `StyleProp<ViewStyle>` | The whole field (label, shell, footer). |
@@ -114,3 +114,7 @@ See [Composition](/docs/composition) and [Field](/docs/field).
 `Textarea` shares `text-field`'s palette, so its shell steps off whatever surface
 it lands on — see [TextField](/docs/bloom/main/text-field) and
 [Styles → Surface levels](/docs/bloom/main/styles).
+
+## Compatibility
+
+The shared `size`, `tone` and `appearance` vocabulary coexists with the previously published family props. Explicit shared props take precedence over legacy spellings; existing size and state callbacks remain supported. New code should prefer the shared vocabulary.

package/docs/theme-toggle.mdx

@@ -13,9 +13,9 @@ import { ThemeToggle } from '@oxy.so/bloom/theme-toggle';
 
 <ThemeToggle />                                   // "Dark mode" row with a 28×16 pill switch
 <ThemeToggle collapsed />                         // 36px icon button for a collapsed rail
-<ThemeToggle appearance="sidebar-segmented" />    // sun / moon segments on the sidebar track
-<ThemeToggle appearance="segmented" />            // the same on the secondary surface
-<ThemeToggle appearance="glass-segmented" />      // no track; black / white literals for a glass host
+<ThemeToggle variant="sidebar-segmented" />    // sun / moon segments on the sidebar track
+<ThemeToggle variant="segmented" />            // the same on the secondary surface
+<ThemeToggle variant="glass-segmented" />      // no track; black / white literals for a glass host
 ```
 
 ## Geometry

package/docs/toast.mdx

@@ -74,8 +74,9 @@ a body-medium title over a body-regular description, small `Button`s for
 `cancel` (secondary, first) and `action` (primary, after) — in that order — and
 an xs `CloseButton` at top 12 / right 12.
 
-Two departures from `Notification`, both because the toast engine owns them:
+Toasts adapt this geometry to their content:
 
+- A title without description or actions uses 12px vertical padding and a 28px status disc (20px glyph). Its height remains content-driven, so long titles and larger text can wrap. Description and action toasts retain the full geometry above.
 - The 44px close-button lane on the right is reserved **only when the close
   button renders** (`closeButton` defaults to `false`); otherwise the right
   padding is 16.
@@ -308,3 +309,27 @@ Reach for `toast()` for passive feedback (the user doesn't have to react). Use [
 
 Upgrading from 0.50.x? `show`, `api`, `DURATION`, `type Toast` and the composition
 exports were removed. The default position is `bottom-right`.
+
+
+### Mixed-height stacks
+
+Collapsed rear cards expose only their stack edge, even when their descriptions,
+actions or custom content are taller than the front card. Their viewport is capped
+at the front card height; their content keeps its natural size and measurement.
+Expanding animates that viewport back to the full height, without scaling text.
+The front card keeps its shadow. `MixedHeightStack` in Storybook covers short,
+multiline, action and custom rows together.
+
+### Exit motion
+
+Default exits fade over 180ms and travel at most 12px. Explicit intermediate
+keyframes preserve deceleration on web without relying on an unnamed easing.
+The exiting anchor wraps a separate stack-transform node: applying both to one
+node resets its stack offset and scale when Reanimated clones it for exit.
+Measured failure: an older row jumped from y=693 to y=751, onto the front row,
+before fading. The nested transform keeps its original position throughout exit.
+
+`scripts/verify-toast-exits.mjs` checks manual dismissal and automatic expiry in
+stacked and unstacked Storybook stories, sampling every frame for position/width
+jumps and eventual removal. Set `STORYBOOK_URL`, `CHROME_PATH` and, when needed,
+`PUPPETEER_MODULE` to use the local browser setup.

package/lib/commonjs/activity-feed/ActivityFeed.js

@@ -0,0 +1,238 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActivityFeed = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../avatar/index.js");
+var _index2 = require("../badge/index.js");
+var _button = require("../button");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index3 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.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); }
+/**
+ * Everything anyone did with a customer, newest block first, grouped by day.
+ *
+ * **This is a FEED, not a status timeline.** `TenancyTimeline` and
+ * `EvictionTimeline` draw one PROCESS advancing: homogeneous steps on a spine,
+ * each with a state (`complete` / `current` / `upcoming`), connected top to
+ * bottom because the connector IS the claim that one step follows another. An
+ * activity feed has no spine and no next step — the entries are heterogeneous
+ * (a call, a note, a stage change), each belongs to a different PERSON, and they
+ * are grouped into days rather than sequenced. So the leading mark here is the
+ * ACTOR's avatar with the kind on its corner, there is no connector, and the
+ * only ordering claim the component makes is the day heading.
+ *
+ *   heading   the day, `caption-1-semibold` on a rule that runs to the edge
+ *   entry     the actor's avatar (32) with the kind mark (18) on its corner;
+ *             the actor's name and the title on one line; the timestamp and the
+ *             kind's word under it; the body, clamped with a reveal; the
+ *             outcome as a pill; the "logged by" trail last
+ *   rhythm    16 between entries, 12 between the mark and the text
+ *
+ * A `list` of `listitem`s. The kind mark is hidden from assistive technology —
+ * the kind's word is already in the entry's text, and an `img` announcing
+ * "Call" a second time reads as two events.
+ */
+function ActivityFeedComponent({
+  entries,
+  bodyLines = 3,
+  moreLabel = 'Show more',
+  lessLabel = 'Show less',
+  formatLoggedBy = name => `Logged by ${name}`,
+  emptyLabel = 'Nothing logged yet',
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveActivityFeedPaint)(theme, surface), [theme, surface]);
+  const groups = (0, _react.useMemo)(() => (0, _shared.groupActivityByDay)(entries), [entries]);
+  const [revealed, setRevealed] = (0, _react.useState)([]);
+  const toggle = (0, _react.useCallback)(id => {
+    setRevealed(current => current.includes(id) ? current.filter(entry => entry !== id) : [...current, id]);
+  }, []);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  if (entries.length === 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: "body-2-regular",
+        style: {
+          color: paint.textTertiary
+        },
+        testID: id('empty'),
+        children: emptyLabel
+      })
+    });
+  }
+  const renderEntry = entry => {
+    const kind = _constants.ACTIVITY_FEED_KIND[entry.kind];
+    const KindIcon = kind.icon;
+    const markPaint = (0, _accentColors.resolveAccentColors)(theme.colors, kind.tone, 'subtle');
+    const open = revealed.includes(entry.id);
+    const long = (0, _shared.activityBodyIsLong)(entry.body, bodyLines);
+    const eid = part => testID ? `${testID}-${entry.id}-${part}` : undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      role: "listitem",
+      style: {
+        flexDirection: 'row',
+        gap: 12
+      },
+      testID: eid('entry'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          width: _constants.ACTIVITY_AVATAR_SIZE,
+          height: _constants.ACTIVITY_AVATAR_SIZE
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+          size: _constants.ACTIVITY_AVATAR_SIZE,
+          source: entry.actor.avatar,
+          name: entry.actor.name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          "aria-hidden": true,
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no-hide-descendants",
+          style: {
+            position: 'absolute',
+            right: -4,
+            bottom: -4,
+            width: _constants.ACTIVITY_KIND_MARK_SIZE,
+            height: _constants.ACTIVITY_KIND_MARK_SIZE,
+            borderRadius: _constants.ACTIVITY_KIND_MARK_SIZE / 2,
+            backgroundColor: markPaint.background,
+            borderWidth: 2,
+            borderColor: paint.markRing,
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          testID: eid('mark'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(KindIcon, {
+            width: 10,
+            height: 10,
+            fill: markPaint.foreground
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index3.Text, {
+          variant: "body-medium",
+          style: {
+            color: paint.text
+          },
+          testID: eid('title'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+            variant: "body-semibold",
+            style: {
+              color: paint.text
+            },
+            children: entry.actor.name
+          }), ` ${entry.title}`]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "caption-1-regular",
+          style: {
+            color: paint.textTertiary
+          },
+          testID: eid('meta'),
+          children: [kind.label, entry.timestamp].filter(Boolean).join(' · ')
+        }), entry.body ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            marginTop: 4,
+            gap: 2,
+            alignItems: 'flex-start'
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+            variant: "body-2-regular",
+            numberOfLines: long && !open ? bodyLines : undefined,
+            style: {
+              color: paint.textSecondary
+            },
+            testID: eid('body'),
+            children: entry.body
+          }), long ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+            variant: "text",
+            size: "xs",
+            onPress: () => toggle(entry.id),
+            accessibilityLabel: `${open ? lessLabel : moreLabel}: ${entry.title}`,
+            testID: eid('reveal'),
+            children: open ? lessLabel : moreLabel
+          }) : null]
+        }) : null, entry.outcome ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            marginTop: 6
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Badge, {
+            content: entry.outcome,
+            variant: "subtle",
+            color: entry.outcomeTone ?? 'default',
+            size: "label-small",
+            testID: eid('outcome')
+          })
+        }) : null, entry.loggedBy ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "caption-2-regular",
+          style: {
+            color: paint.textTertiary,
+            marginTop: 4
+          },
+          testID: eid('logged-by'),
+          children: formatLoggedBy(entry.loggedBy)
+        }) : null]
+      })]
+    }, entry.id);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    style: style,
+    testID: testID,
+    children: groups.map((group, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        marginTop: index === 0 ? 0 : _constants.ACTIVITY_ENTRY_GAP + 8
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8,
+          marginBottom: _constants.ACTIVITY_ENTRY_GAP
+        },
+        testID: id(`day-${group.day}`),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "caption-1-semibold",
+          style: {
+            color: paint.textSecondary
+          },
+          children: group.day
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flex: 1,
+            height: 1,
+            backgroundColor: paint.hairline
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: _constants.ACTIVITY_ENTRY_GAP
+        },
+        children: group.entries.map(renderEntry)
+      })]
+    }, group.day))
+  });
+}
+const ActivityFeed = exports.ActivityFeed = /*#__PURE__*/(0, _react.memo)(ActivityFeedComponent);
+ActivityFeed.displayName = 'ActivityFeed';
+//# sourceMappingURL=ActivityFeed.js.map

package/lib/commonjs/activity-feed/ActivityFeed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_button","_surfaceLevels","_accentColors","_useTheme","_index3","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActivityFeedComponent","entries","bodyLines","moreLabel","lessLabel","formatLoggedBy","name","emptyLabel","accessibilityLabel","style","testID","theme","useTheme","surface","useSurfaceFill","paint","useMemo","resolveActivityFeedPaint","groups","groupActivityByDay","revealed","setRevealed","useState","toggle","useCallback","id","current","includes","filter","entry","part","undefined","length","jsx","View","children","Text","variant","color","textTertiary","renderEntry","kind","ACTIVITY_FEED_KIND","KindIcon","icon","markPaint","resolveAccentColors","colors","tone","open","long","activityBodyIsLong","body","eid","jsxs","role","flexDirection","gap","width","ACTIVITY_AVATAR_SIZE","height","Avatar","size","source","actor","avatar","accessibilityElementsHidden","importantForAccessibility","position","right","bottom","ACTIVITY_KIND_MARK_SIZE","borderRadius","backgroundColor","background","borderWidth","borderColor","markRing","alignItems","justifyContent","fill","foreground","flex","minWidth","text","title","label","timestamp","Boolean","join","marginTop","numberOfLines","textSecondary","Button","onPress","outcome","Badge","content","outcomeTone","loggedBy","map","group","index","ACTIVITY_ENTRY_GAP","marginBottom","day","hairline","ActivityFeed","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["activity-feed/ActivityFeed.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAMA,IAAAU,OAAA,GAAAV,OAAA;AAA4F,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,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;AAG5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASkB,qBAAqBA,CAAC;EAC7BC,OAAO;EACPC,SAAS,GAAG,CAAC;EACbC,SAAS,GAAG,WAAW;EACvBC,SAAS,GAAG,WAAW;EACvBC,cAAc,GAAIC,IAAY,IAAK,aAAaA,IAAI,EAAE;EACtDC,UAAU,GAAG,oBAAoB;EACjCC,kBAAkB;EAClBC,KAAK;EACLC;AACiB,CAAC,EAAE;EACpB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,OAAO,GAAG,IAAAC,6BAAc,EAAC,CAAC;EAChC,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,gCAAwB,EAACN,KAAK,EAAEE,OAAO,CAAC,EAAE,CAACF,KAAK,EAAEE,OAAO,CAAC,CAAC;EACvF,MAAMK,MAAM,GAAG,IAAAF,cAAO,EAAC,MAAM,IAAAG,0BAAkB,EAAClB,OAAO,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEpE,MAAM,CAACmB,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAoB,EAAE,CAAC;EAC/D,MAAMC,MAAM,GAAG,IAAAC,kBAAW,EAAEC,EAAU,IAAK;IACzCJ,WAAW,CAAEK,OAAO,IAClBA,OAAO,CAACC,QAAQ,CAACF,EAAE,CAAC,GAAGC,OAAO,CAACE,MAAM,CAAEC,KAAK,IAAKA,KAAK,KAAKJ,EAAE,CAAC,GAAG,CAAC,GAAGC,OAAO,EAAED,EAAE,CAClF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMA,EAAE,GAAIK,IAAY,IAAMpB,MAAM,GAAG,GAAGA,MAAM,IAAIoB,IAAI,EAAE,GAAGC,SAAU;EAEvE,IAAI9B,OAAO,CAAC+B,MAAM,KAAK,CAAC,EAAE;IACxB,oBACE,IAAApD,WAAA,CAAAqD,GAAA,EAAC/D,YAAA,CAAAgE,IAAI;MAACzB,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA,MAAO;MAAAyB,QAAA,eACjC,IAAAvD,WAAA,CAAAqD,GAAA,EAACxD,OAAA,CAAA2D,IAAI;QAACC,OAAO,EAAC,gBAAgB;QAAC5B,KAAK,EAAE;UAAE6B,KAAK,EAAEvB,KAAK,CAACwB;QAAa,CAAE;QAAC7B,MAAM,EAAEe,EAAE,CAAC,OAAO,CAAE;QAAAU,QAAA,EACtF5B;MAAU,CACP;IAAC,CACH,CAAC;EAEX;EAEA,MAAMiC,WAAW,GAAIX,KAAwB,IAAK;IAChD,MAAMY,IAAI,GAAGC,6BAAkB,CAACb,KAAK,CAACY,IAAI,CAAC;IAC3C,MAAME,QAAQ,GAAGF,IAAI,CAACG,IAAI;IAC1B,MAAMC,SAAS,GAAG,IAAAC,iCAAmB,EAACnC,KAAK,CAACoC,MAAM,EAAEN,IAAI,CAACO,IAAI,EAAE,QAAQ,CAAC;IACxE,MAAMC,IAAI,GAAG7B,QAAQ,CAACO,QAAQ,CAACE,KAAK,CAACJ,EAAE,CAAC;IACxC,MAAMyB,IAAI,GAAG,IAAAC,0BAAkB,EAACtB,KAAK,CAACuB,IAAI,EAAElD,SAAS,CAAC;IACtD,MAAMmD,GAAG,GAAIvB,IAAY,IAAMpB,MAAM,GAAG,GAAGA,MAAM,IAAImB,KAAK,CAACJ,EAAE,IAAIK,IAAI,EAAE,GAAGC,SAAU;IAEpF,oBACE,IAAAnD,WAAA,CAAA0E,IAAA,EAACpF,YAAA,CAAAgE,IAAI;MAEHqB,IAAI,EAAC,UAAU;MACf9C,KAAK,EAAE;QAAE+C,aAAa,EAAE,KAAK;QAAEC,GAAG,EAAE;MAAG,CAAE;MACzC/C,MAAM,EAAE2C,GAAG,CAAC,OAAO,CAAE;MAAAlB,QAAA,gBAErB,IAAAvD,WAAA,CAAA0E,IAAA,EAACpF,YAAA,CAAAgE,IAAI;QAACzB,KAAK,EAAE;UAAEiD,KAAK,EAAEC,+BAAoB;UAAEC,MAAM,EAAED;QAAqB,CAAE;QAAAxB,QAAA,gBACzE,IAAAvD,WAAA,CAAAqD,GAAA,EAAC9D,MAAA,CAAA0F,MAAM;UAACC,IAAI,EAAEH,+BAAqB;UAACI,MAAM,EAAElC,KAAK,CAACmC,KAAK,CAACC,MAAO;UAAC3D,IAAI,EAAEuB,KAAK,CAACmC,KAAK,CAAC1D;QAAK,CAAE,CAAC,eAC1F,IAAA1B,WAAA,CAAAqD,GAAA,EAAC/D,YAAA,CAAAgE,IAAI;UACH,mBAAW;UACXgC,2BAA2B;UAC3BC,yBAAyB,EAAC,qBAAqB;UAC/C1D,KAAK,EAAE;YACL2D,QAAQ,EAAE,UAAU;YACpBC,KAAK,EAAE,CAAC,CAAC;YACTC,MAAM,EAAE,CAAC,CAAC;YACVZ,KAAK,EAAEa,kCAAuB;YAC9BX,MAAM,EAAEW,kCAAuB;YAC/BC,YAAY,EAAED,kCAAuB,GAAG,CAAC;YACzCE,eAAe,EAAE5B,SAAS,CAAC6B,UAAU;YACrCC,WAAW,EAAE,CAAC;YACdC,WAAW,EAAE7D,KAAK,CAAC8D,QAAQ;YAC3BC,UAAU,EAAE,QAAQ;YACpBC,cAAc,EAAE;UAClB,CAAE;UACFrE,MAAM,EAAE2C,GAAG,CAAC,MAAM,CAAE;UAAAlB,QAAA,eAEpB,IAAAvD,WAAA,CAAAqD,GAAA,EAACU,QAAQ;YAACe,KAAK,EAAE,EAAG;YAACE,MAAM,EAAE,EAAG;YAACoB,IAAI,EAAEnC,SAAS,CAACoC;UAAW,CAAE;QAAC,CAC3D,CAAC;MAAA,CACH,CAAC,eAEP,IAAArG,WAAA,CAAA0E,IAAA,EAACpF,YAAA,CAAAgE,IAAI;QAACzB,KAAK,EAAE;UAAEyE,IAAI,EAAE,CAAC;UAAEC,QAAQ,EAAE,CAAC;UAAE1B,GAAG,EAAE;QAAE,CAAE;QAAAtB,QAAA,gBAC5C,IAAAvD,WAAA,CAAA0E,IAAA,EAAC7E,OAAA,CAAA2D,IAAI;UAACC,OAAO,EAAC,aAAa;UAAC5B,KAAK,EAAE;YAAE6B,KAAK,EAAEvB,KAAK,CAACqE;UAAK,CAAE;UAAC1E,MAAM,EAAE2C,GAAG,CAAC,OAAO,CAAE;UAAAlB,QAAA,gBAC7E,IAAAvD,WAAA,CAAAqD,GAAA,EAACxD,OAAA,CAAA2D,IAAI;YAACC,OAAO,EAAC,eAAe;YAAC5B,KAAK,EAAE;cAAE6B,KAAK,EAAEvB,KAAK,CAACqE;YAAK,CAAE;YAAAjD,QAAA,EACxDN,KAAK,CAACmC,KAAK,CAAC1D;UAAI,CACb,CAAC,EACN,IAAIuB,KAAK,CAACwD,KAAK,EAAE;QAAA,CACd,CAAC,eACP,IAAAzG,WAAA,CAAAqD,GAAA,EAACxD,OAAA,CAAA2D,IAAI;UACHC,OAAO,EAAC,mBAAmB;UAC3B5B,KAAK,EAAE;YAAE6B,KAAK,EAAEvB,KAAK,CAACwB;UAAa,CAAE;UACrC7B,MAAM,EAAE2C,GAAG,CAAC,MAAM,CAAE;UAAAlB,QAAA,EAEnB,CAACM,IAAI,CAAC6C,KAAK,EAAEzD,KAAK,CAAC0D,SAAS,CAAC,CAAC3D,MAAM,CAAC4D,OAAO,CAAC,CAACC,IAAI,CAAC,KAAK;QAAC,CACtD,CAAC,EAEN5D,KAAK,CAACuB,IAAI,gBACT,IAAAxE,WAAA,CAAA0E,IAAA,EAACpF,YAAA,CAAAgE,IAAI;UAACzB,KAAK,EAAE;YAAEiF,SAAS,EAAE,CAAC;YAAEjC,GAAG,EAAE,CAAC;YAAEqB,UAAU,EAAE;UAAa,CAAE;UAAA3C,QAAA,gBAC9D,IAAAvD,WAAA,CAAAqD,GAAA,EAACxD,OAAA,CAAA2D,IAAI;YACHC,OAAO,EAAC,gBAAgB;YACxBsD,aAAa,EAAEzC,IAAI,IAAI,CAACD,IAAI,GAAG/C,SAAS,GAAG6B,SAAU;YACrDtB,KAAK,EAAE;cAAE6B,KAAK,EAAEvB,KAAK,CAAC6E;YAAc,CAAE;YACtClF,MAAM,EAAE2C,GAAG,CAAC,MAAM,CAAE;YAAAlB,QAAA,EAEnBN,KAAK,CAACuB;UAAI,CACP,CAAC,EACNF,IAAI,gBACH,IAAAtE,WAAA,CAAAqD,GAAA,EAAC5D,OAAA,CAAAwH,MAAM;YACLxD,OAAO,EAAC,MAAM;YACdyB,IAAI,EAAC,IAAI;YACTgC,OAAO,EAAEA,CAAA,KAAMvE,MAAM,CAACM,KAAK,CAACJ,EAAE,CAAE;YAChCjB,kBAAkB,EAAE,GAAGyC,IAAI,GAAG7C,SAAS,GAAGD,SAAS,KAAK0B,KAAK,CAACwD,KAAK,EAAG;YACtE3E,MAAM,EAAE2C,GAAG,CAAC,QAAQ,CAAE;YAAAlB,QAAA,EAErBc,IAAI,GAAG7C,SAAS,GAAGD;UAAS,CACvB,CAAC,GACP,IAAI;QAAA,CACJ,CAAC,GACL,IAAI,EAEP0B,KAAK,CAACkE,OAAO,gBACZ,IAAAnH,WAAA,CAAAqD,GAAA,EAAC/D,YAAA,CAAAgE,IAAI;UAACzB,KAAK,EAAE;YAAE+C,aAAa,EAAE,KAAK;YAAEkC,SAAS,EAAE;UAAE,CAAE;UAAAvD,QAAA,eAClD,IAAAvD,WAAA,CAAAqD,GAAA,EAAC7D,OAAA,CAAA4H,KAAK;YACJC,OAAO,EAAEpE,KAAK,CAACkE,OAAQ;YACvB1D,OAAO,EAAC,QAAQ;YAChBC,KAAK,EAAET,KAAK,CAACqE,WAAW,IAAI,SAAU;YACtCpC,IAAI,EAAC,aAAa;YAClBpD,MAAM,EAAE2C,GAAG,CAAC,SAAS;UAAE,CACxB;QAAC,CACE,CAAC,GACL,IAAI,EAEPxB,KAAK,CAACsE,QAAQ,gBACb,IAAAvH,WAAA,CAAAqD,GAAA,EAACxD,OAAA,CAAA2D,IAAI;UACHC,OAAO,EAAC,mBAAmB;UAC3B5B,KAAK,EAAE;YAAE6B,KAAK,EAAEvB,KAAK,CAACwB,YAAY;YAAEmD,SAAS,EAAE;UAAE,CAAE;UACnDhF,MAAM,EAAE2C,GAAG,CAAC,WAAW,CAAE;UAAAlB,QAAA,EAExB9B,cAAc,CAACwB,KAAK,CAACsE,QAAQ;QAAC,CAC3B,CAAC,GACL,IAAI;MAAA,CACJ,CAAC;IAAA,GA1FFtE,KAAK,CAACJ,EA2FP,CAAC;EAEX,CAAC;EAED,oBACE,IAAA7C,WAAA,CAAAqD,GAAA,EAAC/D,YAAA,CAAAgE,IAAI;IAACqB,IAAI,EAAC,MAAM;IAAC/C,kBAAkB,EAAEA,kBAAmB;IAACC,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAAAyB,QAAA,EACpFjB,MAAM,CAACkF,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACvB,IAAA1H,WAAA,CAAA0E,IAAA,EAACpF,YAAA,CAAAgE,IAAI;MAAiBzB,KAAK,EAAE;QAAEiF,SAAS,EAAEY,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGC,6BAAkB,GAAG;MAAE,CAAE;MAAApE,QAAA,gBACnF,IAAAvD,WAAA,CAAA0E,IAAA,EAACpF,YAAA,CAAAgE,IAAI;QACHzB,KAAK,EAAE;UACL+C,aAAa,EAAE,KAAK;UACpBsB,UAAU,EAAE,QAAQ;UACpBrB,GAAG,EAAE,CAAC;UACN+C,YAAY,EAAED;QAChB,CAAE;QACF7F,MAAM,EAAEe,EAAE,CAAC,OAAO4E,KAAK,CAACI,GAAG,EAAE,CAAE;QAAAtE,QAAA,gBAE/B,IAAAvD,WAAA,CAAAqD,GAAA,EAACxD,OAAA,CAAA2D,IAAI;UAACC,OAAO,EAAC,oBAAoB;UAAC5B,KAAK,EAAE;YAAE6B,KAAK,EAAEvB,KAAK,CAAC6E;UAAc,CAAE;UAAAzD,QAAA,EACtEkE,KAAK,CAACI;QAAG,CACN,CAAC,eACP,IAAA7H,WAAA,CAAAqD,GAAA,EAAC/D,YAAA,CAAAgE,IAAI;UAACzB,KAAK,EAAE;YAAEyE,IAAI,EAAE,CAAC;YAAEtB,MAAM,EAAE,CAAC;YAAEa,eAAe,EAAE1D,KAAK,CAAC2F;UAAS;QAAE,CAAE,CAAC;MAAA,CACpE,CAAC,eACP,IAAA9H,WAAA,CAAAqD,GAAA,EAAC/D,YAAA,CAAAgE,IAAI;QAACzB,KAAK,EAAE;UAAEgD,GAAG,EAAE8C;QAAmB,CAAE;QAAApE,QAAA,EAAEkE,KAAK,CAACpG,OAAO,CAACmG,GAAG,CAAC5D,WAAW;MAAC,CAAO,CAAC;IAAA,GAfxE6D,KAAK,CAACI,GAgBX,CACP;EAAC,CACE,CAAC;AAEX;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAAC7G,qBAAqB,CAAC;AACvD2G,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/commonjs/activity-feed/ActivityFeedFilters.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActivityFeedFilters = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../chip/index.js");
+var _constants = require("./constants.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); }
+/**
+ * The kind filter, as a row of toggle pills.
+ *
+ * A `group` of toggles rather than a `tablist` or a `radiogroup`, because the
+ * kinds combine: turning "Call" on does not turn "Email" off, and a `tab` or a
+ * `radio` announcing a multi-select would say the opposite of what the control
+ * does. `Chip` spells the state for the role it is given — here `aria-pressed`
+ * plus the native `accessibilityState` — so the pill is a real toggle to a
+ * screen reader and not a pill that looks selected.
+ *
+ * It is CONTROLLED and filters nothing itself: which entries reach
+ * `ActivityFeed` is the app's decision, and a filter row that also held the
+ * answer would be a second source of truth for the same list.
+ */
+function ActivityFeedFiltersComponent({
+  kinds,
+  selected,
+  onToggle,
+  counts,
+  labels,
+  accessibilityLabel = 'Filter activity',
+  style,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChipRow, {
+    role: "group",
+    accessibilityLabel: accessibilityLabel,
+    gap: 6
+    // A flex item's automatic minimum is its content width, so a scrolling
+    // row of pills widens its parent unless this says otherwise.
+    ,
+    style: [{
+      minWidth: 0
+    }, style],
+    testID: testID,
+    children: kinds.map(kind => {
+      const label = labels?.[kind] ?? _constants.ACTIVITY_FEED_KIND[kind].label;
+      const count = counts?.[kind];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+        size: "xl",
+        selected: selected.includes(kind),
+        onPress: () => onToggle(kind),
+        accessibilityLabel: count === undefined ? label : `${label}, ${count}`,
+        testID: testID ? `${testID}-${kind}` : undefined,
+        children: count === undefined ? label : `${label} ${count}`
+      }, kind);
+    })
+  });
+}
+const ActivityFeedFilters = exports.ActivityFeedFilters = /*#__PURE__*/(0, _react.memo)(ActivityFeedFiltersComponent);
+ActivityFeedFilters.displayName = 'ActivityFeedFilters';
+//# sourceMappingURL=ActivityFeedFilters.js.map

package/lib/commonjs/activity-feed/ActivityFeedFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActivityFeedFiltersComponent","kinds","selected","onToggle","counts","labels","accessibilityLabel","style","testID","jsx","ChipRow","role","gap","minWidth","children","map","kind","label","ACTIVITY_FEED_KIND","count","Chip","size","includes","onPress","undefined","ActivityFeedFilters","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["activity-feed/ActivityFeedFilters.tsx"],"mappings":"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","ignoreList":[]}