@oxy.so/bloom 2.8.0 → 2.10.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_shared","_shared2","_colorUtils","_colorContrast","IS_WEB","exports","Platform","OS","TILE_ARTWORK","large","medium","small","ROW_ARTWORK","TILE_PADDING","TILE_RADIUS","ROW_PADDING","ROW_RADIUS","TEXT_GAP","squareRadius","size","layout","PODCAST_RADIUS","GENRE_RADIUS","QUICK_TILE_HEIGHT","QUICK_TILE_RADIUS","GENRE_ARTWORK_ROTATION","RECAP_RADIUS","artworkSide","resolvePlayVisibility","mode","hasOnPlay","playing","loading","current","web","resolveArtworkUri","source","resolver","variant","undefined","isUrl","composeName","parts","filter","part","trim","join","joinMeta","clampFraction","value","Number","isFinite","Math","min","max","COVER_TEXT_CONTRAST","TINT_STOPS","resolveCoverTint","theme","color","neutral","n","resolveButtonRamps","text","textMuted","mixColor","parseRgba","ramp","colorRamp","ACCENT_TABLE","index","findIndex","stop","contrastRatio","at","length","bottom","top","resolveMediaCardPaint","accent","colors","isDark","textSecondary","hover","background","selected","selectedHover","placeholder","placeholderGlyph","tile","tileHover","rail","fill","surface","ring","webData","data","dataSet","MEDIA_CARD_STYLE_ID","CARD","LINK","REVEAL","MEDIA_CARD_CSS"],"sourceRoot":"../../../src","sources":["media-card/shared.ts"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/commonjs/media-controls/ExplicitBadge.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExplicitBadge = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.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 small square "E" beside a track title.
+ *
+ *            square   radius   letter
+ *   small    14       2        caption-2-bold (line height 14)
+ *   medium   16       3        caption-2-bold
+ *
+ * Fill neutral-500 (dark neutral-400), letter in the page background colour.
+ * Square rather than a pill: it is a mark, not a button-like badge.
+ *
+ * Accessibility: one `img` named by `label` ("Explicit"); the drawn letter is
+ * hidden so the name is not announced as "E".
+ */
+
+const SIZE_CONFIG = {
+  small: {
+    box: 14,
+    radius: 2,
+    type: 'caption-2-bold'
+  },
+  medium: {
+    box: 16,
+    radius: 3,
+    type: 'caption-2-bold'
+  }
+};
+function ExplicitBadgeComponent({
+  size = 'medium',
+  letter = 'E',
+  label = 'Explicit',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMediaControlsPaint)(theme), [theme]);
+  const {
+    box,
+    radius,
+    type
+  } = SIZE_CONFIG[size];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "img",
+    accessibilityLabel: label,
+    style: [{
+      width: box,
+      height: box,
+      borderRadius: radius,
+      backgroundColor: paint.badge,
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexShrink: 0
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: type,
+      importantForAccessibility: "no",
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      numberOfLines: 1,
+      style: {
+        color: paint.onBadge,
+        lineHeight: box,
+        letterSpacing: 0
+      },
+      children: letter
+    })
+  });
+}
+const ExplicitBadge = exports.ExplicitBadge = /*#__PURE__*/(0, _react.memo)(ExplicitBadgeComponent);
+ExplicitBadge.displayName = 'ExplicitBadge';
+//# sourceMappingURL=ExplicitBadge.js.map

