@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/lyrics/LyricsParts.js

@@ -0,0 +1,157 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Pressable, View } from 'react-native';
+import { webDataSet } from "../checkbox/shared.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { borderRadius } from "../styles/tokens.js";
+import { Text } from "../typography/index.js";
+import { IS_WEB } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Drawn for a blank synced line. */
+export const BREAK_DOTS = '•  •  •';
+
+/** Where a line sits relative to playback. `plain` is unsynced text. */
+
+/**
+ * One line. Colour carries the state (past dimmed, active full, upcoming
+ * secondary) and the active line takes the heavier weight. Hovering a
+ * seekable line draws it in the active colour — a colour change only.
+ */
+function LyricsLineRowComponent({
+  line,
+  index,
+  state,
+  variant,
+  palette,
+  onSeekLine,
+  onLineLayout,
+  gapHeight,
+  testID
+}) {
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = useInteractionState();
+  const seekable = !!onSeekLine && state !== 'plain';
+  const blank = line.text.trim().length === 0;
+  const color = state === 'active' || state === 'plain' || seekable && hovered ? palette.active : state === 'past' ? palette.past : palette.upcoming;
+  const onLayout = onLineLayout ? event => onLineLayout(index, event) : undefined;
+  const rowStyle = {
+    alignSelf: 'flex-start',
+    maxWidth: '100%',
+    minHeight: blank ? gapHeight : undefined,
+    justifyContent: 'center',
+    borderRadius: 8
+  };
+
+  // A blank line is a gap — a verse break, or in synced lyrics an instrumental
+  // break, which draws three dots while it is the active line.
+  const content = !blank ? /*#__PURE__*/_jsx(Text, {
+    variant: variant,
+    style: {
+      color
+    },
+    children: line.text
+  }) : state !== 'active' ? null : /*#__PURE__*/_jsx(Text, {
+    variant: "caption-1-bold",
+    style: {
+      color
+    },
+    children: BREAK_DOTS
+  });
+  if (!seekable || blank) {
+    return /*#__PURE__*/_jsx(View, {
+      ...webDataSet({
+        bloomLyricsLine: state
+      }),
+      onLayout: onLayout,
+      style: rowStyle,
+      testID: testID,
+      ...(state === 'active' && IS_WEB ? {
+        'aria-current': 'true'
+      } : null),
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...webDataSet({
+      bloomLyricsLine: 'seek',
+      bloomLyricsState: state
+    }),
+    role: "button",
+    accessibilityLabel: line.text,
+    ...(state === 'active' && IS_WEB ? {
+      'aria-current': 'true'
+    } : null),
+    onPress: () => onSeekLine?.(line, index),
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    onLayout: onLayout,
+    style: rowStyle,
+    testID: testID,
+    children: content
+  });
+}
+export const LyricsLineRow = /*#__PURE__*/memo(LyricsLineRowComponent);
+/**
+ * The pill button the lyrics draw on their own background: filled in the
+ * active text colour with the background as its label, so it keeps the same
+ * contrast as the active line whatever `artworkColor` produced.
+ */
+export function LyricsPill({
+  label,
+  onPress,
+  palette,
+  style,
+  testID
+}) {
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = useInteractionState();
+  const {
+    state: pressed,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = useInteractionState();
+  const pillStyle = {
+    height: 36,
+    paddingLeft: 16,
+    paddingRight: 16,
+    borderRadius: borderRadius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: hovered || pressed ? palette.pillHover : palette.pill,
+    '--bloom-lyrics-ring': palette.ring,
+    ...(IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '150ms'
+    } : null)
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...webDataSet({
+      bloomLyricsPill: ''
+    }),
+    role: "button",
+    accessibilityLabel: label,
+    onPress: onPress,
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    style: [pillStyle, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: "body-semibold",
+      numberOfLines: 1,
+      style: {
+        color: palette.onPill
+      },
+      children: label
+    })
+  });
+}
+//# sourceMappingURL=LyricsParts.js.map

package/lib/module/lyrics/LyricsParts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","Pressable","View","webDataSet","useInteractionState","borderRadius","Text","IS_WEB","jsx","_jsx","BREAK_DOTS","LyricsLineRowComponent","line","index","state","variant","palette","onSeekLine","onLineLayout","gapHeight","testID","hovered","onIn","onOut","seekable","blank","text","trim","length","color","active","past","upcoming","onLayout","event","undefined","rowStyle","alignSelf","maxWidth","minHeight","justifyContent","content","style","children","bloomLyricsLine","bloomLyricsState","role","accessibilityLabel","onPress","onHoverIn","onHoverOut","LyricsLineRow","LyricsPill","label","pressed","onPressIn","onPressOut","pillStyle","height","paddingLeft","paddingRight","full","alignItems","backgroundColor","pillHover","pill","ring","transitionProperty","transitionDuration","bloomLyricsPill","numberOfLines","onPill"],"sourceRoot":"../../../src","sources":["lyrics/LyricsParts.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/lyrics/LyricsPreviewCard.js

