@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/media-player/MiniPlayer.js

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MiniPlayer = exports.MINI_PLAYER_SWIPE = exports.MINI_PLAYER_HEIGHT = void 0;
+exports.resolveMiniPlayerSurface = resolveMiniPlayerSurface;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _LikeButton = require("../media-controls/LikeButton.js");
+var _PlayButton = require("../media-controls/PlayButton.js");
+var _shared2 = require("../media-controls/shared.js");
+var _menuPalette = require("../floating/menu-palette.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _BloomThemeProvider = require("../theme/BloomThemeProvider.js");
+var _deviceIcons = require("./device-icons.js");
+var _ImmersiveTheme = require("./ImmersiveTheme.js");
+var _TrackText = require("./TrackText.js");
+var _shared3 = require("./shared.js");
+var _webData = require("../styles/web-data.js");
+var _clamp = require("../styles/clamp.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 MINI_PLAYER_HEIGHT = exports.MINI_PLAYER_HEIGHT = 56;
+/** Horizontal travel that counts as a swipe (native). */
+const MINI_PLAYER_SWIPE = exports.MINI_PLAYER_SWIPE = 48;
+/**
+ * The bar's fill for an artwork colour: the colour darkened until the dark
+ * theme's text AND muted text clear 4.5:1 on it, or — absent or unparseable —
+ * the floating-surface recipe (card with a neutral-200 hairline; dark
+ * neutral-800 with neutral-700) under the app's own theme.
+ */
+function resolveMiniPlayerSurface(theme, preset, artworkColor) {
+  const dark = (0, _ImmersiveTheme.immersiveDarkTheme)(theme, preset);
+  const darkPaint = (0, _shared2.resolveMediaControlsPaint)(dark);
+  const tint = (0, _shared3.resolveArtworkTint)(artworkColor, darkPaint.text, darkPaint.textMuted);
+  if (tint.background) return {
+    background: tint.background,
+    tinted: true,
+    border: null
+  };
+  const menu = (0, _menuPalette.resolveMenuPalette)(theme);
+  return {
+    background: menu.surface,
+    tinted: false,
+    border: menu.border
+  };
+}
+function MiniPlayerContent({
+  track,
+  playing,
+  onPlayPause,
+  onPress,
+  position,
+  duration,
+  liked = false,
+  onLikedChange,
+  deviceName,
+  onNext,
+  onPrevious,
+  openLabel = 'Open player',
+  testID,
+  tinted,
+  background
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveMediaControlsPaint)(theme), [theme]);
+  const {
+    accent
+  } = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme), [theme]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const progress = duration > 0 ? (0, _clamp.clamp)(position / duration, 0, 1) : 0;
+  // On the artwork tint an accent line has no contrast guarantee; the text colour does.
+  const deviceColor = tinted ? paint.text : theme.isDark ? accent[400] : accent[600];
+  const DeviceGlyph = _deviceIcons.DEVICE_GLYPHS.speaker;
+  const swipe = (0, _react.useRef)({
+    onNext,
+    onPrevious
+  });
+  swipe.current = {
+    onNext,
+    onPrevious
+  };
+  const pan = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dx) > 12 && Math.abs(g.dx) > Math.abs(g.dy) * 2,
+    onPanResponderRelease: (_e, g) => {
+      if (g.dx <= -MINI_PLAYER_SWIPE) swipe.current.onNext?.();else if (g.dx >= MINI_PLAYER_SWIPE) swipe.current.onPrevious?.();
+    }
+  }), []);
+  const swipeable = !_shared3.IS_WEB && (!!onNext || !!onPrevious);
+  const secondary = deviceName ?? (0, _shared3.artistNames)(track.artists);
+  const name = `${openLabel}: ${track.title}, ${(0, _shared3.artistNames)(track.artists)}`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      role: "button",
+      accessibilityLabel: name,
+      onPress: onPress,
+      ...(swipeable ? pan.panHandlers : null),
+      style: {
+        flex: 1,
+        minWidth: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 10,
+        alignSelf: 'stretch',
+        paddingLeft: 8
+      },
+      testID: id('open'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackText.Artwork, {
+        source: track.artwork,
+        size: 40,
+        radius: 8
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-2-semibold",
+          numberOfLines: 1,
+          style: {
+            color: paint.text
+          },
+          children: track.title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 4,
+            minWidth: 0
+          },
+          children: [deviceName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            pointerEvents: "none",
+            testID: id('device'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DeviceGlyph, {
+              width: 12,
+              height: 12,
+              fill: deviceColor
+            })
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+            variant: "caption-1-regular",
+            numberOfLines: 1,
+            style: {
+              color: deviceName ? deviceColor : paint.textMuted,
+              flexShrink: 1
+            },
+            children: secondary
+          })]
+        })]
+      })]
+    }), onLikedChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LikeButton.LikeButton, {
+      liked: liked,
+      onLikedChange: onLikedChange,
+      testID: id('like')
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayButton.PlayButton, {
+      playing: playing,
+      onPress: onPlayPause,
+      variant: "plain",
+      size: "small",
+      subject: track.title,
+      style: {
+        marginRight: 8
+      },
+      testID: id('play')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      "aria-hidden": true,
+      importantForAccessibility: "no-hide-descendants",
+      style: {
+        position: 'absolute',
+        left: 8,
+        right: 8,
+        bottom: 0,
+        height: 2,
+        borderRadius: 1,
+        overflow: 'hidden',
+        // The rail is the text colour composited at 24% over the bar's own fill.
+        backgroundColor: (0, _shared.mixColor)(background, paint.text, 0.24)
+      },
+      testID: id('progress'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: `${progress * 100}%`,
+          height: 2,
+          backgroundColor: paint.text
+        },
+        testID: id('progress-fill')
+      })
+    })]
+  });
+}
+
+/**
+ * The phone's floating now-playing bar, above the tab bar.
+ *
+ *   56 tall, 12 corner (a panel, not a pill), 8 side margin
+ *   40 cover (8 corner) · title (body-2-semibold) / artist or device line · like · play
+ *   a 2px progress line along the bottom, 8 in from each side
+ *
+ * The fill is the artwork colour darkened for contrast (`resolveArtworkTint`);
+ * the content then paints with the dark theme, so it reads light-on-colour in
+ * a light app too. No colour → the floating surface under the app's theme.
+ *
+ * The cover and text are ONE button ("Open player: Title, Artist"); like and
+ * play are siblings rather than nested inside it. While casting, the artist
+ * line becomes the device, accent with a speaker glyph. On native a horizontal
+ * swipe past 48 calls `onNext` (left) / `onPrevious` (right). Titles truncate
+ * — nothing scrolls.
+ */
+function MiniPlayerComponent(props) {
+  const theme = (0, _useTheme.useTheme)();
+  const ctx = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
+  const surface = (0, _react.useMemo)(() => resolveMiniPlayerSurface(theme, ctx?.colorPreset ?? 'oxy', props.artworkColor), [theme, ctx?.colorPreset, props.artworkColor]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...(0, _webData.webDataSet)({
+      bloomMiniPlayer: surface.tinted ? 'tinted' : 'neutral'
+    }),
+    style: [{
+      height: MINI_PLAYER_HEIGHT,
+      marginLeft: 8,
+      marginRight: 8,
+      borderRadius: 12,
+      overflow: 'hidden',
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      backgroundColor: surface.background,
+      borderWidth: surface.border ? 1 : 0,
+      borderColor: surface.border ?? undefined
+    }, props.style],
+    testID: props.testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImmersiveTheme.ImmersiveTheme, {
+      enabled: surface.tinted,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MiniPlayerContent, {
+        ...props,
+        ...surface
+      })
+    })
+  });
+}
+const MiniPlayer = exports.MiniPlayer = /*#__PURE__*/(0, _react.memo)(MiniPlayerComponent);
+MiniPlayer.displayName = 'MiniPlayer';
+//# sourceMappingURL=MiniPlayer.js.map

