@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/map-marker/shared.js

@@ -16,6 +16,7 @@
  *   visited label      neutral-500        neutral-400
  *   saved heart        red-500            red-500
  *   saved heart, active red-400           red-700   (on the inverted fill)
+ *   area                accent-500         accent-400  (fill at 15%, 1.5px edge)
  *
  * The surface family is `floating/menu-palette.ts`'s — a marker, the preview
  * card and the search pill are floating things over a map, painted like a
@@ -26,6 +27,11 @@ import { Platform } from 'react-native';
 import { colorRamp, DANGER_TABLE, resolveButtonRamps } from "../button/shared.js";
 import { resolveMenuPalette } from "../floating/menu-palette.js";
 const IS_WEB = Platform.OS === 'web';
+/** The approximate-area circle's fill opacity. */
+export const AREA_FILL_OPACITY = 0.15;
+/** The approximate-area circle's edge width. */
+export const AREA_BORDER_WIDTH = 1.5;
+
 /** Pure, so it can be walked over presets and modes. */
 export function resolveMapMarkerPaint(theme) {
   const menu = resolveMenuPalette(theme);
@@ -52,7 +58,8 @@ export function resolveMapMarkerPaint(theme) {
     heart: red[500],
     activeHeart: dark ? red[700] : red[400],
     placeholder: dark ? n[700] : n[100],
-    ring: accent[500]
+    ring: accent[500],
+    area: dark ? accent[400] : accent[500]
   };
 }
 