package/lib/commonjs/media-controls/ExplicitBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE_CONFIG","small","box","radius","type","medium","ExplicitBadgeComponent","size","letter","label","style","testID","theme","useTheme","paint","useMemo","resolveMediaControlsPaint","jsx","View","role","accessibilityLabel","width","height","borderRadius","backgroundColor","badge","alignItems","justifyContent","flexShrink","children","Text","variant","importantForAccessibility","accessibilityElementsHidden","numberOfLines","color","onBadge","lineHeight","letterSpacing","ExplicitBadge","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-controls/ExplicitBadge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-controls/LikeButton.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LikeButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../checkbox/shared.js");
+var _RiHeart3Fill = require("../icons/remix/RiHeart3Fill.js");
+var _RiHeart3Line = require("../icons/remix/RiHeart3Line.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _tokens = require("../styles/tokens.js");
+var _useTheme = require("../theme/use-theme.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 heart that saves a track, album or playlist to the library.
+ *
+ *            glyph   hit area
+ *   small    16      32
+ *   medium   20      32
+ *   large    24      40
+ *
+ *   rest    outline heart, muted neutral; hover: the text colour
+ *   liked   filled heart in the theme accent (or `activeColor`)
+ *
+ * Colour change only — no scale, no bounce.
+ *
+ * Accessibility: a toggle button, so it carries its state in both spellings —
+ * `aria-pressed` for web and `accessibilityState.selected` for native (React
+ * Native has no pressed state). The NAME says what pressing does ("Save to Your
+ * Library" / "Remove from Your Library"). The press does not reach a pressable
+ * row behind it.
+ */
+
+const SIZE_CONFIG = {
+  small: {
+    glyph: 16,
+    box: 32
+  },
+  medium: {
+    glyph: 20,
+    box: 32
+  },
+  large: {
+    glyph: 24,
+    box: 40
+  }
+};
+function LikeButtonComponent({
+  liked,
+  onLikedChange,
+  size = 'medium',
+  activeColor,
+  disabled = false,
+  accessibilityLabel = 'Save to Your Library',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MEDIA_CONTROLS_STYLE_ID, _shared2.MEDIA_CONTROLS_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveMediaControlsPaint)(theme), [theme]);
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const {
+    glyph,
+    box
+  } = SIZE_CONFIG[size];
+  const color = liked ? activeColor ?? paint.accent : hovered && !disabled ? paint.text : paint.textMuted;
+  const Glyph = liked ? _RiHeart3Fill.RiHeart3Fill : _RiHeart3Line.RiHeart3Line;
+  const rootStyle = {
+    width: box,
+    height: box,
+    borderRadius: _tokens.borderRadius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: disabled ? 0.5 : 1,
+    '--bloom-media-ring': paint.ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _shared.webDataSet)({
+      bloomMediaFocusable: '',
+      bloomLikeButton: liked ? 'liked' : ''
+    }),
+    role: "button",
+    accessibilityLabel: accessibilityLabel,
+    "aria-pressed": liked,
+    accessibilityState: {
+      selected: liked,
+      disabled
+    },
+    "aria-disabled": disabled || undefined,
+    disabled: disabled,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    onPress: event => {
+      if (_shared2.IS_WEB) {
+        event.preventDefault?.();
+        event.stopPropagation?.();
+      }
+      onLikedChange(!liked);
+    },
+    style: [rootStyle, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        width: glyph,
+        height: glyph
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
+        width: glyph,
+        height: glyph,
+        fill: color
+      })
+    })
+  });
+}
+const LikeButton = exports.LikeButton = /*#__PURE__*/(0, _react.memo)(LikeButtonComponent);
+LikeButton.displayName = 'LikeButton';
+//# sourceMappingURL=LikeButton.js.map

package/lib/commonjs/media-controls/LikeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_RiHeart3Fill","_RiHeart3Line","_adoptStyleSheet","_tokens","_useTheme","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE_CONFIG","small","glyph","box","medium","large","LikeButtonComponent","liked","onLikedChange","size","activeColor","disabled","accessibilityLabel","style","testID","theme","useTheme","useEffect","adoptStyleSheet","MEDIA_CONTROLS_STYLE_ID","MEDIA_CONTROLS_CSS","paint","useMemo","resolveMediaControlsPaint","hovered","setHovered","useState","color","accent","text","textMuted","Glyph","RiHeart3Fill","RiHeart3Line","rootStyle","width","height","borderRadius","full","alignItems","justifyContent","opacity","ring","jsx","Pressable","webDataSet","bloomMediaFocusable","bloomLikeButton","role","accessibilityState","selected","undefined","onHoverIn","onHoverOut","onPress","event","IS_WEB","preventDefault","stopPropagation","children","View","pointerEvents","fill","LikeButton","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-controls/LikeButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-controls/MediaTrack.js

