@oxy.so/bloom 2.8.0 → 2.10.0

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

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateBlock = DateBlock;
+exports.EventCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../badge/index.js");
+var _RiCalendarLine = require("../icons/remix/RiCalendarLine.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _MediaCard = require("./MediaCard.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Month over day: the calendar leaf of an event. */
+function DateBlock({
+  month,
+  day,
+  paint,
+  size,
+  filled = false
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size,
+      borderRadius: 8,
+      backgroundColor: filled ? paint.placeholder : paint.surface,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "caption-2-semibold",
+      numberOfLines: 1,
+      style: {
+        color: paint.accent,
+        textTransform: 'uppercase'
+      },
+      children: month
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.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 = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMediaCardPaint)(theme), [theme]);
+  const row = layout === 'row';
+  const where = (0, _shared.joinMeta)([venue, city]);
+  const status = soldOut ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Badge, {
+    content: soldOutLabel,
+    variant: "subtle",
+    color: "default",
+    testID: testID ? `${testID}-sold-out` : undefined
+  }) : action;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaCard.MediaCard, {
+    ...rest,
+    title: title,
+    layout: layout,
+    testID: testID,
+    playButton: "never",
+    typeLabel: typeLabel,
+    artwork: row ? undefined : image,
+    artworkVariant: imageVariant,
+    placeholderIcon: _RiCalendarLine.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__*/(0, _jsxRuntime.jsx)(DateBlock, {
+      month: month,
+      day: day,
+      paint: paint,
+      size: 56,
+      filled: true
+    }) : undefined,
+    trailing: row ? status : undefined,
+    footer: !row && status ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        alignItems: 'flex-start'
+      },
+      pointerEvents: "box-none",
+      children: status
+    }) : undefined,
+    artworkOverlay: row ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: 'absolute',
+        top: 8,
+        left: 8
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateBlock, {
+        month: month,
+        day: day,
+        paint: paint,
+        size: 48
+      })
+    })
+  });
+}
+const EventCard = exports.EventCard = /*#__PURE__*/(0, _react.memo)(EventCardComponent);
+EventCard.displayName = 'EventCard';
+//# sourceMappingURL=EventCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_RiCalendarLine","_useTheme","_index2","_MediaCard","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DateBlock","month","day","paint","size","filled","jsxs","View","style","width","height","borderRadius","backgroundColor","placeholder","surface","alignItems","justifyContent","children","jsx","Text","variant","numberOfLines","color","accent","textTransform","text","marginTop","EventCardComponent","title","image","imageVariant","venue","city","time","action","soldOut","soldOutLabel","typeLabel","layout","testID","rest","theme","useTheme","useMemo","resolveMediaCardPaint","row","where","joinMeta","status","Badge","content","undefined","MediaCard","playButton","artwork","artworkVariant","placeholderIcon","RiCalendarLine","subtitle","meta","accessibilityLabel","filter","Boolean","join","renderArtwork","trailing","footer","pointerEvents","artworkOverlay","position","top","left","EventCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-card/EventCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-card/FriendActivityCard.js

