@oxy.so/bloom 2.9.0 → 2.11.0

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

@@ -0,0 +1,369 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Artwork = Artwork;
+exports.CardLink = CardLink;
+exports.CardMenu = CardMenu;
+exports.CoverGradient = CoverGradient;
+exports.ListenProgress = ListenProgress;
+exports.Mosaic = Mosaic;
+exports.hasMenu = hasMenu;
+exports.useMediaCardCss = useMediaCardCss;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _button = require("../button");
+var _dropdownMenu = require("../dropdown-menu");
+var _RiMoreFill = require("../icons/remix/RiMoreFill.js");
+var _context = require("../image-resolver/context.js");
+var _index = require("../stat-bar/index.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _tokens = require("../styles/tokens.js");
+var _webData = require("../styles/web-data.js");
+var _clamp = require("../styles/clamp.js");
+var _useTheme = require("../theme/use-theme.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); }
+function useMediaCardCss() {
+  _react.default.useEffect(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared.MEDIA_CARD_STYLE_ID, _shared.MEDIA_CARD_CSS);
+  }, []);
+}
+
+// ---------------------------------------------------------------------------
+//  Covers
+// ---------------------------------------------------------------------------
+
+let gradientId = 0;
+
+/**
+ * A diagonal two-stop gradient filling its parent. Both stops are OPAQUE:
+ * react-native-svg discards the alpha inside `stopColor`.
+ */
+function CoverGradient({
+  top,
+  bottom
+}) {
+  const id = (0, _react.useMemo)(() => `bloom-media-card-cover-${gradientId++}`, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: "100%",
+    height: "100%",
+    style: _reactNative.StyleSheet.absoluteFill,
+    pointerEvents: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
+        id: id,
+        x1: "0",
+        y1: "0",
+        x2: "1",
+        y2: "1",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+          offset: "0",
+          stopColor: top,
+          stopOpacity: 1
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+          offset: "1",
+          stopColor: bottom,
+          stopOpacity: 1
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+      x: "0",
+      y: "0",
+      width: "100%",
+      height: "100%",
+      fill: `url(#${id})`
+    })]
+  });
+}
+/**
+ * One cover: the image, or — without one — a gradient from `color` (neutral
+ * placeholder without a colour) with a centred glyph. Decorative: the card's
+ * name already says what it is.
+ */
+function Artwork({
+  source,
+  variant,
+  width,
+  height,
+  round = false,
+  radius,
+  color,
+  icon: Icon,
+  children,
+  paint,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const resolver = (0, _context.useImageResolver)();
+  const uri = (0, _shared.resolveArtworkUri)(source, resolver, variant);
+  const tint = (0, _react.useMemo)(() => color ? (0, _shared.resolveCoverTint)(theme, color) : null, [theme, color]);
+  const glyph = Math.round(Math.min(48, Math.max(16, Math.min(width, height) * 0.36)));
+  let content;
+  if (children) content = children;else if (uri) content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: {
+      uri
+    },
+    resizeMode: "cover",
+    accessibilityIgnoresInvertColors: true,
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  });else content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [tint ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CoverGradient, {
+      top: tint.top,
+      bottom: tint.bottom
+    }) : null, Icon ?
+    /*#__PURE__*/
+    // Positioned, so it paints above the absolutely-positioned gradient on web.
+    (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: 'relative'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        width: glyph,
+        height: glyph,
+        fill: tint ? tint.textMuted : paint.placeholderGlyph
+      })
+    }) : null]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    accessibilityElementsHidden: true,
+    style: {
+      width,
+      height,
+      flexShrink: 0,
+      borderRadius: round ? _tokens.borderRadius.full : radius,
+      overflow: 'hidden',
+      backgroundColor: paint.placeholder,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    testID: testID,
+    children: content
+  });
+}
+
+/**
+ * Up to four covers in a 2×2 grid, reading order. Fewer than four: the empty
+ * cells are the placeholder colour; one cover fills the whole box.
+ */
+function Mosaic({
+  sources,
+  width,
+  height,
+  paint,
+  testID
+}) {
+  const resolver = (0, _context.useImageResolver)();
+  const covers = sources.slice(0, 4);
+  if (covers.length === 1) {
+    const uri = (0, _shared.resolveArtworkUri)(covers[0], resolver);
+    return uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri
+      },
+      resizeMode: "cover",
+      style: {
+        width,
+        height
+      },
+      testID: testID
+    }) : null;
+  }
+  const cellW = width / 2;
+  const cellH = height / 2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width,
+      height,
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    },
+    testID: testID,
+    children: [0, 1, 2, 3].map(index => {
+      const uri = (0, _shared.resolveArtworkUri)(covers[index], resolver);
+      return uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri
+        },
+        resizeMode: "cover",
+        style: {
+          width: cellW,
+          height: cellH
+        },
+        testID: testID ? `${testID}-${index}` : undefined
+      }, index) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: cellW,
+          height: cellH,
+          backgroundColor: paint.placeholder
+        },
+        testID: testID ? `${testID}-${index}` : undefined
+      }, index);
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  Listening progress
+// ---------------------------------------------------------------------------
+
+/**
+ * How much of an episode or book has been heard: a 4px pill `Meter`, accent
+ * fill. A `progressbar` named by `label`, valued 0..100.
+ */
+function ListenProgress({
+  value,
+  paint,
+  label = 'Listened',
+  width,
+  style,
+  testID
+}) {
+  const pct = Math.round((0, _clamp.clamp01)(value) * 100);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Meter, {
+    value: pct,
+    max: 100,
+    height: 4,
+    radius: _tokens.borderRadius.full,
+    width: width,
+    fill: paint.fill,
+    track: paint.rail,
+    accessibilityLabel: label,
+    valueText: `${pct}%`,
+    style: [{
+      flexGrow: width === undefined ? 1 : 0,
+      flexShrink: 1,
+      minWidth: 24
+    }, style],
+    testID: testID
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  The link that covers the card
+// ---------------------------------------------------------------------------
+
+/**
+ * THE CARD'S LINK IS A SIBLING LAID UNDER ITS CONTENT, NOT A WRAPPER AROUND
+ * IT. It fills the card absolutely and carries the whole name; the artwork and
+ * text are drawn over it with `pointerEvents="none"`, so a press on them falls
+ * through to the link, while the play button, the menu trigger, a like button
+ * or an artist link are drawn over it as their OWN targets. A button inside an
+ * anchor is invalid HTML and would make every inner press open the card.
+ */
+function CardLink({
+  name,
+  onPress,
+  href,
+  onLongPress,
+  selected = false,
+  radius,
+  paint,
+  testID
+}) {
+  const handlePress = event => {
+    if (onPress) {
+      if (_shared.IS_WEB && href) event.preventDefault();
+      onPress();
+      return;
+    }
+    if (!_shared.IS_WEB && href) void _reactNative.Linking.openURL(href).catch(() => undefined);
+  };
+  const style = {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: radius,
+    '--bloom-media-card-ring': paint.ring
+  };
+  const interactive = Boolean(onPress || href);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomMediaCardLink: ''
+    }),
+    ...(_shared.IS_WEB && href ? {
+      href
+    } : null),
+    ...(_shared.IS_WEB && selected ? {
+      'aria-current': 'true'
+    } : null),
+    role: href ? 'link' : interactive ? 'button' : undefined,
+    accessibilityLabel: name,
+    accessibilityState: {
+      selected
+    },
+    onPress: onPress || !_shared.IS_WEB && href ? handlePress : undefined,
+    onLongPress: onLongPress,
+    style: style,
+    testID: testID ? `${testID}-link` : undefined
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  "More options"
+// ---------------------------------------------------------------------------
+
+function hasMenu(menu, items) {
+  return menu != null || items != null && items.length > 0;
+}
+
+/**
+ * The "More options" trigger and its menu (a dropdown on web, a sheet on
+ * native). Controlled by the card so a right-click or a long press on the card
+ * opens the same menu.
+ */
+function CardMenu({
+  items,
+  menu,
+  label = 'More options',
+  subject,
+  open,
+  onOpenChange,
+  reveal,
+  testID
+}) {
+  const name = `${label} for ${subject}`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...(0, _webData.webDataSet)({
+      bloomMediaCardMenu: '',
+      ...(reveal ? {
+        bloomMediaCardReveal: 'hover'
+      } : null)
+    }),
+    style: {
+      flexShrink: 0
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+      open: open,
+      onOpenChange: onOpenChange,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuTrigger, {
+        asChild: true,
+        label: name,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+          size: 32,
+          icon: _RiMoreFill.RiMoreFill,
+          glyphSize: 20,
+          accessibilityLabel: name,
+          testID: testID ? `${testID}-menu` : undefined
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuContent, {
+        label: label,
+        align: "end",
+        children: menu ?? items?.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuItem, {
+          onPress: item.onPress,
+          disabled: item.disabled,
+          leading: item.icon,
+          variant: item.destructive ? 'destructive' : 'default',
+          children: item.label
+        }, `${index}-${item.label}`))
+      })]
+    })
+  });
+}
+//# sourceMappingURL=parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_button","_dropdownMenu","_RiMoreFill","_context","_index","_adoptStyleSheet","_tokens","_webData","_clamp","_useTheme","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useMediaCardCss","React","useEffect","adoptStyleSheet","MEDIA_CARD_STYLE_ID","MEDIA_CARD_CSS","gradientId","CoverGradient","top","bottom","id","useMemo","jsxs","width","height","style","StyleSheet","absoluteFill","pointerEvents","children","jsx","Defs","LinearGradient","x1","y1","x2","y2","Stop","offset","stopColor","stopOpacity","Rect","x","y","fill","Artwork","source","variant","round","radius","color","icon","Icon","paint","testID","theme","useTheme","resolver","useImageResolver","uri","resolveArtworkUri","tint","resolveCoverTint","glyph","Math","min","max","content","Image","resizeMode","accessibilityIgnoresInvertColors","Fragment","View","position","textMuted","placeholderGlyph","importantForAccessibility","accessibilityElementsHidden","flexShrink","borderRadius","full","overflow","backgroundColor","placeholder","alignItems","justifyContent","Mosaic","sources","covers","slice","length","cellW","cellH","flexDirection","flexWrap","map","index","undefined","ListenProgress","value","label","pct","clamp01","Meter","track","rail","accessibilityLabel","valueText","flexGrow","minWidth","CardLink","name","onPress","href","onLongPress","selected","handlePress","event","IS_WEB","preventDefault","Linking","openURL","catch","absoluteFillObject","ring","interactive","Boolean","Pressable","webDataSet","bloomMediaCardLink","role","accessibilityState","hasMenu","menu","items","CardMenu","subject","open","onOpenChange","reveal","bloomMediaCardMenu","bloomMediaCardReveal","DropdownMenu","DropdownMenuTrigger","asChild","GlyphButton","size","RiMoreFill","glyphSize","DropdownMenuContent","align","item","DropdownMenuItem","disabled","leading","destructive"],"sourceRoot":"../../../src","sources":["media-card/parts.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,262 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TILE_RADIUS = exports.TILE_PADDING = exports.TILE_ARTWORK = exports.TEXT_GAP = exports.ROW_RADIUS = exports.ROW_PADDING = exports.ROW_ARTWORK = exports.RECAP_RADIUS = exports.QUICK_TILE_RADIUS = exports.QUICK_TILE_HEIGHT = exports.PODCAST_RADIUS = exports.MEDIA_CARD_STYLE_ID = exports.MEDIA_CARD_CSS = exports.IS_WEB = exports.GENRE_RADIUS = exports.GENRE_ARTWORK_ROTATION = void 0;
+exports.artworkSide = artworkSide;
+exports.composeName = composeName;
+Object.defineProperty(exports, "contrastRatio", {
+  enumerable: true,
+  get: function () {
+    return _colorContrast.contrastRatio;
+  }
+});
+exports.joinMeta = joinMeta;
+Object.defineProperty(exports, "relativeLuminance", {
+  enumerable: true,
+  get: function () {
+    return _colorContrast.relativeLuminance;
+  }
+});
+exports.resolveArtworkUri = resolveArtworkUri;
+exports.resolveCoverTint = resolveCoverTint;
+exports.resolveMediaCardPaint = resolveMediaCardPaint;
+exports.resolvePlayVisibility = resolvePlayVisibility;
+exports.squareRadius = squareRadius;
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _isImageUrl = require("../image-resolver/is-image-url.js");
+var _colorContrast = require("../styles/color-contrast.js");
+const IS_WEB = exports.IS_WEB = _reactNative.Platform.OS === 'web';
+
+// ---------------------------------------------------------------------------
+//  Geometry
+// ---------------------------------------------------------------------------
+
+/** Cover side of a tile. */
+const TILE_ARTWORK = exports.TILE_ARTWORK = {
+  large: 200,
+  medium: 160,
+  small: 120
+};
+/** Cover side of a row. */
+const ROW_ARTWORK = exports.ROW_ARTWORK = {
+  large: 56,
+  medium: 56,
+  small: 48
+};
+
+/** The hover / selected wash around a tile: padding and radius. */
+const TILE_PADDING = exports.TILE_PADDING = 12;
+const TILE_RADIUS = exports.TILE_RADIUS = 16;
+const ROW_PADDING = exports.ROW_PADDING = 8;
+const ROW_RADIUS = exports.ROW_RADIUS = 12;
+/** Between a tile's cover and its title, and a row's cover and its text. */
+const TEXT_GAP = exports.TEXT_GAP = 12;
+
+/** A square cover's radius: 8 in a tile, 6 at `small` and in a row. */
+function squareRadius(size, layout) {
+  return layout === 'row' || size === 'small' ? 6 : 8;
+}
+
+/** A show's cover is rounder than an album's. */
+const PODCAST_RADIUS = exports.PODCAST_RADIUS = 12;
+const GENRE_RADIUS = exports.GENRE_RADIUS = 8;
+const QUICK_TILE_HEIGHT = exports.QUICK_TILE_HEIGHT = 56;
+const QUICK_TILE_RADIUS = exports.QUICK_TILE_RADIUS = 6;
+/** The rotation of the cover peeking out of a genre tile. */
+const GENRE_ARTWORK_ROTATION = exports.GENRE_ARTWORK_ROTATION = 25;
+const RECAP_RADIUS = exports.RECAP_RADIUS = 20;
+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.
+ */
+
+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). */
+function resolveArtworkUri(source, resolver, variant) {
+  if (!source) return undefined;
+  return (0, _isImageUrl.isImageUrl)(source) ? source : resolver?.(source, variant) ?? undefined;
+}
+
+// ---------------------------------------------------------------------------
+//  Names
+// ---------------------------------------------------------------------------
+
+/** Joins the non-empty parts with ", " — the card's accessible name. */
+function composeName(parts) {
+  return parts.filter(part => typeof part === 'string' && part.trim() !== '').join(', ');
+}
+
+/** Joins the non-empty parts with " · " — a meta line. */
+function joinMeta(parts) {
+  return parts.filter(part => typeof part === 'string' && part.trim() !== '').join(' · ');
+}
+
+// ---------------------------------------------------------------------------
+//  Contrast
+// ---------------------------------------------------------------------------
+
+/** How much darker the gradient's bottom is than its top. */
+const COVER_GRADIENT_FALLOFF = 0.25;
+
+/**
+ * The colours of a cover generated from an artwork colour.
+ *
+ * The fill is the artwork colour itself, pulled toward black only as far as it
+ * takes for BOTH foregrounds — the title and the muted line under it — to clear
+ * AA on it; the gradient's bottom is a further 25% darker, so the text keeps its
+ * contrast all the way 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.
+ *
+ * Checking `textMuted` too is what the previous implementation did not do, and
+ * it painted a muted line at 4.18:1 over the palest artwork colours.
+ *
+ * It DARKENS the colour rather than walking its generated ramp. A ramp
+ * re-derives each stop's lightness and chroma from the hue, so a near-black
+ * artwork colour used to come back as a mid-slate and a vivid one lost a
+ * channel; scaling keeps the channels' ratio, so a darkened teal is still teal.
+ */
+function resolveCoverTint(theme, color) {
+  const {
+    neutral: n
+  } = (0, _shared.resolveButtonRamps)(theme);
+  const text = n[50];
+  const textMuted = (0, _shared.mixColor)(n[50], n[300], 0.35);
+  const shade = color ? (0, _colorContrast.darkenUntilContrast)(color, [text, textMuted], _colorContrast.AA_TEXT_CONTRAST) : null;
+  if (shade) {
+    return {
+      top: shade.color,
+      bottom: (0, _colorContrast.darken)(shade.color, COVER_GRADIENT_FALLOFF),
+      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
+ */
+function resolveMediaCardPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = (0, _shared.resolveButtonRamps)(theme);
+  const {
+    colors,
+    isDark
+  } = theme;
+  return {
+    text: colors.text,
+    textSecondary: colors.textSecondary,
+    hover: (0, _shared.mixColor)(colors.background, colors.text, 0.06),
+    selected: (0, _shared.mixColor)(colors.background, colors.text, 0.1),
+    selectedHover: (0, _shared.mixColor)(colors.background, colors.text, 0.14),
+    placeholder: (0, _shared.mixColor)(colors.background, colors.text, isDark ? 0.1 : 0.08),
+    placeholderGlyph: (0, _shared.mixColor)(colors.background, colors.text, 0.4),
+    tile: (0, _shared.mixColor)(colors.background, colors.text, isDark ? 0.1 : 0.07),
+    tileHover: (0, _shared.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]
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS — hover washes, the hover reveal and focus rings have no inline
+//  spelling, so they hang off `dataSet` attributes in one adopted sheet.
+// ---------------------------------------------------------------------------
+
+const MEDIA_CARD_STYLE_ID = exports.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"]';
+const MEDIA_CARD_CSS = exports.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;
+  }
+}
+`;
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_shared","_isImageUrl","_colorContrast","IS_WEB","exports","Platform","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","isImageUrl","composeName","parts","filter","part","trim","join","joinMeta","COVER_GRADIENT_FALLOFF","resolveCoverTint","theme","color","neutral","n","resolveButtonRamps","text","textMuted","mixColor","shade","darkenUntilContrast","AA_TEXT_CONTRAST","top","bottom","darken","resolveMediaCardPaint","accent","colors","isDark","textSecondary","hover","background","selected","selectedHover","placeholder","placeholderGlyph","tile","tileHover","rail","fill","surface","ring","MEDIA_CARD_STYLE_ID","CARD","LINK","REVEAL","MEDIA_CARD_CSS"],"sourceRoot":"../../../src","sources":["media-card/shared.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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