@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/module/mail-list/MailRow.js

@@ -0,0 +1,493 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { Badge } from "../badge/index.js";
+import { Checkbox } from "../checkbox/index.js";
+import { RiAttachment2 } from "../icons/remix/RiAttachment2.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { webDataSet } from "../styles/web-data.js";
+import { SwipeRow, useSwipeAvailable } from "../swipe-row/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MailGlyphButton, MailLabelChips, MailLabelMarks, MailRowLink, MailStar } from "./parts.js";
+import { IS_WEB, MAIL_LIST_CSS, MAIL_LIST_STYLE_ID, MAIL_ROW_GEOMETRY, MAIL_ROW_RADIUS, composeMailRowName, labelDotColor, labelMarks, mailActionColor, mailStrings, resolveMailPaint, toSwipeActions, visibleLabels } from "./shared.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One message thread in the inbox.
+ *
+ *   comfortable  72 tall · 16 padding · 48 avatar · sender and time on the
+ *                first line, subject and snippet on the second, the star on
+ *                the right where it is a control
+ *   compact      40 tall · 12 padding · 24 avatar · sender, then subject and
+ *                snippet on ONE baseline, then the states and the time
+ *
+ * ONE component, two rungs of a geometry table. There is no second row
+ * component for the desktop: everything a compact row draws, a comfortable row
+ * draws too, and a density that forked into two files is a density that drifts.
+ *
+ * TWO LINES, NOT THREE, AND NOTHING DRAWN AT REST THAT IS NOT INFORMATION.
+ * The phone row is the same 72/48 as a conversation row, so an inbox and a
+ * messages screen read as one library. What paid for the third line: the
+ * subject and the snippet share line two, the labels collapse to a chip and
+ * dots, and the star is drawn only where it is a control.
+ *
+ * THE SUBJECT AND THE SNIPPET ARE ONE `Text`, at both densities. Two
+ * neighbouring flex children each want to be as wide as their content, and the
+ * result of a long one is a row that pushes sideways or a subject clipped to
+ * nothing. One string with a nested span truncates where the line ends.
+ *
+ * UNREAD IS THE WHOLE ROW, NOT A DOT. The sender and the subject go semibold
+ * and every rung of text moves up to the primary colour; a read row sits on the
+ * quiet rungs. That is a property of the row, so it survives truncation, a
+ * narrow pane and a colour-blind reader in a way an 8px dot does not.
+ *
+ * ACTIONS HAVE TWO AFFORDANCES AND NEITHER IS AN ICON AT REST. A touch pointer
+ * drags: `swipeActions` are the panes `SwipeRow` uncovers, the library's one
+ * drag implementation. A mouse gets `actions` as the hover rail, revealed on
+ * hover and on keyboard focus, because a drag is undiscoverable with a pointer.
+ * Both report through `onAction`, and both also reach the row's
+ * `accessibilityActions` — the rotor is the path a screen reader has to a
+ * gesture it cannot perform.
+ *
+ * ACCESSIBILITY: the row is ONE target with ONE composed name, and the content
+ * is hidden from assistive technology. The checkbox, the star and the rail are
+ * SIBLINGS of the row's link and never its children — a button inside an anchor
+ * is invalid HTML, and every "Archive" click would open the message.
+ */
+function MailRowComponent({
+  sender,
+  subject,
+  snippet,
+  time,
+  unread = false,
+  starred = false,
+  onStarredChange,
+  hasAttachment = false,
+  threadCount,
+  draft = false,
+  labels,
+  maxLabels = 2,
+  selected = false,
+  checked = false,
+  onCheckedChange,
+  density = 'comfortable',
+  onPress,
+  onLongPress,
+  href,
+  actions,
+  actionsPlacement,
+  swipeActions,
+  swipeEnabled,
+  onAction,
+  accessibilityLabel,
+  strings,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const swipeAvailable = useSwipeAvailable();
+  useEffect(() => {
+    adoptStyleSheet(MAIL_LIST_STYLE_ID, MAIL_LIST_CSS);
+  }, []);
+  const paint = useMemo(() => resolveMailPaint(theme, surface), [theme, surface]);
+  const [pressed, setPressed] = useState(false);
+  const text = useMemo(() => mailStrings(strings), [strings]);
+  const geo = MAIL_ROW_GEOMETRY[density];
+  const compact = density === 'compact';
+  const placement = actionsPlacement ?? (IS_WEB ? 'hover' : 'none');
+  const rail = placement === 'none' ? [] : actions ?? [];
+  const swipeLeft = swipeActions?.left ?? [];
+  const swipeRight = swipeActions?.right ?? [];
+  const swipeOn = (swipeEnabled ?? swipeAvailable) && swipeLeft.length + swipeRight.length > 0;
+
+  // Every action the row offers, once each, for the rotor. A key the rail and a
+  // pane share is ONE action announced once — the affordance differs, what it
+  // does does not.
+  const rotorActions = [];
+  const seenActions = new Set();
+  for (const action of [...(actions ?? []), ...swipeLeft, ...swipeRight]) {
+    if (seenActions.has(action.key)) continue;
+    seenActions.add(action.key);
+    rotorActions.push(action);
+  }
+
+  // The three text rungs the row reads at. An unread row is at full strength on
+  // every line; a read one is a step quieter on each.
+  const senderColor = unread ? paint.text : paint.textSecondary;
+  const subjectColor = unread ? paint.text : paint.textSecondary;
+  const snippetColor = unread ? paint.textSecondary : paint.textTertiary;
+  const timeColor = unread ? paint.accent : paint.textTertiary;
+  const rowName = accessibilityLabel ?? composeMailRowName({
+    sender: sender.name,
+    subject,
+    snippet,
+    time,
+    unread,
+    starred,
+    draft,
+    hasAttachment,
+    threadCount,
+    labels
+  }, text);
+  const chipSurface = selected ? paint.selected : paint.surface;
+  // One line of chips on the dense row; one chip and dots on the two-line one,
+  // where a second chip costs more width than a second label is worth.
+  const {
+    shown,
+    overflow
+  } = visibleLabels(labels, maxLabels);
+  const chips = shown.length > 0 || overflow > 0 ? /*#__PURE__*/_jsx(MailLabelChips, {
+    labels: shown,
+    overflow: overflow,
+    surface: chipSurface,
+    strings: text,
+    testID: testID ? `${testID}-labels` : undefined
+  }) : null;
+  const marks = labelMarks(labels, maxLabels, compact);
+  const labelDots = marks.dots.map(label => ({
+    id: label.id,
+    color: labelDotColor(theme, label)
+  }));
+  const draftPrefix = {
+    color: paint.negative
+  };
+  const hasSnippet = snippet !== undefined || draft;
+  // The draft prefix is a nested span so it takes the negative colour without
+  // becoming a sibling that can wrap away from the words it leads.
+  const snippetContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [draft ? /*#__PURE__*/_jsx(Text, {
+      style: draftPrefix,
+      children: `${text.draft} `
+    }) : null, snippet]
+  });
+  // A nested span, never a sibling: one `Text` is what truncates at the line's
+  // end instead of two children each claiming their content's width.
+  const snippetSpan = hasSnippet ? /*#__PURE__*/_jsxs(Text, {
+    style: {
+      color: snippetColor,
+      fontWeight: '400'
+    },
+    testID: testID ? `${testID}-snippet` : undefined,
+    children: ['  ', snippetContent]
+  }) : null;
+  const paperclip = hasAttachment ? /*#__PURE__*/_jsx(View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      flexShrink: 0
+    },
+    testID: testID ? `${testID}-attachment` : undefined,
+    children: /*#__PURE__*/_jsx(RiAttachment2, {
+      width: geo.glyph,
+      height: geo.glyph,
+      fill: paint.textGraphical
+    })
+  }) : null;
+  const threadBadge = (threadCount ?? 0) > 1 ? /*#__PURE__*/_jsx(View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      flexShrink: 0
+    },
+    testID: testID ? `${testID}-thread-count` : undefined,
+    children: /*#__PURE__*/_jsx(Badge, {
+      content: threadCount,
+      size: "small",
+      variant: "subtle",
+      color: "default"
+    })
+  }) : null;
+  const timeText = time === undefined ? null : /*#__PURE__*/_jsx(Text, {
+    variant: geo.timeVariant,
+    numberOfLines: 1,
+    style: {
+      color: timeColor,
+      flexShrink: 0
+    },
+    testID: testID ? `${testID}-time` : undefined,
+    children: time
+  });
+
+  // --- the leading slot: a checkbox when the list can multi-select ----------
+  const leading = onCheckedChange !== undefined ? /*#__PURE__*/_jsx(View, {
+    style: {
+      width: geo.avatar,
+      alignItems: 'center',
+      flexShrink: 0
+    },
+    children: /*#__PURE__*/_jsx(Checkbox, {
+      checked: checked,
+      onCheckedChange: onCheckedChange,
+      size: compact ? 'small' : 'medium',
+      accessibilityLabel: `${text.select}: ${sender.name}, ${subject}`,
+      testID: testID ? `${testID}-checkbox` : undefined
+    })
+  }) : /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      flexShrink: 0
+    },
+    children: /*#__PURE__*/_jsx(Avatar, {
+      source: sender.avatar ?? null,
+      name: sender.name,
+      size: geo.avatar,
+      testID: testID ? `${testID}-avatar` : undefined
+    })
+  });
+
+  // --- the text column -----------------------------------------------------
+  const column = compact ? /*#__PURE__*/_jsxs(View, {
+    pointerEvents: "none",
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: geo.gap,
+      marginLeft: geo.gap
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: unread ? geo.senderUnreadVariant : geo.senderVariant,
+      numberOfLines: 1,
+      style: {
+        color: senderColor,
+        flexGrow: 0,
+        flexShrink: 1,
+        flexBasis: geo.senderWidth,
+        minWidth: geo.senderMinWidth,
+        maxWidth: geo.senderMaxWidth
+      },
+      testID: testID ? `${testID}-sender` : undefined,
+      children: sender.name
+    }), chips, threadBadge, /*#__PURE__*/_jsxs(Text, {
+      variant: unread ? geo.subjectUnreadVariant : geo.subjectVariant,
+      numberOfLines: 1,
+      style: {
+        color: subjectColor,
+        flex: 1,
+        minWidth: 0
+      },
+      testID: testID ? `${testID}-subject` : undefined,
+      children: [subject, snippetSpan]
+    })]
+  }) : /*#__PURE__*/_jsxs(View, {
+    pointerEvents: "none",
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      flex: 1,
+      minWidth: 0,
+      marginLeft: geo.gap,
+      gap: geo.lineGap
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        minWidth: 0
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: unread ? geo.senderUnreadVariant : geo.senderVariant,
+        numberOfLines: 1,
+        style: {
+          color: senderColor,
+          flexShrink: 1,
+          minWidth: 0
+        },
+        testID: testID ? `${testID}-sender` : undefined,
+        children: sender.name
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        minWidth: 0
+      },
+      children: [/*#__PURE__*/_jsx(MailLabelMarks, {
+        chip: marks.chip,
+        dots: labelDots,
+        surface: chipSurface,
+        testID: testID ? `${testID}-labels` : undefined
+      }), /*#__PURE__*/_jsxs(Text, {
+        variant: unread ? geo.subjectUnreadVariant : geo.subjectVariant,
+        numberOfLines: 1,
+        style: {
+          color: subjectColor,
+          flex: 1,
+          minWidth: 0
+        },
+        testID: testID ? `${testID}-subject` : undefined,
+        children: [subject, snippetSpan]
+      })]
+    })]
+  });
+
+  // --- the trailing controls ----------------------------------------------
+  // The star is the only thing out here, and only where it is a control. On a
+  // one-line row the paperclip and the time keep it company, because that row
+  // has no second line to put them on.
+  const star = /*#__PURE__*/_jsx(MailStar, {
+    starred: starred,
+    onStarredChange: onStarredChange,
+    size: geo.starControl,
+    glyph: geo.glyph + 2,
+    paint: paint,
+    strings: text,
+    testID: testID ? `${testID}-star` : undefined
+  });
+  // The right column is the list row's own shape, the one `chat-list` draws:
+  // the TIME on top and the STATES under it, never strung along the text lines.
+  // A subject that grows pushes nothing around, because nothing shares its line.
+  //
+  // It is a SIBLING of the row's link rather than part of the content, so the
+  // star inside it is a real button — a button inside an anchor is invalid HTML
+  // and every star press would open the thread. Everything else in here is
+  // hidden from assistive technology; the row's composed name already says it.
+  const states = paperclip || threadBadge || onStarredChange !== undefined ? /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    children: [paperclip, threadBadge, onStarredChange === undefined ? starred ? star : null : star]
+  }) : null;
+  const trailing = compact ? /*#__PURE__*/_jsxs(View, {
+    pointerEvents: "box-none",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      marginLeft: geo.gap,
+      flexShrink: 0
+    },
+    children: [states, timeText]
+  }) : timeText === null && states === null ? null : /*#__PURE__*/_jsxs(View, {
+    pointerEvents: "box-none",
+    style: {
+      alignItems: 'flex-end',
+      justifyContent: 'center',
+      gap: geo.lineGap + 2,
+      marginLeft: geo.gap,
+      flexShrink: 0
+    },
+    children: [timeText, states]
+  });
+  const rowStyle = {
+    position: 'relative',
+    minHeight: geo.minHeight,
+    ...(geo.height === undefined ? null : {
+      height: geo.height
+    }),
+    borderRadius: MAIL_ROW_RADIUS,
+    justifyContent: 'center',
+    '--bloom-mail-hover': paint.hover,
+    '--bloom-mail-selected': paint.selected,
+    // On web the fill is the adopted sheet's job: an inline `background-color`
+    // would outrank the `:hover` rule and the row would never light up.
+    ...(IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '120ms'
+    } : {
+      backgroundColor: selected ? paint.selected : pressed ? paint.hover : 'transparent'
+    })
+  };
+  const row = /*#__PURE__*/_jsxs(View, {
+    ...webDataSet({
+      bloomMailRow: '',
+      selected: String(selected)
+    }),
+    style: [rowStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(MailRowLink, {
+      name: rowName,
+      onPress: onPress,
+      onLongPress: onLongPress,
+      href: href,
+      selected: selected,
+      paint: paint,
+      onPressedChange: setPressed,
+      actions: rotorActions,
+      onAction: onAction,
+      testID: testID ? `${testID}-link` : undefined
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        minHeight: geo.minHeight,
+        ...(geo.height === undefined ? null : {
+          height: geo.height
+        }),
+        paddingTop: geo.paddingVertical,
+        paddingBottom: geo.paddingVertical,
+        paddingLeft: geo.paddingHorizontal,
+        paddingRight: geo.paddingHorizontal
+      },
+      children: [leading, column, trailing]
+    }), rail.length > 0 ? /*#__PURE__*/_jsx(View, {
+      ...(placement === 'hover' ? webDataSet({
+        bloomMailRail: ''
+      }) : {}),
+      style: {
+        position: 'absolute',
+        right: geo.paddingHorizontal - 4,
+        top: 0,
+        bottom: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 2,
+        paddingLeft: 12,
+        borderTopRightRadius: MAIL_ROW_RADIUS,
+        borderBottomRightRadius: MAIL_ROW_RADIUS,
+        // Whatever fill the row shows WHILE the rail is visible, so the
+        // buttons read as part of the row rather than as a floating chip.
+        backgroundColor: selected ? paint.selected : paint.hover
+      },
+      testID: testID ? `${testID}-rail` : undefined,
+      children: rail.map(action => /*#__PURE__*/_jsx(MailGlyphButton, {
+        label: action.label,
+        icon: action.icon,
+        color: mailActionColor(action, paint),
+        hoverFill: paint.selected,
+        ring: paint.accent,
+        size: geo.action,
+        glyph: geo.actionGlyph,
+        onPress: () => {
+          action.onPress?.();
+          onAction?.(action.key);
+        },
+        testID: testID ? `${testID}-action-${action.key}` : undefined
+      }, action.key))
+    }) : null]
+  });
+  if (!swipeOn) return row;
+  return /*#__PURE__*/_jsx(SwipeRow, {
+    actions: toSwipeActions({
+      left: swipeLeft,
+      right: swipeRight
+    }),
+    onAction: onAction
+    // No `height`: a comfortable row is a FLOOR, so the panes take whatever
+    // the row turns out to be rather than pinning it to the floor's value.
+    ,
+    ...(geo.height === undefined ? null : {
+      height: geo.height
+    }),
+    radius: MAIL_ROW_RADIUS,
+    background: paint.surface,
+    testID: testID ? `${testID}-swipe` : undefined,
+    children: row
+  });
+}
+export const MailRow = /*#__PURE__*/memo(MailRowComponent);
+MailRow.displayName = 'MailRow';
+//# sourceMappingURL=MailRow.js.map