package/lib/module/map-marker/shared.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","colorRamp","DANGER_TABLE","resolveButtonRamps","resolveMenuPalette","IS_WEB","OS","resolveMapMarkerPaint","theme","menu","accent","neutral","n","red","colors","error","dark","isDark","surface","border","hoverBorder","trigger","hoverSurface","hoverBackground","label","text","labelSecondary","activeFill","activeLabel","card","visitedFill","visitedBorder","visitedLabel","heart","activeHeart","placeholder","ring","mapWebData","data","dataSet","MAP_MARKER_STYLE_ID","MAP_MARKER_CSS"],"sourceRoot":"../../../src","sources":["map-marker/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,SAAS,EAAEC,YAAY,EAAEC,kBAAkB,QAAQ,qBAAkB;AAC9E,SAASC,kBAAkB,QAAQ,6BAA0B;AAG7D,MAAMC,MAAM,GAAGL,QAAQ,CAACM,EAAE,KAAK,KAAK;AAqBpC;AACA,OAAO,SAASC,qBAAqBA,CAACC,KAAY,EAAkB;EAClE,MAAMC,IAAI,GAAGL,kBAAkB,CAACI,KAAK,CAAC;EACtC,MAAM;IAAEE,MAAM;IAAEC,OAAO,EAAEC;EAAE,CAAC,GAAGT,kBAAkB,CAACK,KAAK,CAAC;EACxD;EACA;EACA,MAAMK,GAAG,GAAGZ,SAAS,CAACO,KAAK,CAACM,MAAM,CAACC,KAAK,EAAEb,YAAY,CAAC;EACvD,MAAMc,IAAI,GAAGR,KAAK,CAACS,MAAM;EACzB,OAAO;IACLC,OAAO,EAAET,IAAI,CAACS,OAAO;IACrBC,MAAM,EAAEV,IAAI,CAACU,MAAM;IACnBC,WAAW,EAAEX,IAAI,CAACY,OAAO,CAACD,WAAW;IACrCE,YAAY,EAAEb,IAAI,CAACY,OAAO,CAACE,eAAe;IAC1CC,KAAK,EAAEf,IAAI,CAACgB,IAAI;IAChBC,cAAc,EAAEV,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACtCe,UAAU,EAAEnB,KAAK,CAACM,MAAM,CAACW,IAAI;IAC7BG,WAAW,EAAEZ,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGJ,KAAK,CAACM,MAAM,CAACe,IAAI;IAC9CC,WAAW,EAAEd,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACnCmB,aAAa,EAAEf,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACrCoB,YAAY,EAAEhB,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACpCqB,KAAK,EAAEpB,GAAG,CAAC,GAAG,CAAC;IACfqB,WAAW,EAAElB,IAAI,GAAGH,GAAG,CAAC,GAAG,CAAC,GAAGA,GAAG,CAAC,GAAG,CAAC;IACvCsB,WAAW,EAAEnB,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACnCwB,IAAI,EAAE1B,MAAM,CAAC,GAAG;EAClB,CAAC;AACH;;AAEA;AACA,OAAO,SAAS2B,UAAUA,CAACC,IAA4B,EAA2B;EAChF,OAAOjC,MAAM,GAAG;IAAEkC,OAAO,EAAED;EAAK,CAAC,GAAG,CAAC,CAAC;AACxC;AAEA,OAAO,MAAME,mBAAmB,GAAG,0BAA0B;;AAE7D;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","colorRamp","DANGER_TABLE","resolveButtonRamps","resolveMenuPalette","IS_WEB","OS","AREA_FILL_OPACITY","AREA_BORDER_WIDTH","resolveMapMarkerPaint","theme","menu","accent","neutral","n","red","colors","error","dark","isDark","surface","border","hoverBorder","trigger","hoverSurface","hoverBackground","label","text","labelSecondary","activeFill","activeLabel","card","visitedFill","visitedBorder","visitedLabel","heart","activeHeart","placeholder","ring","area","mapWebData","data","dataSet","MAP_MARKER_STYLE_ID","MAP_MARKER_CSS"],"sourceRoot":"../../../src","sources":["map-marker/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,SAAS,EAAEC,YAAY,EAAEC,kBAAkB,QAAQ,qBAAkB;AAC9E,SAASC,kBAAkB,QAAQ,6BAA0B;AAG7D,MAAMC,MAAM,GAAGL,QAAQ,CAACM,EAAE,KAAK,KAAK;AAuBpC;AACA,OAAO,MAAMC,iBAAiB,GAAG,IAAI;AACrC;AACA,OAAO,MAAMC,iBAAiB,GAAG,GAAG;;AAEpC;AACA,OAAO,SAASC,qBAAqBA,CAACC,KAAY,EAAkB;EAClE,MAAMC,IAAI,GAAGP,kBAAkB,CAACM,KAAK,CAAC;EACtC,MAAM;IAAEE,MAAM;IAAEC,OAAO,EAAEC;EAAE,CAAC,GAAGX,kBAAkB,CAACO,KAAK,CAAC;EACxD;EACA;EACA,MAAMK,GAAG,GAAGd,SAAS,CAACS,KAAK,CAACM,MAAM,CAACC,KAAK,EAAEf,YAAY,CAAC;EACvD,MAAMgB,IAAI,GAAGR,KAAK,CAACS,MAAM;EACzB,OAAO;IACLC,OAAO,EAAET,IAAI,CAACS,OAAO;IACrBC,MAAM,EAAEV,IAAI,CAACU,MAAM;IACnBC,WAAW,EAAEX,IAAI,CAACY,OAAO,CAACD,WAAW;IACrCE,YAAY,EAAEb,IAAI,CAACY,OAAO,CAACE,eAAe;IAC1CC,KAAK,EAAEf,IAAI,CAACgB,IAAI;IAChBC,cAAc,EAAEV,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACtCe,UAAU,EAAEnB,KAAK,CAACM,MAAM,CAACW,IAAI;IAC7BG,WAAW,EAAEZ,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGJ,KAAK,CAACM,MAAM,CAACe,IAAI;IAC9CC,WAAW,EAAEd,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACnCmB,aAAa,EAAEf,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACrCoB,YAAY,EAAEhB,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACpCqB,KAAK,EAAEpB,GAAG,CAAC,GAAG,CAAC;IACfqB,WAAW,EAAElB,IAAI,GAAGH,GAAG,CAAC,GAAG,CAAC,GAAGA,GAAG,CAAC,GAAG,CAAC;IACvCsB,WAAW,EAAEnB,IAAI,GAAGJ,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IACnCwB,IAAI,EAAE1B,MAAM,CAAC,GAAG,CAAC;IACjB2B,IAAI,EAAErB,IAAI,GAAGN,MAAM,CAAC,GAAG,CAAC,GAAGA,MAAM,CAAC,GAAG;EACvC,CAAC;AACH;;AAEA;AACA,OAAO,SAAS4B,UAAUA,CAACC,IAA4B,EAA2B;EAChF,OAAOpC,MAAM,GAAG;IAAEqC,OAAO,EAAED;EAAK,CAAC,GAAG,CAAC,CAAC;AACxC;AAEA,OAAO,MAAME,mBAAmB,GAAG,0BAA0B;;AAE7D;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { ExplicitBadge } from "../media-controls/index.js";
+import { RiDiscFill } from "../icons/remix/RiDiscFill.js";
+import { MediaCard } from "./MediaCard.js";
+import { joinMeta } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ALBUM_TYPE_LABELS = {
+  album: 'Album',
+  single: 'Single',
+  ep: 'EP',
+  compilation: 'Compilation'
+};
+
+/**
+ * An album, single or EP: square cover (radius 8), the title, "2026 · Album"
+ * and the artist. A row puts it on one line: "Album · 2026 · Mara Vell".
+ *
+ * Name: "Low Tide, Album, 2026, Mara Vell".
+ */
+function AlbumCardComponent({
+  title,
+  artist,
+  year,
+  albumType = 'album',
+  typeLabels,
+  explicit = false,
+  layout = 'tile',
+  ...rest
+}) {
+  const type = typeLabels?.[albumType] ?? ALBUM_TYPE_LABELS[albumType];
+  const row = layout === 'row';
+  return /*#__PURE__*/_jsx(MediaCard, {
+    ...rest,
+    layout: layout,
+    title: title,
+    typeLabel: type,
+    subtitle: row ? joinMeta([type, year, artist]) : joinMeta([year, type]),
+    meta: !row && artist ? [artist] : undefined,
+    accessibilityLabel: rest.accessibilityLabel ?? [title, explicit ? 'Explicit' : null, type, year, artist].filter(Boolean).join(', '),
+    placeholderIcon: RiDiscFill,
+    titleAccessory: explicit ? /*#__PURE__*/_jsx(ExplicitBadge, {
+      size: "small"
+    }) : undefined
+  });
+}
+export const AlbumCard = /*#__PURE__*/memo(AlbumCardComponent);
+AlbumCard.displayName = 'AlbumCard';
+//# sourceMappingURL=AlbumCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","ExplicitBadge","RiDiscFill","MediaCard","joinMeta","jsx","_jsx","ALBUM_TYPE_LABELS","album","single","ep","compilation","AlbumCardComponent","title","artist","year","albumType","typeLabels","explicit","layout","rest","type","row","typeLabel","subtitle","meta","undefined","accessibilityLabel","filter","Boolean","join","placeholderIcon","titleAccessory","size","AlbumCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/AlbumCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,aAAa,QAAQ,4BAAmB;AACjD,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,QAAQ,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpC,OAAO,MAAMC,iBAAgD,GAAG;EAC9DC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,EAAE,EAAE,IAAI;EACRC,WAAW,EAAE;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAC;EAC1BC,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,SAAS,GAAG,OAAO;EACnBC,UAAU;EACVC,QAAQ,GAAG,KAAK;EAChBC,MAAM,GAAG,MAAM;EACf,GAAGC;AACW,CAAC,EAAE;EACjB,MAAMC,IAAI,GAAGJ,UAAU,GAAGD,SAAS,CAAC,IAAIT,iBAAiB,CAACS,SAAS,CAAC;EACpE,MAAMM,GAAG,GAAGH,MAAM,KAAK,KAAK;EAC5B,oBACEb,IAAA,CAACH,SAAS;IAAA,GACJiB,IAAI;IACRD,MAAM,EAAEA,MAAO;IACfN,KAAK,EAAEA,KAAM;IACbU,SAAS,EAAEF,IAAK;IAChBG,QAAQ,EAAEF,GAAG,GAAGlB,QAAQ,CAAC,CAACiB,IAAI,EAAEN,IAAI,EAAED,MAAM,CAAC,CAAC,GAAGV,QAAQ,CAAC,CAACW,IAAI,EAAEM,IAAI,CAAC,CAAE;IACxEI,IAAI,EAAE,CAACH,GAAG,IAAIR,MAAM,GAAG,CAACA,MAAM,CAAC,GAAGY,SAAU;IAC5CC,kBAAkB,EAChBP,IAAI,CAACO,kBAAkB,IACvB,CAACd,KAAK,EAAEK,QAAQ,GAAG,UAAU,GAAG,IAAI,EAAEG,IAAI,EAAEN,IAAI,EAAED,MAAM,CAAC,CAACc,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CACpF;IACDC,eAAe,EAAE7B,UAAW;IAC5B8B,cAAc,EAAEd,QAAQ,gBAAGZ,IAAA,CAACL,aAAa;MAACgC,IAAI,EAAC;IAAO,CAAE,CAAC,GAAGP;EAAU,CACvE,CAAC;AAEN;AAEA,OAAO,MAAMQ,SAAS,gBAAGlC,IAAI,CAACY,kBAAkB,CAAC;AACjDsB,SAAS,CAACC,WAAW,GAAG,WAAW","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiUser3Fill } from "../icons/remix/RiUser3Fill.js";
+import { RiVerifiedBadgeFill } from "../icons/remix/RiVerifiedBadgeFill.js";
+import { useTheme } from "../theme/use-theme.js";
+import { MediaCard } from "./MediaCard.js";
+import { joinMeta, resolveMediaCardPaint } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * An artist: a ROUND photo (the only round cover besides a profile), the name
+ * with an accent verified mark, "Artist" and an optional follower count. A row
+ * draws a 56 round photo (48 at small) and "Artist · 1.2M followers".
+ *
+ * Name: "Mara Vell, Verified, Artist, 1.2M followers".
+ */
+function ArtistCardComponent({
+  name,
+  verified = false,
+  followers,
+  typeLabel = 'Artist',
+  verifiedLabel = 'Verified',
+  layout = 'tile',
+  ...rest
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
+  const row = layout === 'row';
+  return /*#__PURE__*/_jsx(MediaCard, {
+    ...rest,
+    layout: layout,
+    title: name,
+    artworkShape: "round",
+    placeholderIcon: RiUser3Fill,
+    subtitle: row ? joinMeta([typeLabel, followers]) : typeLabel,
+    meta: !row && followers ? [followers] : undefined,
+    accessibilityLabel: rest.accessibilityLabel ?? [name, verified ? verifiedLabel : null, typeLabel, followers].filter(Boolean).join(', '),
+    titleAccessory: verified ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexShrink: 0
+      },
+      children: /*#__PURE__*/_jsx(RiVerifiedBadgeFill, {
+        width: 16,
+        height: 16,
+        fill: paint.accent
+      })
+    }) : undefined
+  });
+}
+export const ArtistCard = /*#__PURE__*/memo(ArtistCardComponent);
+ArtistCard.displayName = 'ArtistCard';
+//# sourceMappingURL=ArtistCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiUser3Fill","RiVerifiedBadgeFill","useTheme","MediaCard","joinMeta","resolveMediaCardPaint","jsx","_jsx","ArtistCardComponent","name","verified","followers","typeLabel","verifiedLabel","layout","rest","theme","paint","row","title","artworkShape","placeholderIcon","subtitle","meta","undefined","accessibilityLabel","filter","Boolean","join","titleAccessory","style","flexShrink","children","width","height","fill","accent","ArtistCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/ArtistCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,mBAAmB,QAAQ,uCAAoC;AACxE,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,QAAQ,EAAEC,qBAAqB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,mBAAmBA,CAAC;EAC3BC,IAAI;EACJC,QAAQ,GAAG,KAAK;EAChBC,SAAS;EACTC,SAAS,GAAG,QAAQ;EACpBC,aAAa,GAAG,UAAU;EAC1BC,MAAM,GAAG,MAAM;EACf,GAAGC;AACY,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,KAAK,GAAGnB,OAAO,CAAC,MAAMO,qBAAqB,CAACW,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAClE,MAAME,GAAG,GAAGJ,MAAM,KAAK,KAAK;EAC5B,oBACEP,IAAA,CAACJ,SAAS;IAAA,GACJY,IAAI;IACRD,MAAM,EAAEA,MAAO;IACfK,KAAK,EAAEV,IAAK;IACZW,YAAY,EAAC,OAAO;IACpBC,eAAe,EAAErB,WAAY;IAC7BsB,QAAQ,EAAEJ,GAAG,GAAGd,QAAQ,CAAC,CAACQ,SAAS,EAAED,SAAS,CAAC,CAAC,GAAGC,SAAU;IAC7DW,IAAI,EAAE,CAACL,GAAG,IAAIP,SAAS,GAAG,CAACA,SAAS,CAAC,GAAGa,SAAU;IAClDC,kBAAkB,EAChBV,IAAI,CAACU,kBAAkB,IACvB,CAAChB,IAAI,EAAEC,QAAQ,GAAGG,aAAa,GAAG,IAAI,EAAED,SAAS,EAAED,SAAS,CAAC,CAACe,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CACxF;IACDC,cAAc,EACZnB,QAAQ,gBACNH,IAAA,CAACR,IAAI;MAAC+B,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAE,CAAE;MAAAC,QAAA,eAC7BzB,IAAA,CAACN,mBAAmB;QAACgC,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACC,IAAI,EAAElB,KAAK,CAACmB;MAAO,CAAE;IAAC,CAC9D,CAAC,GACLZ;EACL,CACF,CAAC;AAEN;AAEA,OAAO,MAAMa,UAAU,gBAAGxC,IAAI,CAACW,mBAAmB,CAAC;AACnD6B,UAAU,CAACC,WAAW,GAAG,YAAY","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { RiBookOpenFill } from "../icons/remix/RiBookOpenFill.js";
+import { useTheme } from "../theme/use-theme.js";
+import { MediaCard } from "./MediaCard.js";
+import { ListenProgress } from "./parts.js";
+import { clampFraction, joinMeta, resolveMediaCardPaint } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** A book cover is 2:3. */
+export const AUDIOBOOK_ASPECT_RATIO = 2 / 3;
+
+/**
+ * An audiobook: a TALLER 2:3 cover (160 × 240 at medium; 56 × 84 in a row,
+ * radius 6), the title, the author, "Narrated by …", the duration, and a
+ * full-width listened bar when `progress` > 0.
+ *
+ * Name: "The Quiet Coast, Audiobook, Ines Calder, Narrated by Teo Marsh, 11 h 20 min".
+ */
+function AudiobookCardComponent({
+  title,
+  author,
+  narrator,
+  narratorPrefix = 'Narrated by',
+  duration,
+  progress,
+  typeLabel = 'Audiobook',
+  layout = 'tile',
+  testID,
+  ...rest
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
+  const row = layout === 'row';
+  const narratedBy = narrator ? `${narratorPrefix} ${narrator}` : undefined;
+  const heard = clampFraction(progress);
+  return /*#__PURE__*/_jsx(MediaCard, {
+    ...rest,
+    title: title,
+    layout: layout,
+    testID: testID,
+    typeLabel: typeLabel,
+    subtitle: author,
+    meta: row ? [joinMeta([narratedBy, duration])].filter(Boolean) : [narratedBy ?? '', duration ?? ''].filter(Boolean),
+    artworkAspectRatio: AUDIOBOOK_ASPECT_RATIO,
+    artworkRadius: 6,
+    placeholderIcon: RiBookOpenFill,
+    footer: heard > 0 ? /*#__PURE__*/_jsx(ListenProgress, {
+      value: heard,
+      paint: paint,
+      label: `${title} progress`,
+      testID: testID ? `${testID}-progress` : undefined
+    }) : undefined
+  });
+}
+export const AudiobookCard = /*#__PURE__*/memo(AudiobookCardComponent);
+AudiobookCard.displayName = 'AudiobookCard';
+//# sourceMappingURL=AudiobookCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","RiBookOpenFill","useTheme","MediaCard","ListenProgress","clampFraction","joinMeta","resolveMediaCardPaint","jsx","_jsx","AUDIOBOOK_ASPECT_RATIO","AudiobookCardComponent","title","author","narrator","narratorPrefix","duration","progress","typeLabel","layout","testID","rest","theme","paint","row","narratedBy","undefined","heard","subtitle","meta","filter","Boolean","artworkAspectRatio","artworkRadius","placeholderIcon","footer","value","label","AudiobookCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/AudiobookCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAE5C,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,cAAc,QAAQ,YAAS;AACxC,SAASC,aAAa,EAAEC,QAAQ,EAAEC,qBAAqB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1E;AACA,OAAO,MAAMC,sBAAsB,GAAG,CAAC,GAAG,CAAC;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,sBAAsBA,CAAC;EAC9BC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,cAAc,GAAG,aAAa;EAC9BC,QAAQ;EACRC,QAAQ;EACRC,SAAS,GAAG,WAAW;EACvBC,MAAM,GAAG,MAAM;EACfC,MAAM;EACN,GAAGC;AACe,CAAC,EAAE;EACrB,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,CAAC;EACxB,MAAMqB,KAAK,GAAGvB,OAAO,CAAC,MAAMO,qBAAqB,CAACe,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAClE,MAAME,GAAG,GAAGL,MAAM,KAAK,KAAK;EAC5B,MAAMM,UAAU,GAAGX,QAAQ,GAAG,GAAGC,cAAc,IAAID,QAAQ,EAAE,GAAGY,SAAS;EACzE,MAAMC,KAAK,GAAGtB,aAAa,CAACY,QAAQ,CAAC;EACrC,oBACER,IAAA,CAACN,SAAS;IAAA,GACJkB,IAAI;IACRT,KAAK,EAAEA,KAAM;IACbO,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfF,SAAS,EAAEA,SAAU;IACrBU,QAAQ,EAAEf,MAAO;IACjBgB,IAAI,EAAEL,GAAG,GAAG,CAAClB,QAAQ,CAAC,CAACmB,UAAU,EAAET,QAAQ,CAAC,CAAC,CAAC,CAACc,MAAM,CAACC,OAAO,CAAC,GAAG,CAACN,UAAU,IAAI,EAAE,EAAET,QAAQ,IAAI,EAAE,CAAC,CAACc,MAAM,CAACC,OAAO,CAAE;IACpHC,kBAAkB,EAAEtB,sBAAuB;IAC3CuB,aAAa,EAAE,CAAE;IACjBC,eAAe,EAAEjC,cAAe;IAChCkC,MAAM,EACJR,KAAK,GAAG,CAAC,gBACPlB,IAAA,CAACL,cAAc;MAACgC,KAAK,EAAET,KAAM;MAACJ,KAAK,EAAEA,KAAM;MAACc,KAAK,EAAE,GAAGzB,KAAK,WAAY;MAACQ,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGM;IAAU,CAAE,CAAC,GAC3HA;EACL,CACF,CAAC;AAEN;AAEA,OAAO,MAAMY,aAAa,gBAAGvC,IAAI,CAACY,sBAAsB,CAAC;AACzD2B,aAAa,CAACC,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -0,0 +1,165 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiCheckboxCircleFill } from "../icons/remix/RiCheckboxCircleFill.js";
+import { RiMic2Fill } from "../icons/remix/RiMic2Fill.js";
+import { ExplicitBadge, PlayButton } from "../media-controls/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MediaCard } from "./MediaCard.js";
+import { ListenProgress } from "./parts.js";
+import { clampFraction, joinMeta, resolveMediaCardPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** An episode row's cover side. */
+export const EPISODE_ROW_ARTWORK = {
+  large: 112,
+  medium: 96,
+  small: 72
+};
+
+/** What the progress line draws: the check, the bar, or nothing. */
+export function episodeProgressState(played, progress) {
+  if (played) return 'played';
+  return clampFraction(progress) > 0 ? 'progress' : 'none';
+}
+
+/**
+ * An episode.
+ *
+ *   tile   cover on top (radius 12); "12 Sep · 48 min", the title (2 lines),
+ *          the show, the description (2 lines); the progress line
+ *   row    cover left (112 / 96 / 72), the same text; under it the play button
+ *          — ALWAYS drawn in a row — then the progress line and `actions`
+ *
+ *   progress line   `played`: an accent check + "Played"; `progress` > 0: a
+ *                   48px bar + "12 min left"; else nothing
+ *
+ * Name: "Tide Tables, Explicit, Episode, Slow Signals, 12 Sep · 48 min, 12 min left".
+ */
+function EpisodeCardComponent({
+  title,
+  show,
+  date,
+  duration,
+  description,
+  explicit = false,
+  progress,
+  remaining,
+  played = false,
+  playedLabel = 'Played',
+  actions,
+  typeLabel = 'Episode',
+  layout = 'tile',
+  size = 'medium',
+  onPlay,
+  playing = false,
+  loading = false,
+  testID,
+  ...rest
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
+  const row = layout === 'row';
+  const state = episodeProgressState(played, progress);
+  const when = joinMeta([date, duration]);
+  const progressLine = state === 'played' ? /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    testID: testID ? `${testID}-played` : undefined,
+    children: [/*#__PURE__*/_jsx(View, {
+      "aria-hidden": true,
+      children: /*#__PURE__*/_jsx(RiCheckboxCircleFill, {
+        width: 16,
+        height: 16,
+        fill: paint.accent
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-medium",
+      style: {
+        color: paint.textSecondary
+      },
+      children: playedLabel
+    })]
+  }) : state === 'progress' ? /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      flexShrink: 1
+    },
+    children: [/*#__PURE__*/_jsx(ListenProgress, {
+      value: progress ?? 0,
+      paint: paint,
+      width: 48,
+      label: `${title} progress`,
+      testID: testID ? `${testID}-progress` : undefined
+    }), remaining ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-medium",
+      numberOfLines: 1,
+      style: {
+        color: paint.textSecondary
+      },
+      children: remaining
+    }) : null]
+  }) : null;
+  const footer = row || progressLine || actions ? /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12
+    },
+    pointerEvents: "box-none",
+    children: [row && onPlay ? /*#__PURE__*/_jsx(PlayButton, {
+      playing: playing,
+      loading: loading,
+      onPress: onPlay,
+      subject: title,
+      size: "small",
+      testID: testID ? `${testID}-play` : undefined
+    }) : null, progressLine, /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      pointerEvents: "none"
+    }), actions ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4
+      },
+      pointerEvents: "box-none",
+      children: actions
+    }) : null]
+  }) : undefined;
+  return /*#__PURE__*/_jsx(MediaCard, {
+    ...rest,
+    title: title,
+    layout: layout,
+    size: size,
+    testID: testID,
+    onPlay: row ? undefined : onPlay,
+    playing: playing,
+    loading: loading,
+    typeLabel: typeLabel,
+    eyebrow: when || undefined,
+    titleLines: 2,
+    subtitle: show,
+    description: description,
+    artworkRadius: row ? 8 : 12,
+    artworkSize: row ? EPISODE_ROW_ARTWORK[size] : undefined,
+    rowAlign: "top",
+    placeholderIcon: RiMic2Fill,
+    titleAccessory: explicit ? /*#__PURE__*/_jsx(ExplicitBadge, {
+      size: "small"
+    }) : undefined,
+    accessibilityLabel: rest.accessibilityLabel ?? [title, explicit ? 'Explicit' : null, typeLabel, show, when || null, state === 'played' ? playedLabel : state === 'progress' ? remaining : null].filter(Boolean).join(', '),
+    footer: footer
+  });
+}
+export const EpisodeCard = /*#__PURE__*/memo(EpisodeCardComponent);
+EpisodeCard.displayName = 'EpisodeCard';
+//# sourceMappingURL=EpisodeCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiCheckboxCircleFill","RiMic2Fill","ExplicitBadge","PlayButton","useTheme","Text","MediaCard","ListenProgress","clampFraction","joinMeta","resolveMediaCardPaint","jsx","_jsx","jsxs","_jsxs","EPISODE_ROW_ARTWORK","large","medium","small","episodeProgressState","played","progress","EpisodeCardComponent","title","show","date","duration","description","explicit","remaining","playedLabel","actions","typeLabel","layout","size","onPlay","playing","loading","testID","rest","theme","paint","row","state","when","progressLine","style","flexDirection","alignItems","gap","undefined","children","width","height","fill","accent","variant","color","textSecondary","flexShrink","value","label","numberOfLines","footer","pointerEvents","onPress","subject","flex","eyebrow","titleLines","subtitle","artworkRadius","artworkSize","rowAlign","placeholderIcon","titleAccessory","accessibilityLabel","filter","Boolean","join","EpisodeCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/EpisodeCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,133 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { RiCalendarLine } from "../icons/remix/RiCalendarLine.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MediaCard } from "./MediaCard.js";
+import { joinMeta, resolveMediaCardPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Month over day: the calendar leaf of an event. */
+export function DateBlock({
+  month,
+  day,
+  paint,
+  size,
+  filled = false
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: size,
+      height: size,
+      borderRadius: 8,
+      backgroundColor: filled ? paint.placeholder : paint.surface,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "caption-2-semibold",
+      numberOfLines: 1,
+      style: {
+        color: paint.accent,
+        textTransform: 'uppercase'
+      },
+      children: month
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: size >= 56 ? 'title-3-bold' : 'headline-bold',
+      numberOfLines: 1,
+      style: {
+        color: paint.text,
+        marginTop: -2
+      },
+      children: day
+    })]
+  });
+}
+
+/**
+ * A concert or live show.
+ *
+ *   tile   the image (square, radius 8) with a 48 date leaf — month in the
+ *          accent over the day — 8 in from its top-left; the title, "venue ·
+ *          city", the time; under it `action` (the tickets button)
+ *   row    the date leaf (56) takes the cover's place; the action trails
+ *
+ * `soldOut` replaces the action with a "Sold out" badge and names it.
+ *
+ * Name: "Mara Vell, Event, Oct 14, The Lantern Hall · Porto, Fri 20:00, Sold out".
+ */
+function EventCardComponent({
+  title,
+  month,
+  day,
+  image,
+  imageVariant,
+  venue,
+  city,
+  time,
+  action,
+  soldOut = false,
+  soldOutLabel = 'Sold out',
+  typeLabel = 'Event',
+  layout = 'tile',
+  testID,
+  ...rest
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMediaCardPaint(theme), [theme]);
+  const row = layout === 'row';
+  const where = joinMeta([venue, city]);
+  const status = soldOut ? /*#__PURE__*/_jsx(Badge, {
+    content: soldOutLabel,
+    variant: "subtle",
+    color: "default",
+    testID: testID ? `${testID}-sold-out` : undefined
+  }) : action;
+  return /*#__PURE__*/_jsx(MediaCard, {
+    ...rest,
+    title: title,
+    layout: layout,
+    testID: testID,
+    playButton: "never",
+    typeLabel: typeLabel,
+    artwork: row ? undefined : image,
+    artworkVariant: imageVariant,
+    placeholderIcon: RiCalendarLine,
+    subtitle: where || undefined,
+    meta: time ? [time] : undefined,
+    accessibilityLabel: rest.accessibilityLabel ?? [title, typeLabel, `${month} ${day}`, where || null, time, soldOut ? soldOutLabel : null].filter(Boolean).join(', '),
+    renderArtwork: row ? () => /*#__PURE__*/_jsx(DateBlock, {
+      month: month,
+      day: day,
+      paint: paint,
+      size: 56,
+      filled: true
+    }) : undefined,
+    trailing: row ? status : undefined,
+    footer: !row && status ? /*#__PURE__*/_jsx(View, {
+      style: {
+        alignItems: 'flex-start'
+      },
+      pointerEvents: "box-none",
+      children: status
+    }) : undefined,
+    artworkOverlay: row ? undefined : /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: 8,
+        left: 8
+      },
+      children: /*#__PURE__*/_jsx(DateBlock, {
+        month: month,
+        day: day,
+        paint: paint,
+        size: 48
+      })
+    })
+  });
+}
+export const EventCard = /*#__PURE__*/memo(EventCardComponent);
+EventCard.displayName = 'EventCard';
+//# sourceMappingURL=EventCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Badge","RiCalendarLine","useTheme","Text","MediaCard","joinMeta","resolveMediaCardPaint","jsx","_jsx","jsxs","_jsxs","DateBlock","month","day","paint","size","filled","style","width","height","borderRadius","backgroundColor","placeholder","surface","alignItems","justifyContent","children","variant","numberOfLines","color","accent","textTransform","text","marginTop","EventCardComponent","title","image","imageVariant","venue","city","time","action","soldOut","soldOutLabel","typeLabel","layout","testID","rest","theme","row","where","status","content","undefined","playButton","artwork","artworkVariant","placeholderIcon","subtitle","meta","accessibilityLabel","filter","Boolean","join","renderArtwork","trailing","footer","pointerEvents","artworkOverlay","position","top","left","EventCard","displayName"],"sourceRoot":"../../../src","sources":["media-card/EventCard.tsx"],"mappings":"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","ignoreList":[]}