@oxy.so/bloom 2.9.0 → 2.10.0

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

@@ -0,0 +1,120 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { webDataSet } from "../checkbox/shared.js";
+import { MEDIA_CONTROLS_CSS, MEDIA_CONTROLS_STYLE_ID, resolveMediaControlsPaint } from "../media-controls/shared.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { borderRadius } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+
+/** A glyph component (any `Ri*` icon). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The dot under an active glyph. */
+export const ACTIVE_DOT = 4;
+/**
+ * The glyph-only button every player control uses: shuffle, repeat, previous,
+ * next, lyrics, queue, devices, fullscreen, the speed and sleep triggers.
+ *
+ *   rest     muted neutral glyph (`restColor` for previous / next: the text colour)
+ *   hover    text colour on a neutral-100 (dark neutral-800) round wash
+ *   active   accent glyph + a 4px accent dot under it
+ *   disabled 50% opacity
+ *
+ * Colour change only. Forwards the trigger props `asChild` hands it
+ * (`aria-expanded`, `aria-haspopup`, `onPress`, the name).
+ */
+export const PlayerIconButton = /*#__PURE__*/forwardRef(function PlayerIconButton({
+  icon: Icon,
+  text,
+  glyph,
+  box,
+  accessibilityLabel,
+  onPress,
+  pressed,
+  active,
+  disabled = false,
+  restColor,
+  style,
+  testID,
+  ...aria
+}, ref) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(MEDIA_CONTROLS_STYLE_ID, MEDIA_CONTROLS_CSS);
+  }, []);
+  const paint = useMemo(() => resolveMediaControlsPaint(theme), [theme]);
+  const [hovered, setHovered] = useState(false);
+  const lit = pressed === true || active === true;
+  const hover = hovered && !disabled;
+  const color = lit ? hover ? paint.accentHover : paint.accent : hover ? paint.text : restColor ?? paint.textMuted;
+  const rootStyle = {
+    minWidth: box,
+    height: box,
+    paddingLeft: text ? 6 : 0,
+    paddingRight: text ? 6 : 0,
+    borderRadius: borderRadius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: hover ? paint.wash : undefined,
+    opacity: disabled ? 0.5 : 1,
+    '--bloom-media-ring': paint.ring
+  };
+  const toggle = pressed !== undefined;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: ref,
+    ...webDataSet({
+      bloomMediaFocusable: '',
+      bloomPlayerButton: lit ? 'active' : ''
+    }),
+    role: "button",
+    accessibilityLabel: accessibilityLabel,
+    "aria-pressed": toggle ? pressed : undefined,
+    accessibilityState: toggle ? {
+      selected: pressed,
+      disabled
+    } : {
+      disabled
+    },
+    "aria-disabled": disabled || undefined,
+    "aria-expanded": aria['aria-expanded'],
+    "aria-haspopup": aria['aria-haspopup'],
+    disabled: disabled,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    onPress: onPress,
+    style: [rootStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: Icon ? /*#__PURE__*/_jsx(Icon, {
+        width: glyph,
+        height: glyph,
+        fill: color
+      }) : /*#__PURE__*/_jsx(Text, {
+        variant: glyph >= 20 ? 'body-semibold' : 'caption-1-semibold',
+        style: {
+          color
+        },
+        children: text ?? ''
+      })
+    }), lit ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      testID: testID ? `${testID}-dot` : undefined,
+      style: {
+        position: 'absolute',
+        bottom: box >= 40 ? 2 : 0,
+        width: ACTIVE_DOT,
+        height: ACTIVE_DOT,
+        borderRadius: ACTIVE_DOT / 2,
+        backgroundColor: paint.accent
+      }
+    }) : null]
+  });
+});
+//# sourceMappingURL=PlayerIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useMemo","useState","Pressable","View","webDataSet","MEDIA_CONTROLS_CSS","MEDIA_CONTROLS_STYLE_ID","resolveMediaControlsPaint","adoptStyleSheet","borderRadius","useTheme","Text","jsx","_jsx","jsxs","_jsxs","ACTIVE_DOT","PlayerIconButton","icon","Icon","text","glyph","box","accessibilityLabel","onPress","pressed","active","disabled","restColor","style","testID","aria","ref","theme","paint","hovered","setHovered","lit","hover","color","accentHover","accent","textMuted","rootStyle","minWidth","height","paddingLeft","paddingRight","full","alignItems","justifyContent","backgroundColor","wash","undefined","opacity","ring","toggle","bloomMediaFocusable","bloomPlayerButton","role","accessibilityState","selected","onHoverIn","onHoverOut","children","pointerEvents","width","fill","variant","position","bottom"],"sourceRoot":"../../../src","sources":["media-player/PlayerIconButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,98 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../dropdown-menu';
+import { RiCheckLine } from "../icons/remix/RiCheckLine.js";
+import { RiTimerLine } from "../icons/remix/RiTimerLine.js";
+import { useTheme } from "../theme/use-theme.js";
+import { PlayerIconButton } from "./PlayerIconButton.js";
+import { parseSleepTimerKey, SLEEP_TIMER_MINUTES, sleepTimerKey, TRANSPORT_GEOMETRY } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const defaultMinutes = m => m === 60 ? '1 hour' : `${m} minutes`;
+const defaultRemaining = r => `Stops in ${r}`;
+
+/** The heading, the time left and the radio rows. */
+export function SleepTimerRows({
+  value,
+  onValueChange,
+  minutes = SLEEP_TIMER_MINUTES,
+  remaining,
+  label = 'Sleep timer',
+  offLabel = 'Off',
+  endLabel = 'End of episode',
+  formatMinutes = defaultMinutes,
+  formatRemaining = defaultRemaining,
+  testID
+}) {
+  const theme = useTheme();
+  const check = /*#__PURE__*/_jsx(RiCheckLine, {
+    width: 16,
+    height: 16,
+    fill: theme.colors.text
+  });
+  const row = (key, text) => /*#__PURE__*/_jsx(DropdownMenuRadioItem, {
+    value: key,
+    indicator: check,
+    indicatorPosition: "trailing",
+    testID: testID ? `${testID}-${key}` : undefined,
+    children: text
+  }, key);
+  const active = value !== 'off';
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DropdownMenuLabel, {
+      children: active && remaining ? `${label} · ${formatRemaining(remaining)}` : label
+    }), /*#__PURE__*/_jsxs(DropdownMenuRadioGroup, {
+      value: sleepTimerKey(value),
+      onValueChange: key => onValueChange(parseSleepTimerKey(key)),
+      children: [row('off', offLabel), /*#__PURE__*/_jsx(DropdownMenuSeparator, {}), minutes.map(m => row(sleepTimerKey(m), formatMinutes(m))), row('end', endLabel)]
+    })]
+  });
+}
+
+/**
+ * The sleep-timer menu: a timer glyph (accent + dot while a timer runs)
+ * opening a `DropdownMenu` of Off, the minute options and "End of episode".
+ * The time left arrives pre-formatted (`remaining`) and shows in the heading
+ * and the trigger's name.
+ */
+function SleepTimerMenuComponent({
+  children,
+  open,
+  onOpenChange,
+  size = 'regular',
+  disabled,
+  ...rows
+}) {
+  const g = TRANSPORT_GEOMETRY[size];
+  const label = rows.label ?? 'Sleep timer';
+  const active = rows.value !== 'off';
+  const name = active && rows.remaining ? `${label}, ${(rows.formatRemaining ?? defaultRemaining)(rows.remaining)}` : label;
+  return /*#__PURE__*/_jsxs(DropdownMenu, {
+    open: open,
+    onOpenChange: onOpenChange,
+    children: [/*#__PURE__*/_jsx(DropdownMenuTrigger, {
+      asChild: true,
+      label: name,
+      disabled: disabled,
+      children: children ?? /*#__PURE__*/_jsx(PlayerIconButton, {
+        icon: RiTimerLine,
+        glyph: g.glyph,
+        box: g.box,
+        active: active,
+        disabled: disabled,
+        testID: rows.testID ? `${rows.testID}-trigger` : undefined
+      })
+    }), /*#__PURE__*/_jsx(DropdownMenuContent, {
+      label: label,
+      align: "end",
+      minWidth: 220,
+      testID: rows.testID,
+      children: /*#__PURE__*/_jsx(SleepTimerRows, {
+        ...rows
+      })
+    })]
+  });
+}
+export const SleepTimerMenu = /*#__PURE__*/memo(SleepTimerMenuComponent);
+SleepTimerMenu.displayName = 'SleepTimerMenu';
+//# sourceMappingURL=SleepTimerMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","DropdownMenu","DropdownMenuContent","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuTrigger","RiCheckLine","RiTimerLine","useTheme","PlayerIconButton","parseSleepTimerKey","SLEEP_TIMER_MINUTES","sleepTimerKey","TRANSPORT_GEOMETRY","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","defaultMinutes","m","defaultRemaining","r","SleepTimerRows","value","onValueChange","minutes","remaining","label","offLabel","endLabel","formatMinutes","formatRemaining","testID","theme","check","width","height","fill","colors","text","row","key","indicator","indicatorPosition","undefined","children","active","map","SleepTimerMenuComponent","open","onOpenChange","size","disabled","rows","g","name","asChild","icon","glyph","box","align","minWidth","SleepTimerMenu","displayName"],"sourceRoot":"../../../src","sources":["media-player/SleepTimerMenu.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,150 @@
+"use strict";
+
+import React, { useEffect, useMemo } from 'react';
+import { Image, View } from 'react-native';
+import { resolveButtonRamps } from "../button/shared.js";
+import { webDataSet } from "../checkbox/shared.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { RiMusic2Line } from "../icons/remix/RiMusic2Line.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { isUrl, MEDIA_PLAYER_CSS, MEDIA_PLAYER_STYLE_ID } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The cover: an `Image` for a URL or a resolved id, a neutral well with a note glyph otherwise. */
+export function Artwork({
+  source,
+  size,
+  radius,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const resolver = useImageResolver();
+  const {
+    neutral
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const uri = source ? isUrl(source) ? source : resolver?.(source) : undefined;
+  const box = size === '100%' ? {
+    width: '100%',
+    aspectRatio: 1
+  } : {
+    width: size,
+    height: size
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [box, {
+      borderRadius: radius,
+      overflow: 'hidden',
+      backgroundColor: theme.isDark ? neutral[800] : neutral[100],
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style],
+    testID: testID,
+    children: uri ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri
+      },
+      accessibilityIgnoresInvertColors: true,
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      },
+      resizeMode: "cover"
+    }) : /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      children: /*#__PURE__*/_jsx(RiMusic2Line, {
+        width: 24,
+        height: 24,
+        fill: theme.isDark ? neutral[500] : neutral[400]
+      })
+    })
+  });
+}
+
+/**
+ * Title over the artist credits, each line ONE text node so it truncates as a
+ * whole. The title is a link when `onTitlePress` is given; each credit is a
+ * nested link when `onArtistPress` is given (and `artists` is a list). On web
+ * a link underlines under the pointer and on keyboard focus through the
+ * adopted sheet.
+ */
+export function TrackText({
+  track,
+  titleVariant,
+  artistVariant,
+  titleColor,
+  artistColor,
+  onTitlePress,
+  onArtistPress,
+  titleLabel,
+  trailingTitle,
+  testID
+}) {
+  useEffect(() => {
+    adoptStyleSheet(MEDIA_PLAYER_STYLE_ID, MEDIA_PLAYER_CSS);
+  }, []);
+  const artists = typeof track.artists === 'string' ? [{
+    name: track.artists
+  }] : track.artists;
+  const pressArtists = typeof track.artists !== 'string' && !!onArtistPress;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      minWidth: 0,
+      flexShrink: 1
+    },
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        minWidth: 0
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: titleVariant,
+        numberOfLines: 1,
+        style: {
+          color: titleColor,
+          flexShrink: 1
+        },
+        ...(onTitlePress ? {
+          role: 'link',
+          accessibilityLabel: titleLabel ?? track.title,
+          onPress: onTitlePress,
+          ...webDataSet({
+            bloomPlayerLink: ''
+          })
+        } : null),
+        testID: testID ? `${testID}-title` : undefined,
+        children: track.title
+      }), trailingTitle]
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: artistVariant,
+      numberOfLines: 1,
+      style: {
+        color: artistColor
+      },
+      testID: testID ? `${testID}-artists` : undefined,
+      children: artists.map((artist, i) => /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [i > 0 ? ', ' : null, pressArtists ? /*#__PURE__*/_jsx(Text, {
+          variant: artistVariant,
+          role: "link",
+          accessibilityLabel: artist.name,
+          onPress: () => onArtistPress?.(artist, i),
+          style: {
+            color: artistColor
+          },
+          ...webDataSet({
+            bloomPlayerLink: ''
+          }),
+          testID: testID ? `${testID}-artist-${i}` : undefined,
+          children: artist.name
+        }) : artist.name]
+      }, artist.id ?? `${artist.name}-${i}`))
+    })]
+  });
+}
+//# sourceMappingURL=TrackText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","Image","View","resolveButtonRamps","webDataSet","adoptStyleSheet","useImageResolver","RiMusic2Line","useTheme","Text","isUrl","MEDIA_PLAYER_CSS","MEDIA_PLAYER_STYLE_ID","jsx","_jsx","jsxs","_jsxs","Artwork","source","size","radius","style","testID","theme","resolver","neutral","uri","undefined","box","width","aspectRatio","height","borderRadius","overflow","backgroundColor","isDark","alignItems","justifyContent","children","accessibilityIgnoresInvertColors","position","top","left","right","bottom","resizeMode","pointerEvents","fill","TrackText","track","titleVariant","artistVariant","titleColor","artistColor","onTitlePress","onArtistPress","titleLabel","trailingTitle","artists","name","pressArtists","minWidth","flexShrink","flexDirection","gap","variant","numberOfLines","color","role","accessibilityLabel","title","onPress","bloomPlayerLink","map","artist","i","Fragment","id"],"sourceRoot":"../../../src","sources":["media-player/TrackText.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,235 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiArrowGoBackLine } from "../icons/remix/RiArrowGoBackLine.js";
+import { RiArrowGoForwardLine } from "../icons/remix/RiArrowGoForwardLine.js";
+import { RiForward10Line } from "../icons/remix/RiForward10Line.js";
+import { RiForward15Line } from "../icons/remix/RiForward15Line.js";
+import { RiForward30Line } from "../icons/remix/RiForward30Line.js";
+import { RiForward5Line } from "../icons/remix/RiForward5Line.js";
+import { RiRepeatLine } from "../icons/remix/RiRepeatLine.js";
+import { RiRepeatOneLine } from "../icons/remix/RiRepeatOneLine.js";
+import { RiReplay10Line } from "../icons/remix/RiReplay10Line.js";
+import { RiReplay15Line } from "../icons/remix/RiReplay15Line.js";
+import { RiReplay30Line } from "../icons/remix/RiReplay30Line.js";
+import { RiReplay5Line } from "../icons/remix/RiReplay5Line.js";
+import { RiShuffleLine } from "../icons/remix/RiShuffleLine.js";
+import { RiSkipBackFill } from "../icons/remix/RiSkipBackFill.js";
+import { RiSkipForwardFill } from "../icons/remix/RiSkipForwardFill.js";
+import { PlayButton } from "../media-controls/PlayButton.js";
+import { useTheme } from "../theme/use-theme.js";
+import { PlaybackSpeedMenu } from "./PlaybackSpeedMenu.js";
+import { PlayerIconButton } from "./PlayerIconButton.js";
+import { nextRepeatMode, TRANSPORT_GEOMETRY } from "./shared.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const DEFAULT_TRANSPORT_LABELS = {
+  shuffle: 'Shuffle',
+  previous: 'Previous',
+  next: 'Next',
+  play: 'Play',
+  pause: 'Pause',
+  repeat: 'Repeat',
+  repeatOne: 'Repeat one',
+  skipBack: s => `Back ${s} seconds`,
+  skipForward: s => `Forward ${s} seconds`
+};
+const REPLAY_GLYPHS = {
+  5: RiReplay5Line,
+  10: RiReplay10Line,
+  15: RiReplay15Line,
+  30: RiReplay30Line
+};
+const FORWARD_GLYPHS = {
+  5: RiForward5Line,
+  10: RiForward10Line,
+  15: RiForward15Line,
+  30: RiForward30Line
+};
+
+/** The numbered skip glyph for 5 / 10 / 15 / 30 seconds; a plain curved arrow for any other count. */
+export function skipGlyphFor(direction, seconds) {
+  if (direction === 'back') return REPLAY_GLYPHS[seconds] ?? RiArrowGoBackLine;
+  return FORWARD_GLYPHS[seconds] ?? RiArrowGoForwardLine;
+}
+
+/**
+ * The transport row.
+ *
+ *   music     shuffle · previous · PLAY · next · repeat
+ *   podcast   speed · back N · PLAY · forward N · trailing
+ *
+ *              play   glyph   prev/next   hit box   gap
+ *   compact    32     16      20          32        8
+ *   regular    48     20      24          32        16
+ *   large      56     24      32          40        24
+ *
+ * The play button is `PlayButton` `inverse`. Previous / next rest in the text
+ * colour; the toggles rest muted and turn accent with a 4px dot when on.
+ * Optional buttons (shuffle, repeat, speed) keep their slot when absent, so
+ * the play button stays centred.
+ *
+ * Repeat cycles `off` → `all` → `one`: `onRepeatChange` receives the NEXT mode.
+ * It is a toggle (`aria-pressed` true for `all` and `one`) named "Repeat", or
+ * "Repeat one" while repeating one — the pressed state says whether it is on,
+ * the name which repeat.
+ */
+function TransportControlsComponent({
+  playing,
+  onPlayPause,
+  loading,
+  subject,
+  variant = 'music',
+  size = 'regular',
+  onPrevious,
+  onNext,
+  previousDisabled,
+  nextDisabled,
+  shuffle = false,
+  onShuffleChange,
+  repeat = 'off',
+  onRepeatChange,
+  skipBackSeconds = 15,
+  skipForwardSeconds = 30,
+  onSkipBack,
+  onSkipForward,
+  playbackRate = 1,
+  onPlaybackRateChange,
+  trailing,
+  disabled = false,
+  labels: labelOverrides,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const labels = useMemo(() => ({
+    ...DEFAULT_TRANSPORT_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const g = TRANSPORT_GEOMETRY[size];
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const slot = {
+    width: g.box,
+    height: g.box,
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  const play = /*#__PURE__*/_jsx(PlayButton, {
+    playing: playing,
+    onPress: onPlayPause,
+    size: g.play,
+    variant: "inverse",
+    loading: loading,
+    disabled: disabled,
+    subject: subject,
+    playLabel: labels.play,
+    pauseLabel: labels.pause,
+    testID: id('play')
+  });
+  let children;
+  if (variant === 'podcast') {
+    children = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          minWidth: g.box,
+          height: g.box,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: onPlaybackRateChange ? /*#__PURE__*/_jsx(PlaybackSpeedMenu, {
+          rate: playbackRate,
+          onRateChange: onPlaybackRateChange,
+          size: size,
+          disabled: disabled,
+          testID: id('speed')
+        }) : null
+      }), /*#__PURE__*/_jsx(PlayerIconButton, {
+        icon: skipGlyphFor('back', skipBackSeconds),
+        glyph: g.skipGlyph,
+        box: g.box,
+        restColor: theme.colors.text,
+        accessibilityLabel: labels.skipBack(skipBackSeconds),
+        onPress: onSkipBack,
+        disabled: disabled || !onSkipBack,
+        testID: id('skip-back')
+      }), play, /*#__PURE__*/_jsx(PlayerIconButton, {
+        icon: skipGlyphFor('forward', skipForwardSeconds),
+        glyph: g.skipGlyph,
+        box: g.box,
+        restColor: theme.colors.text,
+        accessibilityLabel: labels.skipForward(skipForwardSeconds),
+        onPress: onSkipForward,
+        disabled: disabled || !onSkipForward,
+        testID: id('skip-forward')
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          minWidth: g.box,
+          height: g.box,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: trailing
+      })]
+    });
+  } else {
+    const repeating = repeat !== 'off';
+    children = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: slot,
+        children: onShuffleChange ? /*#__PURE__*/_jsx(PlayerIconButton, {
+          icon: RiShuffleLine,
+          glyph: g.glyph,
+          box: g.box,
+          pressed: shuffle,
+          accessibilityLabel: labels.shuffle,
+          onPress: () => onShuffleChange(!shuffle),
+          disabled: disabled,
+          testID: id('shuffle')
+        }) : null
+      }), /*#__PURE__*/_jsx(PlayerIconButton, {
+        icon: RiSkipBackFill,
+        glyph: g.skipGlyph,
+        box: g.box,
+        restColor: theme.colors.text,
+        accessibilityLabel: labels.previous,
+        onPress: onPrevious,
+        disabled: disabled || previousDisabled || !onPrevious,
+        testID: id('previous')
+      }), play, /*#__PURE__*/_jsx(PlayerIconButton, {
+        icon: RiSkipForwardFill,
+        glyph: g.skipGlyph,
+        box: g.box,
+        restColor: theme.colors.text,
+        accessibilityLabel: labels.next,
+        onPress: onNext,
+        disabled: disabled || nextDisabled || !onNext,
+        testID: id('next')
+      }), /*#__PURE__*/_jsx(View, {
+        style: slot,
+        children: onRepeatChange ? /*#__PURE__*/_jsx(PlayerIconButton, {
+          icon: repeat === 'one' ? RiRepeatOneLine : RiRepeatLine,
+          glyph: g.glyph,
+          box: g.box,
+          pressed: repeating,
+          accessibilityLabel: repeat === 'one' ? labels.repeatOne : labels.repeat,
+          onPress: () => onRepeatChange(nextRepeatMode(repeat)),
+          disabled: disabled,
+          testID: id('repeat')
+        }) : null
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: g.gap
+    }, style],
+    testID: testID,
+    children: children
+  });
+}
+export const TransportControls = /*#__PURE__*/memo(TransportControlsComponent);
+TransportControls.displayName = 'TransportControls';
+//# sourceMappingURL=TransportControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiArrowGoBackLine","RiArrowGoForwardLine","RiForward10Line","RiForward15Line","RiForward30Line","RiForward5Line","RiRepeatLine","RiRepeatOneLine","RiReplay10Line","RiReplay15Line","RiReplay30Line","RiReplay5Line","RiShuffleLine","RiSkipBackFill","RiSkipForwardFill","PlayButton","useTheme","PlaybackSpeedMenu","PlayerIconButton","nextRepeatMode","TRANSPORT_GEOMETRY","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_TRANSPORT_LABELS","shuffle","previous","next","play","pause","repeat","repeatOne","skipBack","s","skipForward","REPLAY_GLYPHS","FORWARD_GLYPHS","skipGlyphFor","direction","seconds","TransportControlsComponent","playing","onPlayPause","loading","subject","variant","size","onPrevious","onNext","previousDisabled","nextDisabled","onShuffleChange","onRepeatChange","skipBackSeconds","skipForwardSeconds","onSkipBack","onSkipForward","playbackRate","onPlaybackRateChange","trailing","disabled","labels","labelOverrides","style","testID","theme","g","id","part","undefined","slot","width","box","height","alignItems","justifyContent","onPress","playLabel","pauseLabel","children","minWidth","rate","onRateChange","icon","glyph","skipGlyph","restColor","colors","text","accessibilityLabel","repeating","pressed","flexDirection","gap","TransportControls","displayName"],"sourceRoot":"../../../src","sources":["media-player/TransportControls.tsx"],"mappings":"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","ignoreList":[]}