package/lib/commonjs/media-player/MiniPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_LikeButton","_PlayButton","_shared2","_menuPalette","_useTheme","_index","_BloomThemeProvider","_deviceIcons","_ImmersiveTheme","_TrackText","_shared3","_webData","_clamp","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MINI_PLAYER_HEIGHT","exports","MINI_PLAYER_SWIPE","resolveMiniPlayerSurface","theme","preset","artworkColor","dark","immersiveDarkTheme","darkPaint","resolveMediaControlsPaint","tint","resolveArtworkTint","text","textMuted","background","tinted","border","menu","resolveMenuPalette","surface","MiniPlayerContent","track","playing","onPlayPause","onPress","position","duration","liked","onLikedChange","deviceName","onNext","onPrevious","openLabel","testID","useTheme","paint","useMemo","accent","resolveButtonRamps","id","part","undefined","progress","clamp","deviceColor","isDark","DeviceGlyph","DEVICE_GLYPHS","speaker","swipe","useRef","current","pan","PanResponder","create","onMoveShouldSetPanResponder","_e","g","Math","abs","dx","dy","onPanResponderRelease","swipeable","IS_WEB","secondary","artistNames","artists","name","title","jsxs","Fragment","children","Pressable","role","accessibilityLabel","panHandlers","style","flex","minWidth","flexDirection","alignItems","gap","alignSelf","paddingLeft","jsx","Artwork","source","artwork","size","radius","View","Text","variant","numberOfLines","color","pointerEvents","width","height","fill","flexShrink","LikeButton","PlayButton","subject","marginRight","importantForAccessibility","left","right","bottom","borderRadius","overflow","backgroundColor","mixColor","MiniPlayerComponent","props","ctx","useContext","BloomThemeContext","colorPreset","webDataSet","bloomMiniPlayer","marginLeft","borderWidth","borderColor","ImmersiveTheme","enabled","MiniPlayer","memo","displayName"],"sourceRoot":"../../../src","sources":["media-player/MiniPlayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-player/NowPlayingBar.js

