@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/typescript/commonjs/media-card/parts.d.ts

@@ -0,0 +1,95 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type MediaCardPaint } from './shared';
+import type { MediaCardMenuItem } from './types';
+import type { BloomIconComponent } from '../icons/icon-component';
+export declare function useMediaCardCss(): void;
+/**
+ * A diagonal two-stop gradient filling its parent. Both stops are OPAQUE:
+ * react-native-svg discards the alpha inside `stopColor`.
+ */
+export declare function CoverGradient({ top, bottom }: {
+    top: string;
+    bottom: string;
+}): import("react/jsx-runtime").JSX.Element;
+export interface ArtworkProps {
+    source?: string;
+    variant?: string;
+    width: number;
+    height: number;
+    round?: boolean;
+    radius: number;
+    /** Paints a generated gradient cover when there is no image. */
+    color?: string;
+    /** Glyph on the generated / placeholder cover. */
+    icon?: BloomIconComponent;
+    /** Replaces the drawn content. */
+    children?: React.ReactNode;
+    paint: MediaCardPaint;
+    testID?: string;
+}
+/**
+ * One cover: the image, or — without one — a gradient from `color` (neutral
+ * placeholder without a colour) with a centred glyph. Decorative: the card's
+ * name already says what it is.
+ */
+export declare function Artwork({ source, variant, width, height, round, radius, color, icon: Icon, children, paint, testID, }: ArtworkProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Up to four covers in a 2×2 grid, reading order. Fewer than four: the empty
+ * cells are the placeholder colour; one cover fills the whole box.
+ */
+export declare function Mosaic({ sources, width, height, paint, testID, }: {
+    sources: ReadonlyArray<string>;
+    width: number;
+    height: number;
+    paint: MediaCardPaint;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * How much of an episode or book has been heard: a 4px pill `Meter`, accent
+ * fill. A `progressbar` named by `label`, valued 0..100.
+ */
+export declare function ListenProgress({ value, paint, label, width, style, testID, }: {
+    value: number;
+    paint: MediaCardPaint;
+    label?: string;
+    width?: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export interface CardLinkProps {
+    name: string;
+    onPress?: () => void;
+    href?: string;
+    onLongPress?: () => void;
+    selected?: boolean;
+    radius: number;
+    paint: MediaCardPaint;
+    testID?: string;
+}
+/**
+ * THE CARD'S LINK IS A SIBLING LAID UNDER ITS CONTENT, NOT A WRAPPER AROUND
+ * IT. It fills the card absolutely and carries the whole name; the artwork and
+ * text are drawn over it with `pointerEvents="none"`, so a press on them falls
+ * through to the link, while the play button, the menu trigger, a like button
+ * or an artist link are drawn over it as their OWN targets. A button inside an
+ * anchor is invalid HTML and would make every inner press open the card.
+ */
+export declare function CardLink({ name, onPress, href, onLongPress, selected, radius, paint, testID }: CardLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function hasMenu(menu: React.ReactNode, items?: ReadonlyArray<MediaCardMenuItem>): boolean;
+/**
+ * The "More options" trigger and its menu (a dropdown on web, a sheet on
+ * native). Controlled by the card so a right-click or a long press on the card
+ * opens the same menu.
+ */
+export declare function CardMenu({ items, menu, label, subject, open, onOpenChange, reveal, testID, }: {
+    items?: ReadonlyArray<MediaCardMenuItem>;
+    menu?: React.ReactNode;
+    label?: string;
+    subject: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    reveal: boolean;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/lib/typescript/commonjs/media-card/parts.d.ts.map

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

package/lib/typescript/commonjs/media-card/shared.d.ts

@@ -0,0 +1,111 @@
+import type { ImageResolver } from '../image-resolver/context';
+import type { Theme } from '../theme/types';
+import type { MediaCardLayout, MediaCardPlayButton, MediaCardSize } from './types';
+import { contrastRatio, relativeLuminance } from '../styles/color-contrast';
+export declare const IS_WEB: boolean;
+/** Cover side of a tile. */
+export declare const TILE_ARTWORK: Record<MediaCardSize, number>;
+/** Cover side of a row. */
+export declare const ROW_ARTWORK: Record<MediaCardSize, number>;
+/** The hover / selected wash around a tile: padding and radius. */
+export declare const TILE_PADDING = 12;
+export declare const TILE_RADIUS = 16;
+export declare const ROW_PADDING = 8;
+export declare const ROW_RADIUS = 12;
+/** Between a tile's cover and its title, and a row's cover and its text. */
+export declare const TEXT_GAP = 12;
+/** A square cover's radius: 8 in a tile, 6 at `small` and in a row. */
+export declare function squareRadius(size: MediaCardSize, layout: MediaCardLayout): number;
+/** A show's cover is rounder than an album's. */
+export declare const PODCAST_RADIUS = 12;
+export declare const GENRE_RADIUS = 8;
+export declare const QUICK_TILE_HEIGHT = 56;
+export declare const QUICK_TILE_RADIUS = 6;
+/** The rotation of the cover peeking out of a genre tile. */
+export declare const GENRE_ARTWORK_ROTATION = 25;
+export declare const RECAP_RADIUS = 20;
+export declare function artworkSide(size: MediaCardSize, layout: MediaCardLayout): number;
+/**
+ * `visible` drawn and shown; `hover` drawn but revealed by the card's hover or
+ * focus (web CSS); `none` not drawn.
+ */
+export type PlayVisibility = 'visible' | 'hover' | 'none';
+export declare function resolvePlayVisibility({ mode, hasOnPlay, playing, loading, current, web, }: {
+    mode?: MediaCardPlayButton;
+    hasOnPlay: boolean;
+    playing?: boolean;
+    loading?: boolean;
+    current?: boolean;
+    web?: boolean;
+}): PlayVisibility;
+/** A URL passes through; an id goes to the app's resolver (`undefined` without one). */
+export declare function resolveArtworkUri(source: string | undefined, resolver: ImageResolver | null, variant?: string): string | undefined;
+/** Joins the non-empty parts with ", " — the card's accessible name. */
+export declare function composeName(parts: ReadonlyArray<string | false | null | undefined>): string;
+/** Joins the non-empty parts with " · " — a meta line. */
+export declare function joinMeta(parts: ReadonlyArray<string | false | null | undefined>): string;
+export interface CoverTint {
+    /** Gradient top (also the solid fill). */
+    top: string;
+    /** Gradient bottom — darker, so the text keeps its contrast all the way down. */
+    bottom: string;
+    /** Text and glyphs over it. */
+    text: string;
+    /** Secondary text over it. */
+    textMuted: string;
+}
+/**
+ * The colours of a cover generated from an artwork colour.
+ *
+ * The fill is the artwork colour itself, pulled toward black only as far as it
+ * takes for BOTH foregrounds — the title and the muted line under it — to clear
+ * AA on it; the gradient's bottom is a further 25% darker, so the text keeps its
+ * contrast all the way down. Without a colour — or with one that does not parse
+ * — the cover is the theme's neutral 700 → 900, which clears it in both modes.
+ *
+ * Checking `textMuted` too is what the previous implementation did not do, and
+ * it painted a muted line at 4.18:1 over the palest artwork colours.
+ *
+ * It DARKENS the colour rather than walking its generated ramp. A ramp
+ * re-derives each stop's lightness and chroma from the hue, so a near-black
+ * artwork colour used to come back as a mid-slate and a vivid one lost a
+ * channel; scaling keeps the channels' ratio, so a darkened teal is still teal.
+ */
+export declare function resolveCoverTint(theme: Theme, color?: string): CoverTint;
+export interface MediaCardPaint {
+    text: string;
+    textSecondary: string;
+    /** Behind a card under the pointer. */
+    hover: string;
+    /** Behind a selected card. */
+    selected: string;
+    /** Behind a selected card under the pointer. */
+    selectedHover: string;
+    /** A cover that has not loaded, and a missing mosaic tile. */
+    placeholder: string;
+    /** The glyph on a neutral placeholder. */
+    placeholderGlyph: string;
+    /** The quick-access tile at rest and under the pointer. */
+    tile: string;
+    tileHover: string;
+    /** The progress rail and its fill. */
+    rail: string;
+    fill: string;
+    accent: string;
+    /** The date block of an event and the dot ring of an avatar: the page colour. */
+    surface: string;
+    ring: string;
+}
+/**
+ * Every colour the family paints outside generated covers.
+ *
+ *   hover        text over background at 6%    selected  at 10% (hovered 14%)
+ *   placeholder  text at 8% (dark 10%)          glyph     text at 40%
+ *   tile         text at 7% (dark 10%)          hover     at 12% (dark 16%)
+ *   rail         neutral-200 (dark neutral-700) fill      the accent
+ */
+export declare function resolveMediaCardPaint(theme: Theme): MediaCardPaint;
+export declare const MEDIA_CARD_STYLE_ID = "bloom-media-card-web-css";
+export declare const MEDIA_CARD_CSS = "\n[data-bloom-media-card] {\n  transition: background-color 150ms ease-out;\n}\n[data-bloom-media-card-link] {\n  outline: none;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n}\n[data-bloom-media-card-link]:focus-visible {\n  outline: 2px solid var(--bloom-media-card-ring, currentColor);\n  outline-offset: 2px;\n}\n[data-bloom-media-card][data-bloom-media-card-hover]:hover {\n  background-color: var(--bloom-media-card-hover) !important;\n}\n[data-bloom-media-card-reveal=\"hover\"] {\n  opacity: 0;\n  transform: translateY(8px);\n  pointer-events: none;\n  transition: opacity 180ms ease-out, transform 180ms ease-out;\n}\n[data-bloom-media-card]:hover [data-bloom-media-card-reveal=\"hover\"],\n[data-bloom-media-card]:focus-within [data-bloom-media-card-reveal=\"hover\"],\n[data-bloom-media-card][data-bloom-media-card-menu-open] [data-bloom-media-card-reveal=\"hover\"] {\n  opacity: 1;\n  transform: none;\n  pointer-events: auto;\n}\n[data-bloom-media-card-conceal] {\n  transition: opacity 180ms ease-out;\n}\n[data-bloom-media-card]:hover [data-bloom-media-card-conceal],\n[data-bloom-media-card]:focus-within [data-bloom-media-card-conceal] {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-bloom-media-card], [data-bloom-media-card-reveal=\"hover\"] {\n    transition: none;\n  }\n  [data-bloom-media-card-reveal=\"hover\"] {\n    transform: none;\n  }\n}\n";
+export { contrastRatio, relativeLuminance };
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/commonjs/media-card/shared.d.ts.map

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

package/lib/typescript/commonjs/media-card/types.d.ts

@@ -0,0 +1,346 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { BloomIconComponent } from '../icons/icon-component';
+/** Cover side in the `tile` layout: `large` 200, `medium` 160 (default), `small` 120. */
+export type MediaCardSize = 'large' | 'medium' | 'small';
+/**
+ * `tile` — artwork on top, text under it (a shelf or a grid).
+ * `row` — a 56 (48 at `small`) cover on the left, text, then a trailing slot (a list).
+ */
+export type MediaCardLayout = 'tile' | 'row';
+/**
+ * When the overlaid play button shows.
+ *
+ * `auto` (default): on web it fades and slides in while the card is hovered or
+ * holds keyboard focus; on native it is not drawn (a tap on the card plays).
+ * Either way it stays visible while the card is `playing`, `loading` or `current`.
+ * `always`: drawn on both platforms. `never`: not drawn.
+ */
+export type MediaCardPlayButton = 'auto' | 'always' | 'never';
+/** One row of the card's "More options" menu. */
+export interface MediaCardMenuItem {
+    label: string;
+    onPress?: () => void;
+    /** Leading icon element. */
+    icon?: ReactNode;
+    disabled?: boolean;
+    destructive?: boolean;
+}
+/** The props every card that plays something shares. */
+export interface MediaCardCommonProps {
+    /** Opens the item. On web with `href` the default navigation is replaced. */
+    onPress?: () => void;
+    /** Makes the card a real link on web (`<a href>`); native opens it when there is no `onPress`. */
+    href?: string;
+    /** Plays / pauses. Without it no play button is drawn. */
+    onPlay?: () => void;
+    /** The item is playing: the play button draws pause and stays visible. */
+    playing?: boolean;
+    /** The play button shows its spinner (buffering) and stays visible. */
+    loading?: boolean;
+    /** The item is the one loaded in the player (playing or paused): the button stays visible. */
+    current?: boolean;
+    /** Default `auto`. */
+    playButton?: MediaCardPlayButton;
+    /** Rows of the "More options" menu. Also opened by a right-click (web) or a long press (native). */
+    menuItems?: ReadonlyArray<MediaCardMenuItem>;
+    /** Menu content as nodes (`DropdownMenuItem`s …) — takes precedence over `menuItems`. */
+    menu?: ReactNode;
+    /** The menu trigger's name. Default `"More options"`. */
+    menuLabel?: string;
+    /** Default `medium`. */
+    size?: MediaCardSize;
+    /** Default `tile`. */
+    layout?: MediaCardLayout;
+    /** Paints the selected wash; `aria-current` on web, `selected` state on native. */
+    selected?: boolean;
+    /** Draws the shimmering placeholder instead of the card. */
+    skeleton?: boolean;
+    /** Replaces the composed accessible name. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** Props shared by the cards that draw one piece of artwork. */
+export interface MediaCardArtworkProps {
+    /** A URL, or an id the app's `ImageResolver` turns into one. */
+    artwork?: string;
+    /** Passed to the `ImageResolver` with an id. */
+    artworkVariant?: string;
+    /**
+     * The artwork's dominant colour (hex from the backend). Paints the
+     * placeholder gradient when there is no artwork; neutral without it.
+     */
+    artworkColor?: string;
+}
+export type MediaCardArtworkShape = 'square' | 'round';
+export interface MediaCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    title: string;
+    /** The first line under the title (text or nodes). */
+    subtitle?: ReactNode;
+    /** Further lines under the subtitle. */
+    meta?: ReadonlyArray<string>;
+    /** What the item is ("Album", "Podcast"), used in the accessible name. */
+    typeLabel?: string;
+    /** Default `square`. */
+    artworkShape?: MediaCardArtworkShape;
+    /** Corner radius of a square cover. Default 8 (6 at `small` and in rows). */
+    artworkRadius?: number;
+    /** Width : height of the cover. Default `1`. */
+    artworkAspectRatio?: number;
+    /** Replaces the drawn artwork (a mosaic, a generated cover). Sized by the card. */
+    renderArtwork?: (box: {
+        width: number;
+        height: number;
+    }) => ReactNode;
+    /** Static decoration drawn over the cover, under the play button (a date leaf). */
+    artworkOverlay?: ReactNode;
+    /** Glyph drawn on the generated placeholder cover. */
+    placeholderIcon?: BloomIconComponent;
+    /** Drawn after the title on its line (an explicit badge, a verified mark). */
+    titleAccessory?: ReactNode;
+    /** Words the accessory adds to the accessible name ("Explicit", "Verified"). */
+    titleAccessoryLabel?: string;
+    /** Lines the title may take. Default 1. */
+    titleLines?: number;
+    /** Lines the subtitle may take. Default 1. */
+    subtitleLines?: number;
+    /** The subtitle holds its own pressables (artist links): it is drawn above the card link. */
+    interactiveSubtitle?: boolean;
+    /** Row layout only: between the text and the menu (duration, like button). */
+    trailing?: ReactNode;
+    /** Under the text, outside the link (progress, action buttons). Indented to the text in a row. */
+    footer?: ReactNode;
+    /** Words appended to the accessible name ("Played", "12 min left"). */
+    accessibilityDetail?: string;
+    /** Text lines are centred under the cover (tile layout). */
+    centered?: boolean;
+    /** A caption above the title ("12 Sep · 48 min"). */
+    eyebrow?: string;
+    /** Up to two lines after the meta lines. */
+    description?: string;
+    /** Drawn before the title on its line (the now-playing bars). */
+    titleLeading?: ReactNode;
+    /** Replaces the cover's width (and, through the aspect ratio, its height). */
+    artworkSize?: number;
+    /** Row layout: centre the parts vertically (default) or align them to the top. */
+    rowAlign?: 'center' | 'top';
+}
+export interface SongCardArtist {
+    name: string;
+    id?: string;
+}
+export interface SongCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    title: string;
+    /** Names, or `{ name, id }` — each is pressable when `onPressArtist` is set. */
+    artists?: ReadonlyArray<string | SongCardArtist>;
+    onPressArtist?: (artist: SongCardArtist, index: number) => void;
+    /** Row layout: the album, a second line after the artists. */
+    album?: string;
+    explicit?: boolean;
+    /** Pre-formatted ("3:45"). Drawn in the row layout. */
+    duration?: string;
+    /** Row layout: draws a `LikeButton`. */
+    liked?: boolean;
+    onLikedChange?: (liked: boolean) => void;
+    /** Default `"Song"`. */
+    typeLabel?: string;
+}
+export type AlbumCardType = 'album' | 'single' | 'ep' | 'compilation';
+export interface AlbumCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    title: string;
+    artist?: string;
+    /** Pre-formatted ("2026"). */
+    year?: string;
+    /** Default `album`. */
+    albumType?: AlbumCardType;
+    /** The words for each type. Default Album / Single / EP / Compilation. */
+    typeLabels?: Partial<Record<AlbumCardType, string>>;
+    explicit?: boolean;
+}
+export interface ArtistCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    name: string;
+    verified?: boolean;
+    /** Pre-formatted ("1.2M followers"). */
+    followers?: string;
+    /** Default `"Artist"`. */
+    typeLabel?: string;
+    /** Default `"Verified"`. */
+    verifiedLabel?: string;
+}
+export interface PlaylistCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    title: string;
+    /** The owner's display name: "By Maya". */
+    owner?: string;
+    /** Default `"By"`. */
+    ownerPrefix?: string;
+    /** Pre-formatted ("42 songs"). */
+    trackCount?: string;
+    /** Without `artwork`: up to four track covers drawn as a 2×2 mosaic. */
+    mosaic?: ReadonlyArray<string>;
+    /** Draws the shared-playlist glyph before the owner line. */
+    collaborative?: boolean;
+    /** Default `"Collaborative"`. */
+    collaborativeLabel?: string;
+    /** Default `"Playlist"`. */
+    typeLabel?: string;
+}
+export interface MixCardProps extends MediaCardCommonProps {
+    title: string;
+    /** The generated cover's colour (hex). Neutral without it. */
+    artworkColor?: string;
+    /** The words drawn big on the cover. Default: `title`. */
+    coverTitle?: string;
+    /** Up to four artist photos (URLs or ids) drawn small on the cover. */
+    faces?: ReadonlyArray<string>;
+    /** Pre-formatted artists line ("Mara Vell, Juno Park and more"). */
+    description?: string;
+    /** Default `"Mix"`. */
+    typeLabel?: string;
+}
+export interface PodcastCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    title: string;
+    publisher?: string;
+    /** Default `"Podcast"`. */
+    typeLabel?: string;
+}
+export interface EpisodeCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    title: string;
+    /** The show's name. */
+    show?: string;
+    /** Pre-formatted ("12 Sep"). */
+    date?: string;
+    /** Pre-formatted ("48 min"). */
+    duration?: string;
+    /** Clamped to two lines. */
+    description?: string;
+    explicit?: boolean;
+    /** Listened fraction, `0..1`. Drawn as a bar when above 0 and not `played`. */
+    progress?: number;
+    /** Pre-formatted ("12 min left"), beside the bar. */
+    remaining?: string;
+    /** Finished: a check and `playedLabel` replace the bar. */
+    played?: boolean;
+    /** Default `"Played"`. */
+    playedLabel?: string;
+    /** Icon buttons after the progress (save, download). */
+    actions?: ReactNode;
+    /** Default `"Episode"`. */
+    typeLabel?: string;
+}
+export interface AudiobookCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    title: string;
+    author?: string;
+    /** The narrator's name: "Narrated by Ines Calder". */
+    narrator?: string;
+    /** Default `"Narrated by"`. */
+    narratorPrefix?: string;
+    /** Pre-formatted ("11 h 20 min"). */
+    duration?: string;
+    /** Listened fraction, `0..1`. */
+    progress?: number;
+    /** Default `"Audiobook"`. */
+    typeLabel?: string;
+}
+export interface GenreCardProps extends Pick<MediaCardCommonProps, 'onPress' | 'href' | 'size' | 'accessibilityLabel' | 'skeleton' | 'style' | 'testID'> {
+    title: string;
+    /** The tile colour (hex). Darkened as far as needed to keep the title legible. */
+    color?: string;
+    /** Artwork that peeks, rotated, from the bottom-right corner. */
+    artwork?: string;
+    artworkVariant?: string;
+}
+export interface EventCardProps extends MediaCardCommonProps {
+    title: string;
+    /** Pre-formatted month abbreviation ("Oct"). */
+    month: string;
+    /** Pre-formatted day ("14"). */
+    day: string;
+    /** A URL or resolver id. */
+    image?: string;
+    imageVariant?: string;
+    venue?: string;
+    city?: string;
+    /** Pre-formatted ("Fri 20:00"). */
+    time?: string;
+    /** The tickets button. */
+    action?: ReactNode;
+    soldOut?: boolean;
+    /** Default `"Sold out"`. */
+    soldOutLabel?: string;
+    /** Default `"Event"`. */
+    typeLabel?: string;
+}
+export interface ProfileCardProps extends MediaCardCommonProps, MediaCardArtworkProps {
+    name: string;
+    /** Adds "Follows you" to the label line. */
+    followsYou?: boolean;
+    /** Default `"Profile"`. */
+    typeLabel?: string;
+    /** Default `"Follows you"`. */
+    followsYouLabel?: string;
+    /** Pre-formatted ("214 followers"). */
+    followers?: string;
+    /** The follow button. */
+    action?: ReactNode;
+}
+export interface FriendActivityCardProps extends Pick<MediaCardCommonProps, 'onPress' | 'href' | 'skeleton' | 'selected' | 'accessibilityLabel' | 'style' | 'testID'> {
+    name: string;
+    /** Avatar URL or resolver id. */
+    avatar?: string;
+    track: string;
+    artist: string;
+    /** Where it plays from ("Late Hours Playlist"). */
+    context?: string;
+    /** `playlist` (default) or `album` — the context line's glyph. */
+    contextType?: 'playlist' | 'album';
+    /** Listening right now: the avatar dot and moving bars replace `time`. */
+    live?: boolean;
+    /** Pre-formatted ("12 min"). */
+    time?: string;
+    /** Default `"Listening now"`. */
+    liveLabel?: string;
+}
+export interface QuickAccessTileProps extends Pick<MediaCardCommonProps, 'onPress' | 'href' | 'onPlay' | 'playing' | 'loading' | 'current' | 'skeleton' | 'selected' | 'accessibilityLabel' | 'style' | 'testID'>, MediaCardArtworkProps {
+    title: string;
+    /** Round cover (an artist). */
+    round?: boolean;
+    /** What the item is, for the accessible name. */
+    typeLabel?: string;
+}
+export interface RecapHighlight {
+    /** "Top artist". */
+    label: string;
+    title: string;
+    artwork?: string;
+    round?: boolean;
+}
+export interface RecapCardProps {
+    /** "Your 2026 in sound". */
+    eyebrow?: string;
+    /** The big number, pre-formatted ("48,210"). */
+    value: string;
+    /** "minutes listened". */
+    unit?: string;
+    /** Hex the gradient is built from. Neutral without it. */
+    artworkColor?: string;
+    highlights?: ReadonlyArray<RecapHighlight>;
+    onShare?: () => void;
+    /** Default `"Share"`. */
+    shareLabel?: string;
+    skeleton?: boolean;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface ShareCardProps extends MediaCardArtworkProps {
+    title: string;
+    artist: string;
+    /** Lines of a lyrics excerpt, drawn in a block under the title. */
+    lyrics?: ReadonlyArray<string>;
+    /** Under everything (a small wordmark, a link). */
+    footer?: ReactNode;
+    explicit?: boolean;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/media-card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/media-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,yFAAyF;AACzF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D,iDAAiD;AACjD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wDAAwD;AACxD,MAAM,WAAW,oBAAoB;IACnC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,oGAAoG;IACpG,SAAS,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC7C,yFAAyF;IACzF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,sBAAsB;IACtB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,gEAAgE;AAChE,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,oBAAoB,EAAE,qBAAqB;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IACtE,mFAAmF;IACnF,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sDAAsD;IACtD,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,8EAA8E;IAC9E,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6FAA6F;IAC7F,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kGAAkG;IAClG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uEAAuE;IACvE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC7B;AAMD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,aAAc,SAAQ,oBAAoB,EAAE,qBAAqB;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,aAAa,CAAC;AAEtE,MAAM,WAAW,cAAe,SAAQ,oBAAoB,EAAE,qBAAqB;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,EAAE,qBAAqB;IAClF,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,qBAAqB;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC/B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,oBAAoB;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,qBAAqB;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,qBAAqB;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB,EAAE,qBAAqB;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxH,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAe,SAAQ,oBAAoB;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,qBAAqB;IACnF,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,oBAAoB,EACpB,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,oBAAoB,GAAG,OAAO,GAAG,QAAQ,CACzF;IACD,IAAI,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACnC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,oBAAoB,EAClB,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,oBAAoB,GACpB,OAAO,GACP,QAAQ,CACX,EACC,qBAAqB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAe,SAAQ,qBAAqB;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC/B,mDAAmD;IACnD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/commonjs/media-controls/ExplicitBadge.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ExplicitBadgeProps } from './types';
+declare function ExplicitBadgeComponent({ size, letter, label, style, testID, }: ExplicitBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare const ExplicitBadge: React.MemoExoticComponent<typeof ExplicitBadgeComponent>;
+export {};
+//# sourceMappingURL=ExplicitBadge.d.ts.map

package/lib/typescript/commonjs/media-controls/ExplicitBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplicitBadge.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/ExplicitBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAO7C,OAAO,KAAK,EAAE,kBAAkB,EAAqB,MAAM,SAAS,CAAC;AAqBrE,iBAAS,sBAAsB,CAAC,EAC9B,IAAe,EACf,MAAY,EACZ,KAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CAmCpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/commonjs/media-controls/LikeButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { LikeButtonProps } from './types';
+declare function LikeButtonComponent({ liked, onLikedChange, size, activeColor, disabled, accessibilityLabel, style, testID, }: LikeButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const LikeButton: React.MemoExoticComponent<typeof LikeButtonComponent>;
+export {};
+//# sourceMappingURL=LikeButton.d.ts.map

package/lib/typescript/commonjs/media-controls/LikeButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikeButton.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/LikeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAgBlE,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,SAAS,CAAC;AA4B/D,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,IAAe,EACf,WAAW,EACX,QAAgB,EAChB,kBAA2C,EAC3C,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CAoDjB;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/commonjs/media-controls/MediaTrack.d.ts

@@ -0,0 +1,40 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Height of the pointer target. The drawn rail is centred in it. */
+export declare const MEDIA_TRACK_HIT = 16;
+export declare const MEDIA_TRACK_RAIL = 4;
+export declare const MEDIA_TRACK_THUMB = 12;
+/** The position under a pointer `x` px into a `width` px track, clamped to `0..max`. */
+export declare function valueAtPosition(x: number, width: number, max: number): number;
+export interface MediaTrackProps {
+    value: number;
+    max: number;
+    buffered?: number;
+    /** While dragging. */
+    onPreview?: (value: number) => void;
+    /** On release, and on every key press / accessibility action. */
+    onCommit?: (value: number) => void;
+    step: number;
+    disabled: boolean;
+    accessibilityLabel: string;
+    /** Announced value for a given position. */
+    valueText: (value: number) => string;
+    /** The position being dragged to, or `null` when the drag ends. */
+    onDragChange?: (value: number | null) => void;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * The scrubber shared by `PlaybackProgress` and `VolumeControl`: a 4px pill
+ * rail (neutral-200, dark neutral-700), an optional buffered segment
+ * (neutral-300, dark neutral-500), and the fill — the text colour at rest,
+ * the accent under the pointer, while dragging or with keyboard focus
+ * (`:focus-visible`, in the adopted sheet, so a click leaves nothing lit). The
+ * 12px thumb (text colour) only shows in those same states.
+ *
+ * Gestures use RN's `PanResponder` (native, and web through react-native-web).
+ * The element is a `slider` (`accessibilityRole="adjustable"`) carrying flat
+ * `aria-value*` props; on web it takes focus and answers arrows (±`step`),
+ * Home and End; on native the `increment`/`decrement` actions.
+ */
+export declare function MediaTrack({ value, max, buffered, onPreview, onCommit, step, disabled, accessibilityLabel, valueText, onDragChange, style, testID, }: MediaTrackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaTrack.d.ts.map

package/lib/typescript/commonjs/media-controls/MediaTrack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaTrack.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/MediaTrack.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAetB,qEAAqE;AACrE,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,wFAAwF;AACxF,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAG7E;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB;IACtB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,mEAAmE;IACnE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,GAAG,EACH,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CA0MjB"}