@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/media-card/PlaylistCard.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiMusic2Fill } from "../icons/remix/RiMusic2Fill.js";
+import { RiTeamLine } from "../icons/remix/RiTeamLine.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MediaCard, SUBTITLE_VARIANT } from "./MediaCard.js";
+import { Mosaic } from "./parts.js";
+import { joinMeta, resolveMediaCardPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Which cover a playlist draws: its own `artwork`, else a 2×2 `mosaic` of up
+ * to four track covers, else a gradient generated from `artworkColor` (neutral
+ * without one) with a music note.
+ */
+export function playlistCoverKind(artwork, mosaic) {
+  if (artwork) return 'artwork';
+  if (mosaic && mosaic.filter(Boolean).length > 0) return 'mosaic';
+  return 'generated';
+}
+
+/**
+ * A playlist: square cover (artwork → mosaic → generated), the title, and
+ * "By Maya · 42 songs" — with a shared-playlist glyph first when
+ * `collaborative`.
+ *
+ * Name: "Late Hours, Playlist, Collaborative, By Maya · 42 songs".
+ */
+function PlaylistCardComponent({
+  title,
+  owner,
+  ownerPrefix = 'By',
+  trackCount,
+  mosaic,
+  collaborative = false,
+  collaborativeLabel = 'Collaborative',
+  typeLabel = 'Playlist',
+  artwork,
+  artworkColor,
+  layout = 'tile',
+  size = 'medium',
+  testID,
+  ...rest
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
+  const row = layout === 'row';
+  const line = joinMeta([row ? typeLabel : undefined, owner ? `${ownerPrefix} ${owner}` : undefined, trackCount]);
+  const kind = playlistCoverKind(artwork, mosaic);
+  const variant = row ? 'body-2-regular' : SUBTITLE_VARIANT[size];
+  const subtitle = collaborative ? /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      "aria-hidden": true,
+      style: {
+        flexShrink: 0
+      },
+      children: /*#__PURE__*/_jsx(RiTeamLine, {
+        width: 14,
+        height: 14,
+        fill: paint.textSecondary
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: variant,
+      numberOfLines: 1,
+      style: {
+        flexShrink: 1,
+        color: paint.textSecondary
+      },
+      children: line || collaborativeLabel
+    })]
+  }) : line;
+  return /*#__PURE__*/_jsx(MediaCard, {
+    ...rest,
+    title: title,
+    layout: layout,
+    size: size,
+    testID: testID,
+    artwork: artwork,
+    artworkColor: artworkColor,
+    typeLabel: typeLabel,
+    subtitle: subtitle,
+    placeholderIcon: RiMusic2Fill,
+    accessibilityLabel: rest.accessibilityLabel ?? [title, typeLabel, collaborative ? collaborativeLabel : null, line || null].filter(Boolean).join(', '),
+    renderArtwork: kind === 'mosaic' ? box => /*#__PURE__*/_jsx(Mosaic, {
+      sources: (mosaic ?? []).filter(Boolean),
+      width: box.width,
+      height: box.height,
+      paint: paint,
+      testID: testID ? `${testID}-mosaic` : undefined
+    }) : undefined
+  });
+}
+export const PlaylistCard = /*#__PURE__*/memo(PlaylistCardComponent);
+PlaylistCard.displayName = 'PlaylistCard';
+//# sourceMappingURL=PlaylistCard.js.map

