@oxy.so/bloom 2.9.0 → 2.11.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dropdownMenu","_RiCheckLine","_useTheme","_PlayerIconButton","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PlaybackSpeedRows","rate","onRateChange","rates","PLAYBACK_RATES","formatRate","formatPlaybackRate","label","testID","theme","useTheme","jsxs","Fragment","children","jsx","DropdownMenuLabel","DropdownMenuRadioGroup","value","String","onValueChange","v","Number","map","DropdownMenuRadioItem","indicator","RiCheckLine","width","height","fill","colors","text","indicatorPosition","undefined","PlaybackSpeedMenuComponent","open","onOpenChange","size","disabled","g","TRANSPORT_GEOMETRY","DropdownMenu","DropdownMenuTrigger","asChild","PlayerIconButton","glyph","box","active","DropdownMenuContent","align","minWidth","PlaybackSpeedMenu","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-player/PlaybackSpeedMenu.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlayerIconButton = exports.ACTIVE_DOT = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _shared = require("../media-controls/shared.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** A glyph component (any `Ri*` icon). */
+/** @deprecated Use `BloomIconComponent` from `@oxy.so/bloom/icons`; this is an alias of it. */
+
+/** The dot under an active glyph. */
+const ACTIVE_DOT = exports.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
+ *
+ * `button/GlyphButton` with this family's wash and two things only it has: the
+ * ACTIVE DOT (its `decoration`) and a TEXT glyph ("1.5×"), which is what `grow`
+ * is for — the box becomes a minimum width and the control widens to its label.
+ *
+ * `lit` is `pressed || active`, so the accent reaches a menu TRIGGER that is not
+ * itself a toggle; that is why the lit colours are handed over as
+ * `color`/`hoverColor` rather than left to `GlyphButton`'s `pressed` default.
+ *
+ * Colour change only. Forwards the trigger props `asChild` hands it
+ * (`aria-expanded`, `aria-haspopup`, `onPress`, the name).
+ */
+const PlayerIconButton = exports.PlayerIconButton = /*#__PURE__*/(0, _react.forwardRef)(function PlayerIconButton({
+  icon: Icon,
+  text,
+  glyph,
+  box,
+  accessibilityLabel,
+  onPress,
+  pressed,
+  active,
+  disabled = false,
+  restColor,
+  style,
+  testID,
+  ...aria
+}, ref) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMediaControlsPaint)(theme), [theme]);
+  const lit = pressed === true || active === true;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+    ref: ref,
+    icon: Icon,
+    size: box,
+    glyphSize: glyph,
+    grow: text !== undefined,
+    accessibilityLabel: accessibilityLabel ?? '',
+    disabled: disabled,
+    pressed: pressed,
+    color: lit ? paint.accent : restColor ?? paint.textMuted,
+    hoverColor: lit ? paint.accentHover : paint.text,
+    activeColor: paint.accent,
+    activeHoverColor: paint.accentHover,
+    fill: "transparent",
+    hoverFill: paint.wash,
+    ring: paint.ring,
+    "aria-expanded": aria['aria-expanded'],
+    "aria-haspopup": aria['aria-haspopup'],
+    onPress: onPress,
+    style: style,
+    testID: testID,
+    decoration: lit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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,
+    children: Icon ? undefined : foreground => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: glyph >= 20 ? 'body-semibold' : 'caption-1-semibold',
+      style: {
+        color: foreground
+      },
+      children: text ?? ''
+    })
+  });
+});
+//# sourceMappingURL=PlayerIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_button","_shared","_useTheme","_index","_jsxRuntime","ACTIVE_DOT","exports","PlayerIconButton","forwardRef","icon","Icon","text","glyph","box","accessibilityLabel","onPress","pressed","active","disabled","restColor","style","testID","aria","ref","theme","useTheme","paint","useMemo","resolveMediaControlsPaint","lit","jsx","GlyphButton","size","glyphSize","grow","undefined","color","accent","textMuted","hoverColor","accentHover","activeColor","activeHoverColor","fill","hoverFill","wash","ring","decoration","View","pointerEvents","position","bottom","width","height","borderRadius","backgroundColor","children","foreground","Text","variant"],"sourceRoot":"../../../src","sources":["media-player/PlayerIconButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SleepTimerMenu = void 0;
+exports.SleepTimerRows = SleepTimerRows;
+var _react = _interopRequireWildcard(require("react"));
+var _dropdownMenu = require("../dropdown-menu");
+var _RiCheckLine = require("../icons/remix/RiCheckLine.js");
+var _RiTimerLine = require("../icons/remix/RiTimerLine.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); }
+const defaultMinutes = m => m === 60 ? '1 hour' : `${m} minutes`;
+const defaultRemaining = r => `Stops in ${r}`;
+
+/** The heading, the time left and the radio rows. */
+function SleepTimerRows({
+  value,
+  onValueChange,
+  minutes = _shared.SLEEP_TIMER_MINUTES,
+  remaining,
+  label = 'Sleep timer',
+  offLabel = 'Off',
+  endLabel = 'End of episode',
+  formatMinutes = defaultMinutes,
+  formatRemaining = defaultRemaining,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const check = /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCheckLine.RiCheckLine, {
+    width: 16,
+    height: 16,
+    fill: theme.colors.text
+  });
+  const row = (key, text) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuRadioItem, {
+    value: key,
+    indicator: check,
+    indicatorPosition: "trailing",
+    testID: testID ? `${testID}-${key}` : undefined,
+    children: text
+  }, key);
+  const active = value !== 'off';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuLabel, {
+      children: active && remaining ? `${label} · ${formatRemaining(remaining)}` : label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenuRadioGroup, {
+      value: (0, _shared.sleepTimerKey)(value),
+      onValueChange: key => onValueChange((0, _shared.parseSleepTimerKey)(key)),
+      children: [row('off', offLabel), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuSeparator, {}), minutes.map(m => row((0, _shared.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 = _shared.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__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+    open: open,
+    onOpenChange: onOpenChange,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuTrigger, {
+      asChild: true,
+      label: name,
+      disabled: disabled,
+      children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+        icon: _RiTimerLine.RiTimerLine,
+        glyph: g.glyph,
+        box: g.box,
+        active: active,
+        disabled: disabled,
+        testID: rows.testID ? `${rows.testID}-trigger` : undefined
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuContent, {
+      label: label,
+      align: "end",
+      minWidth: 220,
+      testID: rows.testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SleepTimerRows, {
+        ...rows
+      })
+    })]
+  });
+}
+const SleepTimerMenu = exports.SleepTimerMenu = /*#__PURE__*/(0, _react.memo)(SleepTimerMenuComponent);
+SleepTimerMenu.displayName = 'SleepTimerMenu';
+//# sourceMappingURL=SleepTimerMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dropdownMenu","_RiCheckLine","_RiTimerLine","_useTheme","_PlayerIconButton","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultMinutes","m","defaultRemaining","SleepTimerRows","value","onValueChange","minutes","SLEEP_TIMER_MINUTES","remaining","label","offLabel","endLabel","formatMinutes","formatRemaining","testID","theme","useTheme","check","jsx","RiCheckLine","width","height","fill","colors","text","row","key","DropdownMenuRadioItem","indicator","indicatorPosition","undefined","children","active","jsxs","Fragment","DropdownMenuLabel","DropdownMenuRadioGroup","sleepTimerKey","parseSleepTimerKey","DropdownMenuSeparator","map","SleepTimerMenuComponent","open","onOpenChange","size","disabled","rows","g","TRANSPORT_GEOMETRY","name","DropdownMenu","DropdownMenuTrigger","asChild","PlayerIconButton","icon","RiTimerLine","glyph","box","DropdownMenuContent","align","minWidth","SleepTimerMenu","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-player/SleepTimerMenu.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Artwork = Artwork;
+exports.TrackText = TrackText;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _webData = require("../styles/web-data.js");
+var _context = require("../image-resolver/context.js");
+var _isImageUrl = require("../image-resolver/is-image-url.js");
+var _RiMusic2Line = require("../icons/remix/RiMusic2Line.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _shared2 = 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 cover: an `Image` for a URL or a resolved id, a neutral well with a note glyph otherwise. */
+function Artwork({
+  source,
+  size,
+  radius,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const resolver = (0, _context.useImageResolver)();
+  const {
+    neutral
+  } = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme), [theme]);
+  const uri = source ? (0, _isImageUrl.isImageUrl)(source) ? source : resolver?.(source) : undefined;
+  const box = size === '100%' ? {
+    width: '100%',
+    aspectRatio: 1
+  } : {
+    width: size,
+    height: size
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [box, {
+      borderRadius: radius,
+      overflow: 'hidden',
+      backgroundColor: theme.isDark ? neutral[800] : neutral[100],
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style],
+    testID: testID,
+    children: uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri
+      },
+      accessibilityIgnoresInvertColors: true,
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      },
+      resizeMode: "cover"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiMusic2Line.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.
+ */
+function TrackText({
+  track,
+  titleVariant,
+  artistVariant,
+  titleColor,
+  artistColor,
+  onTitlePress,
+  onArtistPress,
+  titleLabel,
+  trailingTitle,
+  testID
+}) {
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MEDIA_PLAYER_STYLE_ID, _shared2.MEDIA_PLAYER_CSS);
+  }, []);
+  const artists = typeof track.artists === 'string' ? [{
+    name: track.artists
+  }] : track.artists;
+  const pressArtists = typeof track.artists !== 'string' && !!onArtistPress;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      minWidth: 0,
+      flexShrink: 1
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        minWidth: 0
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: titleVariant,
+        numberOfLines: 1,
+        style: {
+          color: titleColor,
+          flexShrink: 1
+        },
+        ...(onTitlePress ? {
+          role: 'link',
+          accessibilityLabel: titleLabel ?? track.title,
+          onPress: onTitlePress,
+          ...(0, _webData.webDataSet)({
+            bloomPlayerLink: ''
+          })
+        } : null),
+        testID: testID ? `${testID}-title` : undefined,
+        children: track.title
+      }), trailingTitle]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: artistVariant,
+      numberOfLines: 1,
+      style: {
+        color: artistColor
+      },
+      testID: testID ? `${testID}-artists` : undefined,
+      children: artists.map((artist, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+        children: [i > 0 ? ', ' : null, pressArtists ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: artistVariant,
+          role: "link",
+          accessibilityLabel: artist.name,
+          onPress: () => onArtistPress?.(artist, i),
+          style: {
+            color: artistColor
+          },
+          ...(0, _webData.webDataSet)({
+            bloomPlayerLink: ''
+          }),
+          testID: testID ? `${testID}-artist-${i}` : undefined,
+          children: artist.name
+        }) : artist.name]
+      }, artist.id ?? `${artist.name}-${i}`))
+    })]
+  });
+}
+//# sourceMappingURL=TrackText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_adoptStyleSheet","_webData","_context","_isImageUrl","_RiMusic2Line","_useTheme","_index","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Artwork","source","size","radius","style","testID","theme","useTheme","resolver","useImageResolver","neutral","useMemo","resolveButtonRamps","uri","isImageUrl","undefined","box","width","aspectRatio","height","jsx","View","borderRadius","overflow","backgroundColor","isDark","alignItems","justifyContent","children","Image","accessibilityIgnoresInvertColors","position","top","left","right","bottom","resizeMode","pointerEvents","RiMusic2Line","fill","TrackText","track","titleVariant","artistVariant","titleColor","artistColor","onTitlePress","onArtistPress","titleLabel","trailingTitle","useEffect","adoptStyleSheet","MEDIA_PLAYER_STYLE_ID","MEDIA_PLAYER_CSS","artists","name","pressArtists","jsxs","minWidth","flexShrink","flexDirection","gap","Text","variant","numberOfLines","color","role","accessibilityLabel","title","onPress","webDataSet","bloomPlayerLink","map","artist","Fragment","id"],"sourceRoot":"../../../src","sources":["media-player/TrackText.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransportControls = exports.DEFAULT_TRANSPORT_LABELS = void 0;
+exports.skipGlyphFor = skipGlyphFor;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RiArrowGoBackLine = require("../icons/remix/RiArrowGoBackLine.js");
+var _RiArrowGoForwardLine = require("../icons/remix/RiArrowGoForwardLine.js");
+var _RiForward10Line = require("../icons/remix/RiForward10Line.js");
+var _RiForward15Line = require("../icons/remix/RiForward15Line.js");
+var _RiForward30Line = require("../icons/remix/RiForward30Line.js");
+var _RiForward5Line = require("../icons/remix/RiForward5Line.js");
+var _RiRepeatLine = require("../icons/remix/RiRepeatLine.js");
+var _RiRepeatOneLine = require("../icons/remix/RiRepeatOneLine.js");
+var _RiReplay10Line = require("../icons/remix/RiReplay10Line.js");
+var _RiReplay15Line = require("../icons/remix/RiReplay15Line.js");
+var _RiReplay30Line = require("../icons/remix/RiReplay30Line.js");
+var _RiReplay5Line = require("../icons/remix/RiReplay5Line.js");
+var _RiShuffleLine = require("../icons/remix/RiShuffleLine.js");
+var _RiSkipBackFill = require("../icons/remix/RiSkipBackFill.js");
+var _RiSkipForwardFill = require("../icons/remix/RiSkipForwardFill.js");
+var _PlayButton = require("../media-controls/PlayButton.js");
+var _useTheme = require("../theme/use-theme.js");
+var _PlaybackSpeedMenu = require("./PlaybackSpeedMenu.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); }
+const DEFAULT_TRANSPORT_LABELS = exports.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.RiReplay5Line,
+  10: _RiReplay10Line.RiReplay10Line,
+  15: _RiReplay15Line.RiReplay15Line,
+  30: _RiReplay30Line.RiReplay30Line
+};
+const FORWARD_GLYPHS = {
+  5: _RiForward5Line.RiForward5Line,
+  10: _RiForward10Line.RiForward10Line,
+  15: _RiForward15Line.RiForward15Line,
+  30: _RiForward30Line.RiForward30Line
+};
+
+/** The numbered skip glyph for 5 / 10 / 15 / 30 seconds; a plain curved arrow for any other count. */
+function skipGlyphFor(direction, seconds) {
+  if (direction === 'back') return REPLAY_GLYPHS[seconds] ?? _RiArrowGoBackLine.RiArrowGoBackLine;
+  return FORWARD_GLYPHS[seconds] ?? _RiArrowGoForwardLine.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 = (0, _useTheme.useTheme)();
+  const labels = (0, _react.useMemo)(() => ({
+    ...DEFAULT_TRANSPORT_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const g = _shared.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__*/(0, _jsxRuntime.jsx)(_PlayButton.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          minWidth: g.box,
+          height: g.box,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: onPlaybackRateChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlaybackSpeedMenu.PlaybackSpeedMenu, {
+          rate: playbackRate,
+          onRateChange: onPlaybackRateChange,
+          size: size,
+          disabled: disabled,
+          testID: id('speed')
+        }) : null
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.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__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          minWidth: g.box,
+          height: g.box,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: trailing
+      })]
+    });
+  } else {
+    const repeating = repeat !== 'off';
+    children = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: slot,
+        children: onShuffleChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+          icon: _RiShuffleLine.RiShuffleLine,
+          glyph: g.glyph,
+          box: g.box,
+          pressed: shuffle,
+          accessibilityLabel: labels.shuffle,
+          onPress: () => onShuffleChange(!shuffle),
+          disabled: disabled,
+          testID: id('shuffle')
+        }) : null
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+        icon: _RiSkipBackFill.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__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+        icon: _RiSkipForwardFill.RiSkipForwardFill,
+        glyph: g.skipGlyph,
+        box: g.box,
+        restColor: theme.colors.text,
+        accessibilityLabel: labels.next,
+        onPress: onNext,
+        disabled: disabled || nextDisabled || !onNext,
+        testID: id('next')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: slot,
+        children: onRepeatChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayerIconButton.PlayerIconButton, {
+          icon: repeat === 'one' ? _RiRepeatOneLine.RiRepeatOneLine : _RiRepeatLine.RiRepeatLine,
+          glyph: g.glyph,
+          box: g.box,
+          pressed: repeating,
+          accessibilityLabel: repeat === 'one' ? labels.repeatOne : labels.repeat,
+          onPress: () => onRepeatChange((0, _shared.nextRepeatMode)(repeat)),
+          disabled: disabled,
+          testID: id('repeat')
+        }) : null
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: g.gap
+    }, style],
+    testID: testID,
+    children: children
+  });
+}
+const TransportControls = exports.TransportControls = /*#__PURE__*/(0, _react.memo)(TransportControlsComponent);
+TransportControls.displayName = 'TransportControls';
+//# sourceMappingURL=TransportControls.js.map