@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/typescript/module/media-controls/NowPlayingIndicator.d.ts

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

package/lib/typescript/module/media-controls/NowPlayingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NowPlayingIndicator.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/NowPlayingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAexD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AA4ExD,iBAAS,4BAA4B,CAAC,EACpC,OAAc,EACd,IAAS,EACT,IAAQ,EACR,KAAK,EACL,KAAqB,EACrB,KAAK,EACL,MAAM,GACP,EAAE,wBAAwB,2CAqC1B;AAED,eAAO,MAAM,mBAAmB,gEAAqC,CAAC"}

package/lib/typescript/module/media-controls/PauseGlyph.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Bloom's pause glyph — the play triangle's WEIGHT, in two bars.
+ *
+ * Measured in the shared 24 viewBox (`scripts/…` is not needed; the numbers are
+ * the paths' own):
+ *
+ *   play triangle    (8, 4) · (8, 20) · (20, 12), corners rounded   95.5 units²
+ *   two bars 2 × 14  the stock media pause                          56.0 units²  0.59 ×
+ *   two bars 3 × 16  this                                           96.0 units²  1.005 ×
+ *
+ * At 0.59 the pause read a full step lighter than the play it replaces, at every
+ * size, so a transport button changed WEIGHT as it toggled — the one thing a
+ * play/pause pair must not do, since the two are the same control. Ink area is
+ * the match that matters here: same vertical extent (y 4 → 20, the triangle's
+ * own), bars widened from 2 to 3, and the gap left at 6 so the pair still reads
+ * as two bars rather than a block.
+ *
+ * Bloom-LOCAL rather than an edit to `icons/remix/RiPauseFill`: that file is
+ * generated, and the stock weight is right for a 16px list glyph. This is the
+ * one for a filled transport button.
+ */
+export declare const PauseGlyph: import("react").ForwardRefExoticComponent<{
+    fill?: import("react-native-svg").PathProps["fill"];
+    style?: import("react-native").StyleProp<import("../icons").IconStyle>;
+    size?: keyof typeof import("..").iconSizes;
+    gradient?: keyof typeof import("../styles/tokens").gradients;
+} & Omit<import("react-native-svg").SvgProps, "style" | "size"> & import("react").RefAttributes<import("react-native-svg").default>>;
+//# sourceMappingURL=PauseGlyph.d.ts.map

package/lib/typescript/module/media-controls/PauseGlyph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PauseGlyph.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/PauseGlyph.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,UAAU;;;;;oIAErB,CAAC"}

package/lib/typescript/module/media-controls/PlayButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PlayButtonProps } from './types';
+declare function PlayButtonComponent({ playing, onPress, interactive, size, variant, loading, disabled, subject, playLabel, pauseLabel, accessibilityLabel, style, testID, }: PlayButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const PlayButton: React.MemoExoticComponent<typeof PlayButtonComponent>;
+export {};
+//# sourceMappingURL=PlayButton.d.ts.map

package/lib/typescript/module/media-controls/PlayButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayButton.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/PlayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAiBlE,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,SAAS,CAAC;AAuC/D,iBAAS,mBAAmB,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,WAAkB,EAClB,IAAe,EACf,OAAkB,EAClB,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,SAAkB,EAClB,UAAoB,EACpB,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CA8FjB;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/module/media-controls/PlaybackProgress.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { PlaybackProgressProps } from './types';
+/**
+ * The thin scrubber under a player: rail, buffered segment, progress fill and a
+ * thumb that shows on hover (web), keyboard focus and while dragging.
+ *
+ *   rail     4px pill, hit area 16 tall
+ *   times    caption-1-medium, tabular, muted; `inline` sits them either side
+ *            of the rail (8px gap, 40px min width); `below` under its two ends
+ *
+ * Seeking: `onSeekPreview(seconds)` fires while dragging (the fill and the
+ * elapsed time follow the pointer), `onSeek(seconds)` once on release. Arrow
+ * keys (web) and the native `increment`/`decrement` actions call `onSeek`
+ * directly, ±`keyboardStep` seconds; Home/End jump to the ends.
+ *
+ * Accessibility: a `slider` (`role="slider"`), named "Seek" by default, with
+ * `aria-valuemin` 0, `aria-valuemax` the duration, `aria-valuenow` the position
+ * and `aria-valuetext` "1:23 of 3:45". The drawn times are hidden — the value
+ * text already says them.
+ */
+declare function PlaybackProgressComponent({ value, duration, buffered, onSeek, onSeekPreview, showTimes, showRemaining, timesPosition, keyboardStep, disabled, accessibilityLabel, formatValueText, style, testID, }: PlaybackProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare const PlaybackProgress: React.MemoExoticComponent<typeof PlaybackProgressComponent>;
+export {};
+//# sourceMappingURL=PlaybackProgress.d.ts.map

package/lib/typescript/module/media-controls/PlaybackProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackProgress.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/PlaybackProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAOpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,yBAAyB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAa,EACb,SAAiB,EACjB,aAAqB,EACrB,aAAwB,EACxB,YAAgB,EAChB,QAAgB,EAChB,kBAA2B,EAC3B,eAAe,EACf,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,2CAmFvB;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/lib/typescript/module/media-controls/SpinnerRing.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A ring with one bright quarter, turning once every 800ms. Internal to the
+ * family (`PlayButton`'s `loading`). It keeps turning under reduced motion: it
+ * is a status, not decoration, and a still ring would read as "stalled".
+ */
+export declare function SpinnerRing({ size, color }: {
+    size: number;
+    color: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpinnerRing.d.ts.map

package/lib/typescript/module/media-controls/SpinnerRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerRing.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/SpinnerRing.tsx"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAkC3E"}

package/lib/typescript/module/media-controls/VolumeControl.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { VolumeControlProps } from './types';
+/** The speaker glyph for a level: muted or 0 → mute, under 0.5 → down, else up. */
+export declare function volumeIconFor(volume: number, muted: boolean): React.ForwardRefExoticComponent<{
+    fill?: import("react-native-svg").PathProps["fill"];
+    style?: import("react-native").StyleProp<import("../icons").IconStyle>;
+    size?: keyof typeof import("..").iconSizes;
+    gradient?: keyof typeof import("../styles/tokens").gradients;
+} & Omit<import("react-native-svg").SvgProps, "style" | "size"> & React.RefAttributes<import("react-native-svg").default>>;
+/**
+ * A speaker button that mutes, beside a short volume slider.
+ *
+ *   button   32 round, 20px glyph, muted neutral; hover: text colour on a
+ *            neutral-100 (dark neutral-800) wash
+ *   slider   the family's 4px rail, `sliderWidth` wide (96), 4px after the button
+ *
+ * The glyph follows the level: `RiVolumeMuteLine` (muted or 0),
+ * `RiVolumeDownLine` (under 50%), `RiVolumeUpLine`. While muted the slider draws
+ * 0; moving it calls `onMutedChange(false)` as well as `onVolumeChange`.
+ *
+ * `sliderVisibility="hover"` hides the slider on web until the control is
+ * hovered or holds keyboard focus (its width stays reserved, so nothing moves);
+ * a device without hover, and native, always shows it.
+ *
+ * Accessibility: the button is named by the action ("Mute" / "Unmute"); the
+ * slider is a `slider` named "Volume" with `aria-valuetext` "40%". Arrows step
+ * 5%.
+ */
+declare function VolumeControlComponent({ volume, onVolumeChange, muted, onMutedChange, sliderWidth, sliderVisibility, disabled, muteLabel, unmuteLabel, accessibilityLabel, style, testID, }: VolumeControlProps): import("react/jsx-runtime").JSX.Element;
+export declare const VolumeControl: React.MemoExoticComponent<typeof VolumeControlComponent>;
+export {};
+//# sourceMappingURL=VolumeControl.d.ts.map

package/lib/typescript/module/media-controls/VolumeControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumeControl.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/VolumeControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAmB/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;;;;;2HAG3D;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,KAAa,EACb,aAAa,EACb,WAAgB,EAChB,gBAA2B,EAC3B,QAAgB,EAChB,SAAkB,EAClB,WAAsB,EACtB,kBAA6B,EAC7B,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CA6EpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/module/media-controls/index.d.ts

@@ -0,0 +1,9 @@
+export { PlayButton } from './PlayButton';
+export { LikeButton } from './LikeButton';
+export { ExplicitBadge } from './ExplicitBadge';
+export { NowPlayingIndicator } from './NowPlayingIndicator';
+export { PlaybackProgress } from './PlaybackProgress';
+export { VolumeControl } from './VolumeControl';
+export { formatDuration } from './shared';
+export type { ExplicitBadgeProps, ExplicitBadgeSize, LikeButtonProps, LikeButtonSize, NowPlayingIndicatorProps, PlayButtonProps, PlayButtonSize, PlayButtonVariant, PlaybackProgressProps, PlaybackProgressTimes, VolumeControlProps, VolumeSliderVisibility, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/media-controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/lib/typescript/module/media-controls/shared.d.ts

@@ -0,0 +1,31 @@
+import type { Theme } from '../theme/types';
+export declare const IS_WEB: boolean;
+/**
+ * Seconds as a clock: `m:ss` under an hour, `h:mm:ss` from an hour. Fractions
+ * are floored (a player at 59.9s has not reached 1:00). Negative, `NaN` and
+ * infinite input draw `0:00`.
+ */
+export declare function formatDuration(seconds: number): string;
+/** Every colour the family paints, from the theme only. */
+export interface MediaControlsPaint {
+    accent: string;
+    accentHover: string;
+    accentPressed: string;
+    onAccent: string;
+    inverse: string;
+    inverseHover: string;
+    onInverse: string;
+    text: string;
+    textMuted: string;
+    /** A neutral wash behind a glyph-only control under the pointer. */
+    wash: string;
+    rail: string;
+    buffered: string;
+    badge: string;
+    onBadge: string;
+    ring: string;
+}
+export declare function resolveMediaControlsPaint(theme: Theme): MediaControlsPaint;
+export declare const MEDIA_CONTROLS_STYLE_ID = "bloom-media-controls-web-css";
+export declare const MEDIA_CONTROLS_CSS = "\n[data-bloom-media-focusable] {\n  outline: none;\n  cursor: pointer;\n}\n[data-bloom-media-focusable][aria-disabled=\"true\"] {\n  cursor: default;\n}\n[data-bloom-media-focusable]:focus-visible {\n  outline: 2px solid var(--bloom-media-ring, currentColor);\n  outline-offset: 2px;\n}\n[data-bloom-media-track]:focus-visible {\n  outline-offset: 4px;\n  border-radius: 4px;\n}\n[data-bloom-media-track]:focus-visible [data-bloom-media-thumb] {\n  opacity: 1 !important;\n}\n[data-bloom-media-track]:focus-visible [data-bloom-media-fill] {\n  background-color: var(--bloom-media-accent) !important;\n}\n[data-bloom-volume-control][data-bloom-volume-reveal=\"hover\"] [data-bloom-volume-slider] {\n  opacity: 0;\n  transition: opacity 150ms ease-out;\n}\n[data-bloom-volume-control][data-bloom-volume-reveal=\"hover\"]:hover [data-bloom-volume-slider],\n[data-bloom-volume-control][data-bloom-volume-reveal=\"hover\"]:focus-within [data-bloom-volume-slider] {\n  opacity: 1;\n}\n@media (hover: none) {\n  [data-bloom-volume-control][data-bloom-volume-reveal=\"hover\"] [data-bloom-volume-slider] {\n    opacity: 1;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-bloom-volume-control] [data-bloom-volume-slider] {\n    transition: none;\n  }\n}\n";
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/module/media-controls/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/shared.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,eAAO,MAAM,MAAM,SAAwB,CAAC;AAE5C;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAOtD;AAED,2DAA2D;AAC3D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB,CAqB1E;AAOD,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAQtE,eAAO,MAAM,kBAAkB,+uCAwC9B,CAAC"}

package/lib/typescript/module/media-controls/types.d.ts

@@ -0,0 +1,140 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+/** `small` 32, `medium` 48 (default), `large` 56 — the diameter of the button. */
+export type PlayButtonSize = 'small' | 'medium' | 'large';
+/**
+ * `accent` — a filled accent circle (the main transport button).
+ * `inverse` — a circle in the text colour (black in light mode, white in dark).
+ * `plain` — the glyph alone, for a row of tracks.
+ */
+export type PlayButtonVariant = 'accent' | 'inverse' | 'plain';
+export interface PlayButtonProps {
+    /**
+     * `false` draws the disc without making it a control: no `role="button"`, no
+     * focus stop, hidden from assistive tech unless `accessibilityLabel` names it.
+     * For a play glyph that sits INSIDE a pressable poster frame or row — a
+     * button inside a button is invalid HTML and a second stop for one action.
+     */
+    interactive?: boolean;
+    /** Whether the media is playing: draws the pause glyph and is named "Pause". */
+    playing: boolean;
+    /** Called on press. The button does not toggle anything itself. */
+    onPress?: () => void;
+    /** Default `medium`. */
+    size?: PlayButtonSize;
+    /** Default `accent`. */
+    variant?: PlayButtonVariant;
+    /** Replaces the glyph with a spinning ring and sets `aria-busy`. Still pressable. */
+    loading?: boolean;
+    disabled?: boolean;
+    /** What plays, appended to the name: `"Night Drive"` → "Play Night Drive". */
+    subject?: string;
+    /** Name while paused. Default `"Play"`. */
+    playLabel?: string;
+    /** Name while playing. Default `"Pause"`. */
+    pauseLabel?: string;
+    /** Replaces the composed name entirely. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** Glyph size: `small` 16, `medium` 20 (default), `large` 24. The hit area is never under 32. */
+export type LikeButtonSize = 'small' | 'medium' | 'large';
+export interface LikeButtonProps {
+    liked: boolean;
+    /** Called with the next state. */
+    onLikedChange: (liked: boolean) => void;
+    /** Default `medium`. */
+    size?: LikeButtonSize;
+    /** The liked heart's colour. Default: the theme accent. */
+    activeColor?: string;
+    disabled?: boolean;
+    /**
+     * The toggle's name. Default `"Save to Your Library"`. It stays the same in
+     * both states — `aria-pressed` carries the state; a name that also flipped
+     * would be announced as "Remove from Your Library, pressed".
+     */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** `small` 14, `medium` 16 (default) square. */
+export type ExplicitBadgeSize = 'small' | 'medium';
+export interface ExplicitBadgeProps {
+    /** Default `medium`. */
+    size?: ExplicitBadgeSize;
+    /** The drawn letter. Default `"E"`. */
+    letter?: string;
+    /** The accessible name. Default `"Explicit"`. */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface NowPlayingIndicatorProps {
+    /** Animates the bars. `false` draws them still. Default `true`. */
+    playing?: boolean;
+    /** Width and height of the square it draws in. Default `16`. */
+    size?: number;
+    /** Number of bars. Default `4`. */
+    bars?: 3 | 4;
+    /** Bar colour. Default: the theme accent. */
+    color?: string;
+    /** The accessible name. Default `"Now playing"`. */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** Where `PlaybackProgress` draws its times: beside the track (default) or under both ends. */
+export type PlaybackProgressTimes = 'inline' | 'below';
+export interface PlaybackProgressProps {
+    /** Position, in seconds. */
+    value: number;
+    /** Length, in seconds. */
+    duration: number;
+    /** How far the media has loaded, in seconds. */
+    buffered?: number;
+    /** Called once, with the position in seconds, when a drag is released or a key is pressed. */
+    onSeek?: (seconds: number) => void;
+    /** Called while dragging, with the position under the pointer. */
+    onSeekPreview?: (seconds: number) => void;
+    /** Draws the elapsed and total (or remaining) time. Default `false`. */
+    showTimes?: boolean;
+    /** The right-hand label counts down ("−2:22") instead of showing the length. */
+    showRemaining?: boolean;
+    /** Default `inline`. */
+    timesPosition?: PlaybackProgressTimes;
+    /** Seconds one arrow key moves. Default `5`. */
+    keyboardStep?: number;
+    disabled?: boolean;
+    /** The slider's name. Default `"Seek"`. */
+    accessibilityLabel?: string;
+    /** The announced value. Default: "1:23 of 3:45". */
+    formatValueText?: (seconds: number, duration: number) => string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/** `always` (default) or `hover`: on web the slider fades in on hover or keyboard focus. Native always shows it. */
+export type VolumeSliderVisibility = 'always' | 'hover';
+export interface VolumeControlProps {
+    /** Level, `0`..`1`. */
+    volume: number;
+    /** Called while dragging and on each key press, with a level in `0`..`1`. */
+    onVolumeChange: (volume: number) => void;
+    /** Whether sound is muted. The slider draws 0 while muted. */
+    muted?: boolean;
+    /** Called by the speaker button, and with `false` when the slider is moved while muted. */
+    onMutedChange?: (muted: boolean) => void;
+    /** Width of the slider. Default `96`. */
+    sliderWidth?: number;
+    /** Default `always`. */
+    sliderVisibility?: VolumeSliderVisibility;
+    disabled?: boolean;
+    /** Button name while sounding. Default `"Mute"`. */
+    muteLabel?: string;
+    /** Button name while muted. Default `"Unmute"`. */
+    unmuteLabel?: string;
+    /** The slider's name. Default `"Volume"`. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/media-controls/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/media-controls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,kFAAkF;AAClF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wBAAwB;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iGAAiG;AACjG,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,kCAAkC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,wBAAwB;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,gDAAgD;AAChD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,+FAA+F;AAC/F,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kEAAkE;IAClE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oHAAoH;AACpH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,kBAAkB;IACjC,uBAAuB;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/module/media-header/ArtistAbout.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ArtistAboutProps } from './types';
+/**
+ * The "About" section of an artist page.
+ *
+ *   heading    title-1-bold
+ *   card       radius 16, `card` fill; with `image` a 16:9 photo on top of it
+ *   bio        body-regular, clamped to `bioLines` with "Show more"
+ *   stats      `ArtistStats` (followers, monthly listeners)
+ *   cities     "Where people listen": city headline-semibold · count body-regular muted
+ */
+declare function ArtistAboutComponent({ image, bio, bioLines, stats, cities, title, showMoreLabel, showLessLabel, style, testID, }: ArtistAboutProps): import("react/jsx-runtime").JSX.Element;
+export declare const ArtistAbout: React.MemoExoticComponent<typeof ArtistAboutComponent>;
+export {};
+//# sourceMappingURL=ArtistAbout.d.ts.map

package/lib/typescript/module/media-header/ArtistAbout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistAbout.d.ts","sourceRoot":"","sources":["../../../../src/media-header/ArtistAbout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;;;;;GAQG;AAEH,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,GAAG,EACH,QAAY,EACZ,KAAK,EACL,MAAM,EACN,KAAe,EACf,aAAa,EACb,aAAa,EACb,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,2CAyDlB;AAED,eAAO,MAAM,WAAW,wDAA6B,CAAC"}

package/lib/typescript/module/media-header/ArtistHero.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ArtistHeroProps } from './types';
+declare function ArtistHeroComponent({ name, banner, avatar, verified, verifiedLabel, listeners, artworkColor, actions, headingLevel, style, testID, }: ArtistHeroProps): import("react/jsx-runtime").JSX.Element;
+export declare const ArtistHero: React.MemoExoticComponent<typeof ArtistHeroComponent>;
+export {};
+//# sourceMappingURL=ArtistHero.d.ts.map

package/lib/typescript/module/media-header/ArtistHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistHero.d.ts","sourceRoot":"","sources":["../../../../src/media-header/ArtistHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqB/C,iBAAS,mBAAmB,CAAC,EAC3B,IAAI,EACJ,MAAM,EACN,MAAM,EACN,QAAgB,EAChB,aAAiC,EACjC,SAAS,EACT,YAAY,EACZ,OAAO,EACP,YAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CAwEjB;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/module/media-header/ArtistPick.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ArtistPickProps } from './types';
+/**
+ * The item an artist pins to the top of their page.
+ *
+ *   label      "Artist pick" with a pin, caption-1-semibold muted
+ *   note       a card (radius 16) with a round 24 avatar and the note, body-regular
+ *   item       72 cover (radius 6) · title headline-semibold · subtitle body-regular muted
+ *
+ * With `onPress` the whole card is a button named by the title.
+ */
+declare function ArtistPickComponent({ image, title, subtitle, note, avatar, label, onPress, style, testID, }: ArtistPickProps): import("react/jsx-runtime").JSX.Element;
+export declare const ArtistPick: React.MemoExoticComponent<typeof ArtistPickComponent>;
+export {};
+//# sourceMappingURL=ArtistPick.d.ts.map

package/lib/typescript/module/media-header/ArtistPick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistPick.d.ts","sourceRoot":"","sources":["../../../../src/media-header/ArtistPick.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAUpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;;;;GAQG;AAEH,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAqB,EACrB,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CA2EjB;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/module/media-header/ArtistStats.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ArtistStatsProps } from './types';
+/**
+ * A row of figures: the value title-1-bold over its label body-regular muted,
+ * 32 apart, wrapping. Each figure is one accessible element ("1,204,331 Followers").
+ */
+declare function ArtistStatsComponent({ stats, style, testID }: ArtistStatsProps): import("react/jsx-runtime").JSX.Element;
+export declare const ArtistStats: React.MemoExoticComponent<typeof ArtistStatsComponent>;
+export {};
+//# sourceMappingURL=ArtistStats.d.ts.map

package/lib/typescript/module/media-header/ArtistStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistStats.d.ts","sourceRoot":"","sources":["../../../../src/media-header/ArtistStats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAKpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AAEH,iBAAS,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAsBvE;AAED,eAAO,MAAM,WAAW,wDAA6B,CAAC"}

package/lib/typescript/module/media-header/AudiobookHeader.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { AudiobookHeaderProps } from './types';
+/**
+ * The header of an audiobook.
+ *
+ *   band     2:3 cover 200×300 (narrow 160×240 centred), radius 6 · "Audiobook"
+ *            · title (display steps) · author link (title-3-semibold) ·
+ *            narrator (body-medium muted) · duration • chapters · rating
+ *   progress bar 200 + "4 h 10 min left", under the meta, when `progress` is set
+ */
+declare function AudiobookHeaderComponent({ title, cover, typeLabel, author, onAuthorPress, narrator, duration, chapters, progress, progressLabel, rating, ratingCount, artworkColor, actions, headingLevel, style, testID, }: AudiobookHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const AudiobookHeader: React.MemoExoticComponent<typeof AudiobookHeaderComponent>;
+export {};
+//# sourceMappingURL=AudiobookHeader.d.ts.map

package/lib/typescript/module/media-header/AudiobookHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudiobookHeader.d.ts","sourceRoot":"","sources":["../../../../src/media-header/AudiobookHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;;;;GAOG;AAEH,iBAAS,wBAAwB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,SAAuB,EACvB,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,MAAM,EACN,WAAW,EACX,YAAY,EACZ,OAAO,EACP,YAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CA8EtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/module/media-header/CollectionHeader.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { CollectionHeaderProps } from './types';
+/**
+ * The header of an album, single, EP, playlist, liked songs or audiobook page.
+ *
+ *              wide (≥ 600)                      narrow
+ *   cover      232, radius 6, drop shadow        240 centred (never wider than the band)
+ *   type       body-medium, on-band              same
+ *   title      large-title … title-1 bold,       display-4 … title-1
+ *              by length and width (see `selectTitleVariant`)
+ *   desc.      body-regular, muted, 2 lines
+ *   meta       avatars 24 · names (links) · year · summary · saves
+ *
+ * The band runs from the tinted artwork colour to 55% of it over the page, and
+ * the `actions` area continues that fade into the page. Text on the band is the
+ * theme's text or background colour — whichever reads better over both ends.
+ *
+ * `variant="liked"`: the cover is the accent gradient with a heart and the band
+ * is tinted from the accent.
+ *
+ * `editable`: a pencil badge sits on the cover (on web the cover also darkens
+ * with "Edit" on hover) and the cover and the title press to `onEdit`.
+ */
+declare function CollectionHeaderComponent({ typeLabel, title, description, cover, variant, owners, year, summary, saves, editable, onEdit, editLabel, artworkColor, actions, headingLevel, style, testID, }: CollectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const CollectionHeader: React.MemoExoticComponent<typeof CollectionHeaderComponent>;
+export {};
+//# sourceMappingURL=CollectionHeader.d.ts.map

package/lib/typescript/module/media-header/CollectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/media-header/CollectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAY7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAmB,EACnB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,MAAM,EACN,SAA0B,EAC1B,YAAY,EACZ,OAAO,EACP,YAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,2CA2IvB;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/lib/typescript/module/media-header/DiscographyFilter.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { DiscographyFilterOption, DiscographyFilterProps } from './types';
+/**
+ * The heading and chips over an artist's discography.
+ *
+ *   heading    title-1-bold, with a "Show all" link at the right
+ *   chips      `Chip` medium; the chosen one is `selected` (aria-pressed)
+ */
+export declare const DEFAULT_DISCOGRAPHY_OPTIONS: readonly DiscographyFilterOption[];
+declare function DiscographyFilterComponent({ value, onValueChange, options, title, onShowAll, showAllLabel, style, testID, }: DiscographyFilterProps): import("react/jsx-runtime").JSX.Element;
+export declare const DiscographyFilter: React.MemoExoticComponent<typeof DiscographyFilterComponent>;
+export {};
+//# sourceMappingURL=DiscographyFilter.d.ts.map

package/lib/typescript/module/media-header/DiscographyFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscographyFilter.d.ts","sourceRoot":"","sources":["../../../../src/media-header/DiscographyFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AASpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE/E;;;;;GAKG;AAEH,eAAO,MAAM,2BAA2B,EAAE,SAAS,uBAAuB,EAIzE,CAAC;AAEF,iBAAS,0BAA0B,CAAC,EAClC,KAAK,EACL,aAAa,EACb,OAAqC,EACrC,KAAqB,EACrB,SAAS,EACT,YAAyB,EACzB,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAmDxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/module/media-header/EpisodeHeader.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { EpisodeHeaderProps } from './types';
+/**
+ * The header of one podcast episode.
+ *
+ *   band     cover 160 (narrow 120, left), radius 8 · show link (headline-semibold)
+ *            · title (display-3 … title-1) · "Podcast episode"
+ *   row      PlayButton large · date · duration · progress (bar 120 + "23 min
+ *            left") · save toggle · share · download · more
+ *
+ * Save is a toggle named `saveLabel` ("Save episode") with `aria-pressed`;
+ * saved draws the accent check circle.
+ */
+declare function EpisodeHeaderComponent({ title, cover, showTitle, onShowPress, date, duration, playing, onPlayPress, progress, remainingLabel, saved, onSavedChange, saveLabel, onSharePress, shareLabel, download, downloadProgress, onDownloadPress, onMorePress, typeLabel, artworkColor, actions, headingLevel, style, testID, }: EpisodeHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const EpisodeHeader: React.MemoExoticComponent<typeof EpisodeHeaderComponent>;
+export {};
+//# sourceMappingURL=EpisodeHeader.d.ts.map

package/lib/typescript/module/media-header/EpisodeHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpisodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/media-header/EpisodeHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAWpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;GAUG;AAEH,iBAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,SAAS,EACT,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,cAAc,EACd,KAAa,EACb,aAAa,EACb,SAA0B,EAC1B,YAAY,EACZ,UAAoB,EACpB,QAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,SAA6B,EAC7B,YAAY,EACZ,OAAO,EACP,YAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CAkHpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/module/media-header/MediaActionBar.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { DownloadButtonProps, FollowButtonProps, MediaActionBarProps, MediaIconButtonProps, MediaMoreButtonProps, ShuffleButtonProps } from './types';
+/**
+ * A glyph-only control; a toggle when `pressed` is given.
+ *
+ * `button/GlyphButton` at this bar's 40 box (`max(40, size + 12)` — the glyph is
+ * the caller's, the TARGET is never under 40) with no fill in any state, plus
+ * the 4px accent dot an active toggle carries.
+ */
+declare function MediaIconButtonComponent({ icon: Icon, accessibilityLabel, onPress, size, pressed, color, disabled, style, testID, 'aria-expanded': ariaExpanded, 'aria-haspopup': ariaHaspopup, }: MediaIconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const MediaIconButton: React.MemoExoticComponent<typeof MediaIconButtonComponent>;
+declare function ShuffleButtonComponent({ shuffle, onShuffleChange, size, accessibilityLabel, ...rest }: ShuffleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const ShuffleButton: React.MemoExoticComponent<typeof ShuffleButtonComponent>;
+declare function MediaMoreButtonComponent({ onPress, accessibilityLabel, size, ...rest }: MediaMoreButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const MediaMoreButton: React.MemoExoticComponent<typeof MediaMoreButtonComponent>;
+/**
+ * Download toggle.
+ *
+ *   idle         outline arrow, muted
+ *   downloading  a ring filling in accent around a small arrow; the ring is a
+ *                `progressbar` with its own name and value
+ *   downloaded   filled accent circle with the arrow
+ *
+ * One name in every state ("Download"); `aria-pressed` is `true` once
+ * downloaded, `aria-busy` while downloading.
+ */
+declare function DownloadButtonComponent({ state, progress, onPress, size, disabled, accessibilityLabel, progressLabel, style, testID, }: DownloadButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const DownloadButton: React.MemoExoticComponent<typeof DownloadButtonComponent>;
+/**
+ * The outline pill: "Follow" → "Following", "Save" → "Saved". A toggle with
+ * one name (`label`) and `aria-pressed`.
+ */
+declare function FollowButtonComponent({ following, onFollowChange, label, followingLabel, color, size, disabled, style, testID, }: FollowButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const FollowButton: React.MemoExoticComponent<typeof FollowButtonComponent>;
+declare function MediaActionBarComponent({ playing, onPlayPress, playSubject, playDisabled, shuffle, onShuffleChange, liked, onLikedChange, following, onFollowChange, followLabel, followingLabel, download, downloadProgress, onDownloadPress, onMorePress, more, onSearchPress, searchLabel, compactViewLabel, view, onViewChange, trailing, style, testID, }: MediaActionBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const MediaActionBar: React.MemoExoticComponent<typeof MediaActionBarComponent>;
+export {};
+//# sourceMappingURL=MediaActionBar.d.ts.map

package/lib/typescript/module/media-header/MediaActionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaActionBar.d.ts","sourceRoot":"","sources":["../../../../src/media-header/MediaActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAsBpC,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAqBjB;;;;;;GAMG;AACH,iBAAS,wBAAwB,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,kBAAkB,EAClB,OAAO,EACP,IAAS,EACT,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,MAAM,EACN,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,GAC9B,EAAE,oBAAoB,2CA2CtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC;AAG9D,iBAAS,sBAAsB,CAAC,EAC9B,OAAO,EACP,eAAe,EACf,IAAS,EACT,kBAA8B,EAC9B,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAWpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC;AAG1D,iBAAS,wBAAwB,CAAC,EAChC,OAAO,EACP,kBAAmC,EACnC,IAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAUtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC;AAG9D;;;;;;;;;;GAUG;AACH,iBAAS,uBAAuB,CAAC,EAC/B,KAAK,EACL,QAAY,EACZ,OAAO,EACP,IAAS,EACT,QAAgB,EAChB,kBAA+B,EAC/B,aAAmC,EACnC,KAAK,EACL,MAAM,GACP,EAAE,mBAAmB,2CAkFrB;AAED,eAAO,MAAM,cAAc,2DAAgC,CAAC;AAG5D;;;GAGG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,cAAc,EACd,KAAgB,EAChB,cAA4B,EAC5B,KAAK,EACL,IAAc,EACd,QAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CAyCnB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC;AAGxD,iBAAS,uBAAuB,CAAC,EAC/B,OAAO,EACP,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAe,EACf,eAAe,EACf,KAAa,EACb,aAAa,EACb,SAAiB,EACjB,cAAc,EACd,WAAW,EACX,cAAc,EACd,QAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,IAAI,EACJ,aAAa,EACb,WAAkC,EAClC,gBAAiC,EACjC,IAAa,EACb,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,mBAAmB,2CAoFrB;AAED,eAAO,MAAM,cAAc,2DAAgC,CAAC"}

package/lib/typescript/module/media-header/PodcastShowHeader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PodcastShowHeaderProps } from './types';
+declare function PodcastShowHeaderComponent({ title, cover, publisher, onPublisherPress, rating, ratingCount, categories, onCategoryPress, following, onFollowChange, description, descriptionLines, latestEpisode, typeLabel, latestEpisodeLabel, showMoreLabel, showLessLabel, artworkColor, actions, headingLevel, style, testID, }: PodcastShowHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const PodcastShowHeader: React.MemoExoticComponent<typeof PodcastShowHeaderComponent>;
+export {};
+//# sourceMappingURL=PodcastShowHeader.d.ts.map

package/lib/typescript/module/media-header/PodcastShowHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastShowHeader.d.ts","sourceRoot":"","sources":["../../../../src/media-header/PodcastShowHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAapC,OAAO,KAAK,EAAiB,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAuFrE,iBAAS,0BAA0B,CAAC,EAClC,KAAK,EACL,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,UAAU,EACV,eAAe,EACf,SAAiB,EACjB,cAAc,EACd,WAAW,EACX,gBAAoB,EACpB,aAAa,EACb,SAAqB,EACrB,kBAAqC,EACrC,aAAa,EACb,aAAa,EACb,YAAY,EACZ,OAAO,EACP,YAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAmGxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/module/media-header/PopularTracks.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PopularTracksProps } from './types';
+declare function PopularTracksComponent({ tracks, title, collapsedCount, expandedCount, expanded: expandedProp, onExpandedChange, showMoreLabel, showLessLabel, activeTrackId, playing, onTrackPress, style, testID, }: PopularTracksProps): import("react/jsx-runtime").JSX.Element;
+export declare const PopularTracks: React.MemoExoticComponent<typeof PopularTracksComponent>;
+export {};
+//# sourceMappingURL=PopularTracks.d.ts.map

package/lib/typescript/module/media-header/PopularTracks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopularTracks.d.ts","sourceRoot":"","sources":["../../../../src/media-header/PopularTracks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAY9C,OAAO,KAAK,EAAgB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA+GhE,iBAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,KAAiB,EACjB,cAAkB,EAClB,aAAkB,EAClB,QAAQ,EAAE,YAAY,EACtB,gBAAgB,EAChB,aAA0B,EAC1B,aAA2B,EAC3B,aAAa,EACb,OAAe,EACf,YAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CAmEpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}

package/lib/typescript/module/media-header/ProfileHeader.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ProfileHeaderProps } from './types';
+/**
+ * A listener's profile.
+ *
+ *   band     round avatar 232 (narrow 160 centred) · "Profile" · name (display
+ *            steps) · counts: "12 public playlists • 48 followers • 30 following",
+ *            each a link when it has `onPress`
+ *   row      Follow pill (another listener) or "Edit profile" (your own) · more
+ */
+declare function ProfileHeaderComponent({ name, avatar, typeLabel, stats, following, onFollowChange, onEditPress, editLabel, onMorePress, artworkColor, actions, headingLevel, style, testID, }: ProfileHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare const ProfileHeader: React.MemoExoticComponent<typeof ProfileHeaderComponent>;
+export {};
+//# sourceMappingURL=ProfileHeader.d.ts.map

package/lib/typescript/module/media-header/ProfileHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileHeader.d.ts","sourceRoot":"","sources":["../../../../src/media-header/ProfileHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAQpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;GAOG;AAEH,iBAAS,sBAAsB,CAAC,EAC9B,IAAI,EACJ,MAAM,EACN,SAAqB,EACrB,KAAK,EACL,SAAiB,EACjB,cAAc,EACd,WAAW,EACX,SAA0B,EAC1B,WAAW,EACX,YAAY,EACZ,OAAO,EACP,YAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,kBAAkB,2CAuEpB;AAED,eAAO,MAAM,aAAa,0DAA+B,CAAC"}