@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/media-header/shared.js

@@ -0,0 +1,251 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { mixColor, resolveButtonRamps } from "../button/shared.js";
+import { oklchToSrgb, srgbToOklch, srgbToRgbString } from "../theme/color-space.js";
+import { parseRgba } from "../theme/color-utils.js";
+import { TYPE_SCALE } from "../typography/scale.js";
+import { contrastRatio, relativeLuminance } from "../styles/color-contrast.js";
+export const IS_WEB = Platform.OS === 'web';
+
+/** A header lays its cover beside the text from this container width. */
+export const MEDIA_HEADER_WIDE_MIN_WIDTH = 600;
+export function webData(data) {
+  return IS_WEB ? {
+    dataSet: data
+  } : {};
+}
+
+/** `true` for a URL the image can load as-is; anything else is an ImageResolver id. */
+export function isUrl(value) {
+  return value.startsWith('http://') || value.startsWith('https://') || value.startsWith('data:') || value.startsWith('blob:') || value.startsWith('file:');
+}
+export function clamp01(value) {
+  return Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;
+}
+
+// ---------------------------------------------------------------------------
+//  Contrast
+// ---------------------------------------------------------------------------
+
+/**
+ * Of `candidates`, the colour whose WORST contrast over every surface in
+ * `over` is highest — text laid over a gradient has to read at both ends.
+ */
+export function pickReadable(over, candidates) {
+  let best = candidates[0];
+  let bestScore = -1;
+  for (const candidate of candidates) {
+    const score = Math.min(...over.map(surface => contrastRatio(candidate, surface)));
+    if (score > bestScore) {
+      best = candidate;
+      bestScore = score;
+    }
+  }
+  return best;
+}
+
+/** AA for body text — the bar every label on the band is held to. */
+export const MIN_TEXT_CONTRAST = 4.5;
+
+// ---------------------------------------------------------------------------
+//  The band — every colour a header paints
+// ---------------------------------------------------------------------------
+
+/**
+ * The artwork colour clamped into a band that always carries readable text.
+ *
+ *            lightness (OKLCH)   chroma
+ *   light    0.66 .. 0.84        ≤ 0.14
+ *   dark     0.30 .. 0.44        ≤ 0.14
+ *
+ * The hue is kept; a vivid or near-black artwork colour is pulled towards the
+ * page's own lightness, which is what "tinted towards the page background"
+ * means. `null` when the colour is absent or unparsable.
+ */
+export function tintArtworkColor(color, dark) {
+  if (!color) return null;
+  const rgba = parseRgba(color);
+  if (!rgba) return null;
+  const {
+    l,
+    c,
+    h
+  } = srgbToOklch(rgba);
+  const [min, max] = dark ? [0.3, 0.44] : [0.66, 0.84];
+  let chroma = Math.min(c, 0.14);
+  const lightness = Math.min(max, Math.max(min, l));
+  // Reduce chroma until the colour fits sRGB, keeping hue and lightness.
+  for (let i = 0; i < 24; i++) {
+    const rgb = oklchToSrgb({
+      l: lightness,
+      c: chroma,
+      h
+    });
+    const back = srgbToOklch(rgb);
+    if (Math.abs(back.l - lightness) < 0.01 && Math.abs(back.c - chroma) < 0.01) {
+      return srgbToRgbString(rgb);
+    }
+    chroma *= 0.9;
+  }
+  return srgbToRgbString(oklchToSrgb({
+    l: lightness,
+    c: chroma,
+    h
+  }));
+}
+/**
+ * Resolve a header's colours. Pure — walkable over every preset × mode × artwork
+ * colour without rendering.
+ */
+export function resolveMediaHeaderPaint(theme, artworkColor) {
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const {
+    colors
+  } = theme;
+  const dark = theme.isDark;
+  const tinted = tintArtworkColor(artworkColor, dark);
+  const fallback = tinted === null;
+  const bandTop = tinted ?? (dark ? n[800] : n[200]);
+  const bandBottom = mixColor(colors.background, bandTop, 0.55);
+  const onBand = pickReadable([bandTop, bandBottom], [colors.text, colors.background]);
+  // Walk the secondary text towards the band until one more step would fail AA.
+  let onBandMuted = onBand;
+  for (let t = 0.04; t <= 0.4; t += 0.04) {
+    const candidate = mixColor(onBand, bandTop, t);
+    const worst = Math.min(contrastRatio(candidate, bandTop), contrastRatio(candidate, bandBottom));
+    if (worst < MIN_TEXT_CONTRAST + 0.25) break;
+    onBandMuted = candidate;
+  }
+  return {
+    fallback,
+    bandTop,
+    bandBottom,
+    background: colors.background,
+    onBand,
+    onBandMuted,
+    bandRail: mixColor(bandTop, onBand, 0.2),
+    bar: bandTop,
+    onBar: pickReadable([bandTop], [colors.text, colors.background]),
+    text: colors.text,
+    textMuted: dark ? n[400] : n[500],
+    wash: dark ? n[800] : n[100],
+    border: dark ? n[600] : n[300],
+    borderHover: colors.text,
+    card: dark ? n[900] : n[100],
+    accent: accent[500],
+    onAccent: colors.primaryForeground,
+    ring: accent[500],
+    placeholder: dark ? n[800] : n[200],
+    placeholderGlyph: dark ? n[500] : n[400],
+    rail: dark ? n[700] : n[200],
+    coverShadow: dark ? '0 8px 24px rgba(0, 0, 0, 0.5)' : '0 8px 24px rgba(0, 0, 0, 0.18)'
+  };
+}
+
+/** The liked-songs cover and band: a diagonal accent gradient. */
+export function resolveLikedGradient(theme) {
+  const {
+    accent
+  } = resolveButtonRamps(theme);
+  return [accent[700], accent[300]];
+}
+
+/** A linear gradient as a style: `background-image` on web, the native CSS-gradient style elsewhere. */
+export function gradientStyle(stops, angle = 180) {
+  const image = `linear-gradient(${angle}deg, ${stops.join(', ')})`;
+  return IS_WEB ? {
+    backgroundImage: image
+  } : {
+    experimental_backgroundImage: image
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Title size
+// ---------------------------------------------------------------------------
+
+/**
+ * The steps a header title shrinks through, largest first, each with the
+ * number of lines it may take before the next step down is chosen.
+ */
+export const TITLE_STEPS = [{
+  variant: 'large-title-bold',
+  lines: 1
+}, {
+  variant: 'display-1-bold',
+  lines: 1
+}, {
+  variant: 'display-2-bold',
+  lines: 2
+}, {
+  variant: 'display-3-bold',
+  lines: 2
+}, {
+  variant: 'display-4-bold',
+  lines: 2
+}, {
+  variant: 'title-1-bold',
+  lines: 3
+}];
+
+/** Average advance of a bold sans glyph, as a fraction of the font size. */
+export const TITLE_GLYPH_RATIO = 0.56;
+
+/** Below this width the largest step is `display-4` — a phone never gets a 64px title. */
+export const TITLE_COMPACT_WIDTH = 480;
+
+/**
+ * The display step for a title in `width` px of line: the largest step whose
+ * estimated wrapped line count fits that step's allowance. The estimate is a
+ * glyph-ratio sum rather than a measurement, so it is stable on first render
+ * and identical on both platforms; the title still wraps if it is off.
+ */
+export function selectTitleVariant(title, width) {
+  const chars = Array.from(title.trim()).length;
+  const start = width < TITLE_COMPACT_WIDTH ? TITLE_STEPS.findIndex(s => s.variant === 'display-4-bold') : 0;
+  for (let i = start; i < TITLE_STEPS.length - 1; i++) {
+    const step = TITLE_STEPS[i];
+    const estimated = chars * TYPE_SCALE[step.variant].fontSize * TITLE_GLYPH_RATIO;
+    if (Math.ceil(estimated / Math.max(1, width)) <= step.lines) return step.variant;
+  }
+  return TITLE_STEPS[TITLE_STEPS.length - 1].variant;
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS — focus rings and link underline on hover
+// ---------------------------------------------------------------------------
+
+export const MEDIA_HEADER_STYLE_ID = 'bloom-media-header-web-css';
+export const MEDIA_HEADER_CSS = `
+[data-bloom-media-header-press] {
+  outline: none;
+  cursor: pointer;
+}
+[data-bloom-media-header-press][aria-disabled="true"] {
+  cursor: default;
+}
+[data-bloom-media-header-press]:focus-visible {
+  outline: 2px solid var(--bloom-media-header-ring, currentColor);
+  outline-offset: 2px;
+}
+[data-bloom-media-header-press="inset"]:focus-visible {
+  outline-offset: -2px;
+}
+[data-bloom-media-header-link]:hover [data-bloom-media-header-link-text] {
+  text-decoration-line: underline;
+}
+[data-bloom-media-header-fade] {
+  transition: opacity 200ms ease-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-bloom-media-header-fade] {
+    transition: none;
+  }
+}
+`;
+export { contrastRatio, relativeLuminance };
+//# sourceMappingURL=shared.js.map

package/lib/module/media-header/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","mixColor","resolveButtonRamps","oklchToSrgb","srgbToOklch","srgbToRgbString","parseRgba","TYPE_SCALE","contrastRatio","relativeLuminance","IS_WEB","OS","MEDIA_HEADER_WIDE_MIN_WIDTH","webData","data","dataSet","isUrl","value","startsWith","clamp01","Number","isFinite","Math","min","max","pickReadable","over","candidates","best","bestScore","candidate","score","map","surface","MIN_TEXT_CONTRAST","tintArtworkColor","color","dark","rgba","l","c","h","chroma","lightness","i","rgb","back","abs","resolveMediaHeaderPaint","theme","artworkColor","accent","neutral","n","colors","isDark","tinted","fallback","bandTop","bandBottom","background","onBand","text","onBandMuted","t","worst","bandRail","bar","onBar","textMuted","wash","border","borderHover","card","onAccent","primaryForeground","ring","placeholder","placeholderGlyph","rail","coverShadow","resolveLikedGradient","gradientStyle","stops","angle","image","join","backgroundImage","experimental_backgroundImage","TITLE_STEPS","variant","lines","TITLE_GLYPH_RATIO","TITLE_COMPACT_WIDTH","selectTitleVariant","title","width","chars","Array","from","trim","length","start","findIndex","s","step","estimated","fontSize","ceil","MEDIA_HEADER_STYLE_ID","MEDIA_HEADER_CSS"],"sourceRoot":"../../../src","sources":["media-header/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/media-header/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/media-header/types.js.map

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

package/lib/module/media-header/use-media-header-scroll.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { useCallback, useEffect, useState } from 'react';
+import { clamp01, IS_WEB } from "./shared.js";
+/** The bar's progress for a scroll offset: 0 before `start`, 1 from `end`. */
+export function mediaHeaderScrollProgress(offset, start, end) {
+  if (end <= start) return offset >= start ? 1 : 0;
+  return clamp01((offset - start) / (end - start));
+}
+
+/**
+ * Scroll progress for `StickyMediaTopBar`.
+ *
+ * ```tsx
+ * const { progress, onScroll } = useMediaHeaderScroll({ start: 240 });
+ * <ScrollView onScroll={onScroll} scrollEventThrottle={16}>…</ScrollView>
+ * <StickyMediaTopBar progress={progress} … />
+ * ```
+ *
+ * On web a page that scrolls the DOCUMENT passes `window: true` and wires no
+ * handler — the hook listens to `window` scroll itself. `start` is normally
+ * the header's height minus the bar's.
+ */
+export function useMediaHeaderScroll({
+  start = 200,
+  end,
+  window: followWindow = false
+} = {}) {
+  const stop = end ?? start + 80;
+  const [progress, setProgress] = useState(0);
+  const update = useCallback(offset => {
+    const next = mediaHeaderScrollProgress(offset, start, stop);
+    setProgress(prev => Math.abs(prev - next) < 0.01 && next !== 0 && next !== 1 ? prev : next);
+  }, [start, stop]);
+  useEffect(() => {
+    if (!followWindow || !IS_WEB || typeof globalThis.window === 'undefined') return undefined;
+    const win = globalThis.window;
+    const onWindowScroll = () => update(win.scrollY);
+    onWindowScroll();
+    win.addEventListener('scroll', onWindowScroll, {
+      passive: true
+    });
+    return () => win.removeEventListener('scroll', onWindowScroll);
+  }, [followWindow, update]);
+  const onScroll = useCallback(event => update(event.nativeEvent.contentOffset.y), [update]);
+  return {
+    progress,
+    onScroll
+  };
+}
+//# sourceMappingURL=use-media-header-scroll.js.map

package/lib/module/media-header/use-media-header-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","clamp01","IS_WEB","mediaHeaderScrollProgress","offset","start","end","useMediaHeaderScroll","window","followWindow","stop","progress","setProgress","update","next","prev","Math","abs","globalThis","undefined","win","onWindowScroll","scrollY","addEventListener","passive","removeEventListener","onScroll","event","nativeEvent","contentOffset","y"],"sourceRoot":"../../../src","sources":["media-header/use-media-header-scroll.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAGxD,SAASC,OAAO,EAAEC,MAAM,QAAQ,aAAU;AAG1C;AACA,OAAO,SAASC,yBAAyBA,CAACC,MAAc,EAAEC,KAAa,EAAEC,GAAW,EAAU;EAC5F,IAAIA,GAAG,IAAID,KAAK,EAAE,OAAOD,MAAM,IAAIC,KAAK,GAAG,CAAC,GAAG,CAAC;EAChD,OAAOJ,OAAO,CAAC,CAACG,MAAM,GAAGC,KAAK,KAAKC,GAAG,GAAGD,KAAK,CAAC,CAAC;AAClD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,oBAAoBA,CAAC;EACnCF,KAAK,GAAG,GAAG;EACXC,GAAG;EACHE,MAAM,EAAEC,YAAY,GAAG;AACC,CAAC,GAAG,CAAC,CAAC,EAG9B;EACA,MAAMC,IAAI,GAAGJ,GAAG,IAAID,KAAK,GAAG,EAAE;EAC9B,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAGZ,QAAQ,CAAC,CAAC,CAAC;EAE3C,MAAMa,MAAM,GAAGf,WAAW,CACvBM,MAAc,IAAK;IAClB,MAAMU,IAAI,GAAGX,yBAAyB,CAACC,MAAM,EAAEC,KAAK,EAAEK,IAAI,CAAC;IAC3DE,WAAW,CAAEG,IAAI,IAAMC,IAAI,CAACC,GAAG,CAACF,IAAI,GAAGD,IAAI,CAAC,GAAG,IAAI,IAAIA,IAAI,KAAK,CAAC,IAAIA,IAAI,KAAK,CAAC,GAAGC,IAAI,GAAGD,IAAK,CAAC;EACjG,CAAC,EACD,CAACT,KAAK,EAAEK,IAAI,CACd,CAAC;EAEDX,SAAS,CAAC,MAAM;IACd,IAAI,CAACU,YAAY,IAAI,CAACP,MAAM,IAAI,OAAOgB,UAAU,CAACV,MAAM,KAAK,WAAW,EAAE,OAAOW,SAAS;IAC1F,MAAMC,GAAG,GAAGF,UAAU,CAACV,MAAM;IAC7B,MAAMa,cAAc,GAAGA,CAAA,KAAMR,MAAM,CAACO,GAAG,CAACE,OAAO,CAAC;IAChDD,cAAc,CAAC,CAAC;IAChBD,GAAG,CAACG,gBAAgB,CAAC,QAAQ,EAAEF,cAAc,EAAE;MAAEG,OAAO,EAAE;IAAK,CAAC,CAAC;IACjE,OAAO,MAAMJ,GAAG,CAACK,mBAAmB,CAAC,QAAQ,EAAEJ,cAAc,CAAC;EAChE,CAAC,EAAE,CAACZ,YAAY,EAAEI,MAAM,CAAC,CAAC;EAE1B,MAAMa,QAAQ,GAAG5B,WAAW,CACzB6B,KAA8C,IAAKd,MAAM,CAACc,KAAK,CAACC,WAAW,CAACC,aAAa,CAACC,CAAC,CAAC,EAC7F,CAACjB,MAAM,CACT,CAAC;EAED,OAAO;IAAEF,QAAQ;IAAEe;EAAS,CAAC;AAC/B","ignoreList":[]}

package/lib/module/media-player/ConnectBanner.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import React, { memo, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { resolveButtonRamps } from "../button/shared.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { DEVICE_GLYPHS } from "./device-icons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CONNECT_BANNER_HEIGHT = 28;
+
+/**
+ * The thin accent strip that says playback is on another device:
+ * "Listening on Living Room Speaker".
+ *
+ *   28 tall, full width, accent-500 fill (hover accent-600, dark 400),
+ *   `primaryForeground` glyph (16) and `caption-1-medium` label, centred.
+ *
+ * With `onPress` it is a button (it opens the device picker) whose name is the
+ * sentence it draws; without, a plain text strip.
+ */
+function ConnectBannerComponent({
+  deviceName,
+  kind = 'speaker',
+  label = 'Listening on',
+  onPress,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const {
+    accent
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const [hovered, setHovered] = useState(false);
+  const Glyph = DEVICE_GLYPHS[kind];
+  const text = `${label} ${deviceName}`;
+  const fg = theme.colors.primaryForeground;
+  const bg = hovered && onPress ? theme.isDark ? accent[400] : accent[600] : accent[500];
+  const body = /*#__PURE__*/_jsxs(View, {
+    style: {
+      height: CONNECT_BANNER_HEIGHT,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 6,
+      paddingLeft: 16,
+      paddingRight: 16,
+      backgroundColor: bg
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      children: /*#__PURE__*/_jsx(Glyph, {
+        width: 16,
+        height: 16,
+        fill: fg
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-medium",
+      numberOfLines: 1,
+      style: {
+        color: fg,
+        flexShrink: 1
+      },
+      children: text
+    })]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      style: style,
+      testID: testID,
+      children: body
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    role: "button",
+    accessibilityLabel: text,
+    onPress: onPress,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    style: style,
+    testID: testID,
+    children: body
+  });
+}
+export const ConnectBanner = /*#__PURE__*/memo(ConnectBannerComponent);
+ConnectBanner.displayName = 'ConnectBanner';
+//# sourceMappingURL=ConnectBanner.js.map

package/lib/module/media-player/ConnectBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","useState","Pressable","View","resolveButtonRamps","useTheme","Text","DEVICE_GLYPHS","jsx","_jsx","jsxs","_jsxs","CONNECT_BANNER_HEIGHT","ConnectBannerComponent","deviceName","kind","label","onPress","style","testID","theme","accent","hovered","setHovered","Glyph","text","fg","colors","primaryForeground","bg","isDark","body","height","flexDirection","alignItems","justifyContent","gap","paddingLeft","paddingRight","backgroundColor","children","pointerEvents","width","fill","variant","numberOfLines","color","flexShrink","role","accessibilityLabel","onHoverIn","onHoverOut","ConnectBanner","displayName"],"sourceRoot":"../../../src","sources":["media-player/ConnectBanner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/media-player/DevicePicker.js

@@ -0,0 +1,216 @@
+"use strict";
+
+import React, { memo, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { resolveButtonRamps } from "../button/shared.js";
+import { RiQuestionLine } from "../icons/remix/RiQuestionLine.js";
+import { resolveMenuPalette } from "../floating/menu-palette.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { DEVICE_GLYPHS } from "./device-icons.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const DEVICE_ROW_HEIGHT = 52;
+function DeviceRow({
+  device,
+  current,
+  currentLabel,
+  onPress,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveMenuPalette(theme), [theme]);
+  const {
+    accent,
+    neutral
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const [hovered, setHovered] = useState(false);
+  const Glyph = DEVICE_GLYPHS[device.kind];
+  const disabled = !!device.disabled;
+  const accentText = theme.isDark ? accent[400] : accent[600];
+  const iconWell = current ? theme.isDark ? accent[950] : accent[50] : theme.isDark ? neutral[700] : neutral[100];
+  const secondary = current ? currentLabel : device.description;
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        width: 36,
+        height: 36,
+        borderRadius: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: iconWell
+      },
+      children: /*#__PURE__*/_jsx(Glyph, {
+        width: 20,
+        height: 20,
+        fill: current ? accentText : theme.colors.text
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        minWidth: 0
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "body-medium",
+        numberOfLines: 1,
+        style: {
+          color: current ? accentText : disabled ? palette.textDisabled : theme.colors.text
+        },
+        children: device.name
+      }), secondary ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 1,
+        style: {
+          color: current ? accentText : palette.textSecondary
+        },
+        children: secondary
+      }) : null]
+    })]
+  });
+  const rowStyle = {
+    minHeight: DEVICE_ROW_HEIGHT,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 10
+  };
+  if (current) {
+    return /*#__PURE__*/_jsx(View, {
+      style: rowStyle,
+      testID: testID,
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    role: "button",
+    accessibilityLabel: device.description ? `${device.name}, ${device.description}` : device.name,
+    "aria-disabled": disabled || undefined,
+    accessibilityState: {
+      disabled
+    },
+    disabled: disabled,
+    onPress: onPress,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    style: [rowStyle, {
+      backgroundColor: hovered && !disabled ? palette.rowHighlight : undefined
+    }],
+    testID: testID,
+    children: content
+  });
+}
+
+/**
+ * The device list: the current device on top (accent icon well, accent name and
+ * "Listening on"), a "Select a device" heading, one row per other device, and
+ * an optional help link. Content only — host it in a `Popover` (web) or a
+ * sheet (native); on native a `Popover` already presents as a sheet.
+ *
+ *   row     52 min, 8 inset, 10 corner, 36 icon well (10 corner) + 12 gap
+ *   hover   the menu row wash
+ *
+ * The current row is not a button (there is nothing to switch to); every other
+ * row is a button named by the device and its description.
+ */
+function DevicePickerComponent({
+  current,
+  devices,
+  onSelect,
+  title = 'Current device',
+  currentLabel = 'Listening on',
+  devicesTitle = 'Select a device',
+  emptyLabel = 'No other devices found',
+  helpLabel = "Don't see your device?",
+  onHelpPress,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveMenuPalette(theme), [theme]);
+  const [helpHovered, setHelpHovered] = useState(false);
+  const heading = text => /*#__PURE__*/_jsx(Text, {
+    variant: "body-medium",
+    role: "heading",
+    style: {
+      color: palette.textSecondary,
+      paddingLeft: 8,
+      paddingTop: 4,
+      paddingBottom: 2
+    },
+    children: text
+  });
+  const others = devices.filter(d => d.id !== current.id);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap: 4
+    }, style],
+    testID: testID,
+    children: [heading(title), /*#__PURE__*/_jsx(DeviceRow, {
+      device: current,
+      current: true,
+      currentLabel: currentLabel,
+      testID: testID ? `${testID}-current` : undefined
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        height: 1,
+        backgroundColor: palette.border,
+        marginTop: 6,
+        marginBottom: 6,
+        marginLeft: -10,
+        marginRight: -10
+      }
+    }), heading(devicesTitle), others.length === 0 ? /*#__PURE__*/_jsx(Text, {
+      variant: "body-regular",
+      style: {
+        color: palette.textSecondary,
+        paddingLeft: 8,
+        paddingTop: 8,
+        paddingBottom: 8
+      },
+      children: emptyLabel
+    }) : others.map(device => /*#__PURE__*/_jsx(DeviceRow, {
+      device: device,
+      current: false,
+      currentLabel: currentLabel,
+      onPress: () => onSelect(device),
+      testID: testID ? `${testID}-device-${device.id}` : undefined
+    }, device.id)), onHelpPress ? /*#__PURE__*/_jsxs(Pressable, {
+      role: "link",
+      accessibilityLabel: helpLabel,
+      onPress: onHelpPress,
+      onHoverIn: () => setHelpHovered(true),
+      onHoverOut: () => setHelpHovered(false),
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        paddingLeft: 8,
+        paddingTop: 8,
+        paddingBottom: 4
+      },
+      testID: testID ? `${testID}-help` : undefined,
+      children: [/*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        children: /*#__PURE__*/_jsx(RiQuestionLine, {
+          width: 16,
+          height: 16,
+          fill: palette.textSecondary
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-medium",
+        style: {
+          color: helpHovered ? theme.colors.text : palette.textSecondary,
+          textDecorationLine: helpHovered ? 'underline' : 'none'
+        },
+        children: helpLabel
+      })]
+    }) : null]
+  });
+}
+export const DevicePicker = /*#__PURE__*/memo(DevicePickerComponent);
+DevicePicker.displayName = 'DevicePicker';
+//# sourceMappingURL=DevicePicker.js.map