@@ -0,0 +1,264 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NowPlayingBar = exports.NOW_PLAYING_BAR_WIDE = exports.NOW_PLAYING_BAR_MEDIUM = exports.NOW_PLAYING_BAR_HEIGHT = void 0;
+exports.nowPlayingBarLayout = nowPlayingBarLayout;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _RiFullscreenLine = require("../icons/remix/RiFullscreenLine.js");
+var _RiMicLine = require("../icons/remix/RiMicLine.js");
+var _RiPlayListLine = require("../icons/remix/RiPlayListLine.js");
+var _ExplicitBadge = require("../media-controls/ExplicitBadge.js");
+var _LikeButton = require("../media-controls/LikeButton.js");
+var _PlaybackProgress = require("../media-controls/PlaybackProgress.js");
+var _VolumeControl = require("../media-controls/VolumeControl.js");
+var _shared2 = require("../media-controls/shared.js");
+var _popover = require("../popover");
+var _useTheme = require("../theme/use-theme.js");
+var _deviceIcons = require("./device-icons.js");
+var _PlayerIconButton = require("./PlayerIconButton.js");
+var _TrackText = require("./TrackText.js");
+var _TransportControls = require("./TransportControls.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); }
+const NOW_PLAYING_BAR_HEIGHT = exports.NOW_PLAYING_BAR_HEIGHT = 80;
+/** At and above: every control. Below: no fullscreen button, a shorter volume slider. */
+const NOW_PLAYING_BAR_WIDE = exports.NOW_PLAYING_BAR_WIDE = 1024;
+/** Below: no lyrics, device (unless casting) or volume; no times beside the scrubber. */
+const NOW_PLAYING_BAR_MEDIUM = exports.NOW_PLAYING_BAR_MEDIUM = 768;
+function nowPlayingBarLayout(width) {
+  if (width >= NOW_PLAYING_BAR_WIDE) return 'wide';
+  if (width >= NOW_PLAYING_BAR_MEDIUM) return 'medium';
+  return 'narrow';
+}
+const DEFAULT_LABELS = {
+  lyrics: 'Lyrics',
+  queue: 'Queue',
+  devices: 'Connect to a device',
+  fullscreen: 'Full screen'
+};
+
+/**
+ * The desktop player bar, full width at the bottom of the window.
+ *
+ *   80 tall, 16 side inset, page background, 1px neutral-200 (dark 800) top rule
+ *   left    56 cover (8 corner) · title / artists · like       flex 1, ≤ 30%
+ *   centre  compact transport over the scrubber with times     flex 2, ≤ 722
+ *   right   lyrics · queue · devices · volume · fullscreen     flex 1, end
+ *
+ * The width is MEASURED (seeded from the window) and collapses in two steps:
+ * under 1024 the fullscreen button goes and the volume slider shortens to 64;
+ * under 768 lyrics, volume and the scrubber's times go, and the device button
+ * stays only while casting, and the actions column shrinks to what it draws.
+ * The centre column never shrinks below 240.
+ *
+ * The toggles (lyrics, queue) are `aria-pressed` buttons painted accent + dot
+ * when on; the device button lights the same way while `deviceName` is set.
+ */
+function NowPlayingBarComponent({
+  track,
+  onTitlePress,
+  onArtistPress,
+  liked = false,
+  onLikedChange,
+  transport,
+  position,
+  duration,
+  buffered,
+  onSeek,
+  onSeekPreview,
+  lyricsActive = false,
+  onLyricsChange,
+  queueActive = false,
+  onQueueChange,
+  deviceName,
+  onDevicePress,
+  devicePicker,
+  devicePickerOpen,
+  onDevicePickerOpenChange,
+  volume = 1,
+  onVolumeChange,
+  muted,
+  onMutedChange,
+  onFullscreenPress,
+  labels: labelOverrides,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const window = (0, _reactNative.useWindowDimensions)();
+  const [width, setWidth] = (0, _react.useState)(window.width);
+  const layout = nowPlayingBarLayout(width);
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelOverrides
+  };
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveMediaControlsPaint)(theme), [theme]);
+  const {
+    neutral
+  } = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme), [theme]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const casting = !!deviceName;
+  const narrow = layout === 'narrow';
+  const deviceButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+    icon: _deviceIcons.DEVICE_GLYPHS.speaker,
+    glyph: 20,
+    box: 32,
+    active: casting,
+    accessibilityLabel: casting ? `${labels.devices}, ${deviceName}` : labels.devices,
+    onPress: devicePicker ? undefined : onDevicePress,
+    testID: id('devices')
+  });
+  const showDevice = (!!devicePicker || !!onDevicePress) && (!narrow || casting);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    onLayout: e => setWidth(e.nativeEvent.layout.width),
+    style: [{
+      width: '100%',
+      height: NOW_PLAYING_BAR_HEIGHT,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 16,
+      paddingLeft: 16,
+      paddingRight: 16,
+      backgroundColor: theme.colors.background,
+      borderTopWidth: 1,
+      borderTopColor: theme.isDark ? neutral[800] : neutral[200]
+    }, style],
+    testID: testID,
+    ...(0, _webData.webDataSet)({
+      bloomPlayerLayout: layout
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: 0,
+        maxWidth: narrow ? undefined : '30%',
+        minWidth: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12
+      },
+      testID: id('track'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackText.Artwork, {
+        source: track.artwork,
+        size: 56,
+        radius: 8
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrackText.TrackText, {
+        track: track,
+        titleVariant: "body-medium",
+        artistVariant: "caption-1-regular",
+        titleColor: paint.text,
+        artistColor: paint.textMuted,
+        onTitlePress: onTitlePress,
+        onArtistPress: onArtistPress,
+        titleLabel: labels.openTrack,
+        trailingTitle: track.explicit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExplicitBadge.ExplicitBadge, {
+          size: "small"
+        }) : null,
+        testID: id('track')
+      }), onLikedChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LikeButton.LikeButton, {
+        liked: liked,
+        onLikedChange: onLikedChange,
+        size: "small",
+        testID: id('like')
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexGrow: narrow ? 1.4 : 2,
+        flexShrink: 1,
+        flexBasis: 0,
+        maxWidth: 722,
+        minWidth: 240,
+        alignItems: 'center',
+        gap: 4
+      },
+      testID: id('center'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TransportControls.TransportControls, {
+        ...transport,
+        subject: transport.subject ?? track.title,
+        size: "compact",
+        testID: id('transport')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlaybackProgress.PlaybackProgress, {
+        value: position,
+        duration: duration,
+        buffered: buffered,
+        onSeek: onSeek,
+        onSeekPreview: onSeekPreview,
+        showTimes: !narrow,
+        disabled: transport.disabled,
+        style: {
+          alignSelf: 'stretch'
+        },
+        testID: id('progress')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        // Narrow: the actions take only what they draw, so the track keeps the room.
+        flexGrow: narrow ? 0 : 1,
+        flexShrink: narrow ? 0 : 1,
+        flexBasis: narrow ? 'auto' : 0,
+        minWidth: 0,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+        gap: 4
+      },
+      testID: id('actions'),
+      children: [onLyricsChange && !narrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+        icon: _RiMicLine.RiMicLine,
+        glyph: 20,
+        box: 32,
+        pressed: lyricsActive,
+        accessibilityLabel: labels.lyrics,
+        onPress: () => onLyricsChange(!lyricsActive),
+        testID: id('lyrics')
+      }) : null, onQueueChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+        icon: _RiPlayListLine.RiPlayListLine,
+        glyph: 20,
+        box: 32,
+        pressed: queueActive,
+        accessibilityLabel: labels.queue,
+        onPress: () => onQueueChange(!queueActive),
+        testID: id('queue')
+      }) : null, showDevice ? devicePicker ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_popover.Popover, {
+        open: devicePickerOpen,
+        onOpenChange: onDevicePickerOpenChange,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.PopoverTrigger, {
+          asChild: true,
+          label: labels.devices,
+          children: deviceButton
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.PopoverContent, {
+          label: labels.devices,
+          side: "top",
+          align: "end",
+          style: {
+            width: 320
+          },
+          children: devicePicker
+        })]
+      }) : deviceButton : null, onVolumeChange && !narrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_VolumeControl.VolumeControl, {
+        volume: volume,
+        onVolumeChange: onVolumeChange,
+        muted: muted,
+        onMutedChange: onMutedChange,
+        sliderWidth: layout === 'wide' ? 96 : 64,
+        testID: id('volume')
+      }) : null, onFullscreenPress && layout === 'wide' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+        icon: _RiFullscreenLine.RiFullscreenLine,
+        glyph: 20,
+        box: 32,
+        accessibilityLabel: labels.fullscreen,
+        onPress: onFullscreenPress,
+        testID: id('fullscreen')
+      }) : null]
+    })]
+  });
+}
+const NowPlayingBar = exports.NowPlayingBar = /*#__PURE__*/(0, _react.memo)(NowPlayingBarComponent);
+NowPlayingBar.displayName = 'NowPlayingBar';
+//# sourceMappingURL=NowPlayingBar.js.map