package/lib/module/mail-list/MailRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useState","View","Avatar","Badge","Checkbox","RiAttachment2","adoptStyleSheet","useSurfaceFill","webDataSet","SwipeRow","useSwipeAvailable","useTheme","Text","MailGlyphButton","MailLabelChips","MailLabelMarks","MailRowLink","MailStar","IS_WEB","MAIL_LIST_CSS","MAIL_LIST_STYLE_ID","MAIL_ROW_GEOMETRY","MAIL_ROW_RADIUS","composeMailRowName","labelDotColor","labelMarks","mailActionColor","mailStrings","resolveMailPaint","toSwipeActions","visibleLabels","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MailRowComponent","sender","subject","snippet","time","unread","starred","onStarredChange","hasAttachment","threadCount","draft","labels","maxLabels","selected","checked","onCheckedChange","density","onPress","onLongPress","href","actions","actionsPlacement","swipeActions","swipeEnabled","onAction","accessibilityLabel","strings","style","testID","theme","surface","swipeAvailable","paint","pressed","setPressed","text","geo","compact","placement","rail","swipeLeft","left","swipeRight","right","swipeOn","length","rotorActions","seenActions","Set","action","has","key","add","push","senderColor","textSecondary","subjectColor","snippetColor","textTertiary","timeColor","accent","rowName","name","chipSurface","shown","overflow","chips","undefined","marks","labelDots","dots","map","label","id","color","draftPrefix","negative","hasSnippet","snippetContent","children","snippetSpan","fontWeight","paperclip","importantForAccessibility","flexShrink","width","glyph","height","fill","textGraphical","threadBadge","content","size","variant","timeText","timeVariant","numberOfLines","leading","avatar","alignItems","select","pointerEvents","source","column","flex","minWidth","flexDirection","gap","marginLeft","senderUnreadVariant","senderVariant","flexGrow","flexBasis","senderWidth","senderMinWidth","maxWidth","senderMaxWidth","subjectUnreadVariant","subjectVariant","lineGap","chip","star","starControl","states","trailing","justifyContent","rowStyle","position","minHeight","borderRadius","hover","transitionProperty","transitionDuration","backgroundColor","row","bloomMailRow","String","onPressedChange","paddingTop","paddingVertical","paddingBottom","paddingLeft","paddingHorizontal","paddingRight","bloomMailRail","top","bottom","borderTopRightRadius","borderBottomRightRadius","icon","hoverFill","ring","actionGlyph","radius","background","MailRow","displayName"],"sourceRoot":"../../../src","sources":["mail-list/MailRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/mail-list/MailSelectionBar.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import React, { useEffect, useMemo } from 'react';
+import { View } from 'react-native';
+import { Checkbox } from "../checkbox/index.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MailGlyphButton } from "./parts.js";
+import { MAIL_LIST_CSS, MAIL_LIST_STYLE_ID, MAIL_ROW_GEOMETRY, MAIL_SELECTION_BAR_HEIGHT, mailActionColor, mailStrings, resolveMailPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The bar that replaces the top of the list while rows are selected: a
+ * select-all checkbox, the count, and the bulk actions.
+ *
+ * `MailList` mounts it itself the moment `onCheckedIdsChange` is given and
+ * something is checked — it is NOT a component an app places by hand, because a
+ * bar that can be forgotten is a selection mode with no way out of it.
+ *
+ * It paints the accent's SUBTLE pair (`resolveAccentColors`), which is the one
+ * fill in the palette that says "a mode is on" without competing with a
+ * selected row; the glyphs read their tone off the same recipe.
+ *
+ * The checkbox is `indeterminate` while some but not all rows are checked, so
+ * the one control answers both "how many" and "press me to take the rest".
+ */
+export function MailSelectionBar({
+  count,
+  total,
+  onSelectAll,
+  onClear,
+  actions,
+  onAction,
+  density = 'comfortable',
+  strings,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  useEffect(() => {
+    adoptStyleSheet(MAIL_LIST_STYLE_ID, MAIL_LIST_CSS);
+  }, []);
+  const paint = useMemo(() => resolveMailPaint(theme, surface), [theme, surface]);
+  const text = useMemo(() => mailStrings(strings), [strings]);
+  const geo = MAIL_ROW_GEOMETRY[density];
+  if (count <= 0) return null;
+  const all = total > 0 && count >= total;
+  return /*#__PURE__*/_jsxs(View, {
+    role: "toolbar",
+    accessibilityLabel: text.selectedCount(count),
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      height: MAIL_SELECTION_BAR_HEIGHT[density],
+      paddingLeft: geo.paddingHorizontal,
+      paddingRight: geo.paddingHorizontal,
+      backgroundColor: paint.barFill
+    }, style],
+    testID: testID,
+    children: [onSelectAll !== undefined ? /*#__PURE__*/_jsx(View, {
+      style: {
+        width: geo.avatar,
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Checkbox, {
+        checked: all,
+        indeterminate: !all,
+        onCheckedChange: onSelectAll,
+        size: density === 'compact' ? 'small' : 'medium',
+        accessibilityLabel: text.selectAll,
+        testID: testID ? `${testID}-select-all` : undefined
+      })
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      variant: "body-semibold",
+      numberOfLines: 1,
+      style: {
+        color: paint.barText,
+        flexShrink: 1,
+        minWidth: 0
+      },
+      testID: testID ? `${testID}-count` : undefined,
+      children: text.selectedCount(count)
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      }
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 2
+      },
+      children: [(actions ?? []).map(action => /*#__PURE__*/_jsx(MailGlyphButton, {
+        label: action.label,
+        icon: action.icon,
+        color: action.tone === undefined ? paint.barText : mailActionColor(action, paint),
+        hoverFill: paint.selected,
+        ring: paint.accent,
+        size: geo.action,
+        glyph: geo.actionGlyph,
+        onPress: () => {
+          action.onPress?.();
+          onAction?.(action.key);
+        },
+        testID: testID ? `${testID}-action-${action.key}` : undefined
+      }, action.key)), onClear !== undefined ? /*#__PURE__*/_jsx(MailGlyphButton, {
+        label: text.clearSelection,
+        icon: RiCloseLine,
+        color: paint.barText,
+        hoverFill: paint.selected,
+        ring: paint.accent,
+        size: geo.action,
+        glyph: geo.actionGlyph,
+        onPress: onClear,
+        testID: testID ? `${testID}-clear` : undefined
+      }) : null]
+    })]
+  });
+}
+//# sourceMappingURL=MailSelectionBar.js.map