package/lib/module/media-player/DevicePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","useState","Pressable","View","resolveButtonRamps","RiQuestionLine","resolveMenuPalette","useTheme","Text","DEVICE_GLYPHS","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEVICE_ROW_HEIGHT","DeviceRow","device","current","currentLabel","onPress","testID","theme","palette","accent","neutral","hovered","setHovered","Glyph","kind","disabled","accentText","isDark","iconWell","secondary","description","content","children","pointerEvents","style","width","height","borderRadius","alignItems","justifyContent","backgroundColor","fill","colors","text","flex","minWidth","variant","numberOfLines","color","textDisabled","name","textSecondary","rowStyle","minHeight","flexDirection","gap","paddingLeft","paddingRight","paddingTop","paddingBottom","role","accessibilityLabel","undefined","accessibilityState","onHoverIn","onHoverOut","rowHighlight","DevicePickerComponent","devices","onSelect","title","devicesTitle","emptyLabel","helpLabel","onHelpPress","helpHovered","setHelpHovered","heading","others","filter","d","id","border","marginTop","marginBottom","marginLeft","marginRight","length","map","textDecorationLine","DevicePicker","displayName"],"sourceRoot":"../../../src","sources":["media-player/DevicePicker.tsx"],"mappings":"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","ignoreList":[]}