package/lib/module/media-card/PlaylistCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiMusic2Fill","RiTeamLine","useTheme","Text","MediaCard","SUBTITLE_VARIANT","Mosaic","joinMeta","resolveMediaCardPaint","jsx","_jsx","jsxs","_jsxs","playlistCoverKind","artwork","mosaic","filter","Boolean","length","PlaylistCardComponent","title","owner","ownerPrefix","trackCount","collaborative","collaborativeLabel","typeLabel","artworkColor","layout","size","testID","rest","theme","paint","row","line","undefined","kind","variant","subtitle","style","flexDirection","alignItems","gap","children","flexShrink","width","height","fill","textSecondary","numberOfLines","color","placeholderIcon","accessibilityLabel","join","renderArtwork","box","sources","PlaylistCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/PlaylistCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/media-card/PodcastCard.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { RiMic2Fill } from "../icons/remix/RiMic2Fill.js";
+import { MediaCard } from "./MediaCard.js";
+import { joinMeta, PODCAST_RADIUS } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A show: a rounded-square cover — radius 12 (8 in a row), rounder than an
+ * album's so a shelf of shows reads apart from a shelf of albums — the title
+ * and the publisher.
+ *
+ * Name: "Slow Signals, Podcast, Harbor Audio".
+ */
+function PodcastCardComponent({
+  title,
+  publisher,
+  typeLabel = 'Podcast',
+  layout = 'tile',
+  ...rest
+}) {
+  const row = layout === 'row';
+  return /*#__PURE__*/_jsx(MediaCard, {
+    ...rest,
+    layout: layout,
+    title: title,
+    typeLabel: typeLabel,
+    subtitle: row ? joinMeta([typeLabel, publisher]) : publisher,
+    accessibilityLabel: rest.accessibilityLabel ?? [title, typeLabel, publisher].filter(Boolean).join(', '),
+    artworkRadius: row ? 8 : PODCAST_RADIUS,
+    placeholderIcon: RiMic2Fill
+  });
+}
+export const PodcastCard = /*#__PURE__*/memo(PodcastCardComponent);
+PodcastCard.displayName = 'PodcastCard';
+//# sourceMappingURL=PodcastCard.js.map

package/lib/module/media-card/PodcastCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","RiMic2Fill","MediaCard","joinMeta","PODCAST_RADIUS","jsx","_jsx","PodcastCardComponent","title","publisher","typeLabel","layout","rest","row","subtitle","accessibilityLabel","filter","Boolean","join","artworkRadius","placeholderIcon","PodcastCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/PodcastCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,QAAQ,EAAEC,cAAc,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,oBAAoBA,CAAC;EAAEC,KAAK;EAAEC,SAAS;EAAEC,SAAS,GAAG,SAAS;EAAEC,MAAM,GAAG,MAAM;EAAE,GAAGC;AAAuB,CAAC,EAAE;EACrH,MAAMC,GAAG,GAAGF,MAAM,KAAK,KAAK;EAC5B,oBACEL,IAAA,CAACJ,SAAS;IAAA,GACJU,IAAI;IACRD,MAAM,EAAEA,MAAO;IACfH,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAEA,SAAU;IACrBI,QAAQ,EAAED,GAAG,GAAGV,QAAQ,CAAC,CAACO,SAAS,EAAED,SAAS,CAAC,CAAC,GAAGA,SAAU;IAC7DM,kBAAkB,EAAEH,IAAI,CAACG,kBAAkB,IAAI,CAACP,KAAK,EAAEE,SAAS,EAAED,SAAS,CAAC,CAACO,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAAE;IACxGC,aAAa,EAAEN,GAAG,GAAG,CAAC,GAAGT,cAAe;IACxCgB,eAAe,EAAEnB;EAAW,CAC7B,CAAC;AAEN;AAEA,OAAO,MAAMoB,WAAW,gBAAGrB,IAAI,CAACO,oBAAoB,CAAC;AACrDc,WAAW,CAACC,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/media-card/ProfileCard.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { RiUser3Fill } from "../icons/remix/RiUser3Fill.js";
+import { MediaCard } from "./MediaCard.js";
+import { joinMeta } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A listener's profile (a follower, a friend): a round avatar, the name,
+ * "Profile · Follows you", an optional follower count, and `action` (the
+ * follow button) — under the text in a tile, trailing in a row.
+ *
+ * Name: "Maya Ortiz, Profile, Follows you, 214 followers".
+ */
+function ProfileCardComponent({
+  name,
+  followsYou = false,
+  typeLabel = 'Profile',
+  followsYouLabel = 'Follows you',
+  followers,
+  action,
+  layout = 'tile',
+  ...rest
+}) {
+  const row = layout === 'row';
+  const line = joinMeta([typeLabel, followsYou ? followsYouLabel : undefined]);
+  return /*#__PURE__*/_jsx(MediaCard, {
+    ...rest,
+    layout: layout,
+    title: name,
+    artworkShape: "round",
+    placeholderIcon: RiUser3Fill,
+    subtitle: line,
+    meta: followers ? [followers] : undefined,
+    accessibilityLabel: rest.accessibilityLabel ?? [name, typeLabel, followsYou ? followsYouLabel : null, followers].filter(Boolean).join(', '),
+    trailing: row ? action : undefined,
+    footer: !row && action ? /*#__PURE__*/_jsx(View, {
+      style: {
+        alignItems: 'flex-start'
+      },
+      pointerEvents: "box-none",
+      children: action
+    }) : undefined
+  });
+}
+export const ProfileCard = /*#__PURE__*/memo(ProfileCardComponent);
+ProfileCard.displayName = 'ProfileCard';
+//# sourceMappingURL=ProfileCard.js.map