@@ -0,0 +1,126 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo } from 'react';
+import { View } from 'react-native';
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { LyricsLineRow, LyricsPill } from "./LyricsParts.js";
+import { DEFAULT_EMPTY_TEXT, LYRICS_CSS, LYRICS_STYLE_ID, activeLyricIndex, lyricsPreviewWindow, normalizeLyricLines, resolveLyricsPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A card with a few lines of the lyrics around the one playing, for a
+ * now-playing screen below the fold.
+ *
+ *   card      radius 16, padding 20, the lyrics background (`artworkColor`
+ *             shade or the neutral surface)
+ *   heading   headline-bold, active colour
+ *   lines     title-3 (18/26) semibold, the active one bold; 4 or 5 of them,
+ *             the active line second from the top
+ *   footer    "Show lyrics" pill (left) and the provider text
+ *
+ * The window moves one line at a time with playback — the lines do not
+ * animate. Unsynced lyrics show their first lines in the full colour.
+ */
+function LyricsPreviewCardComponent({
+  lines: linesProp,
+  text,
+  currentTime,
+  artworkColor,
+  title = 'Lyrics',
+  visibleLines = 5,
+  onShowLyrics,
+  showLyricsLabel = 'Show lyrics',
+  onSeekLine,
+  providerText,
+  emptyText = DEFAULT_EMPTY_TEXT,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(LYRICS_STYLE_ID, LYRICS_CSS);
+  }, []);
+  const palette = useMemo(() => resolveLyricsPalette(theme, artworkColor), [theme, artworkColor]);
+  const {
+    lines,
+    synced
+  } = useMemo(() => normalizeLyricLines(linesProp, text), [linesProp, text]);
+  const active = synced ? activeLyricIndex(lines, currentTime) : -1;
+  // Unsynced text has blank separators between verses; a preview skips them.
+  const pool = synced ? lines : lines.filter(line => line.text.trim().length > 0);
+  const {
+    start,
+    end
+  } = lyricsPreviewWindow(pool.length, active, visibleLines);
+  const cardStyle = {
+    borderRadius: 16,
+    paddingTop: 20,
+    paddingBottom: 20,
+    paddingLeft: 20,
+    paddingRight: 20,
+    gap: 16,
+    backgroundColor: palette.background,
+    '--bloom-lyrics-ring': palette.ring
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    role: "region",
+    accessibilityLabel: title,
+    style: [cardStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "headline-bold",
+      style: {
+        color: palette.active
+      },
+      children: title
+    }), pool.length === 0 ? /*#__PURE__*/_jsx(Text, {
+      variant: "body-medium",
+      style: {
+        color: palette.upcoming
+      },
+      children: emptyText
+    }) : /*#__PURE__*/_jsx(View, {
+      style: {
+        gap: 6
+      },
+      children: pool.slice(start, end).map((line, offset) => {
+        const index = start + offset;
+        const state = !synced ? 'plain' : index === active ? 'active' : index < active ? 'past' : 'upcoming';
+        return /*#__PURE__*/_jsx(LyricsLineRow, {
+          line: line,
+          index: index,
+          state: state,
+          variant: state === 'active' ? 'title-3-bold' : 'title-3-semibold',
+          palette: palette,
+          onSeekLine: synced ? onSeekLine : undefined,
+          gapHeight: 16,
+          testID: testID ? `${testID}-line-${index}` : undefined
+        }, line.key ?? index);
+      })
+    }), onShowLyrics || providerText ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: 12
+      },
+      children: [onShowLyrics ? /*#__PURE__*/_jsx(LyricsPill, {
+        label: showLyricsLabel,
+        palette: palette,
+        onPress: onShowLyrics,
+        testID: testID ? `${testID}-show` : undefined
+      }) : null, providerText ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        style: {
+          color: palette.muted,
+          flexShrink: 1
+        },
+        children: providerText
+      }) : null]
+    }) : null]
+  });
+}
+export const LyricsPreviewCard = /*#__PURE__*/memo(LyricsPreviewCardComponent);
+LyricsPreviewCard.displayName = 'LyricsPreviewCard';
+//# sourceMappingURL=LyricsPreviewCard.js.map

