@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/typescript/commonjs/media-player/ConnectBanner.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ConnectBannerProps } from './types';
+export declare const CONNECT_BANNER_HEIGHT = 28;
+/**
+ * The thin accent strip that says playback is on another device:
+ * "Listening on Living Room Speaker".
+ *
+ *   28 tall, full width, accent-500 fill (hover accent-600, dark 400),
+ *   `primaryForeground` glyph (16) and `caption-1-medium` label, centred.
+ *
+ * With `onPress` it is a button (it opens the device picker) whose name is the
+ * sentence it draws; without, a plain text strip.
+ */
+declare function ConnectBannerComponent({ deviceName, kind, label, onPress, style, testID, }: ConnectBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare const ConnectBanner: React.MemoExoticComponent<typeof ConnectBannerComponent>;
+export {};
+//# sourceMappingURL=ConnectBanner.d.ts.map

package/lib/typescript/commonjs/media-player/ConnectBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectBanner.d.ts","sourceRoot":"","sources":["../../../../src/media-player/ConnectBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAOvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC;;;;;;;;;GASG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,UAAU,EACV,IAAgB,EAChB,KAAsB,EACtB,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CAmDpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/commonjs/media-player/DevicePicker.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { DevicePickerProps } from './types';
+export declare const DEVICE_ROW_HEIGHT = 52;
+/**
+ * The device list: the current device on top (accent icon well, accent name and
+ * "Listening on"), a "Select a device" heading, one row per other device, and
+ * an optional help link. Content only — host it in a `Popover` (web) or a
+ * sheet (native); on native a `Popover` already presents as a sheet.
+ *
+ *   row     52 min, 8 inset, 10 corner, 36 icon well (10 corner) + 12 gap
+ *   hover   the menu row wash
+ *
+ * The current row is not a button (there is nothing to switch to); every other
+ * row is a button named by the device and its description.
+ */
+declare function DevicePickerComponent({ current, devices, onSelect, title, currentLabel, devicesTitle, emptyLabel, helpLabel, onHelpPress, style, testID, }: DevicePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare const DevicePicker: React.MemoExoticComponent<typeof DevicePickerComponent>;
+export {};
+//# sourceMappingURL=DevicePicker.d.ts.map

package/lib/typescript/commonjs/media-player/DevicePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevicePicker.d.ts","sourceRoot":"","sources":["../../../../src/media-player/DevicePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AASvD,OAAO,KAAK,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAC;AAEjE,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAkGpC;;;;;;;;;;;GAWG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAwB,EACxB,YAA6B,EAC7B,YAAgC,EAChC,UAAqC,EACrC,SAAoC,EACpC,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CAoEnB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC"}

package/lib/typescript/commonjs/media-player/FullScreenPlayer.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { FullScreenPlayerProps } from './types';
+/** At and above this measured width the artwork sits beside the controls. */
+export declare const FULL_SCREEN_PLAYER_WIDE = 900;
+export declare const FULL_SCREEN_PLAYER_ARTWORK_MAX = 480;
+export interface FullScreenPlayerPaint {
+    /** The artwork colour darkened for contrast, or `null` without one. */
+    tint: string | null;
+    /** The near-black the gradient ends on. */
+    base: string;
+    /** The below-the-fold card fill. */
+    card: string;
+}
+/**
+ * The full-screen player: the phone's expanded player and the desktop's
+ * immersive view. It fills its parent — present it as a route, or inside a
+ * full-height sheet / dialog.
+ *
+ *   top bar      40 collapse chevron · "PLAYING FROM PLAYLIST" / "Night Drive" · 40 more
+ *   narrow       square artwork (16 corner, ≤ 480) over the details
+ *   wide ≥ 900   artwork and details side by side, 64 apart
+ *   details      title + artists + like · scrubber with times below ·
+ *                large transport · device / share / queue
+ *   below fold   a lyrics preview card and the "about the artist" slot
+ *
+ * The first screen is exactly the parent's height (measured), painted with a
+ * vertical gradient from the artwork colour — darkened until the dark theme's
+ * text holds 4.5:1 — to neutral-950. It is ALWAYS dark: the content renders
+ * under the dark theme (the app's accent kept), in a light app too.
+ */
+declare function FullScreenPlayerComponent(props: FullScreenPlayerProps): import("react/jsx-runtime").JSX.Element;
+export declare const FullScreenPlayer: React.MemoExoticComponent<typeof FullScreenPlayerComponent>;
+export {};
+//# sourceMappingURL=FullScreenPlayer.d.ts.map

package/lib/typescript/commonjs/media-player/FullScreenPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenPlayer.d.ts","sourceRoot":"","sources":["../../../../src/media-player/FullScreenPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAsBnE,OAAO,KAAK,EAA0B,qBAAqB,EAAiB,MAAM,SAAS,CAAC;AAE5F,6EAA6E;AAC7E,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAUlD,MAAM,WAAW,qBAAqB;IACpC,uEAAuE;IACvE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;CACd;AA0SD;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,yBAAyB,CAAC,KAAK,EAAE,qBAAqB,2CAgB9D;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/lib/typescript/commonjs/media-player/ImmersiveTheme.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { buildTheme } from '../theme/build-theme';
+import type { Theme } from '../theme/types';
+/**
+ * The dark theme the immersive surfaces (`FullScreenPlayer`, a tinted
+ * `MiniPlayer`) paint their CONTENT with, whatever the app's mode.
+ *
+ * Those surfaces sit on the artwork colour darkened for contrast, or on the
+ * near-black the full-screen gradient ends on — dark in a light app too. Every
+ * Bloom piece inside them (`Text`, `PlayButton`, `PlaybackProgress`,
+ * `LikeButton`) reads `useTheme()`, so re-providing a dark theme is what makes
+ * them draw light-on-dark without a colour prop on each.
+ *
+ * The accent is the preset's DARK accent when the outer theme is that preset's
+ * light theme (a light accent is built to sit on white and goes murky on
+ * near-black). When the outer accent is anything else — a seed, a scope, an
+ * adaptive platform colour — that accent is kept as given, since the dark
+ * preset would replace the app's brand. The theme context is read here, not
+ * modified — `src/theme` is untouched.
+ */
+export declare function immersiveDarkTheme(outer: Theme, preset: Parameters<typeof buildTheme>[0]): Theme;
+export declare function ImmersiveTheme({ enabled, children, }: {
+    enabled?: boolean;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImmersiveTheme.d.ts.map

package/lib/typescript/commonjs/media-player/ImmersiveTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImmersiveTheme.d.ts","sourceRoot":"","sources":["../../../../src/media-player/ImmersiveTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAYhG;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAc,EACd,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAWA"}

package/lib/typescript/commonjs/media-player/MiniPlayer.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { Theme } from '../theme/types';
+import { immersiveDarkTheme } from './ImmersiveTheme';
+import type { MiniPlayerProps } from './types';
+export declare const MINI_PLAYER_HEIGHT = 56;
+/** Horizontal travel that counts as a swipe (native). */
+export declare const MINI_PLAYER_SWIPE = 48;
+export interface MiniPlayerSurface {
+    /** The bar's fill. */
+    background: string;
+    /** Whether it is the artwork tint (content paints with the dark theme) or the neutral fallback. */
+    tinted: boolean;
+    /** The fallback's hairline; `null` on a tint. */
+    border: string | null;
+}
+/**
+ * The bar's fill for an artwork colour: the colour darkened until the dark
+ * theme's text AND muted text clear 4.5:1 on it, or — absent or unparseable —
+ * the floating-surface recipe (card with a neutral-200 hairline; dark
+ * neutral-800 with neutral-700) under the app's own theme.
+ */
+export declare function resolveMiniPlayerSurface(theme: Theme, preset: Parameters<typeof immersiveDarkTheme>[1], artworkColor: string | undefined): MiniPlayerSurface;
+/**
+ * The phone's floating now-playing bar, above the tab bar.
+ *
+ *   56 tall, 12 corner (a panel, not a pill), 8 side margin
+ *   40 cover (8 corner) · title (body-2-semibold) / artist or device line · like · play
+ *   a 2px progress line along the bottom, 8 in from each side
+ *
+ * The fill is the artwork colour darkened for contrast (`resolveArtworkTint`);
+ * the content then paints with the dark theme, so it reads light-on-colour in
+ * a light app too. No colour → the floating surface under the app's theme.
+ *
+ * The cover and text are ONE button ("Open player: Title, Artist"); like and
+ * play are siblings rather than nested inside it. While casting, the artist
+ * line becomes the device, accent with a speaker glyph. On native a horizontal
+ * swipe past 48 calls `onNext` (left) / `onPrevious` (right). Titles truncate
+ * — nothing scrolls.
+ */
+declare function MiniPlayerComponent(props: MiniPlayerProps): import("react/jsx-runtime").JSX.Element;
+export declare const MiniPlayer: React.MemoExoticComponent<typeof MiniPlayerComponent>;
+export {};
+//# sourceMappingURL=MiniPlayer.d.ts.map

package/lib/typescript/commonjs/media-player/MiniPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniPlayer.d.ts","sourceRoot":"","sources":["../../../../src/media-player/MiniPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAUjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI5C,OAAO,EAAkB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,yDAAyD;AACzD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,MAAM,WAAW,iBAAiB;IAChC,sBAAsB;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,mGAAmG;IACnG,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAChD,YAAY,EAAE,MAAM,GAAG,SAAS,GAC/B,iBAAiB,CAOnB;AAyHD;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,eAAe,2CAiClD;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/commonjs/media-player/NowPlayingBar.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { NowPlayingBarProps } from './types';
+export declare const NOW_PLAYING_BAR_HEIGHT = 80;
+/** At and above: every control. Below: no fullscreen button, a shorter volume slider. */
+export declare const NOW_PLAYING_BAR_WIDE = 1024;
+/** Below: no lyrics, device (unless casting) or volume; no times beside the scrubber. */
+export declare const NOW_PLAYING_BAR_MEDIUM = 768;
+export type NowPlayingBarLayout = 'wide' | 'medium' | 'narrow';
+export declare function nowPlayingBarLayout(width: number): NowPlayingBarLayout;
+/**
+ * The desktop player bar, full width at the bottom of the window.
+ *
+ *   80 tall, 16 side inset, page background, 1px neutral-200 (dark 800) top rule
+ *   left    56 cover (8 corner) · title / artists · like       flex 1, ≤ 30%
+ *   centre  compact transport over the scrubber with times     flex 2, ≤ 722
+ *   right   lyrics · queue · devices · volume · fullscreen     flex 1, end
+ *
+ * The width is MEASURED (seeded from the window) and collapses in two steps:
+ * under 1024 the fullscreen button goes and the volume slider shortens to 64;
+ * under 768 lyrics, volume and the scrubber's times go, and the device button
+ * stays only while casting, and the actions column shrinks to what it draws.
+ * The centre column never shrinks below 240.
+ *
+ * The toggles (lyrics, queue) are `aria-pressed` buttons painted accent + dot
+ * when on; the device button lights the same way while `deviceName` is set.
+ */
+declare function NowPlayingBarComponent({ track, onTitlePress, onArtistPress, liked, onLikedChange, transport, position, duration, buffered, onSeek, onSeekPreview, lyricsActive, onLyricsChange, queueActive, onQueueChange, deviceName, onDevicePress, devicePicker, devicePickerOpen, onDevicePickerOpenChange, volume, onVolumeChange, muted, onMutedChange, onFullscreenPress, labels: labelOverrides, style, testID, }: NowPlayingBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const NowPlayingBar: React.MemoExoticComponent<typeof NowPlayingBarComponent>;
+export {};
+//# sourceMappingURL=NowPlayingBar.d.ts.map

package/lib/typescript/commonjs/media-player/NowPlayingBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NowPlayingBar.d.ts","sourceRoot":"","sources":["../../../../src/media-player/NowPlayingBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAmBvD,OAAO,KAAK,EAAuB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,yFAAyF;AACzF,eAAO,MAAM,oBAAoB,OAAO,CAAC;AACzC,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAItE;AASD;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAa,EACb,aAAa,EACb,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAa,EACb,YAAoB,EACpB,cAAc,EACd,WAAmB,EACnB,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,MAAU,EACV,cAAc,EACd,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CA6KpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/commonjs/media-player/PlaybackSpeedMenu.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { PlaybackSpeedMenuProps } from './types';
+/** The heading and radio rows, shared by the menu and anything that hosts them in its own menu. */
+export declare function PlaybackSpeedRows({ rate, onRateChange, rates, formatRate, label, testID, }: Pick<PlaybackSpeedMenuProps, 'rate' | 'onRateChange' | 'rates' | 'formatRate' | 'label' | 'testID'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * The playback-speed menu: a text trigger showing the rate ("1.5×", accent +
+ * dot when not 1×) opening a `DropdownMenu` of radio rows with a trailing
+ * check — an anchored dropdown on web, a bottom sheet on native.
+ */
+declare function PlaybackSpeedMenuComponent({ rate, onRateChange, rates, formatRate, label, children, open, onOpenChange, size, disabled, testID, }: PlaybackSpeedMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare const PlaybackSpeedMenu: React.MemoExoticComponent<typeof PlaybackSpeedMenuComponent>;
+export {};
+//# sourceMappingURL=PlaybackSpeedMenu.d.ts.map

package/lib/typescript/commonjs/media-player/PlaybackSpeedMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackSpeedMenu.d.ts","sourceRoot":"","sources":["../../../../src/media-player/PlaybackSpeedMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAcpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,mGAAmG;AACnG,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,KAAsB,EACtB,UAA+B,EAC/B,KAAwB,EACxB,MAAM,GACP,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC,2CAoBrG;AAED;;;;GAIG;AACH,iBAAS,0BAA0B,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,UAA+B,EAC/B,KAAwB,EACxB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,IAAgB,EAChB,QAAQ,EACR,MAAM,GACP,EAAE,sBAAsB,2CA4BxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/commonjs/media-player/PlayerIconButton.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { View, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
+/** A glyph component (any `Ri*` icon). */
+export type PlayerGlyph = React.ComponentType<{
+    width?: number;
+    height?: number;
+    fill?: string;
+}>;
+/** The dot under an active glyph. */
+export declare const ACTIVE_DOT = 4;
+export interface PlayerIconButtonProps {
+    icon?: PlayerGlyph;
+    /** Draws text instead of a glyph ("1.5×"). */
+    text?: string;
+    glyph: number;
+    box: number;
+    accessibilityLabel?: string;
+    onPress?: (event: GestureResponderEvent) => void;
+    /**
+     * A TOGGLE: carries `aria-pressed` (web) and `accessibilityState.selected`
+     * (native), and paints accent + dot when true. Leave undefined for a plain
+     * button.
+     */
+    pressed?: boolean;
+    /** Accent + dot without toggle semantics (a menu trigger whose menu has a value set). */
+    active?: boolean;
+    disabled?: boolean;
+    'aria-expanded'?: boolean;
+    'aria-haspopup'?: boolean | 'menu' | 'dialog' | 'listbox' | 'tree' | 'grid' | 'true' | 'false';
+    /** Foreground at rest. Default the family's muted neutral. */
+    restColor?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * The glyph-only button every player control uses: shuffle, repeat, previous,
+ * next, lyrics, queue, devices, fullscreen, the speed and sleep triggers.
+ *
+ *   rest     muted neutral glyph (`restColor` for previous / next: the text colour)
+ *   hover    text colour on a neutral-100 (dark neutral-800) round wash
+ *   active   accent glyph + a 4px accent dot under it
+ *   disabled 50% opacity
+ *
+ * Colour change only. Forwards the trigger props `asChild` hands it
+ * (`aria-expanded`, `aria-haspopup`, `onPress`, the name).
+ */
+export declare const PlayerIconButton: React.ForwardRefExoticComponent<PlayerIconButtonProps & React.RefAttributes<View>>;
+//# sourceMappingURL=PlayerIconButton.d.ts.map

package/lib/typescript/commonjs/media-player/PlayerIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerIconButton.d.ts","sourceRoot":"","sources":["../../../../src/media-player/PlayerIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAa,IAAI,EAAE,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAc3G,0CAA0C;AAC1C,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElG,qCAAqC;AACrC,eAAO,MAAM,UAAU,IAAI,CAAC;AAE5B,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/F,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,oFAsF3B,CAAC"}

package/lib/typescript/commonjs/media-player/SleepTimerMenu.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { SleepTimerMenuProps } from './types';
+/** The heading, the time left and the radio rows. */
+export declare function SleepTimerRows({ value, onValueChange, minutes, remaining, label, offLabel, endLabel, formatMinutes, formatRemaining, testID, }: Omit<SleepTimerMenuProps, 'children' | 'open' | 'onOpenChange' | 'size' | 'disabled'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * The sleep-timer menu: a timer glyph (accent + dot while a timer runs)
+ * opening a `DropdownMenu` of Off, the minute options and "End of episode".
+ * The time left arrives pre-formatted (`remaining`) and shows in the heading
+ * and the trigger's name.
+ */
+declare function SleepTimerMenuComponent({ children, open, onOpenChange, size, disabled, ...rows }: SleepTimerMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare const SleepTimerMenu: React.MemoExoticComponent<typeof SleepTimerMenuComponent>;
+export {};
+//# sourceMappingURL=SleepTimerMenu.d.ts.map

package/lib/typescript/commonjs/media-player/SleepTimerMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SleepTimerMenu.d.ts","sourceRoot":"","sources":["../../../../src/media-player/SleepTimerMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAgBpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAKnD,qDAAqD;AACrD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,OAA6B,EAC7B,SAAS,EACT,KAAqB,EACrB,QAAgB,EAChB,QAA2B,EAC3B,aAA8B,EAC9B,eAAkC,EAClC,MAAM,GACP,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAAG,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC,2CA+BvF;AAED;;;;;GAKG;AACH,iBAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,IAAgB,EAChB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA2BrB;AAED,eAAO,MAAM,cAAc,2DAAgC,CAAC"}

package/lib/typescript/commonjs/media-player/TrackText.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { TypeScaleVariant } from '../typography/scale';
+import type { MediaArtist, MediaPlayerTrack } from './types';
+/** The cover: an `Image` for a URL or a resolved id, a neutral well with a note glyph otherwise. */
+export declare function Artwork({ source, size, radius, style, testID, }: {
+    source?: string;
+    size: number | '100%';
+    radius: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Title over the artist credits, each line ONE text node so it truncates as a
+ * whole. The title is a link when `onTitlePress` is given; each credit is a
+ * nested link when `onArtistPress` is given (and `artists` is a list). On web
+ * a link underlines under the pointer and on keyboard focus through the
+ * adopted sheet.
+ */
+export declare function TrackText({ track, titleVariant, artistVariant, titleColor, artistColor, onTitlePress, onArtistPress, titleLabel, trailingTitle, testID, }: {
+    track: MediaPlayerTrack;
+    titleVariant: TypeScaleVariant;
+    artistVariant: TypeScaleVariant;
+    titleColor: string;
+    artistColor: string;
+    onTitlePress?: () => void;
+    onArtistPress?: (artist: MediaArtist, index: number) => void;
+    titleLabel?: string;
+    trailingTitle?: React.ReactNode;
+    testID?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TrackText.d.ts.map

package/lib/typescript/commonjs/media-player/TrackText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackText.d.ts","sourceRoot":"","sources":["../../../../src/media-player/TrackText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAe,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,oGAAoG;AACpG,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CAoCA;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,MAAM,GACP,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC;IACxB,YAAY,EAAE,gBAAgB,CAAC;IAC/B,aAAa,EAAE,gBAAgB,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CAyDA"}

package/lib/typescript/commonjs/media-player/TransportControls.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { type PlayerGlyph } from './PlayerIconButton';
+import type { TransportControlsLabels, TransportControlsProps } from './types';
+export declare const DEFAULT_TRANSPORT_LABELS: TransportControlsLabels;
+/** The numbered skip glyph for 5 / 10 / 15 / 30 seconds; a plain curved arrow for any other count. */
+export declare function skipGlyphFor(direction: 'back' | 'forward', seconds: number): PlayerGlyph;
+/**
+ * The transport row.
+ *
+ *   music     shuffle · previous · PLAY · next · repeat
+ *   podcast   speed · back N · PLAY · forward N · trailing
+ *
+ *              play   glyph   prev/next   hit box   gap
+ *   compact    32     16      20          32        8
+ *   regular    48     20      24          32        16
+ *   large      56     24      32          40        24
+ *
+ * The play button is `PlayButton` `inverse`. Previous / next rest in the text
+ * colour; the toggles rest muted and turn accent with a 4px dot when on.
+ * Optional buttons (shuffle, repeat, speed) keep their slot when absent, so
+ * the play button stays centred.
+ *
+ * Repeat cycles `off` → `all` → `one`: `onRepeatChange` receives the NEXT mode.
+ * It is a toggle (`aria-pressed` true for `all` and `one`) named "Repeat", or
+ * "Repeat one" while repeating one — the pressed state says whether it is on,
+ * the name which repeat.
+ */
+declare function TransportControlsComponent({ playing, onPlayPause, loading, subject, variant, size, onPrevious, onNext, previousDisabled, nextDisabled, shuffle, onShuffleChange, repeat, onRepeatChange, skipBackSeconds, skipForwardSeconds, onSkipBack, onSkipForward, playbackRate, onPlaybackRateChange, trailing, disabled, labels: labelOverrides, style, testID, }: TransportControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare const TransportControls: React.MemoExoticComponent<typeof TransportControlsComponent>;
+export {};
+//# sourceMappingURL=TransportControls.d.ts.map

package/lib/typescript/commonjs/media-player/TransportControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransportControls.d.ts","sourceRoot":"","sources":["../../../../src/media-player/TransportControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAqB7C,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,KAAK,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE/E,eAAO,MAAM,wBAAwB,EAAE,uBAUtC,CAAC;AAeF,sGAAsG;AACtG,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,WAAW,CAGxF;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,0BAA0B,CAAC,EAClC,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAiB,EACjB,IAAgB,EAChB,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,YAAY,EACZ,OAAe,EACf,eAAe,EACf,MAAc,EACd,cAAc,EACd,eAAoB,EACpB,kBAAuB,EACvB,UAAU,EACV,aAAa,EACb,YAAgB,EAChB,oBAAoB,EACpB,QAAQ,EACR,QAAgB,EAChB,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAgIxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/commonjs/media-player/device-icons.d.ts

@@ -0,0 +1,4 @@
+import type { PlayerGlyph } from './PlayerIconButton';
+import type { PlaybackDeviceKind } from './types';
+export declare const DEVICE_GLYPHS: Record<PlaybackDeviceKind, PlayerGlyph>;
+//# sourceMappingURL=device-icons.d.ts.map

package/lib/typescript/commonjs/media-player/device-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-icons.d.ts","sourceRoot":"","sources":["../../../../src/media-player/device-icons.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,kBAAkB,EAAE,WAAW,CASjE,CAAC"}

package/lib/typescript/commonjs/media-player/index.d.ts

@@ -0,0 +1,11 @@
+export { TransportControls } from './TransportControls';
+export { NowPlayingBar } from './NowPlayingBar';
+export { MiniPlayer } from './MiniPlayer';
+export { FullScreenPlayer } from './FullScreenPlayer';
+export { PlaybackSpeedMenu } from './PlaybackSpeedMenu';
+export { SleepTimerMenu } from './SleepTimerMenu';
+export { DevicePicker } from './DevicePicker';
+export { ConnectBanner } from './ConnectBanner';
+export { nextRepeatMode, resolveArtworkTint, PLAYBACK_RATES, SLEEP_TIMER_MINUTES, } from './shared';
+export type { ConnectBannerProps, DevicePickerProps, FullScreenPlayerLabels, FullScreenPlayerProps, LyricsPreview, MediaArtist, MediaPlayerTrack, MiniPlayerProps, NowPlayingBarLabels, NowPlayingBarProps, PlaybackDevice, PlaybackDeviceKind, PlaybackSpeedMenuProps, RepeatMode, SleepTimerMenuProps, SleepTimerValue, TransportControlsLabels, TransportControlsProps, TransportControlsSize, TransportControlsVariant, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/media-player/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-player/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,mBAAmB,GACpB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,51 @@
+import type { WebCssStyle } from '../styles/web-view-style';
+import type { MediaArtist, RepeatMode, SleepTimerValue, TransportControlsSize } from './types';
+import { contrastRatio, relativeLuminance } from '../styles/color-contrast';
+export declare const IS_WEB: boolean;
+/** The next mode of the repeat cycle: `off` → `all` → `one` → `off`. */
+export declare function nextRepeatMode(mode: RepeatMode): RepeatMode;
+export declare const PLAYBACK_RATES: readonly [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 2.5, 3];
+export declare const SLEEP_TIMER_MINUTES: readonly [5, 10, 15, 30, 45, 60];
+/** `1` → `"1×"`, `1.25` → `"1.25×"`, `0.5` → `"0.5×"`. */
+export declare function formatPlaybackRate(rate: number): string;
+/** Menu values are strings; a rate or a timer value round-trips through one. */
+export declare function sleepTimerKey(value: SleepTimerValue): string;
+export declare function parseSleepTimerKey(key: string): SleepTimerValue;
+export declare function artistNames(artists: string | MediaArtist[]): string;
+export declare function isUrl(value: string): boolean;
+export interface TransportGeometry {
+    play: 'small' | 'medium' | 'large';
+    /** Glyph of a secondary button. */
+    glyph: number;
+    /** Hit box of a secondary button. */
+    box: number;
+    /** Glyph of previous / next. */
+    skipGlyph: number;
+    gap: number;
+}
+export declare const TRANSPORT_GEOMETRY: Record<TransportControlsSize, TransportGeometry>;
+/** `color` darkened toward black by `amount` (0..1), as `#rrggbb`. */
+export declare function darken(color: string, amount: number): string | null;
+/** The two foregrounds the immersive surfaces draw on a tint: body text and secondary text. */
+export declare const IMMERSIVE_TEXT_TARGET = 4.5;
+export interface ArtworkTint {
+    /** The background to paint, or `null` when the artwork colour is absent / unparseable. */
+    background: string | null;
+    /** How far toward black the colour was pulled to hold the text (0 = as given). */
+    darkened: number;
+}
+/**
+ * The artwork colour, darkened in 5% steps until BOTH `text` and `textMuted`
+ * clear 4.5:1 on it. A missing or unparseable colour gives `background: null`
+ * — the caller falls back to its neutral surface. Black clears any light
+ * foreground, so the loop always ends with a colour.
+ */
+export declare function resolveArtworkTint(artworkColor: string | undefined, text: string, textMuted: string): ArtworkTint;
+/** The dark surface the full-screen gradient ends on: neutral-950 tinted by the theme text. */
+export declare function immersiveBase(themeText: string): string;
+/** A top-to-bottom gradient: `background-image` on web, the native CSS-gradient style elsewhere. */
+export declare function verticalGradient(stops: readonly string[], positions?: readonly number[]): WebCssStyle;
+export declare const MEDIA_PLAYER_STYLE_ID = "bloom-media-player-web-css";
+export declare const MEDIA_PLAYER_CSS = "\n[data-bloom-player-link] {\n  cursor: pointer;\n  outline: none;\n}\n[data-bloom-player-link]:hover,\n[data-bloom-player-link]:focus-visible {\n  text-decoration-line: underline;\n}\n";
+export { contrastRatio, relativeLuminance };
+//# sourceMappingURL=shared.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/media-player/shared.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,eAAO,MAAM,MAAM,SAAwB,CAAC;AAQ5C,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,UAAU,CAE3D;AAED,eAAO,MAAM,cAAc,qDAAsD,CAAC;AAClF,eAAO,MAAM,mBAAmB,kCAAmC,CAAC;AAEpE,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAE5D;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAI/D;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,MAAM,CAEnE;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE5C;AAMD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,qBAAqB,EAAE,iBAAiB,CAI/E,CAAC;AAaF,sEAAsE;AACtE,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAKnE;AAED,+FAA+F;AAC/F,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,MAAM,WAAW,WAAW;IAC1B,0FAA0F;IAC1F,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,kFAAkF;IAClF,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAChB,WAAW,CAab;AAED,+FAA+F;AAC/F,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED,oGAAoG;AACpG,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,WAAW,CAMrG;AAMD,eAAO,MAAM,qBAAqB,+BAA+B,CAAC;AAElE,eAAO,MAAM,gBAAgB,8LAS5B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}