package/lib/module/media-card/ProfileCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","RiUser3Fill","MediaCard","joinMeta","jsx","_jsx","ProfileCardComponent","name","followsYou","typeLabel","followsYouLabel","followers","action","layout","rest","row","line","undefined","title","artworkShape","placeholderIcon","subtitle","meta","accessibilityLabel","filter","Boolean","join","trailing","footer","style","alignItems","pointerEvents","children","ProfileCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/ProfileCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,QAAQ,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,oBAAoBA,CAAC;EAC5BC,IAAI;EACJC,UAAU,GAAG,KAAK;EAClBC,SAAS,GAAG,SAAS;EACrBC,eAAe,GAAG,aAAa;EAC/BC,SAAS;EACTC,MAAM;EACNC,MAAM,GAAG,MAAM;EACf,GAAGC;AACa,CAAC,EAAE;EACnB,MAAMC,GAAG,GAAGF,MAAM,KAAK,KAAK;EAC5B,MAAMG,IAAI,GAAGb,QAAQ,CAAC,CAACM,SAAS,EAAED,UAAU,GAAGE,eAAe,GAAGO,SAAS,CAAC,CAAC;EAC5E,oBACEZ,IAAA,CAACH,SAAS;IAAA,GACJY,IAAI;IACRD,MAAM,EAAEA,MAAO;IACfK,KAAK,EAAEX,IAAK;IACZY,YAAY,EAAC,OAAO;IACpBC,eAAe,EAAEnB,WAAY;IAC7BoB,QAAQ,EAAEL,IAAK;IACfM,IAAI,EAAEX,SAAS,GAAG,CAACA,SAAS,CAAC,GAAGM,SAAU;IAC1CM,kBAAkB,EAChBT,IAAI,CAACS,kBAAkB,IACvB,CAAChB,IAAI,EAAEE,SAAS,EAAED,UAAU,GAAGE,eAAe,GAAG,IAAI,EAAEC,SAAS,CAAC,CAACa,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAC5F;IACDC,QAAQ,EAAEZ,GAAG,GAAGH,MAAM,GAAGK,SAAU;IACnCW,MAAM,EAAE,CAACb,GAAG,IAAIH,MAAM,gBAAGP,IAAA,CAACL,IAAI;MAAC6B,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAa,CAAE;MAACC,aAAa,EAAC,UAAU;MAAAC,QAAA,EAAEpB;IAAM,CAAO,CAAC,GAAGK;EAAU,CAC1H,CAAC;AAEN;AAEA,OAAO,MAAMgB,WAAW,gBAAGlC,IAAI,CAACO,oBAAoB,CAAC;AACrD2B,WAAW,CAACC,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/media-card/QuickAccessTile.js