package/lib/module/lyrics/LyricsPreviewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","View","adoptStyleSheet","useTheme","Text","LyricsLineRow","LyricsPill","DEFAULT_EMPTY_TEXT","LYRICS_CSS","LYRICS_STYLE_ID","activeLyricIndex","lyricsPreviewWindow","normalizeLyricLines","resolveLyricsPalette","jsx","_jsx","jsxs","_jsxs","LyricsPreviewCardComponent","lines","linesProp","text","currentTime","artworkColor","title","visibleLines","onShowLyrics","showLyricsLabel","onSeekLine","providerText","emptyText","style","testID","theme","palette","synced","active","pool","filter","line","trim","length","start","end","cardStyle","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","backgroundColor","background","ring","role","accessibilityLabel","children","variant","color","upcoming","slice","map","offset","index","state","undefined","gapHeight","key","flexDirection","alignItems","flexWrap","label","onPress","muted","flexShrink","LyricsPreviewCard","displayName"],"sourceRoot":"../../../src","sources":["lyrics/LyricsPreviewCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/lyrics/LyricsView.js

@@ -0,0 +1,272 @@
+"use strict";
+
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ScrollView, View } from 'react-native';
+import { useReducedMotion } from 'react-native-reanimated';
+import { webDataSet } from "../checkbox/shared.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { TYPE_SCALE } from "../typography/scale.js";
+import { LyricsLineRow, LyricsPill } from "./LyricsParts.js";
+import { DEFAULT_EMPTY_TEXT, IS_WEB, LYRICS_CSS, LYRICS_STYLE_ID, activeLyricIndex, lyricLineVariant, lyricsScrollTarget, lyricsSizeForWidth, normalizeLyricLines, resolveLyricsPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Synced lyrics that follow playback.
+ *
+ *   size     line type                          gap   padding top / sides
+ *   large    display-4 (32/44) semibold · bold  12    32 / 32
+ *   medium   title-1 (24/34) semibold · bold    8     20 / 24
+ *   small    title-2 (20/26) semibold · bold    8     20 / 20
+ *
+ *   past      the text colour mixed toward the background (≥ 3:1)
+ *   active    the full text colour, bold
+ *   upcoming  mixed less (≥ 4.5:1)
+ *
+ * `size` defaults by width: `large` from 720, `medium` from 480, `small` below. Only colour and weight change
+ * with playback — no line grows, moves or scales.
+ *
+ * Auto-scroll keeps the active line's centre `anchor` (1/3) down the view. A
+ * user scroll (drag, wheel or any scroll the view did not start) pauses it
+ * for `resumeDelay` ms and shows a "Back to current line" pill; pressing it,
+ * or the delay passing, scrolls back. Reduced motion jumps instead of
+ * animating. The bottom is padded by the rest of the view's height so the last
+ * line can reach the anchor too.
+ *
+ * Lines without times draw as plain text in the full colour: nothing scrolls
+ * and nothing seeks.
+ *
+ * Accessibility: a `region` named "Lyrics". With `onSeekLine`, each synced
+ * line is a `button` named by its words; the active line carries
+ * `aria-current` on web.
+ */
+
+/** How long a programmatic scroll's own scroll events are ignored, in ms. */
+const PROGRAMMATIC_WINDOW_MS = 1000;
+function LyricsViewComponent({
+  lines: linesProp,
+  text,
+  currentTime,
+  onSeekLine,
+  artworkColor,
+  providerText,
+  footer,
+  emptyText = DEFAULT_EMPTY_TEXT,
+  backToCurrentLabel = 'Back to current line',
+  resumeDelay = 3000,
+  anchor = 1 / 3,
+  size: sizeProp,
+  accessibilityLabel = 'Lyrics',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(LYRICS_STYLE_ID, LYRICS_CSS);
+  }, []);
+  const reducedMotion = useReducedMotion();
+  const palette = useMemo(() => resolveLyricsPalette(theme, artworkColor), [theme, artworkColor]);
+  const {
+    lines,
+    synced
+  } = useMemo(() => normalizeLyricLines(linesProp, text), [linesProp, text]);
+  const active = synced ? activeLyricIndex(lines, currentTime) : -1;
+  const [width, setWidth] = useState(0);
+  const [viewport, setViewport] = useState(0);
+  const size = sizeProp ?? lyricsSizeForWidth(width);
+  const large = size === 'large';
+  const gap = large ? 12 : 8;
+  const paddingH = large ? 32 : size === 'medium' ? 24 : 20;
+  const paddingTop = large ? 32 : 20;
+  const scrollRef = useRef(null);
+  const layouts = useRef(new Map());
+  const offset = useRef(0);
+  const content = useRef(0);
+  const programmaticUntil = useRef(0);
+  const expected = useRef(null);
+  const resumeTimer = useRef(null);
+  const [detached, setDetached] = useState(false);
+  const scrollToActive = useCallback(animated => {
+    if (active < 0 || viewport <= 0) return;
+    const layout = layouts.current.get(active);
+    if (!layout) return;
+    const target = lyricsScrollTarget({
+      lineTop: layout.y,
+      lineHeight: layout.height,
+      viewport,
+      content: content.current,
+      anchor
+    });
+    if (Math.abs(target - offset.current) < 1) return;
+    const animate = animated && !reducedMotion;
+    programmaticUntil.current = Date.now() + (animate ? PROGRAMMATIC_WINDOW_MS : 100);
+    expected.current = target;
+    scrollRef.current?.scrollTo({
+      y: target,
+      animated: animate
+    });
+  }, [active, viewport, anchor, reducedMotion]);
+
+  // Follow the active line while attached. The first placement never animates.
+  const placed = useRef(false);
+  useEffect(() => {
+    if (detached) return;
+    scrollToActive(placed.current);
+    if (layouts.current.has(active) && viewport > 0) placed.current = true;
+  }, [active, detached, scrollToActive, viewport]);
+  useEffect(() => () => {
+    if (resumeTimer.current) clearTimeout(resumeTimer.current);
+  }, []);
+  const attach = useCallback(() => {
+    if (resumeTimer.current) clearTimeout(resumeTimer.current);
+    resumeTimer.current = null;
+    setDetached(false);
+  }, []);
+  const noteUserScroll = useCallback(() => {
+    if (!synced) return;
+    programmaticUntil.current = 0;
+    expected.current = null;
+    setDetached(true);
+    if (resumeTimer.current) clearTimeout(resumeTimer.current);
+    resumeTimer.current = setTimeout(() => {
+      resumeTimer.current = null;
+      setDetached(false);
+    }, resumeDelay);
+  }, [synced, resumeDelay]);
+  const onScroll = useCallback(event => {
+    const y = event.nativeEvent.contentOffset.y;
+    offset.current = y;
+    if (Date.now() < programmaticUntil.current) return;
+    if (expected.current !== null && Math.abs(y - expected.current) < 2) return;
+    noteUserScroll();
+  }, [noteUserScroll]);
+  const onLineLayout = useCallback((index, event) => {
+    const {
+      y,
+      height
+    } = event.nativeEvent.layout;
+    layouts.current.set(index, {
+      y,
+      height
+    });
+    if (index === active && !detached) scrollToActive(placed.current);
+    if (index === active) placed.current = true;
+  }, [active, detached, scrollToActive]);
+  const onRootLayout = useCallback(event => {
+    const {
+      width: w,
+      height: h
+    } = event.nativeEvent.layout;
+    setWidth(w);
+    setViewport(h);
+  }, []);
+  const gapHeight = Math.max(16, TYPE_SCALE[lyricLineVariant(size, false)].lineHeight / 2);
+  const empty = lines.length === 0;
+  const rootStyle = {
+    flex: 1,
+    minHeight: 0,
+    overflow: 'hidden',
+    backgroundColor: palette.background,
+    '--bloom-lyrics-ring': palette.ring
+  };
+  const footerNode = footer ?? (providerText ? /*#__PURE__*/_jsx(Text, {
+    variant: "caption-1-regular",
+    style: {
+      color: palette.muted
+    },
+    children: providerText
+  }) : null);
+  return /*#__PURE__*/_jsxs(View, {
+    role: "region",
+    accessibilityLabel: accessibilityLabel,
+    onLayout: onRootLayout,
+    style: [rootStyle, style],
+    testID: testID,
+    children: [empty ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 24
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "title-3-semibold",
+        style: {
+          color: palette.upcoming,
+          textAlign: 'center'
+        },
+        children: emptyText
+      })
+    }) : /*#__PURE__*/_jsxs(ScrollView, {
+      ref: scrollRef,
+      ...webDataSet({
+        bloomLyricsScroll: ''
+      }),
+      showsVerticalScrollIndicator: false,
+      scrollEventThrottle: 16,
+      onScroll: onScroll,
+      onScrollBeginDrag: noteUserScroll
+      // Web: a wheel or touch drag is the user's even while an animated
+      // auto-scroll's own events are still being ignored.
+      ,
+      ...(IS_WEB ? {
+        onWheel: noteUserScroll,
+        onTouchMove: noteUserScroll
+      } : null),
+      onContentSizeChange: (_w, h) => {
+        content.current = h;
+      },
+      style: {
+        flex: 1
+      },
+      contentContainerStyle: {
+        gap,
+        paddingTop,
+        paddingLeft: paddingH,
+        paddingRight: paddingH,
+        paddingBottom: synced ? Math.max(paddingTop, viewport * (1 - anchor)) : paddingTop
+      },
+      testID: testID ? `${testID}-scroll` : undefined,
+      children: [lines.map((line, index) => {
+        const state = !synced ? 'plain' : index === active ? 'active' : index < active ? 'past' : 'upcoming';
+        return /*#__PURE__*/_jsx(LyricsLineRow, {
+          line: line,
+          index: index,
+          state: state,
+          variant: lyricLineVariant(size, synced && index === active),
+          palette: palette,
+          onSeekLine: synced ? onSeekLine : undefined,
+          onLineLayout: synced ? onLineLayout : undefined,
+          gapHeight: gapHeight,
+          testID: testID ? `${testID}-line-${index}` : undefined
+        }, line.key ?? index);
+      }), footerNode ? /*#__PURE__*/_jsx(View, {
+        style: {
+          marginTop: large ? 32 : 24
+        },
+        children: footerNode
+      }) : null]
+    }), detached && synced && active >= 0 ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "box-none",
+      style: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        bottom: 24,
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(LyricsPill, {
+        label: backToCurrentLabel,
+        palette: palette,
+        onPress: () => {
+          attach();
+          scrollToActive(true);
+        },
+        testID: testID ? `${testID}-back` : undefined
+      })
+    }) : null]
+  });
+}
+export const LyricsView = /*#__PURE__*/memo(LyricsViewComponent);
+LyricsView.displayName = 'LyricsView';
+//# sourceMappingURL=LyricsView.js.map

