@oxy.so/bloom 2.9.0 → 2.11.0

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

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecapCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _RiShareForwardLine = require("../icons/remix/RiShareForwardLine.js");
+var _index = require("../skeleton/index.js");
+var _tokens = require("../styles/tokens.js");
+var _webData = require("../styles/web-data.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.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); }
+/**
+ * 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] = (0, _react.useState)(false);
+  const style = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    gap: 6,
+    height: 36,
+    paddingLeft: 14,
+    paddingRight: 16,
+    borderRadius: _tokens.borderRadius.full,
+    backgroundColor: hovered ? (0, _shared.mixColor)(tint.text, tint.top, 0.12) : tint.text,
+    ...(_shared2.IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '150ms'
+    } : null)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomMediaCardShare: ''
+    }),
+    role: "button",
+    accessibilityLabel: label,
+    onPress: onPress,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      "aria-hidden": true,
+      pointerEvents: "none",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiShareForwardLine.RiShareForwardLine, {
+        width: 16,
+        height: 16,
+        fill: tint.bottom
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.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 = (0, _useTheme.useTheme)();
+  (0, _parts.useMediaCardCss)();
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveMediaCardPaint)(theme), [theme]);
+  const tint = (0, _react.useMemo)(() => (0, _shared2.resolveCoverTint)(theme, artworkColor), [theme, artworkColor]);
+  if (skeleton) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      "aria-busy": true,
+      accessibilityLabel: "Loading",
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Box, {
+        width: "100%",
+        height: 360,
+        borderRadius: _shared2.RECAP_RADIUS
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...(0, _webData.webDataSet)({
+      bloomMediaCard: 'recap'
+    }),
+    style: [{
+      position: 'relative',
+      borderRadius: _shared2.RECAP_RADIUS,
+      overflow: 'hidden',
+      backgroundColor: tint.top
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.CoverGradient, {
+      top: tint.top,
+      bottom: tint.bottom
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        paddingLeft: 24,
+        paddingRight: 24,
+        paddingTop: 24,
+        paddingBottom: 24,
+        gap: 20
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          gap: 4
+        },
+        children: [eyebrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "headline-medium",
+          style: {
+            color: tint.textMuted
+          },
+          children: eyebrow
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "display-2-bold",
+          numberOfLines: 1,
+          adjustsFontSizeToFit: true,
+          style: {
+            color: tint.text
+          },
+          testID: testID ? `${testID}-value` : undefined,
+          children: value
+        }), unit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "title-3-medium",
+          style: {
+            color: tint.text
+          },
+          children: unit
+        }) : null]
+      }), highlights && highlights.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: 12
+        },
+        children: highlights.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Artwork, {
+            source: item.artwork,
+            width: 56,
+            height: 56,
+            round: item.round,
+            radius: 6,
+            paint: paint
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1,
+              minWidth: 0
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+              variant: "caption-1-medium",
+              numberOfLines: 1,
+              style: {
+                color: tint.textMuted
+              },
+              children: item.label
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+              variant: "headline-semibold",
+              numberOfLines: 1,
+              style: {
+                color: tint.text
+              },
+              children: item.title
+            })]
+          })]
+        }, `${index}-${item.title}`))
+      }) : null, onShare ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SharePill, {
+        label: shareLabel,
+        onPress: onShare,
+        tint: tint,
+        testID: testID ? `${testID}-share` : undefined
+      }) : null]
+    })]
+  });
+}
+const RecapCard = exports.RecapCard = /*#__PURE__*/(0, _react.memo)(RecapCardComponent);
+RecapCard.displayName = 'RecapCard';
+//# sourceMappingURL=RecapCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_RiShareForwardLine","_index","_tokens","_webData","_useTheme","_index2","_parts","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SharePill","label","onPress","tint","testID","hovered","setHovered","useState","style","flexDirection","alignItems","alignSelf","gap","height","paddingLeft","paddingRight","borderRadius","full","backgroundColor","mixColor","text","top","IS_WEB","transitionProperty","transitionDuration","jsxs","Pressable","webDataSet","bloomMediaCardShare","role","accessibilityLabel","onHoverIn","onHoverOut","children","jsx","View","pointerEvents","RiShareForwardLine","width","fill","bottom","Text","variant","color","RecapCardComponent","eyebrow","value","unit","artworkColor","highlights","onShare","shareLabel","skeleton","theme","useTheme","useMediaCardCss","paint","useMemo","resolveMediaCardPaint","resolveCoverTint","Box","RECAP_RADIUS","bloomMediaCard","position","overflow","CoverGradient","paddingTop","paddingBottom","textMuted","numberOfLines","adjustsFontSizeToFit","undefined","length","map","item","index","Artwork","source","artwork","round","radius","flex","minWidth","title","RecapCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-card/RecapCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShareCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../media-controls/index.js");
+var _RiMusic2Fill = require("../icons/remix/RiMusic2Fill.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _parts = require("./parts.js");
+var _shared = require("./shared.js");
+var _webData = require("../styles/web-data.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); }
+/**
+ * A track laid out to be shared as an image.
+ *
+ *   radius 20, padding 24, the gradient generated from `artworkColor` (stepped
+ *   dark enough for light text; neutral without it)
+ *   the cover (full width, square, radius 12); the title (title-2-bold) with
+ *   the explicit badge; the artist (headline-medium, muted); an optional lyrics
+ *   excerpt in a block of the gradient's darker stop (radius 12, padding 16,
+ *   title-3-bold lines); then `footer`
+ *
+ * Default width 320; `style` sets another. Static — nothing in it presses.
+ */function ShareCardComponent({
+  title,
+  artist,
+  lyrics,
+  footer,
+  explicit = false,
+  artwork,
+  artworkVariant,
+  artworkColor,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMediaCardPaint)(theme), [theme]);
+  const tint = (0, _react.useMemo)(() => (0, _shared.resolveCoverTint)(theme, artworkColor), [theme, artworkColor]);
+  const [coverWidth, setCoverWidth] = _react.default.useState(0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...(0, _webData.webDataSet)({
+      bloomMediaCard: 'share'
+    }),
+    style: [{
+      width: 320,
+      borderRadius: _shared.RECAP_RADIUS,
+      overflow: 'hidden',
+      backgroundColor: tint.top
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.CoverGradient, {
+      top: tint.top,
+      bottom: tint.bottom
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        paddingLeft: 24,
+        paddingRight: 24,
+        paddingTop: 24,
+        paddingBottom: 24,
+        gap: 16
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: '100%',
+          aspectRatio: 1
+        },
+        onLayout: event => setCoverWidth(event.nativeEvent.layout.width),
+        children: coverWidth > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Artwork, {
+          source: artwork,
+          variant: artworkVariant,
+          width: coverWidth,
+          height: coverWidth,
+          radius: 12,
+          icon: _RiMusic2Fill.RiMusic2Fill,
+          paint: paint,
+          testID: testID ? `${testID}-artwork` : undefined
+        }) : null
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          gap: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "title-2-bold",
+            numberOfLines: 2,
+            style: {
+              flexShrink: 1,
+              color: tint.text
+            },
+            children: title
+          }), explicit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ExplicitBadge, {}) : null]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "headline-medium",
+          numberOfLines: 1,
+          style: {
+            color: tint.textMuted
+          },
+          children: artist
+        })]
+      }), lyrics && lyrics.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          borderRadius: 12,
+          paddingLeft: 16,
+          paddingRight: 16,
+          paddingTop: 16,
+          paddingBottom: 16,
+          backgroundColor: tint.bottom,
+          gap: 4
+        },
+        testID: testID ? `${testID}-lyrics` : undefined,
+        children: lyrics.map((line, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "title-3-bold",
+          style: {
+            color: tint.text
+          },
+          children: line
+        }, `${index}-${line}`))
+      }) : null, footer]
+    })]
+  });
+}
+const ShareCard = exports.ShareCard = /*#__PURE__*/(0, _react.memo)(ShareCardComponent);
+ShareCard.displayName = 'ShareCard';
+//# sourceMappingURL=ShareCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_RiMusic2Fill","_useTheme","_index2","_parts","_shared","_webData","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ShareCardComponent","title","artist","lyrics","footer","explicit","artwork","artworkVariant","artworkColor","style","testID","theme","useTheme","paint","useMemo","resolveMediaCardPaint","tint","resolveCoverTint","coverWidth","setCoverWidth","React","useState","jsxs","View","webDataSet","bloomMediaCard","width","borderRadius","RECAP_RADIUS","overflow","backgroundColor","top","children","jsx","CoverGradient","bottom","paddingLeft","paddingRight","paddingTop","paddingBottom","gap","aspectRatio","onLayout","event","nativeEvent","layout","Artwork","source","variant","height","radius","icon","RiMusic2Fill","undefined","flexDirection","alignItems","Text","numberOfLines","flexShrink","color","text","ExplicitBadge","textMuted","length","map","line","index","ShareCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-card/ShareCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SongCard = void 0;
+exports.normaliseArtists = normaliseArtists;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../media-controls/index.js");
+var _RiMusic2Fill = require("../icons/remix/RiMusic2Fill.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 _webData = require("../styles/web-data.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); }
+function normaliseArtists(artists) {
+  return (artists ?? []).map(artist => typeof artist === 'string' ? {
+    name: artist
+  } : artist);
+}
+
+/**
+ * A track.
+ *
+ *   tile   square cover; the title with the `ExplicitBadge` after it; the
+ *          artists line
+ *   row    + the album line, then `LikeButton` and the duration before
+ *          "More options"
+ *
+ * `current` draws `NowPlayingIndicator` before the title (moving while
+ * `playing`) and paints the title in the accent. With `onPressArtist` each
+ * artist is its own link, drawn over the card's link rather than inside it.
+ *
+ * Name: "Night Drive, Explicit, Song, Mara Vell, Juno Park".
+ */
+function SongCardComponent({
+  title,
+  artists,
+  onPressArtist,
+  album,
+  explicit = false,
+  duration,
+  liked = false,
+  onLikedChange,
+  typeLabel = 'Song',
+  current = false,
+  playing = false,
+  layout = 'tile',
+  size = 'medium',
+  testID,
+  ...rest
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMediaCardPaint)(theme), [theme]);
+  const list = normaliseArtists(artists);
+  const names = list.map(artist => artist.name).join(', ');
+  const row = layout === 'row';
+  const variant = row ? 'body-2-regular' : _MediaCard.SUBTITLE_VARIANT[size];
+  const subtitle = list.length === 0 ? undefined : onPressArtist ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+    variant: variant,
+    numberOfLines: 1,
+    style: {
+      color: paint.textSecondary
+    },
+    children: list.map((artist, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [index > 0 ? ', ' : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        ...(0, _webData.webDataSet)({
+          bloomMediaCardArtist: ''
+        }),
+        role: "link",
+        accessibilityLabel: artist.name,
+        variant: variant,
+        onPress: () => onPressArtist(artist, index),
+        style: {
+          color: paint.textSecondary
+        },
+        testID: testID ? `${testID}-artist-${index}` : undefined,
+        children: artist.name
+      })]
+    }, `${index}-${artist.name}`))
+  }) : names;
+  const trailing = row ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [onLikedChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...(0, _webData.webDataSet)(liked ? {} : {
+        bloomMediaCardReveal: _shared.IS_WEB ? 'hover' : ''
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LikeButton, {
+        liked: liked,
+        onLikedChange: onLikedChange,
+        size: "small",
+        accessibilityLabel: `Save ${title} to Your Library`
+      })
+    }) : null, duration ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "body-2-regular",
+      style: {
+        color: paint.textSecondary,
+        minWidth: 36,
+        textAlign: 'right',
+        fontVariant: ['tabular-nums']
+      },
+      children: duration
+    }) : null]
+  }) : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaCard.MediaCard, {
+    ...rest,
+    title: title,
+    typeLabel: typeLabel,
+    subtitle: subtitle,
+    interactiveSubtitle: Boolean(onPressArtist),
+    meta: row && album ? [album] : undefined,
+    placeholderIcon: _RiMusic2Fill.RiMusic2Fill,
+    titleLeading: current ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.NowPlayingIndicator, {
+      playing: playing,
+      size: 14
+    }) : undefined,
+    titleAccessory: explicit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ExplicitBadge, {
+      size: "small"
+    }) : undefined,
+    titleAccessoryLabel: explicit ? 'Explicit' : undefined,
+    accessibilityDetail: onPressArtist ? names : undefined,
+    trailing: trailing,
+    current: current,
+    playing: playing,
+    layout: layout,
+    size: size,
+    testID: testID
+  });
+}
+const SongCard = exports.SongCard = /*#__PURE__*/(0, _react.memo)(SongCardComponent);
+SongCard.displayName = 'SongCard';
+//# sourceMappingURL=SongCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_RiMusic2Fill","_useTheme","_index2","_MediaCard","_shared","_webData","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","normaliseArtists","artists","map","artist","name","SongCardComponent","title","onPressArtist","album","explicit","duration","liked","onLikedChange","typeLabel","current","playing","layout","size","testID","rest","theme","useTheme","paint","useMemo","resolveMediaCardPaint","list","names","join","row","variant","SUBTITLE_VARIANT","subtitle","length","undefined","jsx","Text","numberOfLines","style","color","textSecondary","children","index","jsxs","Fragment","webDataSet","bloomMediaCardArtist","role","accessibilityLabel","onPress","trailing","View","bloomMediaCardReveal","IS_WEB","LikeButton","minWidth","textAlign","fontVariant","MediaCard","interactiveSubtitle","Boolean","meta","placeholderIcon","RiMusic2Fill","titleLeading","NowPlayingIndicator","titleAccessory","ExplicitBadge","titleAccessoryLabel","accessibilityDetail","SongCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-card/SongCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AlbumCard", {
+  enumerable: true,
+  get: function () {
+    return _AlbumCard.AlbumCard;
+  }
+});
+Object.defineProperty(exports, "ArtistCard", {
+  enumerable: true,
+  get: function () {
+    return _ArtistCard.ArtistCard;
+  }
+});
+Object.defineProperty(exports, "AudiobookCard", {
+  enumerable: true,
+  get: function () {
+    return _AudiobookCard.AudiobookCard;
+  }
+});
+Object.defineProperty(exports, "EpisodeCard", {
+  enumerable: true,
+  get: function () {
+    return _EpisodeCard.EpisodeCard;
+  }
+});
+Object.defineProperty(exports, "EventCard", {
+  enumerable: true,
+  get: function () {
+    return _EventCard.EventCard;
+  }
+});
+Object.defineProperty(exports, "FriendActivityCard", {
+  enumerable: true,
+  get: function () {
+    return _FriendActivityCard.FriendActivityCard;
+  }
+});
+Object.defineProperty(exports, "GenreCard", {
+  enumerable: true,
+  get: function () {
+    return _GenreCard.GenreCard;
+  }
+});
+Object.defineProperty(exports, "MediaCard", {
+  enumerable: true,
+  get: function () {
+    return _MediaCard.MediaCard;
+  }
+});
+Object.defineProperty(exports, "MixCard", {
+  enumerable: true,
+  get: function () {
+    return _MixCard.MixCard;
+  }
+});
+Object.defineProperty(exports, "PlaylistCard", {
+  enumerable: true,
+  get: function () {
+    return _PlaylistCard.PlaylistCard;
+  }
+});
+Object.defineProperty(exports, "PodcastCard", {
+  enumerable: true,
+  get: function () {
+    return _PodcastCard.PodcastCard;
+  }
+});
+Object.defineProperty(exports, "ProfileCard", {
+  enumerable: true,
+  get: function () {
+    return _ProfileCard.ProfileCard;
+  }
+});
+Object.defineProperty(exports, "QuickAccessTile", {
+  enumerable: true,
+  get: function () {
+    return _QuickAccessTile.QuickAccessTile;
+  }
+});
+Object.defineProperty(exports, "RecapCard", {
+  enumerable: true,
+  get: function () {
+    return _RecapCard.RecapCard;
+  }
+});
+Object.defineProperty(exports, "ShareCard", {
+  enumerable: true,
+  get: function () {
+    return _ShareCard.ShareCard;
+  }
+});
+Object.defineProperty(exports, "SongCard", {
+  enumerable: true,
+  get: function () {
+    return _SongCard.SongCard;
+  }
+});
+var _MediaCard = require("./MediaCard.js");
+var _SongCard = require("./SongCard.js");
+var _AlbumCard = require("./AlbumCard.js");
+var _ArtistCard = require("./ArtistCard.js");
+var _PlaylistCard = require("./PlaylistCard.js");
+var _MixCard = require("./MixCard.js");
+var _PodcastCard = require("./PodcastCard.js");
+var _EpisodeCard = require("./EpisodeCard.js");
+var _AudiobookCard = require("./AudiobookCard.js");
+var _GenreCard = require("./GenreCard.js");
+var _EventCard = require("./EventCard.js");
+var _ProfileCard = require("./ProfileCard.js");
+var _FriendActivityCard = require("./FriendActivityCard.js");
+var _QuickAccessTile = require("./QuickAccessTile.js");
+var _RecapCard = require("./RecapCard.js");
+var _ShareCard = require("./ShareCard.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_MediaCard","require","_SongCard","_AlbumCard","_ArtistCard","_PlaylistCard","_MixCard","_PodcastCard","_EpisodeCard","_AudiobookCard","_GenreCard","_EventCard","_ProfileCard","_FriendActivityCard","_QuickAccessTile","_RecapCard","_ShareCard"],"sourceRoot":"../../../src","sources":["media-card/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AACA,IAAAY,mBAAA,GAAAZ,OAAA;AACA,IAAAa,gBAAA,GAAAb,OAAA;AACA,IAAAc,UAAA,GAAAd,OAAA;AACA,IAAAe,UAAA,GAAAf,OAAA","ignoreList":[]}