@oxy.so/bloom 2.8.0 → 2.10.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Image","Linking","Pressable","StyleSheet","View","Svg","Defs","LinearGradient","Rect","Stop","Button","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","RiMoreFill","useImageResolver","adoptStyleSheet","borderRadius","useTheme","clampFraction","IS_WEB","MEDIA_CARD_CSS","MEDIA_CARD_STYLE_ID","resolveArtworkUri","resolveCoverTint","webData","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useMediaCardCss","useEffect","gradientId","CoverGradient","top","bottom","id","width","height","style","absoluteFill","pointerEvents","children","x1","y1","x2","y2","offset","stopColor","stopOpacity","x","y","fill","Artwork","source","variant","round","radius","color","icon","Icon","paint","testID","theme","resolver","uri","tint","glyph","Math","min","max","content","resizeMode","accessibilityIgnoresInvertColors","position","textMuted","placeholderGlyph","importantForAccessibility","accessibilityElementsHidden","flexShrink","full","overflow","backgroundColor","placeholder","alignItems","justifyContent","Mosaic","sources","covers","slice","length","cellW","cellH","flexDirection","flexWrap","map","index","undefined","ListenProgress","value","label","pct","role","accessibilityLabel","flexGrow","minWidth","rail","CardLink","name","onPress","href","onLongPress","selected","handlePress","event","preventDefault","openURL","catch","absoluteFillObject","ring","interactive","Boolean","bloomMediaCardLink","accessibilityState","hasMenu","menu","items","CardMenu","subject","open","onOpenChange","reveal","bloomMediaCardMenu","bloomMediaCardReveal","asChild","size","iconOnly","leadingIcon","align","item","disabled","leading","destructive"],"sourceRoot":"../../../src","sources":["media-card/parts.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,248 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { ACCENT_TABLE, colorRamp, mixColor, resolveButtonRamps } from "../button/shared.js";
+import { isUrl } from "../listing-card/shared.js";
+import { parseRgba } from "../theme/color-utils.js";
+import { contrastRatio, relativeLuminance } from "../styles/color-contrast.js";
+export const IS_WEB = Platform.OS === 'web';
+
+// ---------------------------------------------------------------------------
+//  Geometry
+// ---------------------------------------------------------------------------
+
+/** Cover side of a tile. */
+export const TILE_ARTWORK = {
+  large: 200,
+  medium: 160,
+  small: 120
+};
+/** Cover side of a row. */
+export const ROW_ARTWORK = {
+  large: 56,
+  medium: 56,
+  small: 48
+};
+
+/** The hover / selected wash around a tile: padding and radius. */
+export const TILE_PADDING = 12;
+export const TILE_RADIUS = 16;
+export const ROW_PADDING = 8;
+export const ROW_RADIUS = 12;
+/** Between a tile's cover and its title, and a row's cover and its text. */
+export const TEXT_GAP = 12;
+
+/** A square cover's radius: 8 in a tile, 6 at `small` and in a row. */
+export function squareRadius(size, layout) {
+  return layout === 'row' || size === 'small' ? 6 : 8;
+}
+
+/** A show's cover is rounder than an album's. */
+export const PODCAST_RADIUS = 12;
+export const GENRE_RADIUS = 8;
+export const QUICK_TILE_HEIGHT = 56;
+export const QUICK_TILE_RADIUS = 6;
+/** The rotation of the cover peeking out of a genre tile. */
+export const GENRE_ARTWORK_ROTATION = 25;
+export const RECAP_RADIUS = 20;
+export function artworkSide(size, layout) {
+  return layout === 'row' ? ROW_ARTWORK[size] : TILE_ARTWORK[size];
+}
+
+// ---------------------------------------------------------------------------
+//  Play button visibility
+// ---------------------------------------------------------------------------
+
+/**
+ * `visible` drawn and shown; `hover` drawn but revealed by the card's hover or
+ * focus (web CSS); `none` not drawn.
+ */
+
+export function resolvePlayVisibility({
+  mode = 'auto',
+  hasOnPlay,
+  playing = false,
+  loading = false,
+  current = false,
+  web = IS_WEB
+}) {
+  if (!hasOnPlay || mode === 'never') return 'none';
+  if (mode === 'always' || playing || loading || current) return 'visible';
+  return web ? 'hover' : 'none';
+}
+
+// ---------------------------------------------------------------------------
+//  Images
+// ---------------------------------------------------------------------------
+
+/** A URL passes through; an id goes to the app's resolver (`undefined` without one). */
+export function resolveArtworkUri(source, resolver, variant) {
+  if (!source) return undefined;
+  return isUrl(source) ? source : resolver?.(source, variant) ?? undefined;
+}
+
+// ---------------------------------------------------------------------------
+//  Names
+// ---------------------------------------------------------------------------
+
+/** Joins the non-empty parts with ", " — the card's accessible name. */
+export function composeName(parts) {
+  return parts.filter(part => typeof part === 'string' && part.trim() !== '').join(', ');
+}
+
+/** Joins the non-empty parts with " · " — a meta line. */
+export function joinMeta(parts) {
+  return parts.filter(part => typeof part === 'string' && part.trim() !== '').join(' · ');
+}
+export function clampFraction(value) {
+  if (value === undefined || !Number.isFinite(value)) return 0;
+  return Math.min(1, Math.max(0, value));
+}
+
+// ---------------------------------------------------------------------------
+//  Contrast
+// ---------------------------------------------------------------------------
+
+/** Text drawn over a generated cover must clear this. */
+export const COVER_TEXT_CONTRAST = 4.5;
+const TINT_STOPS = [500, 600, 700, 800, 900];
+
+/**
+ * The colours of a cover generated from an artwork colour.
+ *
+ * The fill is the colour's own ramp, stepped darker (500 → 900) until light
+ * text on it clears {@link COVER_TEXT_CONTRAST}; the gradient's bottom is two
+ * stops further down. Without a colour — or with one that does not parse — the
+ * cover is the theme's neutral 700 → 900, which clears it in both modes.
+ */
+export function resolveCoverTint(theme, color) {
+  const {
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const text = n[50];
+  const textMuted = mixColor(n[50], n[300], 0.35);
+  if (color && parseRgba(color)) {
+    const ramp = colorRamp(color, ACCENT_TABLE);
+    const index = TINT_STOPS.findIndex(stop => contrastRatio(ramp[stop], text) >= COVER_TEXT_CONTRAST);
+    const at = index === -1 ? TINT_STOPS.length - 1 : index;
+    const stop = TINT_STOPS[at];
+    const bottom = TINT_STOPS[Math.min(at + 2, TINT_STOPS.length - 1)];
+    // The ramp's 900 can still be light for a very pale input; fall back.
+    if (contrastRatio(ramp[stop], text) >= COVER_TEXT_CONTRAST) {
+      return {
+        top: ramp[stop],
+        bottom: ramp[bottom] === ramp[stop] ? ramp[950] : ramp[bottom],
+        text,
+        textMuted
+      };
+    }
+  }
+  return {
+    top: n[700],
+    bottom: n[900],
+    text,
+    textMuted
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Paint
+// ---------------------------------------------------------------------------
+
+/**
+ * Every colour the family paints outside generated covers.
+ *
+ *   hover        text over background at 6%    selected  at 10% (hovered 14%)
+ *   placeholder  text at 8% (dark 10%)          glyph     text at 40%
+ *   tile         text at 7% (dark 10%)          hover     at 12% (dark 16%)
+ *   rail         neutral-200 (dark neutral-700) fill      the accent
+ */
+export function resolveMediaCardPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const {
+    colors,
+    isDark
+  } = theme;
+  return {
+    text: colors.text,
+    textSecondary: colors.textSecondary,
+    hover: mixColor(colors.background, colors.text, 0.06),
+    selected: mixColor(colors.background, colors.text, 0.1),
+    selectedHover: mixColor(colors.background, colors.text, 0.14),
+    placeholder: mixColor(colors.background, colors.text, isDark ? 0.1 : 0.08),
+    placeholderGlyph: mixColor(colors.background, colors.text, 0.4),
+    tile: mixColor(colors.background, colors.text, isDark ? 0.1 : 0.07),
+    tileHover: mixColor(colors.background, colors.text, isDark ? 0.16 : 0.12),
+    rail: isDark ? n[700] : n[200],
+    fill: accent[500],
+    accent: accent[500],
+    surface: colors.background,
+    ring: accent[500]
+  };
+}
+export function webData(data) {
+  return IS_WEB ? {
+    dataSet: data
+  } : {};
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS — hover washes, the hover reveal and focus rings have no inline
+//  spelling, so they hang off `dataSet` attributes in one adopted sheet.
+// ---------------------------------------------------------------------------
+
+export const MEDIA_CARD_STYLE_ID = 'bloom-media-card-web-css';
+const CARD = '[data-bloom-media-card]';
+const LINK = '[data-bloom-media-card-link]';
+const REVEAL = '[data-bloom-media-card-reveal="hover"]';
+export const MEDIA_CARD_CSS = `
+${CARD} {
+  transition: background-color 150ms ease-out;
+}
+${LINK} {
+  outline: none;
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+}
+${LINK}:focus-visible {
+  outline: 2px solid var(--bloom-media-card-ring, currentColor);
+  outline-offset: 2px;
+}
+${CARD}[data-bloom-media-card-hover]:hover {
+  background-color: var(--bloom-media-card-hover) !important;
+}
+${REVEAL} {
+  opacity: 0;
+  transform: translateY(8px);
+  pointer-events: none;
+  transition: opacity 180ms ease-out, transform 180ms ease-out;
+}
+${CARD}:hover ${REVEAL},
+${CARD}:focus-within ${REVEAL},
+${CARD}[data-bloom-media-card-menu-open] ${REVEAL} {
+  opacity: 1;
+  transform: none;
+  pointer-events: auto;
+}
+[data-bloom-media-card-conceal] {
+  transition: opacity 180ms ease-out;
+}
+${CARD}:hover [data-bloom-media-card-conceal],
+${CARD}:focus-within [data-bloom-media-card-conceal] {
+  opacity: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  ${CARD}, ${REVEAL} {
+    transition: none;
+  }
+  ${REVEAL} {
+    transform: none;
+  }
+}
+`;
+export { contrastRatio, relativeLuminance };
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","ACCENT_TABLE","colorRamp","mixColor","resolveButtonRamps","isUrl","parseRgba","contrastRatio","relativeLuminance","IS_WEB","OS","TILE_ARTWORK","large","medium","small","ROW_ARTWORK","TILE_PADDING","TILE_RADIUS","ROW_PADDING","ROW_RADIUS","TEXT_GAP","squareRadius","size","layout","PODCAST_RADIUS","GENRE_RADIUS","QUICK_TILE_HEIGHT","QUICK_TILE_RADIUS","GENRE_ARTWORK_ROTATION","RECAP_RADIUS","artworkSide","resolvePlayVisibility","mode","hasOnPlay","playing","loading","current","web","resolveArtworkUri","source","resolver","variant","undefined","composeName","parts","filter","part","trim","join","joinMeta","clampFraction","value","Number","isFinite","Math","min","max","COVER_TEXT_CONTRAST","TINT_STOPS","resolveCoverTint","theme","color","neutral","n","text","textMuted","ramp","index","findIndex","stop","at","length","bottom","top","resolveMediaCardPaint","accent","colors","isDark","textSecondary","hover","background","selected","selectedHover","placeholder","placeholderGlyph","tile","tileHover","rail","fill","surface","ring","webData","data","dataSet","MEDIA_CARD_STYLE_ID","CARD","LINK","REVEAL","MEDIA_CARD_CSS"],"sourceRoot":"../../../src","sources":["media-card/shared.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,YAAY,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,kBAAkB,QAAuB,qBAAkB;AAEvG,SAASC,KAAK,QAAQ,2BAAwB;AAC9C,SAASC,SAAS,QAAQ,yBAAsB;AAGhD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,6BAA0B;AAE3E,OAAO,MAAMC,MAAM,GAAGT,QAAQ,CAACU,EAAE,KAAK,KAAK;;AAE3C;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,YAA2C,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,MAAM,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAI,CAAC;AAClG;AACA,OAAO,MAAMC,WAA0C,GAAG;EAAEH,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAE9F;AACA,OAAO,MAAME,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,WAAW,GAAG,EAAE;AAC7B,OAAO,MAAMC,WAAW,GAAG,CAAC;AAC5B,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B;AACA,OAAO,MAAMC,QAAQ,GAAG,EAAE;;AAE1B;AACA,OAAO,SAASC,YAAYA,CAACC,IAAmB,EAAEC,MAAuB,EAAU;EACjF,OAAOA,MAAM,KAAK,KAAK,IAAID,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC;AACrD;;AAEA;AACA,OAAO,MAAME,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,YAAY,GAAG,CAAC;AAC7B,OAAO,MAAMC,iBAAiB,GAAG,EAAE;AACnC,OAAO,MAAMC,iBAAiB,GAAG,CAAC;AAClC;AACA,OAAO,MAAMC,sBAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;AAE9B,OAAO,SAASC,WAAWA,CAACR,IAAmB,EAAEC,MAAuB,EAAU;EAChF,OAAOA,MAAM,KAAK,KAAK,GAAGR,WAAW,CAACO,IAAI,CAAC,GAAGX,YAAY,CAACW,IAAI,CAAC;AAClE;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAGA,OAAO,SAASS,qBAAqBA,CAAC;EACpCC,IAAI,GAAG,MAAM;EACbC,SAAS;EACTC,OAAO,GAAG,KAAK;EACfC,OAAO,GAAG,KAAK;EACfC,OAAO,GAAG,KAAK;EACfC,GAAG,GAAG5B;AAQR,CAAC,EAAkB;EACjB,IAAI,CAACwB,SAAS,IAAID,IAAI,KAAK,OAAO,EAAE,OAAO,MAAM;EACjD,IAAIA,IAAI,KAAK,QAAQ,IAAIE,OAAO,IAAIC,OAAO,IAAIC,OAAO,EAAE,OAAO,SAAS;EACxE,OAAOC,GAAG,GAAG,OAAO,GAAG,MAAM;AAC/B;;AAEA;AACA;AACA;;AAEA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,MAA0B,EAC1BC,QAA8B,EAC9BC,OAAgB,EACI;EACpB,IAAI,CAACF,MAAM,EAAE,OAAOG,SAAS;EAC7B,OAAOrC,KAAK,CAACkC,MAAM,CAAC,GAAGA,MAAM,GAAIC,QAAQ,GAAGD,MAAM,EAAEE,OAAO,CAAC,IAAIC,SAAU;AAC5E;;AAEA;AACA;AACA;;AAEA;AACA,OAAO,SAASC,WAAWA,CAACC,KAAuD,EAAU;EAC3F,OAAOA,KAAK,CAACC,MAAM,CAAEC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC;AAC1G;;AAEA;AACA,OAAO,SAASC,QAAQA,CAACL,KAAuD,EAAU;EACxF,OAAOA,KAAK,CAACC,MAAM,CAAEC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAACC,IAAI,CAAC,KAAK,CAAC;AAC3G;AAEA,OAAO,SAASE,aAAaA,CAACC,KAAyB,EAAU;EAC/D,IAAIA,KAAK,KAAKT,SAAS,IAAI,CAACU,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE,OAAO,CAAC;EAC5D,OAAOG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEL,KAAK,CAAC,CAAC;AACxC;;AAEA;AACA;AACA;;AAKA;AACA,OAAO,MAAMM,mBAAmB,GAAG,GAAG;AAatC,MAAMC,UAAmC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAACC,KAAY,EAAEC,KAAc,EAAa;EACxE,MAAM;IAAEC,OAAO,EAAEC;EAAE,CAAC,GAAG3D,kBAAkB,CAACwD,KAAK,CAAC;EAChD,MAAMI,IAAI,GAAGD,CAAC,CAAC,EAAE,CAAC;EAClB,MAAME,SAAS,GAAG9D,QAAQ,CAAC4D,CAAC,CAAC,EAAE,CAAC,EAAEA,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;EAC/C,IAAIF,KAAK,IAAIvD,SAAS,CAACuD,KAAK,CAAC,EAAE;IAC7B,MAAMK,IAAI,GAAGhE,SAAS,CAAC2D,KAAK,EAAE5D,YAAY,CAAC;IAC3C,MAAMkE,KAAK,GAAGT,UAAU,CAACU,SAAS,CAAEC,IAAI,IAAK9D,aAAa,CAAC2D,IAAI,CAACG,IAAI,CAAC,EAAEL,IAAI,CAAC,IAAIP,mBAAmB,CAAC;IACpG,MAAMa,EAAE,GAAGH,KAAK,KAAK,CAAC,CAAC,GAAGT,UAAU,CAACa,MAAM,GAAG,CAAC,GAAGJ,KAAK;IACvD,MAAME,IAAI,GAAGX,UAAU,CAACY,EAAE,CAAa;IACvC,MAAME,MAAM,GAAGd,UAAU,CAACJ,IAAI,CAACC,GAAG,CAACe,EAAE,GAAG,CAAC,EAAEZ,UAAU,CAACa,MAAM,GAAG,CAAC,CAAC,CAAa;IAC9E;IACA,IAAIhE,aAAa,CAAC2D,IAAI,CAACG,IAAI,CAAC,EAAEL,IAAI,CAAC,IAAIP,mBAAmB,EAAE;MAC1D,OAAO;QAAEgB,GAAG,EAAEP,IAAI,CAACG,IAAI,CAAC;QAAEG,MAAM,EAAEN,IAAI,CAACM,MAAM,CAAC,KAAKN,IAAI,CAACG,IAAI,CAAC,GAAGH,IAAI,CAAC,GAAG,CAAC,GAAGA,IAAI,CAACM,MAAM,CAAC;QAAER,IAAI;QAAEC;MAAU,CAAC;IAC7G;EACF;EACA,OAAO;IAAEQ,GAAG,EAAEV,CAAC,CAAC,GAAG,CAAC;IAAES,MAAM,EAAET,CAAC,CAAC,GAAG,CAAC;IAAEC,IAAI;IAAEC;EAAU,CAAC;AACzD;;AAEA;AACA;AACA;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,qBAAqBA,CAACd,KAAY,EAAkB;EAClE,MAAM;IAAEe,MAAM;IAAEb,OAAO,EAAEC;EAAE,CAAC,GAAG3D,kBAAkB,CAACwD,KAAK,CAAC;EACxD,MAAM;IAAEgB,MAAM;IAAEC;EAAO,CAAC,GAAGjB,KAAK;EAChC,OAAO;IACLI,IAAI,EAAEY,MAAM,CAACZ,IAAI;IACjBc,aAAa,EAAEF,MAAM,CAACE,aAAa;IACnCC,KAAK,EAAE5E,QAAQ,CAACyE,MAAM,CAACI,UAAU,EAAEJ,MAAM,CAACZ,IAAI,EAAE,IAAI,CAAC;IACrDiB,QAAQ,EAAE9E,QAAQ,CAACyE,MAAM,CAACI,UAAU,EAAEJ,MAAM,CAACZ,IAAI,EAAE,GAAG,CAAC;IACvDkB,aAAa,EAAE/E,QAAQ,CAACyE,MAAM,CAACI,UAAU,EAAEJ,MAAM,CAACZ,IAAI,EAAE,IAAI,CAAC;IAC7DmB,WAAW,EAAEhF,QAAQ,CAACyE,MAAM,CAACI,UAAU,EAAEJ,MAAM,CAACZ,IAAI,EAAEa,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC;IAC1EO,gBAAgB,EAAEjF,QAAQ,CAACyE,MAAM,CAACI,UAAU,EAAEJ,MAAM,CAACZ,IAAI,EAAE,GAAG,CAAC;IAC/DqB,IAAI,EAAElF,QAAQ,CAACyE,MAAM,CAACI,UAAU,EAAEJ,MAAM,CAACZ,IAAI,EAAEa,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC;IACnES,SAAS,EAAEnF,QAAQ,CAACyE,MAAM,CAACI,UAAU,EAAEJ,MAAM,CAACZ,IAAI,EAAEa,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACzEU,IAAI,EAAEV,MAAM,GAAGd,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;IAC9ByB,IAAI,EAAEb,MAAM,CAAC,GAAG,CAAC;IACjBA,MAAM,EAAEA,MAAM,CAAC,GAAG,CAAC;IACnBc,OAAO,EAAEb,MAAM,CAACI,UAAU;IAC1BU,IAAI,EAAEf,MAAM,CAAC,GAAG;EAClB,CAAC;AACH;AAEA,OAAO,SAASgB,OAAOA,CAACC,IAA4B,EAA2B;EAC7E,OAAOnF,MAAM,GAAG;IAAEoF,OAAO,EAAED;EAAK,CAAC,GAAG,CAAC,CAAC;AACxC;;AAEA;AACA;AACA;AACA;;AAEA,OAAO,MAAME,mBAAmB,GAAG,0BAA0B;AAE7D,MAAMC,IAAI,GAAG,yBAAyB;AACtC,MAAMC,IAAI,GAAG,8BAA8B;AAC3C,MAAMC,MAAM,GAAG,wCAAwC;AAEvD,OAAO,MAAMC,cAAc,GAAG;AAC9B,EAAEH,IAAI;AACN;AACA;AACA,EAAEC,IAAI;AACN;AACA;AACA;AACA;AACA;AACA,EAAEA,IAAI;AACN;AACA;AACA;AACA,EAAED,IAAI;AACN;AACA;AACA,EAAEE,MAAM;AACR;AACA;AACA;AACA;AACA;AACA,EAAEF,IAAI,UAAUE,MAAM;AACtB,EAAEF,IAAI,iBAAiBE,MAAM;AAC7B,EAAEF,IAAI,qCAAqCE,MAAM;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAEF,IAAI;AACN,EAAEA,IAAI;AACN;AACA;AACA;AACA,IAAIA,IAAI,KAAKE,MAAM;AACnB;AACA;AACA,IAAIA,MAAM;AACV;AACA;AACA;AACA,CAAC;AAED,SAAS1F,aAAa,EAAEC,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["media-card/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/media-controls/ExplicitBadge.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveMediaControlsPaint } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The small square "E" beside a track title.
+ *
+ *            square   radius   letter
+ *   small    14       2        caption-2-bold (line height 14)
+ *   medium   16       3        caption-2-bold
+ *
+ * Fill neutral-500 (dark neutral-400), letter in the page background colour.
+ * Square rather than a pill: it is a mark, not a button-like badge.
+ *
+ * Accessibility: one `img` named by `label` ("Explicit"); the drawn letter is
+ * hidden so the name is not announced as "E".
+ */
+
+const SIZE_CONFIG = {
+  small: {
+    box: 14,
+    radius: 2,
+    type: 'caption-2-bold'
+  },
+  medium: {
+    box: 16,
+    radius: 3,
+    type: 'caption-2-bold'
+  }
+};
+function ExplicitBadgeComponent({
+  size = 'medium',
+  letter = 'E',
+  label = 'Explicit',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMediaControlsPaint(theme), [theme]);
+  const {
+    box,
+    radius,
+    type
+  } = SIZE_CONFIG[size];
+  return /*#__PURE__*/_jsx(View, {
+    role: "img",
+    accessibilityLabel: label,
+    style: [{
+      width: box,
+      height: box,
+      borderRadius: radius,
+      backgroundColor: paint.badge,
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexShrink: 0
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: type,
+      importantForAccessibility: "no",
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      numberOfLines: 1,
+      style: {
+        color: paint.onBadge,
+        lineHeight: box,
+        letterSpacing: 0
+      },
+      children: letter
+    })
+  });
+}
+export const ExplicitBadge = /*#__PURE__*/memo(ExplicitBadgeComponent);
+ExplicitBadge.displayName = 'ExplicitBadge';
+//# sourceMappingURL=ExplicitBadge.js.map

package/lib/module/media-controls/ExplicitBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","useTheme","Text","resolveMediaControlsPaint","jsx","_jsx","SIZE_CONFIG","small","box","radius","type","medium","ExplicitBadgeComponent","size","letter","label","style","testID","theme","paint","role","accessibilityLabel","width","height","borderRadius","backgroundColor","badge","alignItems","justifyContent","flexShrink","children","variant","importantForAccessibility","accessibilityElementsHidden","numberOfLines","color","onBadge","lineHeight","letterSpacing","ExplicitBadge","displayName"],"sourceRoot":"../../../src","sources":["media-controls/ExplicitBadge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AAEpC,SAASC,yBAAyB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,WAA+F,GAAG;EACtGC,KAAK,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEC,IAAI,EAAE;EAAiB,CAAC;EACrDC,MAAM,EAAE;IAAEH,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEC,IAAI,EAAE;EAAiB;AACvD,CAAC;AAED,SAASE,sBAAsBA,CAAC;EAC9BC,IAAI,GAAG,QAAQ;EACfC,MAAM,GAAG,GAAG;EACZC,KAAK,GAAG,UAAU;EAClBC,KAAK;EACLC;AACkB,CAAC,EAAE;EACrB,MAAMC,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EACxB,MAAMkB,KAAK,GAAGpB,OAAO,CAAC,MAAMI,yBAAyB,CAACe,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACtE,MAAM;IAAEV,GAAG;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGJ,WAAW,CAACO,IAAI,CAAC;EAE/C,oBACER,IAAA,CAACL,IAAI;IACHoB,IAAI,EAAC,KAAK;IACVC,kBAAkB,EAAEN,KAAM;IAC1BC,KAAK,EAAE,CACL;MACEM,KAAK,EAAEd,GAAG;MACVe,MAAM,EAAEf,GAAG;MACXgB,YAAY,EAAEf,MAAM;MACpBgB,eAAe,EAAEN,KAAK,CAACO,KAAK;MAC5BC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC,EACDb,KAAK,CACL;IACFC,MAAM,EAAEA,MAAO;IAAAa,QAAA,eAEfzB,IAAA,CAACH,IAAI;MACH6B,OAAO,EAAErB,IAAK;MACdsB,yBAAyB,EAAC,IAAI;MAC9BC,2BAA2B;MAC3B,mBAAW;MACXC,aAAa,EAAE,CAAE;MACjBlB,KAAK,EAAE;QAAEmB,KAAK,EAAEhB,KAAK,CAACiB,OAAO;QAAEC,UAAU,EAAE7B,GAAG;QAAE8B,aAAa,EAAE;MAAE,CAAE;MAAAR,QAAA,EAElEhB;IAAM,CACH;EAAC,CACH,CAAC;AAEX;AAEA,OAAO,MAAMyB,aAAa,gBAAGzC,IAAI,CAACc,sBAAsB,CAAC;AACzD2B,aAAa,CAACC,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/media-controls/LikeButton.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { webDataSet } from "../checkbox/shared.js";
+import { RiHeart3Fill } from "../icons/remix/RiHeart3Fill.js";
+import { RiHeart3Line } from "../icons/remix/RiHeart3Line.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { borderRadius } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { IS_WEB, MEDIA_CONTROLS_CSS, MEDIA_CONTROLS_STYLE_ID, resolveMediaControlsPaint } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The heart that saves a track, album or playlist to the library.
+ *
+ *            glyph   hit area
+ *   small    16      32
+ *   medium   20      32
+ *   large    24      40
+ *
+ *   rest    outline heart, muted neutral; hover: the text colour
+ *   liked   filled heart in the theme accent (or `activeColor`)
+ *
+ * Colour change only — no scale, no bounce.
+ *
+ * Accessibility: a toggle button, so it carries its state in both spellings —
+ * `aria-pressed` for web and `accessibilityState.selected` for native (React
+ * Native has no pressed state). The NAME says what pressing does ("Save to Your
+ * Library" / "Remove from Your Library"). The press does not reach a pressable
+ * row behind it.
+ */
+
+const SIZE_CONFIG = {
+  small: {
+    glyph: 16,
+    box: 32
+  },
+  medium: {
+    glyph: 20,
+    box: 32
+  },
+  large: {
+    glyph: 24,
+    box: 40
+  }
+};
+function LikeButtonComponent({
+  liked,
+  onLikedChange,
+  size = 'medium',
+  activeColor,
+  disabled = false,
+  accessibilityLabel = 'Save to Your Library',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(MEDIA_CONTROLS_STYLE_ID, MEDIA_CONTROLS_CSS);
+  }, []);
+  const paint = useMemo(() => resolveMediaControlsPaint(theme), [theme]);
+  const [hovered, setHovered] = useState(false);
+  const {
+    glyph,
+    box
+  } = SIZE_CONFIG[size];
+  const color = liked ? activeColor ?? paint.accent : hovered && !disabled ? paint.text : paint.textMuted;
+  const Glyph = liked ? RiHeart3Fill : RiHeart3Line;
+  const rootStyle = {
+    width: box,
+    height: box,
+    borderRadius: borderRadius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: disabled ? 0.5 : 1,
+    '--bloom-media-ring': paint.ring
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...webDataSet({
+      bloomMediaFocusable: '',
+      bloomLikeButton: liked ? 'liked' : ''
+    }),
+    role: "button",
+    accessibilityLabel: accessibilityLabel,
+    "aria-pressed": liked,
+    accessibilityState: {
+      selected: liked,
+      disabled
+    },
+    "aria-disabled": disabled || undefined,
+    disabled: disabled,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    onPress: event => {
+      if (IS_WEB) {
+        event.preventDefault?.();
+        event.stopPropagation?.();
+      }
+      onLikedChange(!liked);
+    },
+    style: [rootStyle, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        width: glyph,
+        height: glyph
+      },
+      children: /*#__PURE__*/_jsx(Glyph, {
+        width: glyph,
+        height: glyph,
+        fill: color
+      })
+    })
+  });
+}
+export const LikeButton = /*#__PURE__*/memo(LikeButtonComponent);
+LikeButton.displayName = 'LikeButton';
+//# sourceMappingURL=LikeButton.js.map

package/lib/module/media-controls/LikeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useState","Pressable","View","webDataSet","RiHeart3Fill","RiHeart3Line","adoptStyleSheet","borderRadius","useTheme","IS_WEB","MEDIA_CONTROLS_CSS","MEDIA_CONTROLS_STYLE_ID","resolveMediaControlsPaint","jsx","_jsx","SIZE_CONFIG","small","glyph","box","medium","large","LikeButtonComponent","liked","onLikedChange","size","activeColor","disabled","accessibilityLabel","style","testID","theme","paint","hovered","setHovered","color","accent","text","textMuted","Glyph","rootStyle","width","height","full","alignItems","justifyContent","opacity","ring","bloomMediaFocusable","bloomLikeButton","role","accessibilityState","selected","undefined","onHoverIn","onHoverOut","onPress","event","preventDefault","stopPropagation","children","pointerEvents","fill","LikeButton","displayName"],"sourceRoot":"../../../src","sources":["media-controls/LikeButton.tsx"],"mappings":"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","ignoreList":[]}