package/lib/commonjs/media-player/NowPlayingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_RiFullscreenLine","_RiMicLine","_RiPlayListLine","_ExplicitBadge","_LikeButton","_PlaybackProgress","_VolumeControl","_shared2","_popover","_useTheme","_deviceIcons","_PlayerIconButton","_TrackText","_TransportControls","_webData","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NOW_PLAYING_BAR_HEIGHT","exports","NOW_PLAYING_BAR_WIDE","NOW_PLAYING_BAR_MEDIUM","nowPlayingBarLayout","width","DEFAULT_LABELS","lyrics","queue","devices","fullscreen","NowPlayingBarComponent","track","onTitlePress","onArtistPress","liked","onLikedChange","transport","position","duration","buffered","onSeek","onSeekPreview","lyricsActive","onLyricsChange","queueActive","onQueueChange","deviceName","onDevicePress","devicePicker","devicePickerOpen","onDevicePickerOpenChange","volume","onVolumeChange","muted","onMutedChange","onFullscreenPress","labels","labelOverrides","style","testID","theme","useTheme","window","useWindowDimensions","setWidth","useState","layout","paint","useMemo","resolveMediaControlsPaint","neutral","resolveButtonRamps","id","part","undefined","casting","narrow","deviceButton","jsx","PlayerIconButton","icon","DEVICE_GLYPHS","speaker","glyph","box","active","accessibilityLabel","onPress","showDevice","jsxs","View","onLayout","nativeEvent","height","flexDirection","alignItems","gap","paddingLeft","paddingRight","backgroundColor","colors","background","borderTopWidth","borderTopColor","isDark","webDataSet","bloomPlayerLayout","children","flexGrow","flexShrink","flexBasis","maxWidth","minWidth","Artwork","source","artwork","size","radius","TrackText","titleVariant","artistVariant","titleColor","text","artistColor","textMuted","titleLabel","openTrack","trailingTitle","explicit","ExplicitBadge","LikeButton","TransportControls","subject","title","PlaybackProgress","value","showTimes","disabled","alignSelf","justifyContent","RiMicLine","pressed","RiPlayListLine","Popover","open","onOpenChange","PopoverTrigger","asChild","label","PopoverContent","side","align","VolumeControl","sliderWidth","RiFullscreenLine","NowPlayingBar","memo","displayName"],"sourceRoot":"../../../src","sources":["media-player/NowPlayingBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-player/PlaybackSpeedMenu.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlaybackSpeedMenu = void 0;
+exports.PlaybackSpeedRows = PlaybackSpeedRows;
+var _react = _interopRequireWildcard(require("react"));
+var _dropdownMenu = require("../dropdown-menu");
+var _RiCheckLine = require("../icons/remix/RiCheckLine.js");
+var _useTheme = require("../theme/use-theme.js");
+var _PlayerIconButton = require("./PlayerIconButton.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 heading and radio rows, shared by the menu and anything that hosts them in its own menu. */
+function PlaybackSpeedRows({
+  rate,
+  onRateChange,
+  rates = _shared.PLAYBACK_RATES,
+  formatRate = _shared.formatPlaybackRate,
+  label = 'Playback speed',
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuLabel, {
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuRadioGroup, {
+      value: String(rate),
+      onValueChange: v => onRateChange(Number(v)),
+      children: rates.map(r => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuRadioItem, {
+        value: String(r),
+        indicator: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCheckLine.RiCheckLine, {
+          width: 16,
+          height: 16,
+          fill: theme.colors.text
+        }),
+        indicatorPosition: "trailing",
+        testID: testID ? `${testID}-rate-${r}` : undefined,
+        children: formatRate(r)
+      }, r))
+    })]
+  });
+}
+
+/**
+ * The playback-speed menu: a text trigger showing the rate ("1.5×", accent +
+ * dot when not 1×) opening a `DropdownMenu` of radio rows with a trailing
+ * check — an anchored dropdown on web, a bottom sheet on native.
+ */
+function PlaybackSpeedMenuComponent({
+  rate,
+  onRateChange,
+  rates,
+  formatRate = _shared.formatPlaybackRate,
+  label = 'Playback speed',
+  children,
+  open,
+  onOpenChange,
+  size = 'regular',
+  disabled,
+  testID
+}) {
+  const g = _shared.TRANSPORT_GEOMETRY[size];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+    open: open,
+    onOpenChange: onOpenChange,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuTrigger, {
+      asChild: true,
+      label: `${label}, ${formatRate(rate)}`,
+      disabled: disabled,
+      children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+        text: formatRate(rate),
+        glyph: g.glyph,
+        box: g.box,
+        active: rate !== 1,
+        disabled: disabled,
+        testID: testID ? `${testID}-trigger` : undefined
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuContent, {
+      label: label,
+      align: "center",
+      minWidth: 180,
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PlaybackSpeedRows, {
+        rate: rate,
+        onRateChange: onRateChange,
+        rates: rates,
+        formatRate: formatRate,
+        label: label,
+        testID: testID
+      })
+    })]
+  });
+}
+const PlaybackSpeedMenu = exports.PlaybackSpeedMenu = /*#__PURE__*/(0, _react.memo)(PlaybackSpeedMenuComponent);
+PlaybackSpeedMenu.displayName = 'PlaybackSpeedMenu';
+//# sourceMappingURL=PlaybackSpeedMenu.js.map