@@ -0,0 +1,262 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MEDIA_TRACK_THUMB = exports.MEDIA_TRACK_RAIL = exports.MEDIA_TRACK_HIT = void 0;
+exports.MediaTrack = MediaTrack;
+exports.valueAtPosition = valueAtPosition;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../checkbox/shared.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _tokens = require("../styles/tokens.js");
+var _useTheme = require("../theme/use-theme.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); }
+/** Height of the pointer target. The drawn rail is centred in it. */
+const MEDIA_TRACK_HIT = exports.MEDIA_TRACK_HIT = 16;
+const MEDIA_TRACK_RAIL = exports.MEDIA_TRACK_RAIL = 4;
+const MEDIA_TRACK_THUMB = exports.MEDIA_TRACK_THUMB = 12;
+
+/** The position under a pointer `x` px into a `width` px track, clamped to `0..max`. */
+function valueAtPosition(x, width, max) {
+  if (width <= 0 || max <= 0) return 0;
+  return (0, _shared2.clamp)(x / width, 0, 1) * max;
+}
+/**
+ * The scrubber shared by `PlaybackProgress` and `VolumeControl`: a 4px pill
+ * rail (neutral-200, dark neutral-700), an optional buffered segment
+ * (neutral-300, dark neutral-500), and the fill — the text colour at rest,
+ * the accent under the pointer, while dragging or with keyboard focus
+ * (`:focus-visible`, in the adopted sheet, so a click leaves nothing lit). The
+ * 12px thumb (text colour) only shows in those same states.
+ *
+ * Gestures use RN's `PanResponder` (native, and web through react-native-web).
+ * The element is a `slider` (`accessibilityRole="adjustable"`) carrying flat
+ * `aria-value*` props; on web it takes focus and answers arrows (±`step`),
+ * Home and End; on native the `increment`/`decrement` actions.
+ */
+function MediaTrack({
+  value,
+  max,
+  buffered,
+  onPreview,
+  onCommit,
+  step,
+  disabled,
+  accessibilityLabel,
+  valueText,
+  onDragChange,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MEDIA_CONTROLS_STYLE_ID, _shared2.MEDIA_CONTROLS_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveMediaControlsPaint)(theme), [theme]);
+  const [width, setWidth] = (0, _react.useState)(0);
+  const [dragValue, setDragValue] = (0, _react.useState)(null);
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const safeMax = max > 0 ? max : 0;
+  const shown = (0, _shared2.clamp)(dragValue ?? value, 0, safeMax);
+  const stateRef = (0, _react.useRef)({
+    width,
+    max: safeMax,
+    disabled,
+    value: shown
+  });
+  stateRef.current = {
+    width,
+    max: safeMax,
+    disabled,
+    value: shown
+  };
+  const callbacksRef = (0, _react.useRef)({
+    onPreview,
+    onCommit,
+    onDragChange
+  });
+  callbacksRef.current = {
+    onPreview,
+    onCommit,
+    onDragChange
+  };
+  const dragRef = (0, _react.useRef)({
+    startX: 0,
+    current: 0
+  });
+  const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => !stateRef.current.disabled && stateRef.current.max > 0,
+    onMoveShouldSetPanResponder: () => !stateRef.current.disabled && stateRef.current.max > 0,
+    onPanResponderTerminationRequest: () => false,
+    onPanResponderGrant: e => {
+      const s = stateRef.current;
+      const x = e.nativeEvent.locationX;
+      const next = valueAtPosition(x, s.width, s.max);
+      dragRef.current = {
+        startX: x,
+        current: next
+      };
+      setDragValue(next);
+      callbacksRef.current.onDragChange?.(next);
+      callbacksRef.current.onPreview?.(next);
+    },
+    onPanResponderMove: (_e, g) => {
+      const s = stateRef.current;
+      const next = valueAtPosition(dragRef.current.startX + g.dx, s.width, s.max);
+      if (next === dragRef.current.current) return;
+      dragRef.current.current = next;
+      setDragValue(next);
+      callbacksRef.current.onDragChange?.(next);
+      callbacksRef.current.onPreview?.(next);
+    },
+    onPanResponderRelease: () => {
+      setDragValue(null);
+      callbacksRef.current.onDragChange?.(null);
+      callbacksRef.current.onCommit?.(dragRef.current.current);
+    },
+    onPanResponderTerminate: () => {
+      setDragValue(null);
+      callbacksRef.current.onDragChange?.(null);
+      callbacksRef.current.onCommit?.(dragRef.current.current);
+    }
+  }), []);
+  const onLayout = (0, _react.useCallback)(e => {
+    setWidth(e.nativeEvent.layout.width);
+  }, []);
+  const stepBy = (0, _react.useCallback)(target => {
+    if (disabled || safeMax <= 0) return;
+    const next = (0, _shared2.clamp)(target, 0, safeMax);
+    if (next !== value) onCommit?.(next);
+  }, [disabled, safeMax, value, onCommit]);
+  const onAccessibilityAction = (0, _react.useCallback)(e => {
+    if (e.nativeEvent.actionName === 'increment') stepBy(value + step);else if (e.nativeEvent.actionName === 'decrement') stepBy(value - step);
+  }, [stepBy, value, step]);
+  const webProps = _shared2.IS_WEB ? {
+    tabIndex: disabled ? -1 : 0,
+    onPointerEnter: () => setHovered(true),
+    onPointerLeave: () => setHovered(false),
+    onKeyDown: e => {
+      switch (e.key) {
+        case 'ArrowRight':
+        case 'ArrowUp':
+          e.preventDefault();
+          stepBy(value + step);
+          break;
+        case 'ArrowLeft':
+        case 'ArrowDown':
+          e.preventDefault();
+          stepBy(value - step);
+          break;
+        case 'Home':
+          e.preventDefault();
+          stepBy(0);
+          break;
+        case 'End':
+          e.preventDefault();
+          stepBy(safeMax);
+          break;
+        default:
+          break;
+      }
+    }
+  } : {};
+  const active = !disabled && (hovered || dragValue !== null);
+  const fraction = safeMax > 0 ? shown / safeMax : 0;
+  const bufferedFraction = buffered != null && safeMax > 0 ? (0, _shared2.clamp)(buffered / safeMax, 0, 1) : 0;
+  const railTop = (MEDIA_TRACK_HIT - MEDIA_TRACK_RAIL) / 2;
+  const rootStyle = {
+    position: 'relative',
+    height: MEDIA_TRACK_HIT,
+    minWidth: 0,
+    opacity: disabled ? 0.5 : 1,
+    '--bloom-media-ring': paint.ring,
+    '--bloom-media-accent': paint.accent,
+    ...(_shared2.IS_WEB ? {
+      touchAction: 'none'
+    } : null)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...panResponder.panHandlers,
+    ...webProps,
+    ...(0, _shared.webDataSet)({
+      bloomMediaFocusable: '',
+      bloomMediaTrack: ''
+    }),
+    accessibilityRole: "adjustable",
+    accessibilityLabel: accessibilityLabel,
+    "aria-valuemin": 0,
+    "aria-valuemax": safeMax,
+    "aria-valuenow": shown,
+    "aria-valuetext": valueText(shown),
+    "aria-disabled": disabled || undefined,
+    accessibilityActions: [{
+      name: 'increment'
+    }, {
+      name: 'decrement'
+    }],
+    onAccessibilityAction: onAccessibilityAction,
+    onLayout: onLayout,
+    style: [rootStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        top: railTop,
+        height: MEDIA_TRACK_RAIL,
+        borderRadius: _tokens.borderRadius.full,
+        backgroundColor: paint.rail,
+        overflow: 'hidden'
+      },
+      children: [bufferedFraction > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        testID: testID ? `${testID}-buffered` : undefined,
+        style: {
+          position: 'absolute',
+          left: 0,
+          top: 0,
+          bottom: 0,
+          width: `${bufferedFraction * 100}%`,
+          backgroundColor: paint.buffered
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        testID: testID ? `${testID}-fill` : undefined,
+        ...(0, _shared.webDataSet)({
+          bloomMediaFill: ''
+        }),
+        style: {
+          position: 'absolute',
+          left: 0,
+          top: 0,
+          bottom: 0,
+          width: `${fraction * 100}%`,
+          borderRadius: _tokens.borderRadius.full,
+          backgroundColor: active ? paint.accent : paint.text
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      ...(0, _shared.webDataSet)({
+        bloomMediaThumb: ''
+      }),
+      style: {
+        position: 'absolute',
+        top: (MEDIA_TRACK_HIT - MEDIA_TRACK_THUMB) / 2,
+        left: `${fraction * 100}%`,
+        marginLeft: -MEDIA_TRACK_THUMB / 2,
+        width: MEDIA_TRACK_THUMB,
+        height: MEDIA_TRACK_THUMB,
+        borderRadius: _tokens.borderRadius.full,
+        backgroundColor: paint.text,
+        boxShadow: '0 1px 2px rgba(0, 0, 0, 0.24)',
+        opacity: active ? 1 : 0
+      }
+    })]
+  });
+}
+//# sourceMappingURL=MediaTrack.js.map