package/lib/module/mail-list/MailSelectionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","View","Checkbox","RiCloseLine","adoptStyleSheet","useSurfaceFill","useTheme","Text","MailGlyphButton","MAIL_LIST_CSS","MAIL_LIST_STYLE_ID","MAIL_ROW_GEOMETRY","MAIL_SELECTION_BAR_HEIGHT","mailActionColor","mailStrings","resolveMailPaint","jsx","_jsx","jsxs","_jsxs","MailSelectionBar","count","total","onSelectAll","onClear","actions","onAction","density","strings","style","testID","theme","surface","paint","text","geo","all","role","accessibilityLabel","selectedCount","flexDirection","alignItems","gap","height","paddingLeft","paddingHorizontal","paddingRight","backgroundColor","barFill","children","undefined","width","avatar","checked","indeterminate","onCheckedChange","size","selectAll","variant","numberOfLines","color","barText","flexShrink","minWidth","flex","map","action","label","icon","tone","hoverFill","selected","ring","accent","glyph","actionGlyph","onPress","key","clearSelection"],"sourceRoot":"../../../src","sources":["mail-list/MailSelectionBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/mail-list/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { MailList } from "./MailList.js";
+export { MailListSkeleton } from "./MailListSkeleton.js";
+export { MailRow } from "./MailRow.js";
+export { MailSelectionBar } from "./MailSelectionBar.js";
+export { DEFAULT_MAIL_STRINGS, MAIL_LABEL_DOT, MAIL_ROW_GEOMETRY, MAIL_ROW_RADIUS, MAIL_SELECTION_BAR_HEIGHT, composeMailRowName, groupMailByDay, labelMarks, mailStrings, resolveMailPaint, toSwipeActions, visibleLabels } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/mail-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MailList","MailListSkeleton","MailRow","MailSelectionBar","DEFAULT_MAIL_STRINGS","MAIL_LABEL_DOT","MAIL_ROW_GEOMETRY","MAIL_ROW_RADIUS","MAIL_SELECTION_BAR_HEIGHT","composeMailRowName","groupMailByDay","labelMarks","mailStrings","resolveMailPaint","toSwipeActions","visibleLabels"],"sourceRoot":"../../../src","sources":["mail-list/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAY;AACrC,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SACEC,oBAAoB,EACpBC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,yBAAyB,EACzBC,kBAAkB,EAClBC,cAAc,EACdC,UAAU,EACVC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,aAAU","ignoreList":[]}