@@ -0,0 +1,232 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FriendActivityCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RiDiscFill = require("../icons/remix/RiDiscFill.js");
+var _RiMusic2Fill = require("../icons/remix/RiMusic2Fill.js");
+var _RiUser3Fill = require("../icons/remix/RiUser3Fill.js");
+var _index = require("../media-controls/index.js");
+var _index2 = require("../skeleton/index.js");
+var _tokens = require("../styles/tokens.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index3 = require("../typography/index.js");
+var _parts = require("./parts.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AVATAR = 40;
+const DOT = 12;
+
+/**
+ * What a friend is listening to.
+ *
+ *   avatar   40 round; `live` adds a 12 accent dot ringed 2px in the page
+ *            colour at its bottom-right
+ *   line 1   the name (body-semibold) · right: the relative `time`, or — live —
+ *            the moving now-playing bars
+ *   line 2   "Track — Artist" (body-2-regular)
+ *   line 3   a note (playlist) or disc (album) glyph and the context (caption)
+ *
+ * A row with the same wash, padding and link-under-content as the other cards.
+ *
+ * Name: "Maya Ortiz, Listening now, Night Drive by Mara Vell, Late Hours".
+ */
+function FriendActivityCardComponent({
+  name,
+  avatar,
+  track,
+  artist,
+  context,
+  contextType = 'playlist',
+  live = false,
+  time,
+  liveLabel = 'Listening now',
+  onPress,
+  href,
+  selected = false,
+  skeleton = false,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _parts.useMediaCardCss)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMediaCardPaint)(theme), [theme]);
+  if (skeleton) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      "aria-busy": true,
+      accessibilityLabel: "Loading",
+      style: [{
+        flexDirection: 'row',
+        gap: 12,
+        padding: _shared.ROW_PADDING
+      }, style],
+      testID: testID,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Circle, {
+        size: AVATAR
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          gap: 8,
+          justifyContent: 'center'
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Box, {
+          width: "35%",
+          height: 12,
+          borderRadius: 4
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Box, {
+          width: "60%",
+          height: 10,
+          borderRadius: 4
+        })]
+      })]
+    });
+  }
+  const label = accessibilityLabel ?? (0, _shared.composeName)([name, live ? liveLabel : time, `${track} by ${artist}`, context]);
+  const ContextGlyph = contextType === 'album' ? _RiDiscFill.RiDiscFill : _RiMusic2Fill.RiMusic2Fill;
+  const rootStyle = {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 12,
+    paddingLeft: _shared.ROW_PADDING,
+    paddingRight: _shared.ROW_PADDING,
+    paddingTop: _shared.ROW_PADDING,
+    paddingBottom: _shared.ROW_PADDING,
+    borderRadius: _shared.ROW_RADIUS,
+    backgroundColor: selected ? paint.selected : undefined,
+    '--bloom-media-card-hover': selected ? paint.selectedHover : paint.hover
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...(0, _shared.webData)({
+      bloomMediaCard: 'activity',
+      ...(onPress || href ? {
+        bloomMediaCardHover: ''
+      } : null)
+    }),
+    style: [rootStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.CardLink, {
+      name: label,
+      onPress: onPress,
+      href: href,
+      selected: selected,
+      radius: _shared.ROW_RADIUS,
+      paint: paint,
+      testID: testID
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        width: AVATAR,
+        height: AVATAR
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Artwork, {
+        source: avatar,
+        width: AVATAR,
+        height: AVATAR,
+        round: true,
+        radius: 0,
+        icon: _RiUser3Fill.RiUser3Fill,
+        paint: paint
+      }), live ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        testID: testID ? `${testID}-live-dot` : undefined,
+        style: {
+          position: 'absolute',
+          right: -2,
+          bottom: -2,
+          width: DOT + 4,
+          height: DOT + 4,
+          borderRadius: _tokens.borderRadius.full,
+          backgroundColor: paint.surface,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: DOT,
+            height: DOT,
+            borderRadius: _tokens.borderRadius.full,
+            backgroundColor: paint.accent
+          }
+        })
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "body-semibold",
+          numberOfLines: 1,
+          style: {
+            flex: 1,
+            minWidth: 0,
+            color: paint.text
+          },
+          children: name
+        }), live ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.NowPlayingIndicator, {
+          size: 12,
+          label: liveLabel,
+          testID: testID ? `${testID}-live` : undefined
+        }) : time ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textSecondary
+          },
+          children: time
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index3.Text, {
+        variant: "body-2-regular",
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "body-2-medium",
+          style: {
+            color: paint.text
+          },
+          children: track
+        }), ` — ${artist}`]
+      }), context ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 4
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          "aria-hidden": true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextGlyph, {
+            width: 12,
+            height: 12,
+            fill: paint.textSecondary
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            flexShrink: 1,
+            color: paint.textSecondary
+          },
+          children: context
+        })]
+      }) : null]
+    })]
+  });
+}
+const FriendActivityCard = exports.FriendActivityCard = /*#__PURE__*/(0, _react.memo)(FriendActivityCardComponent);
+FriendActivityCard.displayName = 'FriendActivityCard';
+//# sourceMappingURL=FriendActivityCard.js.map