package/lib/commonjs/media-controls/MediaTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_adoptStyleSheet","_tokens","_useTheme","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MEDIA_TRACK_HIT","exports","MEDIA_TRACK_RAIL","MEDIA_TRACK_THUMB","valueAtPosition","x","width","max","clamp","MediaTrack","value","buffered","onPreview","onCommit","step","disabled","accessibilityLabel","valueText","onDragChange","style","testID","theme","useTheme","useEffect","adoptStyleSheet","MEDIA_CONTROLS_STYLE_ID","MEDIA_CONTROLS_CSS","paint","useMemo","resolveMediaControlsPaint","setWidth","useState","dragValue","setDragValue","hovered","setHovered","safeMax","shown","stateRef","useRef","current","callbacksRef","dragRef","startX","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderTerminationRequest","onPanResponderGrant","s","nativeEvent","locationX","next","onPanResponderMove","_e","g","dx","onPanResponderRelease","onPanResponderTerminate","onLayout","useCallback","layout","stepBy","target","onAccessibilityAction","actionName","webProps","IS_WEB","tabIndex","onPointerEnter","onPointerLeave","onKeyDown","key","preventDefault","active","fraction","bufferedFraction","railTop","rootStyle","position","height","minWidth","opacity","ring","accent","touchAction","jsxs","View","panHandlers","webDataSet","bloomMediaFocusable","bloomMediaTrack","accessibilityRole","undefined","accessibilityActions","name","children","pointerEvents","left","right","top","borderRadius","full","backgroundColor","rail","overflow","jsx","bottom","bloomMediaFill","text","bloomMediaThumb","marginLeft","boxShadow"],"sourceRoot":"../../../src","sources":["media-controls/MediaTrack.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-controls/NowPlayingIndicator.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NowPlayingIndicator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useTheme = require("../theme/use-theme.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * The equalizer bars beside the row that is playing.
+ *
+ * Bars are 20% of `size` wide (at least 2px) with rounded tops, bottom-aligned.
+ * Playing, each bar swings between its own low and high height on its own
+ * period, so the group never repeats in step. Paused — or with reduced motion
+ * on — the bars stand still at their resting heights, which still reads as
+ * "this one". Colour: the theme accent.
+ *
+ * Accessibility: one `img` named "Now playing".
+ */
+
+/** [rest, low, high, period ms] per bar, as fractions of `size`. */
+const BAR_MOTION = [[0.55, 0.25, 0.9, 420], [0.9, 0.4, 1, 540], [0.4, 0.2, 0.75, 360], [0.7, 0.3, 0.95, 480]];
+function Bar({
+  size,
+  width,
+  color,
+  motion,
+  animate
+}) {
+  const [rest, low, high, period] = motion;
+  const fraction = (0, _reactNativeReanimated.useSharedValue)(rest);
+  (0, _react.useEffect)(() => {
+    (0, _reactNativeReanimated.cancelAnimation)(fraction);
+    if (!animate) {
+      fraction.value = rest;
+      return;
+    }
+    const easing = _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.quad);
+    fraction.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(high, {
+      duration: period / 2,
+      easing
+    }), (0, _reactNativeReanimated.withTiming)(low, {
+      duration: period / 2,
+      easing
+    })), -1, false);
+    return () => (0, _reactNativeReanimated.cancelAnimation)(fraction);
+  }, [animate, fraction, rest, low, high, period]);
+  const animated = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: Math.max(width, fraction.value * size)
+  }), [fraction, width, size]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      width,
+      backgroundColor: color,
+      borderTopLeftRadius: width / 2,
+      borderTopRightRadius: width / 2
+    }, animated]
+  });
+}
+function NowPlayingIndicatorComponent({
+  playing = true,
+  size = 16,
+  bars = 4,
+  color,
+  label = 'Now playing',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMediaControlsPaint)(theme), [theme]);
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  const animate = playing && !reducedMotion;
+  const barWidth = Math.max(2, Math.round(size * 0.2));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "img",
+    accessibilityLabel: label,
+    style: [{
+      width: size,
+      height: size,
+      flexDirection: 'row',
+      alignItems: 'flex-end',
+      justifyContent: 'space-between',
+      paddingLeft: bars === 3 ? Math.round(size * 0.1) : 0,
+      paddingRight: bars === 3 ? Math.round(size * 0.1) : 0
+    }, style],
+    testID: testID,
+    children: BAR_MOTION.slice(0, bars).map((motion, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
+      size: size,
+      width: barWidth,
+      color: color ?? paint.accent,
+      motion: motion,
+      animate: animate
+    }, index))
+  });
+}
+const NowPlayingIndicator = exports.NowPlayingIndicator = /*#__PURE__*/(0, _react.memo)(NowPlayingIndicatorComponent);
+NowPlayingIndicator.displayName = 'NowPlayingIndicator';
+//# sourceMappingURL=NowPlayingIndicator.js.map