@oxy.so/bloom 3.5.0 → 4.0.0

package/lib/typescript/commonjs/mail-list/MailRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailRow.d.ts","sourceRoot":"","sources":["../../../../src/mail-list/MailRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAoClE,OAAO,KAAK,EAAc,YAAY,EAAE,MAAM,SAAS,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAc,EACd,OAAe,EACf,eAAe,EACf,aAAqB,EACrB,WAAW,EACX,KAAa,EACb,MAAM,EACN,SAAa,EACb,QAAgB,EAChB,OAAe,EACf,eAAe,EACf,OAAuB,EACvB,OAAO,EACP,WAAW,EACX,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE,YAAY,2CAyZd;AAED,eAAO,MAAM,OAAO,oDAAyB,CAAC"}

package/lib/typescript/commonjs/mail-list/MailSelectionBar.d.ts

@@ -0,0 +1,18 @@
+import type { MailSelectionBarProps } from './types';
+/**
+ * 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 declare function MailSelectionBar({ count, total, onSelectAll, onClear, actions, onAction, density, strings, style, testID, }: MailSelectionBarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MailSelectionBar.d.ts.map

package/lib/typescript/commonjs/mail-list/MailSelectionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailSelectionBar.d.ts","sourceRoot":"","sources":["../../../../src/mail-list/MailSelectionBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAuB,EACvB,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,kDAsFvB"}

package/lib/typescript/commonjs/mail-list/index.d.ts

@@ -0,0 +1,8 @@
+export { MailList } from './MailList';
+export { MailListSkeleton } from './MailListSkeleton';
+export { MailRow } from './MailRow';
+export { MailSelectionBar } from './MailSelectionBar';
+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';
+export type { MailPaint, MailRowGeometry, MailRowNameInput } from './shared';
+export type { MailAction, MailActionPlacement, MailActionTone, MailDayGroupingOptions, MailDensity, MailLabel, MailListProps, MailListSection, MailListSkeletonProps, MailRowProps, MailSelectionBarProps, MailSender, MailStrings, MailSummary, MailSwipeActions, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/mail-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/mail-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC7E,YAAY,EACV,UAAU,EACV,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,SAAS,EACT,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,qBAAqB,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/mail-list/parts.d.ts

@@ -0,0 +1,119 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { BloomIconComponent } from '../icons/icon-component';
+import { type MailPaint } from './shared';
+import type { MailAction, MailLabel, MailStrings } from './types';
+export interface MailRowLinkProps {
+    /** The whole row, read aloud. */
+    name: string;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    href?: string;
+    selected?: boolean;
+    paint: MailPaint;
+    /** Fires on press-in/out so the row can paint itself pressed on native. */
+    onPressedChange?: (pressed: boolean) => void;
+    /** Every action the row offers, as platform accessibility actions. */
+    actions?: readonly MailAction[];
+    onAction?: (key: string) => void;
+    testID?: string;
+}
+/**
+ * A ROW'S LINK IS A SIBLING LAID UNDER ITS CONTENT, NOT A WRAPPER AROUND IT.
+ *
+ * It fills the row absolutely and carries the whole composed name; the avatar,
+ * the text lines and the label chips are drawn over it with
+ * `pointerEvents="none"`, so a press anywhere on them falls through. The star,
+ * the checkbox and the hover rail are drawn over it as their OWN targets — a
+ * button inside an anchor is invalid HTML, and nesting them would make every
+ * "Archive" click open the message.
+ *
+ * `actions` also reaches it as `accessibilityActions`, which is the ONLY path a
+ * screen-reader user has to a swipe: the rotor lists them on the row itself.
+ * react-native-web drops the prop, and rightly — there the rail is in the tab
+ * order and `:focus-within` reveals it.
+ */
+export declare function MailRowLink({ name, onPress, onLongPress, href, selected, paint, onPressedChange, actions, onAction, testID, }: MailRowLinkProps): import("react/jsx-runtime").JSX.Element;
+export interface MailGlyphButtonProps {
+    label: string;
+    icon: BloomIconComponent;
+    onPress?: () => void;
+    size: number;
+    glyph: number;
+    color: string;
+    hoverFill: string;
+    ring: string;
+    /** A toggle emits `aria-pressed` AND the native state; a plain button emits neither. */
+    pressed?: boolean;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * The round icon button the hover rail, the star and the selection bar use.
+ * Hover and press are a COLOUR CHANGE ONLY — nothing in this family scales.
+ */
+export declare function MailGlyphButton({ label, icon: Icon, onPress, size, glyph, color, hoverFill, ring, pressed, style, testID, }: MailGlyphButtonProps): import("react/jsx-runtime").JSX.Element;
+export interface MailStarProps {
+    starred: boolean;
+    /** No handler, no star: the row draws nothing rather than a dead glyph. */
+    onStarredChange?: (starred: boolean) => void;
+    size: number;
+    glyph: number;
+    paint: MailPaint;
+    strings: MailStrings;
+    testID?: string;
+}
+/**
+ * THE STAR IS DRAWN ONLY WHERE IT IS A CONTROL. With no `onStarredChange` the
+ * row draws nothing at all: a star that looks like a button and does nothing is
+ * worse than no button, and on a two-line row it is also the widest thing
+ * competing with the subject. The state is not lost — `composeMailRowName` says
+ * "Starred" either way, which is the reading a marker of that size was ever
+ * going to give.
+ *
+ * The ON state is the accent, because a star is a mark the reader made and not
+ * a status.
+ */
+export declare function MailStar({ starred, onStarredChange, size, glyph, paint, strings, testID, }: MailStarProps): import("react/jsx-runtime").JSX.Element | null;
+export interface MailLabelChipsProps {
+    labels: readonly MailLabel[];
+    overflow: number;
+    surface: string;
+    strings: MailStrings;
+    testID?: string;
+}
+/**
+ * The labels a row carries, as `Chip`s in the subtle fill. The tone reaches
+ * `resolveAccentColors` through the chip, so nothing here picks a colour.
+ *
+ * Hidden from assistive technology: the row's composed name already says every
+ * label, and the chips are inside the row's `pointerEvents="none"` content.
+ */
+export declare function MailLabelChips({ labels, overflow, surface, strings, testID, }: MailLabelChipsProps): import("react/jsx-runtime").JSX.Element | null;
+export interface MailLabelMarksProps {
+    /** The one label that keeps its name. */
+    chip?: MailLabel;
+    /** The rest, already resolved to a fill: id and colour, nothing to read. */
+    dots: readonly {
+        id: string;
+        color: string;
+    }[];
+    surface: string;
+    testID?: string;
+}
+/**
+ * What a TWO-LINE row draws for its labels: one chip and a dot per label that
+ * did not fit. Which labels those are is `labelMarks`, and it is pure.
+ *
+ * A dot is not a smaller chip. It carries no name, so it is the row saying
+ * "there is another one of these" in 8px of the label's own tone — and the
+ * row's composed name is where the names are. Hidden from assistive technology
+ * for exactly that reason, like every other glyph inside the row's content.
+ */
+export declare function MailLabelMarks({ chip, dots, surface, testID }: MailLabelMarksProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MailSectionHeading({ title, paint, paddingHorizontal, testID, }: {
+    title: string;
+    paint: MailPaint;
+    paddingHorizontal: number;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/lib/typescript/commonjs/mail-list/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../../src/mail-list/parts.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/mail-list/shared.d.ts

@@ -0,0 +1,197 @@
+import { type SurfaceTextPaint } from '../styles/surface-levels';
+import type { SwipeRowActions } from '../swipe-row';
+import type { Theme } from '../theme/types';
+import type { TypeScaleVariant } from '../typography/scale';
+import type { MailAction, MailDayGroupingOptions, MailDensity, MailLabel, MailListSection, MailStrings, MailSummary, MailSwipeActions } from './types';
+export declare const IS_WEB: boolean;
+/** The glyph an empty inbox draws. */
+export declare const MAIL_EMPTY_ICON: import("react").ForwardRefExoticComponent<{
+    fill?: import("react-native-svg").PathProps["fill"];
+    style?: import("react-native").StyleProp<import("../icons").IconStyle>;
+    size?: keyof typeof import("..").iconSizes;
+    gradient?: keyof typeof import("../styles/tokens").gradients;
+} & Omit<import("react-native-svg").SvgProps, "style" | "size"> & import("react").RefAttributes<import("react-native-svg").default>>;
+export interface MailRowGeometry {
+    /** `comfortable` grows with its label chips, so this is a floor. */
+    minHeight: number;
+    /** `compact` is a fixed single line, so it also has an exact height. */
+    height?: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
+    avatar: number;
+    /** Avatar → text column, and text column → right column. */
+    gap: number;
+    /** Between the stacked lines of a comfortable row. */
+    lineGap: number;
+    /** The inline glyphs — paperclip, star, draft. */
+    glyph: number;
+    /**
+     * How wide the sender column is on a one-line row: a basis, a floor, and a
+     * CEILING as a fraction of the row.
+     *
+     * The basis alone is not enough. A flex basis only shrinks when the bases
+     * OVERFLOW, and the subject beside it has a zero basis (it is the `flex: 1`
+     * child), so on a narrow pane there is no negative free space to shrink and
+     * the sender keeps its full 180 while the subject is handed whatever is left
+     * — measured at 420px: one character and an ellipsis. The ceiling is what
+     * makes the row degrade instead of collapsing.
+     */
+    senderWidth: number;
+    senderMinWidth: number;
+    senderMaxWidth: `${number}%`;
+    senderVariant: TypeScaleVariant;
+    senderUnreadVariant: TypeScaleVariant;
+    subjectVariant: TypeScaleVariant;
+    subjectUnreadVariant: TypeScaleVariant;
+    snippetVariant: TypeScaleVariant;
+    timeVariant: TypeScaleVariant;
+    /**
+     * The round action buttons of the hover RAIL, which floats over the row and
+     * so may be a full touch target: 44 on `comfortable`, 28 on the pointer-only
+     * `compact`, where 44 would not fit a 40-tall row at all.
+     */
+    action: number;
+    actionGlyph: number;
+    /**
+     * The star DRAWN inside the row's own right column, which is a different
+     * number from `action`: a 44 control in flow there sets the row's height
+     * (a two-line row measured 88 because of it). `hitSlop` grows the target back
+     * to `MAIL_TOUCH_TARGET` without the drawing claiming the space.
+     */
+    starControl: number;
+}
+/**
+ * 64 tall with two lines on a phone, 40 tall with one on a desktop. The avatar
+ * is centred in both, so a row with no snippet is the same height as one with a
+ * snippet and a label.
+ *
+ * The phone rung is the same 72/48 as a `chat-list` row on purpose: a mail row
+ * and a conversation row are the same kind of object, and an inbox that stands
+ * 16px taller per row than the messages screen reads as a different library.
+ * Two lines is what pays for it — the sender and the time share the first, the
+ * subject and the snippet the second.
+ */
+export declare const MAIL_ROW_GEOMETRY: Record<MailDensity, MailRowGeometry>;
+/** Corner radius of a row's hover/selected fill. A row is a surface, not a control. */
+export declare const MAIL_ROW_RADIUS = 10;
+/**
+ * The touch target every row control is grown to with `hitSlop`, whatever it
+ * DRAWS. Drawing at 44 instead would make the control set the row's height.
+ */
+export declare const MAIL_TOUCH_TARGET = 44;
+/**
+ * The label mark a two-line row draws when there is no width for a second chip.
+ * A dot says "this one carries another label" in 8px; the row's composed name
+ * is where its NAME is, and always was.
+ */
+export declare const MAIL_LABEL_DOT = 8;
+/** The selection bar's height, per density. */
+export declare const MAIL_SELECTION_BAR_HEIGHT: Record<MailDensity, number>;
+export interface MailPaint extends SurfaceTextPaint {
+    /** The fill the rows sit ON — whatever the container published. */
+    surface: string;
+    /** A row under the pointer: one step off that. */
+    hover: string;
+    /** The row the reading pane is showing: one step further. */
+    selected: string;
+    /** Section headings, hairlines. */
+    hairline: string;
+    /** The accent a label-less star, an unread time and the focus ring take. */
+    accent: string;
+    /** The selection bar's own surface, and what is legible on it. */
+    barFill: string;
+    barText: string;
+    /** A draft prefix and a destructive action. */
+    negative: string;
+}
+/**
+ * Every colour this family paints, derived from the fill it was handed.
+ *
+ * Nothing here is a ramp stop. The hovered and the selected row are the first
+ * and second rungs of the surface ladder measured off the ACTUAL parent, so a
+ * list inside a card and a list on the page each step off their own background;
+ * the text rungs are floored against that same fill; and the accent, the
+ * selection bar and the draft colour come from `resolveAccentColors`.
+ */
+export declare function resolveMailPaint(theme: Theme, surface: string): MailPaint;
+/** A label dot's fill: the tone's SOLID pair, so it reads at 8px. */
+export declare function labelDotColor(theme: Theme, label: MailLabel): string;
+/** The glyph colour an action's tone paints on the row. */
+export declare function mailActionColor(action: MailAction, paint: MailPaint): string;
+export declare const DEFAULT_MAIL_STRINGS: MailStrings;
+export declare function mailStrings(overrides?: Partial<MailStrings>): MailStrings;
+/**
+ * The label chips a row draws, and how many it swallowed.
+ *
+ * `max` is a count of CHIPS, and the overflow chip is one of them: at `max = 2`
+ * with four labels the row draws one label and a "+3", never two labels and a
+ * "+2" in the space of three. Pure.
+ */
+export declare function visibleLabels(labels: readonly MailLabel[] | undefined, max: number): {
+    shown: readonly MailLabel[];
+    overflow: number;
+};
+/**
+ * The label marks a TWO-LINE row draws: one chip, then a dot per label that did
+ * not fit, `max` marks in all.
+ *
+ * A two-line row has one line for the subject and the snippet, and a second
+ * chip on it costs more width than a second label is worth. So the first label
+ * keeps its name and the rest become presence — the row still says "there are
+ * three of these" without spending the subject's width on it, and
+ * `composeMailRowName` still reads every one of them aloud.
+ *
+ * `max` counts MARKS, chip included, exactly as `maxLabels` counts chips on a
+ * one-line row: at 2 with four labels the row draws one chip and one dot. Pure.
+ */
+export declare function labelMarks(labels: readonly MailLabel[] | undefined, max: number, named?: boolean): {
+    chip?: MailLabel;
+    dots: readonly MailLabel[];
+};
+/**
+ * This family's actions as the swipe rail's, which is the same list in the one
+ * vocabulary `SwipeRow` speaks. Only the neutral tone is spelled differently —
+ * a mail action has no tone or a `'default'` one, a pane calls that `'neutral'`
+ * — and translating it here is what lets the two families share one drag
+ * implementation instead of one of them renaming its own tones. Pure.
+ */
+export declare function toSwipeActions(actions: MailSwipeActions): SwipeRowActions;
+export interface MailRowNameInput {
+    sender: string;
+    subject: string;
+    snippet?: string;
+    time?: string;
+    unread?: boolean;
+    starred?: boolean;
+    draft?: boolean;
+    hasAttachment?: boolean;
+    threadCount?: number;
+    labels?: readonly MailLabel[];
+}
+/**
+ * Everything the row's glyphs say, as ONE name.
+ *
+ * The row is one target and the content is hidden from assistive technology, so
+ * a reader that only got the sender and the subject would be missing the four
+ * states nothing on the row spells out: unread, starred, an attachment and how
+ * many messages the thread holds. The ORDER is the reading order — who, what,
+ * the first words, when, then the states, then the labels. Pure.
+ */
+export declare function composeMailRowName(input: MailRowNameInput, strings: MailStrings): string;
+/**
+ * A flat list bucketed into day sections, newest bucket first, keeping each
+ * bucket's input order.
+ *
+ * "Today" and "Yesterday" are CALENDAR days in the reader's own time zone, not
+ * 24-hour windows — a message from 23:50 last night is yesterday's at 00:10,
+ * which is what a person means by it. A mail with no `date` falls into one
+ * trailing untitled bucket rather than being dropped.
+ *
+ * Pure, and every input it could decide for itself is a parameter: `now` and
+ * the date format, so the same call is the same sections in a test in June as
+ * in a test in December.
+ */
+export declare function groupMailByDay(mails: readonly MailSummary[], options?: MailDayGroupingOptions): MailListSection[];
+export declare const MAIL_LIST_STYLE_ID = "bloom-mail-list-web-css";
+export declare const MAIL_LIST_CSS = "\n[data-bloom-mail-focusable] {\n  outline: none;\n  cursor: pointer;\n  user-select: none;\n}\n[data-bloom-mail-focusable]:focus-visible {\n  outline: 2px solid var(--bloom-mail-ring, currentColor);\n  outline-offset: -2px;\n}\n[data-bloom-mail-row]:hover,\n[data-bloom-mail-row]:focus-within {\n  background-color: var(--bloom-mail-hover, transparent);\n}\n[data-bloom-mail-row][data-selected=\"true\"],\n[data-bloom-mail-row][data-selected=\"true\"]:hover {\n  background-color: var(--bloom-mail-selected, transparent);\n}\n[data-bloom-mail-rail] {\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 120ms ease-out;\n}\n[data-bloom-mail-row]:hover [data-bloom-mail-rail],\n[data-bloom-mail-row]:focus-within [data-bloom-mail-rail] {\n  opacity: 1;\n  pointer-events: auto;\n}\n@media (hover: none) {\n  [data-bloom-mail-rail] {\n    display: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-bloom-mail-rail] {\n    transition: none;\n  }\n}\n";
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/commonjs/mail-list/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/mail-list/shared.ts"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/mail-list/types.d.ts

@@ -0,0 +1,253 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { BloomIconComponent } from '../icons/icon-component';
+import type { AccentTone } from '../theme/accent-colors';
+/**
+ * The two rungs of ONE row, not two components.
+ *
+ * `comfortable` is the phone inbox: avatar, three lines, 88 tall. `compact` is
+ * the desktop list: one line, 40 tall, the same facts on a single baseline.
+ * Nothing but the geometry table changes between them.
+ */
+export type MailDensity = 'comfortable' | 'compact';
+/** Who a message is from, as a row draws them. */
+export interface MailSender {
+    /** The display name, or the address when there is no name. */
+    name: string;
+    /** An avatar URL, or an id the `ImageResolver` knows. */
+    avatar?: string;
+}
+/**
+ * A mailbox label — a first-class datum in this domain, which is why the prop
+ * that carries them is `labels` and the i18n strings prop is `strings`.
+ *
+ * The COLOUR is a tone, never a hex: the chip paints it through
+ * `resolveAccentColors`, so a label reads the same way a status badge does and
+ * survives a preset change.
+ */
+export interface MailLabel {
+    id: string;
+    name: string;
+    /** Defaults to `'default'`, the neutral tint. */
+    tone?: AccentTone;
+}
+/** How loudly a row action is painted. */
+export type MailActionTone = 'default' | 'accent' | 'negative';
+/** One of the actions a row or the selection bar offers. */
+export interface MailAction {
+    key: string;
+    /** The accessible name, and the selection bar's tooltip text. */
+    label: string;
+    icon: BloomIconComponent;
+    /** Defaults to `'default'`. */
+    tone?: MailActionTone;
+    /** Called on its own, in addition to the list's `onMailAction`/`onBulkAction`. */
+    onPress?: () => void;
+}
+/**
+ * Where a row's `actions` are drawn AT REST.
+ *
+ * `hover` is the desktop rail: the buttons appear over the right column on
+ * hover and keyboard focus, and are hidden outright where the pointer cannot
+ * hover. `inline` draws them always — a kiosk or a tablet list with no pointer
+ * and no gesture. `none` draws nothing.
+ *
+ * Defaults to `hover` on web and `none` on native. A touch list reaches its
+ * actions by DRAGGING: pass `swipeActions`, never `inline`, or the phone row
+ * carries three icons it does not need at rest.
+ */
+export type MailActionPlacement = 'hover' | 'inline' | 'none';
+/**
+ * The actions behind a row, per side. `left` is uncovered by dragging RIGHT and
+ * `right` by dragging left — the side names the EDGE the pane is anchored to.
+ *
+ * It is a separate prop from `actions` because they answer different questions:
+ * `actions` is the whole menu a pointer gets at once, and a pane is ONE action
+ * a thumb reaches in one direction. Archive right, delete left is a convention
+ * a mail app owns, not one this family should guess from an array's order.
+ */
+export interface MailSwipeActions {
+    left?: readonly MailAction[];
+    right?: readonly MailAction[];
+}
+/** Every string this family draws that is not app data. */
+export interface MailStrings {
+    /** Prefix on a draft's snippet. Default `'Draft:'`. */
+    draft: string;
+    /** Announced for an unread row. Default `'Unread'`. */
+    unread: string;
+    /** Announced for a starred row, and the star button's name when it is on. */
+    starred: string;
+    /** The star button's name when the row is not starred. Default `'Star'`. */
+    star: string;
+    /** Announced when the row carries an attachment. Default `'Has attachment'`. */
+    attachment: string;
+    /** The row's checkbox. Default `'Select'`. */
+    select: string;
+    /** `(3) => '3 messages'` — the thread count, read aloud. */
+    threadCount: (count: number) => string;
+    /** `(2) => '2 more labels'` — the label overflow chip. */
+    moreLabels: (count: number) => string;
+    /** `(3) => '3 selected'` — the selection bar's count. */
+    selectedCount: (count: number) => string;
+    /** The selection bar's select-all checkbox. Default `'Select all'`. */
+    selectAll: string;
+    /** The selection bar's clear button. Default `'Clear selection'`. */
+    clearSelection: string;
+    /** Empty-state heading. */
+    emptyTitle: string;
+    /** Empty-state body. */
+    emptyDescription: string;
+    /** The day buckets {@link groupMailByDay} names. */
+    today: string;
+    yesterday: string;
+}
+export interface MailRowProps {
+    /** Who it is from. */
+    sender: MailSender;
+    /** The subject line. Drawn on its own line in `comfortable`, inline in `compact`. */
+    subject: string;
+    /** The first words of the body. One line, always. */
+    snippet?: string;
+    /** Already formatted by the app — this family never formats a clock. */
+    time?: string;
+    /**
+     * Nothing on this row is read yet. The WHOLE row changes weight: sender and
+     * subject go semibold and every rung of text moves up to the primary colour.
+     * There is no dot.
+     */
+    unread?: boolean;
+    /** Starred/flagged. Pressable when {@link onStarredChange} is given. */
+    starred?: boolean;
+    onStarredChange?: (starred: boolean) => void;
+    /** Draws the paperclip. The app decides what counts. */
+    hasAttachment?: boolean;
+    /** How many messages the thread holds. Drawn as a badge from 2 up. */
+    threadCount?: number;
+    /** An unsent draft is the newest message. Leads the snippet in the negative colour. */
+    draft?: boolean;
+    /** The mailbox labels. */
+    labels?: readonly MailLabel[];
+    /**
+     * How many label MARKS the row draws before the rest go unsaid. Default 2.
+     *
+     * On a one-line row a mark is a chip and the overflow count is one of them
+     * (`visibleLabels`); on a two-line row the first is a chip and the rest are
+     * dots (`labelMarks`). Either way the composed name says every label.
+     */
+    maxLabels?: number;
+    /** The row the reading pane is showing. */
+    selected?: boolean;
+    /**
+     * The row's multi-selection state. Passing `onCheckedChange` is what makes
+     * the checkbox appear at all — a list with no bulk actions draws avatars.
+     */
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    density?: MailDensity;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    /** A real href on web, so the row is a link and opens in a new tab. */
+    href?: string;
+    actions?: readonly MailAction[];
+    actionsPlacement?: MailActionPlacement;
+    /** What a drag uncovers on a touch pointer. */
+    swipeActions?: MailSwipeActions;
+    /**
+     * Turns the drag on or off explicitly. Defaults to `useSwipeAvailable()` —
+     * on for every touch pointer, off for a mouse, which has the rail instead.
+     */
+    swipeEnabled?: boolean;
+    /** Called with the action's `key`, from the rail, the drag or the rotor alike. */
+    onAction?: (key: string) => void;
+    /** Overrides the composed name. Pass it only to translate the whole sentence. */
+    accessibilityLabel?: string;
+    strings?: Partial<MailStrings>;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** One row's data, as a list holds it. */
+export interface MailSummary extends Omit<MailRowProps, 'onPress' | 'onLongPress' | 'onAction' | 'onCheckedChange' | 'onStarredChange' | 'density' | 'testID'> {
+    id: string;
+    /**
+     * When the message arrived, in epoch milliseconds. Only
+     * {@link groupMailByDay} reads it — a row draws {@link MailRowProps.time}.
+     */
+    date?: number;
+}
+export interface MailListSection {
+    key: string;
+    /** "Today", "Yesterday", "14 Mar". Absent renders one unlabelled run. */
+    title?: string;
+    mails: readonly MailSummary[];
+}
+export interface MailListProps {
+    /** Day sections. {@link groupMailByDay} builds them from a flat list. */
+    sections?: readonly MailListSection[];
+    /** One unlabelled run, for a list that is not bucketed. */
+    mails?: readonly MailSummary[];
+    density?: MailDensity;
+    /** The row the reading pane is showing. */
+    selectedId?: string;
+    /**
+     * The multi-selection. Passing `onCheckedIdsChange` turns the checkboxes on
+     * AND makes the selection bar appear — it is not a component the app places.
+     */
+    checkedIds?: readonly string[];
+    onCheckedIdsChange?: (ids: string[]) => void;
+    /** What the selection bar offers. */
+    bulkActions?: readonly MailAction[];
+    onBulkAction?: (key: string, ids: readonly string[]) => void;
+    /** Row actions shared by every row. A row's own `actions` wins. */
+    rowActions?: readonly MailAction[];
+    /** Swipe actions shared by every row. A row's own `swipeActions` wins. */
+    rowSwipeActions?: MailSwipeActions;
+    actionsPlacement?: MailActionPlacement;
+    /** Turns the drag on or off for every row. */
+    swipeEnabled?: boolean;
+    onMailPress?: (id: string) => void;
+    onMailLongPress?: (id: string) => void;
+    onMailAction?: (key: string, id: string) => void;
+    onMailStarredChange?: (id: string, starred: boolean) => void;
+    loading?: boolean;
+    /** Placeholder rows while `loading`. Default 8. */
+    loadingCount?: number;
+    /** Replaces the built-in empty state. */
+    empty?: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+    strings?: Partial<MailStrings>;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface MailListSkeletonProps {
+    count?: number;
+    density?: MailDensity;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface MailSelectionBarProps {
+    /** How many rows are selected. The bar draws nothing at 0. */
+    count: number;
+    /** How many rows there are, for the select-all checkbox's indeterminate state. */
+    total: number;
+    onSelectAll?: (checked: boolean) => void;
+    onClear?: () => void;
+    actions?: readonly MailAction[];
+    onAction?: (key: string) => void;
+    density?: MailDensity;
+    strings?: Partial<MailStrings>;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** What {@link groupMailByDay} needs that it cannot decide itself. */
+export interface MailDayGroupingOptions {
+    /** "Now", for the Today/Yesterday boundary. Defaults to `Date.now()`. */
+    now?: number;
+    /** The two bucket names. */
+    strings?: Partial<Pick<MailStrings, 'today' | 'yesterday'>>;
+    /** How an older bucket is titled. Defaults to a short local date. */
+    formatDate?: (date: Date) => string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/mail-list/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/mail-list/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/mail-thread/MailAddressLine.d.ts

@@ -0,0 +1,16 @@
+import type { MailAddressLineProps } from './types';
+/**
+ * One `to` or `cc` line: the label, the names, and the overflow.
+ *
+ * THE OVERFLOW IS A CONTROL, NOT AN ELLIPSIS. A line truncated with "…" tells
+ * the reader there are more recipients and gives them no way to find out who —
+ * which, on a message they are about to reply-all to, is the one fact that
+ * changes what they write. So the surplus collapses into a "+3 more" button
+ * that reveals the rest in place, and the names stay selectable text either way.
+ *
+ * It draws a `to`/`cc` line inside a message header and it draws the same line
+ * anywhere else — a reading pane's summary, a confirmation dialog. It owns no
+ * state it does not have to: give it `expanded` and it is controlled.
+ */
+export declare function MailAddressLine({ label, addresses, maxVisible, expanded, onExpandedChange, strings, style, testID, }: MailAddressLineProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MailAddressLine.d.ts.map