@@ -0,0 +1,178 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiMusic2Fill } from "../icons/remix/RiMusic2Fill.js";
+import { NowPlayingIndicator, PlayButton } from "../media-controls/index.js";
+import { Box as SkeletonBox } from "../skeleton/index.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { Artwork, CardLink, useMediaCardCss } from "./parts.js";
+import { composeName, IS_WEB, QUICK_TILE_HEIGHT, QUICK_TILE_RADIUS, resolveMediaCardPaint, resolvePlayVisibility } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The compact home-screen shortcut, laid out 2–4 to a row.
+ *
+ *   56 tall, radius 6, clipped; the cover flush left (56 square — or a 40
+ *   round photo inset 8 for an artist), 12 to the title (body-semibold, up to
+ *   2 lines), then one 32 slot at the trailing edge: the accent play button,
+ *   revealed on hover (web). While `current` the slot shows the now-playing
+ *   bars instead, swapped for the pause button under the pointer or focus on
+ *   web; native shows the button (or the bars without `onPlay`).
+ *
+ *   rest    text over background at 7% (dark 10%)
+ *   hover   at 12% (dark 16%) — colour only
+ *
+ * It stretches to its column: give it a width through `style` or its parent.
+ *
+ * Name: "Late Hours, Playlist".
+ */
+function QuickAccessTileComponent({
+  title,
+  artwork,
+  artworkVariant,
+  artworkColor,
+  round = false,
+  typeLabel,
+  onPress,
+  href,
+  onPlay,
+  playing = false,
+  loading = false,
+  current = false,
+  selected = false,
+  skeleton = false,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useMediaCardCss();
+  const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
+  if (skeleton) {
+    return /*#__PURE__*/_jsx(View, {
+      "aria-busy": true,
+      accessibilityLabel: "Loading",
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/_jsx(SkeletonBox, {
+        width: "100%",
+        height: QUICK_TILE_HEIGHT,
+        borderRadius: QUICK_TILE_RADIUS
+      })
+    });
+  }
+  const visibility = resolvePlayVisibility({
+    hasOnPlay: Boolean(onPlay),
+    playing,
+    loading,
+    current
+  });
+  // On web the current tile shows the bars at rest and swaps them for the
+  // pause button under the pointer or keyboard focus — one slot, never both.
+  const swap = IS_WEB && current && visibility !== 'none' && !loading;
+  const name = accessibilityLabel ?? composeName([title, typeLabel, current && playing ? 'Now playing' : undefined]);
+  const rootStyle = {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: QUICK_TILE_HEIGHT,
+    borderRadius: QUICK_TILE_RADIUS,
+    overflow: 'hidden',
+    backgroundColor: selected ? paint.selected : paint.tile,
+    '--bloom-media-card-hover': paint.tileHover
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    ...webDataSet({
+      bloomMediaCard: 'quick',
+      ...(onPress || href ? {
+        bloomMediaCardHover: ''
+      } : null)
+    }),
+    style: [rootStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(CardLink, {
+      name: name,
+      onPress: onPress,
+      href: href,
+      selected: selected,
+      radius: QUICK_TILE_RADIUS,
+      paint: paint,
+      testID: testID
+    }), /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        paddingLeft: round ? 8 : 0
+      },
+      children: /*#__PURE__*/_jsx(Artwork, {
+        source: artwork,
+        variant: artworkVariant,
+        color: artworkColor,
+        width: round ? 40 : QUICK_TILE_HEIGHT,
+        height: round ? 40 : QUICK_TILE_HEIGHT,
+        round: round,
+        radius: 0,
+        icon: RiMusic2Fill,
+        paint: paint,
+        testID: testID ? `${testID}-artwork` : undefined
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        flex: 1,
+        minWidth: 0,
+        marginLeft: 12,
+        marginRight: 8
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "body-semibold",
+        numberOfLines: 2,
+        style: {
+          color: current ? paint.accent : paint.text
+        },
+        children: title
+      })
+    }), current || visibility !== 'none' ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        width: 32,
+        height: 32,
+        marginRight: 12,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      pointerEvents: "box-none",
+      children: [current && (swap || visibility === 'none') ? /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        ...webDataSet(swap ? {
+          bloomMediaCardConceal: ''
+        } : {}),
+        children: /*#__PURE__*/_jsx(NowPlayingIndicator, {
+          playing: playing,
+          size: 14,
+          testID: testID ? `${testID}-now-playing` : undefined
+        })
+      }) : null, visibility !== 'none' ? /*#__PURE__*/_jsx(View, {
+        ...webDataSet(swap || visibility === 'hover' ? {
+          bloomMediaCardReveal: 'hover'
+        } : {}),
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0
+        },
+        testID: testID ? `${testID}-play` : undefined,
+        children: /*#__PURE__*/_jsx(PlayButton, {
+          playing: playing,
+          loading: loading,
+          onPress: onPlay,
+          subject: title,
+          size: "small"
+        })
+      }) : null]
+    }) : null]
+  });
+}
+export const QuickAccessTile = /*#__PURE__*/memo(QuickAccessTileComponent);
+QuickAccessTile.displayName = 'QuickAccessTile';
+//# sourceMappingURL=QuickAccessTile.js.map