package/lib/commonjs/media-card/FriendActivityCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_RiDiscFill","_RiMusic2Fill","_RiUser3Fill","_index","_index2","_tokens","_useTheme","_index3","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AVATAR","DOT","FriendActivityCardComponent","name","avatar","track","artist","context","contextType","live","time","liveLabel","onPress","href","selected","skeleton","accessibilityLabel","style","testID","theme","useTheme","useMediaCardCss","paint","useMemo","resolveMediaCardPaint","jsxs","View","flexDirection","gap","padding","ROW_PADDING","children","jsx","Circle","size","flex","justifyContent","Box","width","height","borderRadius","label","composeName","ContextGlyph","RiDiscFill","RiMusic2Fill","rootStyle","position","alignItems","paddingLeft","paddingRight","paddingTop","paddingBottom","ROW_RADIUS","backgroundColor","undefined","selectedHover","hover","webData","bloomMediaCard","bloomMediaCardHover","CardLink","radius","pointerEvents","Artwork","source","round","icon","RiUser3Fill","right","bottom","full","surface","accent","minWidth","Text","variant","numberOfLines","color","text","NowPlayingIndicator","textSecondary","fill","flexShrink","FriendActivityCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-card/FriendActivityCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-card/GenreCard.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GenreCard = exports.GENRE_PEEK = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _context = require("../image-resolver/context.js");
+var _index = require("../skeleton/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _shared = require("../button/shared.js");
+var _parts = require("./parts.js");
+var _shared2 = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TITLE = {
+  large: 'title-2-bold',
+  medium: 'title-3-bold',
+  small: 'headline-bold'
+};
+/** The peeking cover's side. */
+const GENRE_PEEK = exports.GENRE_PEEK = {
+  large: 96,
+  medium: 80,
+  small: 60
+};
+
+/**
+ * A browse category: a solid tile (radius 8) in `color` — stepped down its own
+ * ramp until the bold light title clears 4.5:1, neutral without a colour — the
+ * title top-left, and a cover rotated 25° peeking out of the bottom-right
+ * corner, clipped by the tile. Square at 200 / 160 / 120; pass
+ * `style={{ width: '100%' }}` in a grid (the tile keeps its 1:1 ratio).
+ * Hover (web) mixes 12% black-side of the ramp in — colour only.
+ *
+ * Name: the title.
+ */
+function GenreCardComponent({
+  title,
+  color,
+  artwork,
+  artworkVariant,
+  size = 'medium',
+  onPress,
+  href,
+  skeleton = false,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _parts.useMediaCardCss)();
+  const resolver = (0, _context.useImageResolver)();
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveMediaCardPaint)(theme), [theme]);
+  const tint = (0, _react.useMemo)(() => (0, _shared2.resolveCoverTint)(theme, color), [theme, color]);
+  const side = _shared2.TILE_ARTWORK[size];
+  const peek = GENRE_PEEK[size];
+  const pad = size === 'small' ? 12 : 16;
+  if (skeleton) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      "aria-busy": true,
+      accessibilityLabel: "Loading",
+      style: [{
+        width: side,
+        aspectRatio: 1
+      }, style],
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Box, {
+        width: "100%",
+        height: "100%",
+        borderRadius: _shared2.GENRE_RADIUS
+      })
+    });
+  }
+  const uri = (0, _shared2.resolveArtworkUri)(artwork, resolver, artworkVariant);
+  const rootStyle = {
+    position: 'relative',
+    width: side,
+    aspectRatio: 1,
+    borderRadius: _shared2.GENRE_RADIUS,
+    overflow: 'hidden',
+    backgroundColor: tint.top,
+    '--bloom-media-card-hover': (0, _shared.mixColor)(tint.top, tint.bottom, 0.5)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...(0, _shared2.webData)({
+      bloomMediaCard: 'genre',
+      ...(onPress || href ? {
+        bloomMediaCardHover: ''
+      } : null)
+    }),
+    style: [rootStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.CardLink, {
+      name: accessibilityLabel ?? title,
+      onPress: onPress,
+      href: href,
+      radius: _shared2.GENRE_RADIUS,
+      paint: paint,
+      testID: testID
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: TITLE[size],
+        numberOfLines: 2,
+        style: {
+          position: 'absolute',
+          top: pad,
+          left: pad,
+          right: pad,
+          color: tint.text
+        },
+        children: title
+      }), uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri
+        },
+        resizeMode: "cover",
+        testID: testID ? `${testID}-artwork` : undefined,
+        style: {
+          position: 'absolute',
+          width: peek,
+          height: peek,
+          right: -Math.round(peek * 0.18),
+          bottom: -Math.round(peek * 0.06),
+          borderRadius: 4,
+          transform: [{
+            rotate: `${_shared2.GENRE_ARTWORK_ROTATION}deg`
+          }]
+        }
+      }) : null]
+    })]
+  });
+}
+const GenreCard = exports.GenreCard = /*#__PURE__*/(0, _react.memo)(GenreCardComponent);
+GenreCard.displayName = 'GenreCard';
+//# sourceMappingURL=GenreCard.js.map

package/lib/commonjs/media-card/GenreCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_context","_index","_useTheme","_index2","_shared","_parts","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TITLE","large","medium","small","GENRE_PEEK","exports","GenreCardComponent","title","color","artwork","artworkVariant","size","onPress","href","skeleton","accessibilityLabel","style","testID","theme","useTheme","useMediaCardCss","resolver","useImageResolver","paint","useMemo","resolveMediaCardPaint","tint","resolveCoverTint","side","TILE_ARTWORK","peek","pad","jsx","View","width","aspectRatio","children","Box","height","borderRadius","GENRE_RADIUS","uri","resolveArtworkUri","rootStyle","position","overflow","backgroundColor","top","mixColor","bottom","jsxs","webData","bloomMediaCard","bloomMediaCardHover","CardLink","name","radius","pointerEvents","left","right","Text","variant","numberOfLines","text","Image","source","resizeMode","undefined","Math","round","transform","rotate","GENRE_ARTWORK_ROTATION","GenreCard","memo","displayName"],"sourceRoot":"../../../src","sources":["media-card/GenreCard.tsx"],"mappings":"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","ignoreList":[]}