@oxy.so/bloom 2.8.0 → 2.10.0

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,32 @@
+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;
+export declare function clamp(v: number, min: number, max: number): number;
+/** 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,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAEjE;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,133 @@
+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 {
+    /** 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":"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"}

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;AAW7C,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,32 @@
+import React from 'react';
+import type { DownloadButtonProps, FollowButtonProps, MediaActionBarProps, MediaIconButtonProps, MediaMoreButtonProps, ShuffleButtonProps } from './types';
+/** A glyph-only control; a toggle when `pressed` is given. */
+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;AAmBpC,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAqBjB,8DAA8D;AAC9D,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,2CAyDtB;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;AAYpC,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;AAW9C,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"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { StickyMediaTopBarProps } from './types';
+/**
+ * The compact bar that takes over when the header scrolls away.
+ *
+ *   height     64 (default)
+ *   fill       the band's top colour (the tinted artwork colour)
+ *   content    leading · PlayButton small accent · title (title-2-bold,
+ *              one line, the band's text colour) · trailing
+ *
+ * Two ways to drive it:
+ *   - `progress` 0..1 — the fill and content take that opacity directly. Feed
+ *     it from `useMediaHeaderScroll` (a `ScrollView`'s `onScroll`, or the
+ *     document scroll on web).
+ *   - `visible` — fades in and out over 200ms; instant under reduced motion.
+ *
+ * The bar does not position itself: put it in an absolutely positioned (or, on
+ * web, `position: sticky` / `fixed`) container over the page. While it is less
+ * than half shown it is hidden from assistive tech and takes no pointer
+ * events, so the header under it stays reachable.
+ */
+declare function StickyMediaTopBarComponent({ title, playing, onPlayPress, artworkColor, visible, progress, leading, trailing, height, style, testID, }: StickyMediaTopBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const StickyMediaTopBar: React.MemoExoticComponent<typeof StickyMediaTopBarComponent>;
+export {};
+//# sourceMappingURL=StickyMediaTopBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyMediaTopBar.d.ts","sourceRoot":"","sources":["../../../../src/media-header/StickyMediaTopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAc/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKtD;;;;;;;;;;;;;;;;;;GAkBG;AAEH,iBAAS,0BAA0B,CAAC,EAClC,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,OAAe,EACf,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAmDxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

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

@@ -0,0 +1,18 @@
+export { CollectionHeader } from './CollectionHeader';
+export { DownloadButton, FollowButton, MediaActionBar, MediaIconButton, MediaMoreButton, ShuffleButton, } from './MediaActionBar';
+export { StickyMediaTopBar } from './StickyMediaTopBar';
+export { mediaHeaderScrollProgress, useMediaHeaderScroll } from './use-media-header-scroll';
+export { ArtistHero } from './ArtistHero';
+export { PopularTracks } from './PopularTracks';
+export { DiscographyFilter, DEFAULT_DISCOGRAPHY_OPTIONS } from './DiscographyFilter';
+export { ArtistPick } from './ArtistPick';
+export { ArtistAbout } from './ArtistAbout';
+export { ArtistStats } from './ArtistStats';
+export { PodcastShowHeader } from './PodcastShowHeader';
+export { EpisodeHeader } from './EpisodeHeader';
+export { ProfileHeader } from './ProfileHeader';
+export { AudiobookHeader } from './AudiobookHeader';
+export { resolveMediaHeaderPaint, selectTitleVariant, TITLE_STEPS, } from './shared';
+export type { MediaHeaderPaint } from './shared';
+export type { ArtistAboutProps, ArtistCity, ArtistHeroProps, ArtistPickProps, ArtistStat, ArtistStatsProps, AudiobookHeaderProps, CollectionHeaderProps, CollectionHeaderVariant, DiscographyFilterOption, DiscographyFilterProps, DownloadButtonProps, DownloadState, EpisodeHeaderProps, FollowButtonProps, LatestEpisode, MediaActionBarProps, MediaHeaderPerson, MediaHeaderScrollOptions, MediaIconButtonProps, MediaImageSource, MediaMoreButtonProps, MediaViewMode, PodcastShowHeaderProps, PopularTrack, PopularTracksProps, ProfileHeaderProps, ProfileStat, ShuffleButtonProps, StickyMediaTopBarProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,YAAY,EACV,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,wBAAwB,EACxB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,sBAAsB,EACtB,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}