@oxy.so/bloom 2.8.0 → 2.10.0

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

@@ -0,0 +1,454 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaCard = void 0;
+exports.MediaCardSkeleton = MediaCardSkeleton;
+exports.TITLE_VARIANT = exports.SUBTITLE_VARIANT = void 0;
+exports.resolveArtworkBox = resolveArtworkBox;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../media-controls/index.js");
+var _index2 = require("../skeleton/index.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); }
+/**
+ * The anatomy every music card shares.
+ *
+ *   tile   padding 12, radius 16 wash; the cover (200 / 160 / 120 square,
+ *          radius 8 — 6 at small), 12 below it the text: an optional eyebrow
+ *          (caption), the title (body-semibold; body-2-semibold at small),
+ *          the subtitle and meta lines (body-2-regular, text-secondary).
+ *          The play button (accent, 48; 32 at small) sits 8 in from the
+ *          cover's bottom-right. "More options" trails the title.
+ *   row    padding 8, radius 12 wash; a 56 cover (48 at small), 12 right of it
+ *          the text, then `trailing`, then "More options". The play button
+ *          (inverse, 32) is centred on the cover.
+ *
+ * Hover (web) paints the wash — text over background at 6% — and reveals the
+ * play button (fade + an 8px rise) and the menu trigger; keyboard focus inside
+ * the card reveals them too. Colour and opacity only, never scale. Reduced
+ * motion drops the rise and the transition. Native draws the menu trigger
+ * always and the play button only while it is `playing`/`loading`/`current`
+ * (or with `playButton="always"`); a long press opens the menu.
+ *
+ * The press target is a link laid UNDER the content — see `CardLink`.
+ */
+
+const TITLE_VARIANT = exports.TITLE_VARIANT = {
+  large: 'body-semibold',
+  medium: 'body-semibold',
+  small: 'body-2-semibold'
+};
+const SUBTITLE_VARIANT = exports.SUBTITLE_VARIANT = {
+  large: 'body-2-regular',
+  medium: 'body-2-regular',
+  small: 'caption-1-regular'
+};
+function resolveArtworkBox(size, layout, aspectRatio = 1, override) {
+  const side = override ?? (layout === 'row' ? _shared.ROW_ARTWORK[size] : _shared.TILE_ARTWORK[size]);
+  return {
+    width: side,
+    height: Math.round(side / aspectRatio)
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Skeleton
+// ---------------------------------------------------------------------------
+
+function MediaCardSkeleton({
+  size = 'medium',
+  layout = 'tile',
+  round = false,
+  aspectRatio = 1,
+  artworkSize,
+  radius,
+  style,
+  testID
+}) {
+  const box = resolveArtworkBox(size, layout, aspectRatio, artworkSize);
+  const row = layout === 'row';
+  const padding = row ? _shared.ROW_PADDING : _shared.TILE_PADDING;
+  const art = round ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Circle, {
+    size: box.width
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Box, {
+    width: box.width,
+    height: box.height,
+    borderRadius: radius ?? (0, _shared.squareRadius)(size, layout)
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    "aria-busy": true,
+    accessibilityLabel: "Loading",
+    style: [{
+      flexDirection: row ? 'row' : 'column',
+      alignItems: row ? 'center' : 'flex-start',
+      paddingLeft: padding,
+      paddingRight: padding,
+      paddingTop: padding,
+      paddingBottom: padding,
+      width: row ? undefined : box.width + padding * 2
+    }, style],
+    testID: testID,
+    children: [art, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: row ? 1 : undefined,
+        alignSelf: 'stretch',
+        justifyContent: 'center',
+        marginTop: row ? 0 : _shared.TEXT_GAP,
+        marginLeft: row ? _shared.TEXT_GAP : 0,
+        gap: 8
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Box, {
+        width: row ? '40%' : '80%',
+        height: 12,
+        borderRadius: 4
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Box, {
+        width: row ? '25%' : '55%',
+        height: 10,
+        borderRadius: 4
+      })]
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  Card
+// ---------------------------------------------------------------------------
+
+function MediaCardComponent(props) {
+  const {
+    title,
+    subtitle,
+    meta,
+    typeLabel,
+    eyebrow,
+    description,
+    artwork,
+    artworkVariant,
+    artworkColor,
+    artworkShape = 'square',
+    artworkRadius,
+    artworkAspectRatio = 1,
+    artworkSize,
+    renderArtwork,
+    artworkOverlay,
+    placeholderIcon,
+    titleLeading,
+    titleAccessory,
+    titleAccessoryLabel,
+    titleLines = 1,
+    subtitleLines = 1,
+    interactiveSubtitle = false,
+    trailing,
+    footer,
+    accessibilityDetail,
+    centered = false,
+    rowAlign = 'center',
+    onPress,
+    href,
+    onPlay,
+    playing = false,
+    loading = false,
+    current = false,
+    playButton = 'auto',
+    menuItems,
+    menu,
+    menuLabel,
+    size = 'medium',
+    layout = 'tile',
+    selected = false,
+    skeleton = false,
+    accessibilityLabel,
+    style,
+    testID
+  } = props;
+  const theme = (0, _useTheme.useTheme)();
+  (0, _parts.useMediaCardCss)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMediaCardPaint)(theme), [theme]);
+  const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
+  const withMenu = (0, _parts.hasMenu)(menu, menuItems);
+  const openMenu = (0, _react.useCallback)(() => setMenuOpen(true), []);
+  if (skeleton) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(MediaCardSkeleton, {
+      size: size,
+      layout: layout,
+      round: artworkShape === 'round',
+      aspectRatio: artworkAspectRatio,
+      artworkSize: artworkSize,
+      radius: artworkRadius,
+      style: style,
+      testID: testID
+    });
+  }
+  const row = layout === 'row';
+  const round = artworkShape === 'round';
+  const box = resolveArtworkBox(size, layout, artworkAspectRatio, artworkSize);
+  const radius = artworkRadius ?? (0, _shared.squareRadius)(size, layout);
+  const padding = row ? _shared.ROW_PADDING : _shared.TILE_PADDING;
+  const cardRadius = row ? _shared.ROW_RADIUS : _shared.TILE_RADIUS;
+  const interactive = Boolean(onPress || href);
+  const name = accessibilityLabel ?? (0, _shared.composeName)([title, titleAccessoryLabel, typeLabel, typeof subtitle === 'string' ? subtitle : undefined, ...(meta ?? []), accessibilityDetail, current && playing ? 'Now playing' : undefined]);
+  const visibility = (0, _shared.resolvePlayVisibility)({
+    mode: playButton,
+    hasOnPlay: Boolean(onPlay),
+    playing,
+    loading,
+    current
+  });
+  const play = visibility === 'none' ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...(0, _shared.webData)(visibility === 'hover' ? {
+      bloomMediaCardReveal: 'hover',
+      bloomMediaCardPlay: ''
+    } : {
+      bloomMediaCardPlay: ''
+    }),
+    style: row ? {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: box.width,
+      height: box.height,
+      alignItems: 'center',
+      justifyContent: 'center'
+    } : {
+      position: 'absolute',
+      right: 8,
+      bottom: 8
+    },
+    pointerEvents: "box-none",
+    testID: testID ? `${testID}-play` : undefined,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PlayButton, {
+      playing: playing,
+      loading: loading,
+      onPress: onPlay,
+      subject: title,
+      size: row || size === 'small' ? 'small' : 'medium',
+      variant: row ? 'inverse' : 'accent'
+    })
+  });
+  const menuNode = withMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.CardMenu, {
+    items: menuItems,
+    menu: menu,
+    label: menuLabel,
+    subject: title,
+    open: menuOpen,
+    onOpenChange: setMenuOpen,
+    reveal: _shared.IS_WEB,
+    testID: testID
+  }) : null;
+  const artworkNode = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      position: 'relative',
+      width: box.width,
+      height: box.height,
+      flexShrink: 0,
+      alignSelf: centered && !row ? 'center' : undefined
+    },
+    pointerEvents: "box-none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "none",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Artwork, {
+        source: artwork,
+        variant: artworkVariant,
+        width: box.width,
+        height: box.height,
+        round: round,
+        radius: radius,
+        color: artworkColor,
+        icon: placeholderIcon,
+        paint: paint,
+        testID: testID ? `${testID}-artwork` : undefined,
+        children: renderArtwork ? renderArtwork(box) : null
+      }), artworkOverlay]
+    }), play]
+  });
+  const titleVariant = row ? 'body-medium' : TITLE_VARIANT[size];
+  const secondaryVariant = row ? 'body-2-regular' : SUBTITLE_VARIANT[size];
+  const align = centered && !row ? 'center' : undefined;
+  const subtitleNode = subtitle == null || subtitle === '' ? null : typeof subtitle === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+    variant: secondaryVariant,
+    numberOfLines: subtitleLines,
+    style: {
+      color: paint.textSecondary,
+      textAlign: align
+    },
+    children: subtitle
+  }) : subtitle;
+  const textBlock = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flex: 1,
+      minWidth: 0,
+      gap: 2
+    },
+    pointerEvents: "box-none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        gap: 2
+      },
+      children: [eyebrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: "caption-1-medium",
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary,
+          textAlign: align
+        },
+        children: eyebrow
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6,
+          justifyContent: align === 'center' ? 'center' : undefined,
+          paddingRight: !row && withMenu ? 28 : 0
+        },
+        children: [titleLeading, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: titleVariant,
+          numberOfLines: titleLines,
+          style: {
+            flexShrink: 1,
+            color: current ? paint.accent : paint.text,
+            textAlign: align
+          },
+          testID: testID ? `${testID}-title` : undefined,
+          children: title
+        }), titleAccessory]
+      }), !interactiveSubtitle ? subtitleNode : null, meta?.map((line, index) => line ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: secondaryVariant,
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary,
+          textAlign: align
+        },
+        children: line
+      }, `${index}-${line}`) : null), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: secondaryVariant,
+        numberOfLines: 2,
+        style: {
+          color: paint.textSecondary,
+          textAlign: align,
+          marginTop: 2
+        },
+        children: description
+      }) : null]
+    }), interactiveSubtitle ? subtitleNode : null]
+  });
+  const rootStyle = {
+    position: 'relative',
+    paddingLeft: padding,
+    paddingRight: padding,
+    paddingTop: padding,
+    paddingBottom: padding,
+    borderRadius: cardRadius,
+    backgroundColor: selected ? paint.selected : undefined,
+    '--bloom-media-card-hover': selected ? paint.selectedHover : paint.hover,
+    ...(row ? null : {
+      width: box.width + padding * 2
+    })
+  };
+  const webHandlers = _shared.IS_WEB && withMenu ? {
+    onContextMenu: event => {
+      event.preventDefault();
+      setMenuOpen(true);
+    }
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...(0, _shared.webData)({
+      bloomMediaCard: layout,
+      ...(interactive ? {
+        bloomMediaCardHover: ''
+      } : null),
+      ...(menuOpen ? {
+        bloomMediaCardMenuOpen: ''
+      } : null)
+    }),
+    ...webHandlers,
+    style: [rootStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.CardLink, {
+      name: name,
+      onPress: onPress,
+      href: href,
+      onLongPress: withMenu && !_shared.IS_WEB ? openMenu : undefined,
+      selected: selected,
+      radius: cardRadius,
+      paint: paint,
+      testID: testID
+    }), row ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: rowAlign === 'top' ? 'flex-start' : 'center',
+        gap: _shared.TEXT_GAP
+      },
+      pointerEvents: "box-none",
+      children: [artworkNode, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0
+        },
+        pointerEvents: "box-none",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: rowAlign === 'top' ? 'flex-start' : 'center',
+            gap: _shared.TEXT_GAP
+          },
+          pointerEvents: "box-none",
+          children: [textBlock, trailing != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 8,
+              flexShrink: 0
+            },
+            pointerEvents: "box-none",
+            children: trailing
+          }) : null, menuNode]
+        }), footer != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            marginTop: 8
+          },
+          pointerEvents: "box-none",
+          children: footer
+        }) : null]
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [artworkNode, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          marginTop: _shared.TEXT_GAP
+        },
+        pointerEvents: "box-none",
+        children: [textBlock, menuNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            position: 'absolute',
+            top: eyebrow ? 10 : -6,
+            right: -8
+          },
+          pointerEvents: "box-none",
+          children: menuNode
+        }) : null]
+      }), footer != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          marginTop: 8
+        },
+        pointerEvents: "box-none",
+        children: footer
+      }) : null]
+    })]
+  });
+}
+
+/**
+ * The shared card. The typed cards (`SongCard`, `AlbumCard` …) are this with
+ * their own lines, cover and name; use it directly for anything else.
+ */
+const MediaCard = exports.MediaCard = /*#__PURE__*/(0, _react.memo)(MediaCardComponent);
+MediaCard.displayName = 'MediaCard';
+//# sourceMappingURL=MediaCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_useTheme","_index3","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TITLE_VARIANT","exports","large","medium","small","SUBTITLE_VARIANT","resolveArtworkBox","size","layout","aspectRatio","override","side","ROW_ARTWORK","TILE_ARTWORK","width","height","Math","round","MediaCardSkeleton","artworkSize","radius","style","testID","box","row","padding","ROW_PADDING","TILE_PADDING","art","jsx","Circle","Box","borderRadius","squareRadius","jsxs","View","accessibilityLabel","flexDirection","alignItems","paddingLeft","paddingRight","paddingTop","paddingBottom","undefined","children","flex","alignSelf","justifyContent","marginTop","TEXT_GAP","marginLeft","gap","MediaCardComponent","props","title","subtitle","meta","typeLabel","eyebrow","description","artwork","artworkVariant","artworkColor","artworkShape","artworkRadius","artworkAspectRatio","renderArtwork","artworkOverlay","placeholderIcon","titleLeading","titleAccessory","titleAccessoryLabel","titleLines","subtitleLines","interactiveSubtitle","trailing","footer","accessibilityDetail","centered","rowAlign","onPress","href","onPlay","playing","loading","current","playButton","menuItems","menu","menuLabel","selected","skeleton","theme","useTheme","useMediaCardCss","paint","useMemo","resolveMediaCardPaint","menuOpen","setMenuOpen","useState","withMenu","hasMenu","openMenu","useCallback","cardRadius","ROW_RADIUS","TILE_RADIUS","interactive","Boolean","name","composeName","visibility","resolvePlayVisibility","mode","hasOnPlay","play","webData","bloomMediaCardReveal","bloomMediaCardPlay","position","top","left","right","bottom","pointerEvents","PlayButton","subject","variant","menuNode","CardMenu","items","label","open","onOpenChange","reveal","IS_WEB","artworkNode","flexShrink","Artwork","source","color","icon","titleVariant","secondaryVariant","align","subtitleNode","Text","numberOfLines","textSecondary","textAlign","textBlock","minWidth","accent","text","map","line","index","rootStyle","backgroundColor","selectedHover","hover","webHandlers","onContextMenu","event","preventDefault","bloomMediaCard","bloomMediaCardHover","bloomMediaCardMenuOpen","CardLink","onLongPress","Fragment","MediaCard","memo","displayName"],"sourceRoot":"../../../src","sources":["media-card/MediaCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MixCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _context = require("../image-resolver/context.js");
+var _tokens = require("../styles/tokens.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _MediaCard = require("./MediaCard.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 COVER_TITLE = {
+  large: 'title-2-bold',
+  medium: 'title-3-bold',
+  small: 'headline-bold'
+};
+const FACE = {
+  large: 32,
+  medium: 28,
+  small: 22
+};
+
+/**
+ * A generated mix (a radio, a daily mix): the cover IS generated — a gradient
+ * from `artworkColor`, stepped dark enough for light text (neutral without a
+ * colour) — with "Mix" and the cover title drawn big top-left and up to four
+ * artist faces overlapping bottom-left, each ringed in the cover colour. A row
+ * draws the gradient and the faces only; its line reads "Mix · description".
+ *
+ * Name: "Daily Mix 2, Mix, Mara Vell, Juno Park and more".
+ */
+function MixCardComponent({
+  title,
+  artworkColor,
+  coverTitle,
+  faces,
+  description,
+  typeLabel = 'Mix',
+  layout = 'tile',
+  size = 'medium',
+  testID,
+  ...rest
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const resolver = (0, _context.useImageResolver)();
+  const tint = (0, _react.useMemo)(() => (0, _shared.resolveCoverTint)(theme, artworkColor), [theme, artworkColor]);
+  const row = layout === 'row';
+  const face = row ? 18 : FACE[size];
+  const pad = row ? 6 : size === 'small' ? 10 : 14;
+  const shown = (faces ?? []).slice(0, row ? 2 : 4);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaCard.MediaCard, {
+    ...rest,
+    title: title,
+    layout: layout,
+    size: size,
+    testID: testID,
+    typeLabel: typeLabel,
+    subtitle: row ? (0, _shared.joinMeta)([typeLabel, description]) : description,
+    subtitleLines: row ? 1 : 2,
+    accessibilityLabel: rest.accessibilityLabel ?? [title, typeLabel, description].filter(Boolean).join(', '),
+    renderArtwork: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      testID: testID ? `${testID}-cover` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.CoverGradient, {
+        top: tint.top,
+        bottom: tint.bottom
+      }), !row ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          top: pad,
+          left: pad,
+          right: pad,
+          gap: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "caption-1-semibold",
+          numberOfLines: 1,
+          style: {
+            color: tint.textMuted
+          },
+          children: typeLabel
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: COVER_TITLE[size],
+          numberOfLines: 3,
+          style: {
+            color: tint.text
+          },
+          children: coverTitle ?? title
+        })]
+      }) : null, shown.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          left: pad,
+          bottom: pad,
+          flexDirection: 'row'
+        },
+        children: shown.map((source, index) => {
+          const uri = (0, _shared.resolveArtworkUri)(source, resolver);
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: face + 4,
+              height: face + 4,
+              marginLeft: index === 0 ? 0 : -Math.round(face * 0.3),
+              borderRadius: _tokens.borderRadius.full,
+              backgroundColor: tint.top,
+              alignItems: 'center',
+              justifyContent: 'center'
+            },
+            children: uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+              source: {
+                uri
+              },
+              resizeMode: "cover",
+              style: {
+                width: face,
+                height: face,
+                borderRadius: _tokens.borderRadius.full
+              }
+            }) : null
+          }, `${index}-${source}`);
+        })
+      }) : null]
+    })
+  });
+}
+const MixCard = exports.MixCard = /*#__PURE__*/(0, _react.memo)(MixCardComponent);
+MixCard.displayName = 'MixCard';
+//# sourceMappingURL=MixCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_context","_tokens","_useTheme","_index","_MediaCard","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","COVER_TITLE","large","medium","small","FACE","MixCardComponent","title","artworkColor","coverTitle","faces","description","typeLabel","layout","size","testID","rest","theme","useTheme","resolver","useImageResolver","tint","useMemo","resolveCoverTint","row","face","pad","shown","slice","jsx","MediaCard","subtitle","joinMeta","subtitleLines","accessibilityLabel","filter","Boolean","join","renderArtwork","jsxs","View","style","width","height","undefined","children","CoverGradient","top","bottom","position","left","right","gap","Text","variant","numberOfLines","color","textMuted","text","length","flexDirection","map","source","index","uri","resolveArtworkUri","marginLeft","Math","round","borderRadius","full","backgroundColor","alignItems","justifyContent","Image","resizeMode","MixCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-card/MixCard.tsx"],"mappings":"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","ignoreList":[]}