package/lib/module/lyrics/LyricsView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useMemo","useRef","useState","ScrollView","View","useReducedMotion","webDataSet","adoptStyleSheet","useTheme","Text","TYPE_SCALE","LyricsLineRow","LyricsPill","DEFAULT_EMPTY_TEXT","IS_WEB","LYRICS_CSS","LYRICS_STYLE_ID","activeLyricIndex","lyricLineVariant","lyricsScrollTarget","lyricsSizeForWidth","normalizeLyricLines","resolveLyricsPalette","jsx","_jsx","jsxs","_jsxs","PROGRAMMATIC_WINDOW_MS","LyricsViewComponent","lines","linesProp","text","currentTime","onSeekLine","artworkColor","providerText","footer","emptyText","backToCurrentLabel","resumeDelay","anchor","size","sizeProp","accessibilityLabel","style","testID","theme","reducedMotion","palette","synced","active","width","setWidth","viewport","setViewport","large","gap","paddingH","paddingTop","scrollRef","layouts","Map","offset","content","programmaticUntil","expected","resumeTimer","detached","setDetached","scrollToActive","animated","layout","current","get","target","lineTop","y","lineHeight","height","Math","abs","animate","Date","now","scrollTo","placed","has","clearTimeout","attach","noteUserScroll","setTimeout","onScroll","event","nativeEvent","contentOffset","onLineLayout","index","set","onRootLayout","w","h","gapHeight","max","empty","length","rootStyle","flex","minHeight","overflow","backgroundColor","background","ring","footerNode","variant","color","muted","children","role","onLayout","alignItems","justifyContent","padding","upcoming","textAlign","ref","bloomLyricsScroll","showsVerticalScrollIndicator","scrollEventThrottle","onScrollBeginDrag","onWheel","onTouchMove","onContentSizeChange","_w","contentContainerStyle","paddingLeft","paddingRight","paddingBottom","undefined","map","line","state","key","marginTop","pointerEvents","position","left","right","bottom","label","onPress","LyricsView","displayName"],"sourceRoot":"../../../src","sources":["lyrics/LyricsView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/lyrics/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { LyricsView } from "./LyricsView.js";
+export { LyricsPreviewCard } from "./LyricsPreviewCard.js";
+export { activeLyricIndex, lyricsScrollTarget, normalizeLyricLines, resolveLyricsPalette } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/lyrics/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LyricsView","LyricsPreviewCard","activeLyricIndex","lyricsScrollTarget","normalizeLyricLines","resolveLyricsPalette"],"sourceRoot":"../../../src","sources":["lyrics/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SACEC,gBAAgB,EAChBC,kBAAkB,EAClBC,mBAAmB,EACnBC,oBAAoB,QACf,aAAU","ignoreList":[]}