package/lib/module/media-card/QuickAccessTile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiMusic2Fill","NowPlayingIndicator","PlayButton","Box","SkeletonBox","webDataSet","useTheme","Text","Artwork","CardLink","useMediaCardCss","composeName","IS_WEB","QUICK_TILE_HEIGHT","QUICK_TILE_RADIUS","resolveMediaCardPaint","resolvePlayVisibility","jsx","_jsx","jsxs","_jsxs","QuickAccessTileComponent","title","artwork","artworkVariant","artworkColor","round","typeLabel","onPress","href","onPlay","playing","loading","current","selected","skeleton","accessibilityLabel","style","testID","theme","paint","children","width","height","borderRadius","visibility","hasOnPlay","Boolean","swap","name","undefined","rootStyle","position","flexDirection","alignItems","overflow","backgroundColor","tile","tileHover","bloomMediaCard","bloomMediaCardHover","radius","pointerEvents","paddingLeft","source","variant","color","icon","flex","minWidth","marginLeft","marginRight","numberOfLines","accent","text","justifyContent","bloomMediaCardConceal","size","bloomMediaCardReveal","top","left","subject","QuickAccessTile","displayName"],"sourceRoot":"../../../src","sources":["media-card/QuickAccessTile.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/media-card/RecapCard.js

