@oxy.so/bloom 2.10.0 → 2.11.0

package/lib/typescript/commonjs/message-bubble/types.d.ts

@@ -0,0 +1,289 @@
+import type { ReactNode } from 'react';
+import type { DimensionValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { MessageDeliveryStatus } from '../chat-indicators';
+/** Which side of the transcript a message sits on. */
+export type MessageDirection = 'incoming' | 'outgoing';
+/**
+ * Where a bubble sits in a run of consecutive messages from the same sender.
+ * It decides ONE thing — which corner is cut — and the cut is on the LAST
+ * bubble of a run, the one the tail would hang off.
+ */
+export type MessagePosition = 'single' | 'first' | 'middle' | 'last';
+/** A text span the bubble hands back to the caller to render. */
+export type MessageEntityType = 'link' | 'mention' | 'hashtag';
+export interface MessageEntity {
+    type: MessageEntityType;
+    /** The matched text, including the `@`, `#` or scheme. */
+    text: string;
+    /** Character offsets into the message text. */
+    start: number;
+    end: number;
+}
+/** One reaction pill: an emoji, how many people picked it, and whether you did. */
+export interface MessageReaction {
+    emoji: string;
+    count: number;
+    /** Highlights the pill in the accent and flips the toggle's pressed state. */
+    mine?: boolean;
+    /** Accessible name. Default: `"<emoji>, <count>"` (plus ", selected"). */
+    label?: string;
+}
+/** The quoted message above a reply. */
+export interface MessageReplyPreview {
+    /** Who wrote the quoted message. */
+    senderName: string;
+    /** One line of it — already truncated by the caller if it needs to be. */
+    preview: string;
+    /** Overrides the left bar and name colour (a per-sender hue, usually). */
+    color?: string;
+}
+/** An incoming, outgoing or missed call, as a row in the transcript. */
+export type CallOutcome = 'incoming' | 'outgoing' | 'missed';
+export interface MessageBubbleLabels {
+    /** Prefixes the forwarded line. Default `"Forwarded from"`. */
+    forwardedFrom: string;
+    /** What a deleted bubble says. */
+    deleted: string;
+    /** Names the retry control on a failed message. */
+    retry: string;
+    /** Names the `+` reaction control. */
+    addReaction: string;
+    /** Names the reply quote when it is pressable. */
+    replyTo: string;
+    /** Announced on a selected bubble. */
+    selected: string;
+    /** Announced on a message that has not been sent yet. */
+    pending: string;
+    /** Announced on a message that failed to send. */
+    failed: string;
+}
+export interface MessageBubbleProps {
+    direction: MessageDirection;
+    /** Default `'single'`. See {@link MessagePosition}. */
+    position?: MessagePosition;
+    /** The message text. Ignored when `children` is given. */
+    text?: string;
+    /** Arbitrary bubble content, in place of `text`. */
+    children?: ReactNode;
+    /**
+     * The rich-media slot — an image, a voice note, a file row. It is rendered
+     * ABOVE the text, edge to edge inside the bubble's radius; the bubble adds no
+     * padding around it.
+     */
+    media?: ReactNode;
+    /**
+     * Floats the meta row over the media on a translucent pill instead of
+     * tucking it after the text. Defaults to true when there is `media` and no
+     * text or children.
+     */
+    metaOverlay?: boolean;
+    /** Draws the notch on the small corner. Off by default. */
+    tail?: boolean;
+    /** The sender line above the text, in groups. */
+    senderName?: string;
+    /** What {@link senderNameColor} hashes. Defaults to `senderName`. */
+    senderColorSeed?: string;
+    /** An explicit sender colour, in place of the hashed one. */
+    senderColor?: string;
+    /** Renders `link` / `mention` / `hashtag` spans of `text` yourself. */
+    renderEntity?: (entity: MessageEntity) => ReactNode;
+    /** The quote block above the text. */
+    replyTo?: MessageReplyPreview;
+    onPressReply?: () => void;
+    /** Draws "Forwarded from <name>" above the content. */
+    forwardedFrom?: string;
+    /** Shown in the meta row. Pass `""` (or omit) for a message that was not edited. */
+    editedLabel?: string;
+    /** A pre-formatted time — `"12:41"`. Never computed here. */
+    time?: string;
+    /** The delivery ticks. Outgoing only; ignored on an incoming bubble. */
+    status?: MessageDeliveryStatus;
+    /** A pre-formatted view count for a channel post — `"12.4K"`. */
+    channelViews?: string;
+    /** The author signature on a channel post. */
+    authorSignature?: string;
+    reactions?: readonly MessageReaction[];
+    onToggleReaction?: (emoji: string) => void;
+    onAddReaction?: () => void;
+    /** Dimmed: queued, not acknowledged. */
+    pending?: boolean;
+    /** Negative tint plus a retry affordance. */
+    failed?: boolean;
+    onRetry?: () => void;
+    /**
+     * Selection mode. `undefined` means the transcript is not in selection mode;
+     * `true`/`false` draw the full-row band and make the bubble a toggle.
+     */
+    selected?: boolean;
+    /** The flash after jumping to a message. */
+    highlighted?: boolean;
+    /** Replaces the content with the "This message was deleted" line. */
+    deleted?: boolean;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    /** Web only — right-click. The event is defaulted for you. */
+    onContextMenu?: () => void;
+    onDoublePress?: () => void;
+    /** Native only — a short drag towards the reply direction. */
+    onSwipeReply?: () => void;
+    /** How wide the bubble may grow. Default `'78%'`. */
+    maxWidth?: DimensionValue;
+    labels?: Partial<MessageBubbleLabels>;
+    /** Names the bubble for assistive tech. Composed from its parts by default. */
+    accessibilityLabel?: string;
+    /** The ROW — the full-width band, not the bubble. */
+    style?: StyleProp<ViewStyle>;
+    /** The bubble itself. */
+    bubbleStyle?: StyleProp<ViewStyle>;
+    /** The message text. */
+    textStyle?: StyleProp<TextStyle>;
+    testID?: string;
+}
+export interface MessageGroupProps {
+    direction: MessageDirection;
+    /** The bubbles. `position` is computed and injected for each. */
+    children: ReactNode;
+    /** The name above the run. Also the default avatar name and colour seed. */
+    senderName?: string;
+    senderColorSeed?: string;
+    senderColor?: string;
+    /** A URL, an `ImageResolver` id, or an `{ uri }` source. */
+    avatarSource?: string | {
+        uri: string;
+    };
+    /** Default `true` for incoming runs; a 1:1 chat passes `false`. */
+    showAvatar?: boolean;
+    /** Avatar diameter. Default 28. */
+    avatarSize?: number;
+    onPressAvatar?: () => void;
+    /** Draws the sender line above the first bubble. Default: whenever `senderName` is set and the run is incoming. */
+    showSenderName?: boolean;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface DateSeparatorProps {
+    /** Pre-formatted — `"Today"`, `"12 March"`. */
+    label: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface UnreadSeparatorProps {
+    /** Default `"Unread messages"`. */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface SystemMessageProps {
+    /** The service line — `"Ana joined the group"`. */
+    children?: ReactNode;
+    /** Plain-text form, used when there are no `children`. */
+    text?: string;
+    /** A glyph before the text, e.g. a pin. */
+    icon?: ReactNode;
+    onPress?: () => void;
+    /** Required when `onPress` is set and the row draws no text of its own. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface CallSummaryRowProps {
+    direction: MessageDirection;
+    outcome: CallOutcome;
+    /** `"Outgoing call"`, `"Missed voice call"` — pre-formatted. */
+    title: string;
+    /** `"12:04"` or `"4 min"` — pre-formatted. */
+    duration?: string;
+    /** The time in the meta row. */
+    time?: string;
+    /** Marks the call as video rather than voice (changes the icon only). */
+    video?: boolean;
+    onPress?: () => void;
+    position?: MessagePosition;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface TypingBubbleProps {
+    /** Default `'incoming'`. */
+    direction?: MessageDirection;
+    senderName?: string;
+    avatarSource?: string | {
+        uri: string;
+    };
+    showAvatar?: boolean;
+    avatarSize?: number;
+    /** Default `"Typing…"` — the bubble draws dots and no text, so it needs one. */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * One entry a caller hands {@link MessageListProps.items}. Everything a bubble
+ * takes, plus what the LIST needs to place it: who sent it, which day it is on,
+ * and whether it is a service row rather than a message.
+ */
+export interface MessageListItem extends Omit<MessageBubbleProps, 'position' | 'style' | 'testID'> {
+    id: string;
+    /**
+     * Who sent it. Two consecutive messages group only when this matches — omit
+     * it in a 1:1 chat, where `direction` is enough.
+     */
+    senderId?: string;
+    /** A stable key for the day. A change inserts a {@link DateSeparator}. */
+    dateKey?: string;
+    /** The separator's text. Pre-formatted; defaults to `dateKey`. */
+    dateLabel?: string;
+    /** Puts an {@link UnreadSeparator} directly above this message. */
+    unreadBefore?: boolean;
+    /** Renders a {@link SystemMessage} instead of a bubble, and breaks the run. */
+    system?: string;
+    /** Renders a {@link CallSummaryRow} instead of a bubble. */
+    call?: Omit<CallSummaryRowProps, 'direction' | 'position' | 'style' | 'testID'>;
+    /** Group chrome for the run this message starts. */
+    avatarSource?: string | {
+        uri: string;
+    };
+    onPressAvatar?: () => void;
+}
+/** A message with the corner geometry the list worked out for it. */
+export interface GroupedMessage {
+    item: MessageListItem;
+    position: MessagePosition;
+}
+/** What {@link groupMessages} emits, in render order. */
+export type MessageListEntry = {
+    kind: 'date';
+    key: string;
+    label: string;
+} | {
+    kind: 'unread';
+    key: string;
+} | {
+    kind: 'system';
+    key: string;
+    item: MessageListItem;
+} | {
+    kind: 'call';
+    key: string;
+    item: MessageListItem;
+} | {
+    kind: 'group';
+    key: string;
+    direction: MessageDirection;
+    messages: GroupedMessage[];
+};
+export interface MessageListProps {
+    items: readonly MessageListItem[];
+    /** Hides every run avatar — a 1:1 chat. */
+    showAvatars?: boolean;
+    /** Hides the sender line above each run — a 1:1 chat. */
+    showSenderNames?: boolean;
+    avatarSize?: number;
+    /** Default `"Unread messages"`. */
+    unreadLabel?: string;
+    labels?: Partial<MessageBubbleLabels>;
+    /** Padding around the stack. Default `{ paddingHorizontal: 12, paddingVertical: 8 }`. */
+    contentStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/message-bubble/types.d.ts.map

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

package/lib/typescript/commonjs/message-media/ContactMessage.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ContactMessageProps } from './types';
+/**
+ * A shared contact: who it is, and the two things you can do about it.
+ *
+ * The actions are a ROW of equal halves rather than a primary button and a text
+ * link. "Message" and "Add" are the same size of decision — one starts a chat,
+ * the other saves a number — and ranking one of them with a filled button inside
+ * a bubble puts a second accent surface on an accent surface.
+ *
+ * Only the ACTIONS are pressable. The card itself is not: a contact card with no
+ * handler that still highlights under the pointer promises something it does not
+ * do, and every app that wants "open the contact" already has `onMessage`.
+ */
+declare function ContactMessageComponent({ name, detail, avatar, avatarVariant, initials, onMessage, onAdd, messageLabel, addLabel, width, radius, accessibilityLabel, tone, onColor, bubbleColor, style, testID, }: ContactMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const ContactMessage: React.MemoExoticComponent<typeof ContactMessageComponent>;
+export {};
+//# sourceMappingURL=ContactMessage.d.ts.map

package/lib/typescript/commonjs/message-media/ContactMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/ContactMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAiB7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA2DnD;;;;;;;;;;;GAWG;AACH,iBAAS,uBAAuB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,MAAM,EACN,aAAa,EACb,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAwB,EACxB,QAAgB,EAChB,KAA2B,EAC3B,MAA6B,EAC7B,kBAAkB,EAClB,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,mBAAmB,2CA2DrB;AAED,eAAO,MAAM,cAAc,2DAAgC,CAAC"}

package/lib/typescript/commonjs/message-media/DocumentGrid.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { DocumentGridProps } from './types';
+/**
+ * The FILES tab beside {@link SharedMediaGrid}'s media tab.
+ *
+ * It is a list, not a grid of tiles, and the name is the pair's rather than the
+ * shape's: a document has no thumbnail worth three columns, and the two things a
+ * reader is scanning for — the file NAME and its size — are text that needs a
+ * line each.
+ *
+ * Every row is `FileMessage variant="compact"`, so the kind icons, the colours,
+ * the "2.4 MB · PDF" line and the download ring are the same ones the bubble
+ * draws. A second implementation of a file row is a second place for the size
+ * format to drift.
+ *
+ * The rows are always `incoming` tone: this list lives on the panel surface, not
+ * on a bubble.
+ */
+declare function DocumentGridComponent({ items, onPressItem, onDownloadItem, onCancelItem, divider, accessibilityLabel, style, testID, }: DocumentGridProps): import("react/jsx-runtime").JSX.Element;
+export declare const DocumentGrid: React.MemoExoticComponent<typeof DocumentGridComponent>;
+export {};
+//# sourceMappingURL=DocumentGrid.d.ts.map

package/lib/typescript/commonjs/message-media/DocumentGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentGrid.d.ts","sourceRoot":"","sources":["../../../../src/message-media/DocumentGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,OAAc,EACd,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CAuCnB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC"}

package/lib/typescript/commonjs/message-media/FileMessage.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { FileMessageProps } from './types';
+/**
+ * A file attachment, in a bubble or in the shared-files list.
+ *
+ * THE RING IS THE BUTTON. The download / cancel control and the progress
+ * indicator are one control, not a button beside a bar: the thing you press to
+ * cancel is the thing that is showing you how far it got, and splitting them
+ * gives the row two controls for one transfer.
+ *
+ * `compact` is the same row at 36px with no bubble inset — the Files tab of a
+ * chat's info panel. It is a variant rather than a second component because the
+ * two differ in geometry only, and a second component would grow its own
+ * opinion about the meta line within a week.
+ *
+ * The kind COLOUR survives both tones (see `resolveFileKindPaint`): on the accent
+ * bubble the disc becomes a near-white plate and the hue is darkened onto it,
+ * rather than the colour being dropped because the bubble is already coloured.
+ */
+declare function FileMessageComponent({ name, kind, mimeType, sizeBytes, sizeLabel, typeLabel, metaLabel, progress, transfer, onPress, onDownload, onCancel, onRetry, state, variant, radius, width, accessibilityLabel, downloadLabel, cancelLabel, tone, onColor, bubbleColor, style, testID, }: FileMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const FileMessage: React.MemoExoticComponent<typeof FileMessageComponent>;
+export {};
+//# sourceMappingURL=FileMessage.d.ts.map

package/lib/typescript/commonjs/message-media/FileMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/FileMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AA+B7C,OAAO,KAAK,EAAY,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkB1D;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAc,EACd,OAAkB,EAClB,MAA6B,EAC7B,KAAK,EACL,kBAAkB,EAClB,aAA0B,EAC1B,WAAsB,EACtB,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,2CA2JlB;AAsCD,eAAO,MAAM,WAAW,wDAA6B,CAAC"}

package/lib/typescript/commonjs/message-media/GifMessage.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { GifMessageProps } from './types';
+/**
+ * A looping GIF.
+ *
+ * The PILL is not decoration — it is the only thing that tells a reader this
+ * frame moves, which matters when it has not started (or never will: Android's
+ * `Image` decodes an animated GIF as a still unless the app enables the animated
+ * decoders in its Fresco config, so `playing={false}` plus the play glyph is the
+ * honest state there rather than a bug to hide).
+ *
+ * A GIF is capped NARROWER than a photo (220 rather than 260): they are usually
+ * low-resolution and scaling one to the full bubble width makes the artefacts
+ * the subject.
+ */
+declare function GifMessageComponent({ source, sourceVariant, aspectRatio, maxWidth, maxHeight, radius, placeholderColor, badgeLabel, playing, onPress, state, progress, onRetry, accessibilityLabel, tone, onColor, bubbleColor, style, testID, }: GifMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const GifMessage: React.MemoExoticComponent<typeof GifMessageComponent>;
+export {};
+//# sourceMappingURL=GifMessage.d.ts.map

package/lib/typescript/commonjs/message-media/GifMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GifMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/GifMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAoB7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;;;;;;;;GAYG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,aAAa,EACb,WAAiB,EACjB,QAAc,EACd,SAAe,EACf,MAA6B,EAC7B,gBAAgB,EAChB,UAAkB,EAClB,OAAc,EACd,OAAO,EACP,KAAc,EACd,QAAQ,EACR,OAAO,EACP,kBAA0B,EAC1B,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CAyEjB;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/commonjs/message-media/ImageMessage.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ImageMessageProps } from './types';
+/**
+ * One photo in a bubble.
+ *
+ * THE CORNERS ARE A PROP, NOT A CONSTANT. A photo is usually flush with the
+ * bubble's edge, so the corner it shares with the bubble has to be the BUBBLE's
+ * radius or the two draw two different arcs a pixel apart — which is why
+ * `radius` is here and why `message-bubble`'s `media` slot passes its own.
+ *
+ * `spoiler` is a real cover, not an opacity: see `SpoilerCover` for why the
+ * native one is opaque. Revealing is LOCAL state that latches — once shown, the
+ * photo stays shown, because a spoiler that re-hides on every re-render is a
+ * photo nobody can look at.
+ *
+ * Accessibility: the frame is a `button` NAMED by `accessibilityLabel` (default
+ * "Photo"). Nothing inside it announces — the `Image` is `accessible={false}` —
+ * so the name is the only thing a screen reader has, and a hidden spoiler says
+ * so in its hint rather than by changing the name.
+ */
+declare function ImageMessageComponent({ source, sourceVariant, aspectRatio, maxWidth, maxHeight, radius, placeholderColor, caption, spoiler, spoilerLabel, onReveal, state, progress, onPress, onCancel, onRetry, accessibilityLabel, tone, onColor, bubbleColor, style, testID, }: ImageMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const ImageMessage: React.MemoExoticComponent<typeof ImageMessageComponent>;
+export {};
+//# sourceMappingURL=ImageMessage.d.ts.map

package/lib/typescript/commonjs/message-media/ImageMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/ImageMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAqBpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,WAAiB,EACjB,QAA8B,EAC9B,SAAe,EACf,MAA6B,EAC7B,gBAAgB,EAChB,OAAO,EACP,OAAe,EACf,YAA4B,EAC5B,QAAQ,EACR,KAAc,EACd,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,kBAA4B,EAC5B,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CA6FnB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC"}

package/lib/typescript/commonjs/message-media/LinkPreviewMessage.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { LinkPreviewMessageProps } from './types';
+/**
+ * A link's preview INSIDE a bubble.
+ *
+ * WHY THIS IS NOT `link-preview`'s `LinkPreviewCard`. That card is the right
+ * component everywhere else and was read before this one was written; it is a
+ * `Card variant="outlined"` at `radius-20` painting `colors.text` /
+ * `colors.textSecondary` on `colors.card`. All three of those are page colours.
+ * Dropped into an outgoing bubble it draws a page-coloured card ON the accent
+ * fill — a second surface inside the message, with its own border and its own
+ * background, and a body text colour that is a grey on a saturated fill.
+ * Re-skinning it would mean giving it a tone prop, a palette, and a mode with no
+ * card chrome, which is a different component wearing the same name.
+ *
+ * So the bubble's preview is its own block and takes the family's shape: NO
+ * surface of its own, an accent RULE down the left edge instead of a border
+ * (one line of colour, which is legible on both tones and does not read as a
+ * nested card), and every colour from `resolveMessageMediaPaint`.
+ *
+ * `large` puts the cover above the text, `inline` keeps a 56px thumb beside it —
+ * the second is for a link in a busy thread where a 160px cover is most of the
+ * message.
+ */
+declare function LinkPreviewMessageComponent({ url, siteName, title, description, image, imageVariant, layout, width, radius, onPress, accessibilityLabel, tone, onColor, bubbleColor, style, testID, }: LinkPreviewMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const LinkPreviewMessage: React.MemoExoticComponent<typeof LinkPreviewMessageComponent>;
+export {};
+//# sourceMappingURL=LinkPreviewMessage.d.ts.map

package/lib/typescript/commonjs/message-media/LinkPreviewMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPreviewMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/LinkPreviewMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAa1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAkBvD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,2BAA2B,CAAC,EACnC,GAAG,EACH,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,MAAgB,EAChB,KAA2B,EAC3B,MAA6B,EAC7B,OAAO,EACP,kBAAkB,EAClB,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,uBAAuB,2CAwFzB;AAED,eAAO,MAAM,kBAAkB,+DAAoC,CAAC"}

package/lib/typescript/commonjs/message-media/LocationMessage.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { LocationMessageProps } from './types';
+/**
+ * A place, or a live share of one.
+ *
+ * The frame is one press target — the whole map opens it — and the "Stop
+ * sharing" action is a SEPARATE control below the frame rather than an overlay
+ * on it, because it is destructive and must not be one mis-tap away from
+ * "open the map".
+ *
+ * "Live until 18:30" arrives PRE-FORMATTED. A component that formats a time has
+ * to read the clock, and a component that reads the clock renders differently in
+ * every test and every timezone.
+ */
+declare function LocationMessageComponent({ title, address, renderMap, live, liveUntilLabel, stopSharingLabel, onStopSharing, onPress, width, mapHeight, radius, accessibilityLabel, tone, onColor, bubbleColor, style, testID, }: LocationMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const LocationMessage: React.MemoExoticComponent<typeof LocationMessageComponent>;
+export {};
+//# sourceMappingURL=LocationMessage.d.ts.map

package/lib/typescript/commonjs/message-media/LocationMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/LocationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AA0BxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAwGpD;;;;;;;;;;;GAWG;AACH,iBAAS,wBAAwB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,SAAS,EACT,IAAY,EACZ,cAAc,EACd,gBAAiC,EACjC,aAAa,EACb,OAAO,EACP,KAA2B,EAC3B,SAAe,EACf,MAA6B,EAC7B,kBAAkB,EAClB,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CAiHtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/commonjs/message-media/MediaAlbum.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { MediaAlbumProps } from './types';
+declare function MediaAlbumComponent({ items, width, radius, gap, maxTiles, formatOverflow, onPress, state, progress, onCancel, onRetry, accessibilityLabel, tone, onColor, bubbleColor, style, testID, }: MediaAlbumProps): import("react/jsx-runtime").JSX.Element;
+export declare const MediaAlbum: React.MemoExoticComponent<typeof MediaAlbumComponent>;
+export {};
+//# sourceMappingURL=MediaAlbum.d.ts.map

package/lib/typescript/commonjs/message-media/MediaAlbum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaAlbum.d.ts","sourceRoot":"","sources":["../../../../src/message-media/MediaAlbum.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAwBpE,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,SAAS,CAAC;AAgG/D,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAA2B,EAC3B,MAA6B,EAC7B,GAAe,EACf,QAA0B,EAC1B,cAA+C,EAC/C,OAAO,EACP,KAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CAkEjB;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/commonjs/message-media/PollMessage.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { PollMessageProps } from './types';
+/**
+ * A poll or a quiz in a bubble.
+ *
+ * The percentages come from `pollPercentages()`, which distributes the rounding
+ * remainder by largest fraction so the column sums to exactly 100. Rounding each
+ * share on its own gives three equal options 33/33/33 and two equal ones
+ * 51/51 — a poll that visibly cannot add up is a poll nobody believes.
+ *
+ * MULTIPLE choice keeps its picks locally until the viewer presses "Vote", and
+ * that is the only reason this component holds state at all: a multi-select
+ * poll where each tap is a separate commit has no way to change your mind.
+ * Single choice commits on the tap, since there is nothing to accumulate —
+ * unless it is `multiple`, when the action row is the commit.
+ *
+ * `anonymous` and `quiz` are LABELS on the question, not styling: they change
+ * what voting means, and a reader has to be told before they vote rather than
+ * after.
+ */
+declare function PollMessageComponent({ question, options, totalVotes, multiple, anonymous, quiz, voted, showResults, onVote, onViewResults, voteLabel, viewResultsLabel, anonymousLabel, quizLabel, formatVotes, hintLabel, width, radius, tone, onColor, bubbleColor, style, testID, }: PollMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const PollMessage: React.MemoExoticComponent<typeof PollMessageComponent>;
+export {};
+//# sourceMappingURL=PollMessage.d.ts.map

package/lib/typescript/commonjs/message-media/PollMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PollMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/PollMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAmBpE,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,SAAS,CAAC;AA2K5D;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAgB,EAChB,SAAiB,EACjB,IAAY,EACZ,KAAa,EACb,WAAmB,EACnB,MAAM,EACN,aAAa,EACb,SAAkB,EAClB,gBAAiC,EACjC,cAAmC,EACnC,SAAkB,EAClB,WAA6B,EAC7B,SAAS,EACT,KAA2B,EAC3B,MAA6B,EAC7B,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,2CA4HlB;AAED,eAAO,MAAM,WAAW,wDAA6B,CAAC"}

package/lib/typescript/commonjs/message-media/SharedMediaGrid.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { SharedMediaGridProps } from './types';
+/**
+ * The media tab of a chat's info panel: a tight 3-column grid of everything that
+ * has been sent.
+ *
+ * Column widths are INTEGERS that sum to the grid width, the same arithmetic
+ * `albumLayout` uses and for the same reason — a 340px grid divided three ways
+ * leaves a remainder, and handing it to the first columns keeps the right edge
+ * flush instead of a pixel short.
+ *
+ * The tiles are square and the radius is 4, not 16. This is a grid, not a row of
+ * cards: at three columns a 16px radius on every tile turns the grid into a
+ * pattern of gaps, and the grid's own outer corners belong to whatever panel
+ * holds it.
+ *
+ * "+N more" replaces the LAST tile rather than being appended after it, so the
+ * grid stays rectangular — a trailing overflow tile on its own row is a row with
+ * two holes in it.
+ */
+declare function SharedMediaGridComponent({ items, columns, width, gap, maxItems, formatOverflow, radius, onPressItem, onPressOverflow, accessibilityLabel, style, testID, }: SharedMediaGridProps): import("react/jsx-runtime").JSX.Element;
+export declare const SharedMediaGrid: React.MemoExoticComponent<typeof SharedMediaGridComponent>;
+export {};
+//# sourceMappingURL=SharedMediaGrid.d.ts.map

package/lib/typescript/commonjs/message-media/SharedMediaGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedMediaGrid.d.ts","sourceRoot":"","sources":["../../../../src/message-media/SharedMediaGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAS7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AASpD;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,wBAAwB,CAAC,EAChC,KAAK,EACL,OAAW,EACX,KAAW,EACX,GAAe,EACf,QAAQ,EACR,cAAoD,EACpD,MAAU,EACV,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CAgFtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/commonjs/message-media/StickerMessage.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { StickerMessageProps } from './types';
+/**
+ * A sticker: a transparent image and nothing else.
+ *
+ * IT DRAWS NO SURFACE AT ALL — no background, no radius, no padding — because a
+ * sticker with a bubble behind it is a picture of a sticker. The shell renders it
+ * with `variant="bare"`, which is `message-bubble`'s no-chrome mode; a bubble
+ * around one would also put a scrim behind the transparent parts and turn a
+ * cut-out into a square.
+ *
+ * `resizeMode` is `contain`, not `cover`: a sticker is authored at its own aspect
+ * and cropping one cuts the drawing.
+ *
+ * The NAME matters more here than anywhere else in the family. A sticker IS its
+ * meaning — there is no caption beside it and no text in the bubble — so a
+ * sticker with no `accessibilityLabel` announces "Sticker" and conveys nothing.
+ * Pass the emotion the pack author gave it.
+ */
+declare function StickerMessageComponent({ source, sourceVariant, size, accessibilityLabel, onPress, state, onRetry, tone, onColor, bubbleColor, style, testID, }: StickerMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const StickerMessage: React.MemoExoticComponent<typeof StickerMessageComponent>;
+export {};
+//# sourceMappingURL=StickerMessage.d.ts.map

package/lib/typescript/commonjs/message-media/StickerMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickerMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/StickerMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,uBAAuB,CAAC,EAC/B,MAAM,EACN,aAAa,EACb,IAAU,EACV,kBAA8B,EAC9B,OAAO,EACP,KAAc,EACd,OAAO,EACP,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,mBAAmB,2CA0CrB;AAED,eAAO,MAAM,cAAc,2DAAgC,CAAC"}

package/lib/typescript/commonjs/message-media/VideoMessage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { VideoMessageProps } from './types';
+declare function VideoMessageComponent({ source, sourceVariant, duration, durationLabel, position, playing, watched, sizeLabel, sizeBytes, variant, width, aspectRatio, radius, placeholderColor, state, progress, onPress, onCancel, onRetry, accessibilityLabel, tone, onColor, bubbleColor, style, testID, }: VideoMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const VideoMessage: React.MemoExoticComponent<typeof VideoMessageComponent>;
+export {};
+//# sourceMappingURL=VideoMessage.d.ts.map

package/lib/typescript/commonjs/message-media/VideoMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/VideoMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAoB7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAgFjD,iBAAS,qBAAqB,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,QAAQ,EACR,aAAa,EACb,QAAY,EACZ,OAAe,EACf,OAAe,EACf,SAAS,EACT,SAAS,EACT,OAAqB,EACrB,KAAK,EACL,WAAoB,EACpB,MAA6B,EAC7B,gBAAgB,EAChB,KAAc,EACd,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CA6JnB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC"}

package/lib/typescript/commonjs/message-media/VoiceMessage.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { VoiceMessageProps } from './types';
+/**
+ * A voice note: play button, waveform, elapsed time, and the three affordances a
+ * voice note has grown — speed, an unplayed mark, and a transcript.
+ *
+ * The TIME shown is the elapsed position once playback has started and the total
+ * length before it. Two numbers side by side ("0:00 / 0:14") is the player's
+ * idiom, not the message's: in a bubble the second number is chrome, and the one
+ * the reader wants is "how long is this" before and "where am I" during.
+ *
+ * The UNPLAYED dot is a mark on the message, not on the button, because it
+ * survives the button changing state — a note you started and abandoned is not
+ * unplayed any more even though it is not playing.
+ *
+ * TRANSCRIPT is a disclosure, controlled or uncontrolled. It is `aria-expanded`
+ * on the toggle rather than a second button with a different name: one control,
+ * two states, which is the pair a screen reader can act on.
+ */
+declare function VoiceMessageComponent({ samples, duration, position, playing, onPlayPress, onSeek, barCount, unplayed, rate, onRateChange, transcript, transcriptOpen, onTranscriptOpenChange, transcribeLabel, hideTranscriptLabel, width, state, onRetry, accessibilityLabel, seekLabel, tone, onColor, bubbleColor, style, testID, }: VoiceMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare const VoiceMessage: React.MemoExoticComponent<typeof VoiceMessageComponent>;
+export {};
+//# sourceMappingURL=VoiceMessage.d.ts.map

package/lib/typescript/commonjs/message-media/VoiceMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceMessage.d.ts","sourceRoot":"","sources":["../../../../src/message-media/VoiceMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AA8B5E,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,SAAS,CAAC;AAoPpE;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,QAAY,EACZ,OAAe,EACf,WAAW,EACX,MAAM,EACN,QAAa,EACb,QAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,sBAAsB,EACtB,eAA8B,EAC9B,mBAAuC,EACvC,KAA2B,EAC3B,KAAc,EACd,OAAO,EACP,kBAAkB,EAClB,SAAkB,EAClB,IAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CA0InB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC"}