@@ -0,0 +1,209 @@
+"use strict";
+
+import React, { memo, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { mixColor } from "../button/shared.js";
+import { RiShareForwardLine } from "../icons/remix/RiShareForwardLine.js";
+import { Box as SkeletonBox } from "../skeleton/index.js";
+import { borderRadius } from "../styles/tokens.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { Artwork, CoverGradient, useMediaCardCss } from "./parts.js";
+import { IS_WEB, RECAP_RADIUS, resolveCoverTint, resolveMediaCardPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The share pill over a generated cover. Not `Button`: its fill is the cover's
+ * light text colour and its label the cover's own colour, in BOTH modes — a
+ * theme-painted button would be dark-on-dark on a dark cover in dark mode.
+ */
+function SharePill({
+  label,
+  onPress,
+  tint,
+  testID
+}) {
+  const [hovered, setHovered] = useState(false);
+  const style = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    gap: 6,
+    height: 36,
+    paddingLeft: 14,
+    paddingRight: 16,
+    borderRadius: borderRadius.full,
+    backgroundColor: hovered ? mixColor(tint.text, tint.top, 0.12) : tint.text,
+    ...(IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '150ms'
+    } : null)
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ...webDataSet({
+      bloomMediaCardShare: ''
+    }),
+    role: "button",
+    accessibilityLabel: label,
+    onPress: onPress,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(View, {
+      "aria-hidden": true,
+      pointerEvents: "none",
+      children: /*#__PURE__*/_jsx(RiShareForwardLine, {
+        width: 16,
+        height: 16,
+        fill: tint.bottom
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-semibold",
+      style: {
+        color: tint.bottom
+      },
+      children: label
+    })]
+  });
+}
+
+/**
+ * A yearly or monthly listening summary.
+ *
+ *   radius 20, padding 24, a diagonal gradient generated from `artworkColor`
+ *   (stepped dark enough for light text; neutral without it)
+ *   the eyebrow (headline-medium, muted), the number (display-2-bold), the
+ *   unit (title-3-medium); then each highlight — a 56 cover (round for an
+ *   artist) with its label (caption) and title (headline-semibold); then Share
+ *
+ * It stretches to its parent; `style` sets a width.
+ */
+function RecapCardComponent({
+  eyebrow,
+  value,
+  unit,
+  artworkColor,
+  highlights,
+  onShare,
+  shareLabel = 'Share',
+  skeleton = false,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useMediaCardCss();
+  const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
+  const tint = useMemo(() => resolveCoverTint(theme, artworkColor), [theme, artworkColor]);
+  if (skeleton) {
+    return /*#__PURE__*/_jsx(View, {
+      "aria-busy": true,
+      accessibilityLabel: "Loading",
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/_jsx(SkeletonBox, {
+        width: "100%",
+        height: 360,
+        borderRadius: RECAP_RADIUS
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    ...webDataSet({
+      bloomMediaCard: 'recap'
+    }),
+    style: [{
+      position: 'relative',
+      borderRadius: RECAP_RADIUS,
+      overflow: 'hidden',
+      backgroundColor: tint.top
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(CoverGradient, {
+      top: tint.top,
+      bottom: tint.bottom
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        paddingLeft: 24,
+        paddingRight: 24,
+        paddingTop: 24,
+        paddingBottom: 24,
+        gap: 20
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          gap: 4
+        },
+        children: [eyebrow ? /*#__PURE__*/_jsx(Text, {
+          variant: "headline-medium",
+          style: {
+            color: tint.textMuted
+          },
+          children: eyebrow
+        }) : null, /*#__PURE__*/_jsx(Text, {
+          variant: "display-2-bold",
+          numberOfLines: 1,
+          adjustsFontSizeToFit: true,
+          style: {
+            color: tint.text
+          },
+          testID: testID ? `${testID}-value` : undefined,
+          children: value
+        }), unit ? /*#__PURE__*/_jsx(Text, {
+          variant: "title-3-medium",
+          style: {
+            color: tint.text
+          },
+          children: unit
+        }) : null]
+      }), highlights && highlights.length > 0 ? /*#__PURE__*/_jsx(View, {
+        style: {
+          gap: 12
+        },
+        children: highlights.map((item, index) => /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12
+          },
+          children: [/*#__PURE__*/_jsx(Artwork, {
+            source: item.artwork,
+            width: 56,
+            height: 56,
+            round: item.round,
+            radius: 6,
+            paint: paint
+          }), /*#__PURE__*/_jsxs(View, {
+            style: {
+              flex: 1,
+              minWidth: 0
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              variant: "caption-1-medium",
+              numberOfLines: 1,
+              style: {
+                color: tint.textMuted
+              },
+              children: item.label
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "headline-semibold",
+              numberOfLines: 1,
+              style: {
+                color: tint.text
+              },
+              children: item.title
+            })]
+          })]
+        }, `${index}-${item.title}`))
+      }) : null, onShare ? /*#__PURE__*/_jsx(SharePill, {
+        label: shareLabel,
+        onPress: onShare,
+        tint: tint,
+        testID: testID ? `${testID}-share` : undefined
+      }) : null]
+    })]
+  });
+}
+export const RecapCard = /*#__PURE__*/memo(RecapCardComponent);
+RecapCard.displayName = 'RecapCard';
+//# sourceMappingURL=RecapCard.js.map

package/lib/module/media-card/RecapCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","useState","Pressable","View","mixColor","RiShareForwardLine","Box","SkeletonBox","borderRadius","webDataSet","useTheme","Text","Artwork","CoverGradient","useMediaCardCss","IS_WEB","RECAP_RADIUS","resolveCoverTint","resolveMediaCardPaint","jsx","_jsx","jsxs","_jsxs","SharePill","label","onPress","tint","testID","hovered","setHovered","style","flexDirection","alignItems","alignSelf","gap","height","paddingLeft","paddingRight","full","backgroundColor","text","top","transitionProperty","transitionDuration","bloomMediaCardShare","role","accessibilityLabel","onHoverIn","onHoverOut","children","pointerEvents","width","fill","bottom","variant","color","RecapCardComponent","eyebrow","value","unit","artworkColor","highlights","onShare","shareLabel","skeleton","theme","paint","bloomMediaCard","position","overflow","paddingTop","paddingBottom","textMuted","numberOfLines","adjustsFontSizeToFit","undefined","length","map","item","index","source","artwork","round","radius","flex","minWidth","title","RecapCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/RecapCard.tsx"],"mappings":"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","ignoreList":[]}