@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/commonjs/track-list/TrackRowSkeleton.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TrackRowSkeleton = TrackRowSkeleton;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var Skeleton = _interopRequireWildcard(require("../skeleton/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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Placeholder rows with the same geometry and column collapsing as `TrackRow`,
+ * so the table does not jump when the tracks arrive. Hidden from assistive
+ * technology — announce loading on the surrounding region instead.
+ */
+function TrackRowSkeleton({
+  columns,
+  width,
+  density = 'comfortable',
+  count = 1,
+  style,
+  testID
+}) {
+  const window = (0, _reactNative.useWindowDimensions)();
+  const layoutWidth = width ?? window.width;
+  const narrow = (0, _shared.isNarrow)(layoutWidth);
+  const visible = columns ?? (0, _shared.resolveVisibleColumns)(undefined, layoutWidth);
+  const has = column => visible.includes(column);
+  const geo = (0, _shared.rowGeometry)(density, narrow);
+  const gap = {
+    marginLeft: geo.gap
+  };
+  const bar = (w, h = 10) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+    width: w,
+    height: h,
+    borderRadius: 4
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: style,
+    testID: testID,
+    children: Array.from({
+      length: count
+    }, (_, i) => {
+      // Vary the text widths a little so a block of rows does not read as a grid.
+      const titleWidth = 50 + i * 37 % 35;
+      const artistWidth = 25 + i * 23 % 25;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          height: geo.height,
+          paddingLeft: geo.paddingX,
+          paddingRight: geo.paddingX
+        },
+        children: [has('index') && !narrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: _shared.CELL.index,
+            alignItems: 'center'
+          },
+          children: bar(12)
+        }) : null, has('title') ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [{
+            flex: _shared.CELL.flex.title,
+            minWidth: 0,
+            flexDirection: 'row',
+            alignItems: 'center'
+          }, has('index') && !narrow ? gap : null],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+            width: geo.cover,
+            height: geo.cover,
+            borderRadius: geo.coverRadius
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1,
+              marginLeft: 12,
+              gap: density === 'compact' ? 4 : 8
+            },
+            children: [bar(`${titleWidth}%`, 12), bar(`${artistWidth}%`)]
+          })]
+        }) : null, has('album') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [{
+            flex: _shared.CELL.flex.album
+          }, gap],
+          children: bar('60%')
+        }) : null, has('dateAdded') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [{
+            flex: _shared.CELL.flex.dateAdded
+          }, gap],
+          children: bar('50%')
+        }) : null, has('plays') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [{
+            width: _shared.CELL.plays,
+            alignItems: 'flex-end'
+          }, gap],
+          children: bar(64)
+        }) : null, has('duration') && !narrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [{
+            width: _shared.CELL.duration,
+            alignItems: 'flex-end'
+          }, gap],
+          children: bar(32)
+        }) : null]
+      }, i);
+    })
+  });
+}
+//# sourceMappingURL=TrackRowSkeleton.js.map

package/lib/commonjs/track-list/TrackRowSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","Skeleton","_interopRequireWildcard","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TrackRowSkeleton","columns","width","density","count","style","testID","window","useWindowDimensions","layoutWidth","narrow","isNarrow","visible","resolveVisibleColumns","undefined","column","includes","geo","rowGeometry","gap","marginLeft","bar","w","h","jsx","Box","height","borderRadius","View","importantForAccessibility","children","Array","from","length","_","titleWidth","artistWidth","jsxs","flexDirection","alignItems","paddingLeft","paddingX","paddingRight","CELL","index","flex","title","minWidth","cover","coverRadius","album","dateAdded","plays","duration"],"sourceRoot":"../../../src","sources":["track-list/TrackRowSkeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/track-list/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EpisodeList", {
+  enumerable: true,
+  get: function () {
+    return _EpisodeList.EpisodeList;
+  }
+});
+Object.defineProperty(exports, "EpisodeRow", {
+  enumerable: true,
+  get: function () {
+    return _EpisodeRow.EpisodeRow;
+  }
+});
+Object.defineProperty(exports, "SelectionBar", {
+  enumerable: true,
+  get: function () {
+    return _SelectionBar.SelectionBar;
+  }
+});
+Object.defineProperty(exports, "TrackList", {
+  enumerable: true,
+  get: function () {
+    return _TrackList.TrackList;
+  }
+});
+Object.defineProperty(exports, "TrackListEmpty", {
+  enumerable: true,
+  get: function () {
+    return _TrackListEmpty.TrackListEmpty;
+  }
+});
+Object.defineProperty(exports, "TrackListHeader", {
+  enumerable: true,
+  get: function () {
+    return _TrackListHeader.TrackListHeader;
+  }
+});
+Object.defineProperty(exports, "TrackRow", {
+  enumerable: true,
+  get: function () {
+    return _TrackRow.TrackRow;
+  }
+});
+Object.defineProperty(exports, "TrackRowSkeleton", {
+  enumerable: true,
+  get: function () {
+    return _TrackRowSkeleton.TrackRowSkeleton;
+  }
+});
+Object.defineProperty(exports, "resolveVisibleColumns", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveVisibleColumns;
+  }
+});
+var _TrackList = require("./TrackList.js");
+var _TrackListHeader = require("./TrackListHeader.js");
+var _TrackRow = require("./TrackRow.js");
+var _TrackRowSkeleton = require("./TrackRowSkeleton.js");
+var _TrackListEmpty = require("./TrackListEmpty.js");
+var _SelectionBar = require("./SelectionBar.js");
+var _EpisodeRow = require("./EpisodeRow.js");
+var _EpisodeList = require("./EpisodeList.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/track-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TrackList","require","_TrackListHeader","_TrackRow","_TrackRowSkeleton","_TrackListEmpty","_SelectionBar","_EpisodeRow","_EpisodeList","_shared"],"sourceRoot":"../../../src","sources":["track-list/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA","ignoreList":[]}

package/lib/commonjs/track-list/parts.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TrackCover = void 0;
+exports.TrackIconButton = TrackIconButton;
+exports.TrackMenu = TrackMenu;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../checkbox/shared.js");
+var _dropdownMenu = require("../dropdown-menu");
+var _RiMore2Fill = require("../icons/remix/RiMore2Fill.js");
+var _RiMusic2Line = require("../icons/remix/RiMusic2Line.js");
+var _shared2 = require("../listing-card/shared.js");
+var _context = require("../image-resolver/context.js");
+var _tokens = require("../styles/tokens.js");
+var _useTheme = require("../theme/use-theme.js");
+var _shared3 = 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 props `DropdownMenuTrigger asChild` merges onto its child. */
+
+/**
+ * A 32px round glyph button: muted at rest, the text colour under the pointer,
+ * `activeColor` while pressed. Colour change only. Its press never reaches the
+ * row behind it.
+ */
+function TrackIconButton({
+  icon: Icon,
+  accessibilityLabel,
+  onPress,
+  disabled = false,
+  pressed,
+  activeColor,
+  glyph = 20,
+  testID,
+  accessibilityRole: _role,
+  ...aria
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared3.resolveTrackListPaint)(theme), [theme]);
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const color = pressed && activeColor ? activeColor : hovered && !disabled ? paint.text : paint.textMuted;
+  const rootStyle = {
+    width: 32,
+    height: 32,
+    borderRadius: _tokens.borderRadius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: disabled ? 0.4 : 1,
+    '--bloom-track-ring': paint.ring
+  };
+  const toggle = pressed !== undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _shared.webDataSet)({
+      bloomTrackFocusable: ''
+    }),
+    ...aria,
+    role: "button",
+    accessibilityLabel: accessibilityLabel,
+    ...(toggle ? {
+      'aria-pressed': pressed
+    } : null),
+    accessibilityState: {
+      disabled,
+      ...(toggle ? {
+        selected: pressed
+      } : null)
+    },
+    "aria-disabled": disabled || undefined,
+    disabled: disabled,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    onPress: event => {
+      if (_shared3.IS_WEB) event.stopPropagation?.();
+      onPress?.(event);
+    },
+    style: rootStyle,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        width: glyph,
+        height: glyph
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        width: glyph,
+        height: glyph,
+        fill: color
+      })
+    })
+  });
+}
+
+/** Artwork with a neutral placeholder and a note glyph when there is none. */
+const TrackCover = exports.TrackCover = /*#__PURE__*/(0, _react.memo)(function TrackCover({
+  cover,
+  size,
+  radius,
+  dimmed
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared3.resolveTrackListPaint)(theme), [theme]);
+  const resolver = (0, _context.useImageResolver)();
+  const uri = cover ? (0, _shared2.resolvePhoto)(cover, resolver, 'thumb') : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size,
+      borderRadius: radius,
+      overflow: 'hidden',
+      backgroundColor: paint.coverPlaceholder,
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexShrink: 0,
+      opacity: dimmed ? 0.5 : 1
+    },
+    children: uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri
+      },
+      accessibilityIgnoresInvertColors: true,
+      style: {
+        width: size,
+        height: size
+      },
+      resizeMode: "cover"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiMusic2Line.RiMusic2Line, {
+      width: size / 2,
+      height: size / 2,
+      fill: paint.textMuted
+    })
+  });
+});
+
+/** The "More options" button and the menu it opens. `open` is controlled so a key or a long press can open it too. */
+function TrackMenu({
+  items,
+  label,
+  open,
+  onOpenChange,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared3.resolveTrackListPaint)(theme), [theme]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+    open: open,
+    onOpenChange: onOpenChange,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuTrigger, {
+      asChild: true,
+      label: label,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TrackIconButton, {
+        icon: _RiMore2Fill.RiMore2Fill,
+        accessibilityLabel: label,
+        testID: testID
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuContent, {
+      label: label,
+      align: "end",
+      minWidth: 220,
+      children: items.map((item, i) => item === 'separator' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuSeparator, {})
+      }, `separator-${i}`) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuItem, {
+        onPress: item.onPress,
+        disabled: item.disabled,
+        variant: item.destructive ? 'destructive' : 'default',
+        leading: item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(item.icon, {
+          width: 18,
+          height: 18,
+          fill: paint.textMuted
+        }) : undefined,
+        children: item.label
+      }, item.key))
+    })]
+  });
+}
+//# sourceMappingURL=parts.js.map

package/lib/commonjs/track-list/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_dropdownMenu","_RiMore2Fill","_RiMusic2Line","_shared2","_context","_tokens","_useTheme","_shared3","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TrackIconButton","icon","Icon","accessibilityLabel","onPress","disabled","pressed","activeColor","glyph","testID","accessibilityRole","_role","aria","theme","useTheme","paint","useMemo","resolveTrackListPaint","hovered","setHovered","useState","color","text","textMuted","rootStyle","width","height","borderRadius","full","alignItems","justifyContent","opacity","ring","toggle","undefined","jsx","Pressable","webDataSet","bloomTrackFocusable","role","accessibilityState","selected","onHoverIn","onHoverOut","event","IS_WEB","stopPropagation","style","children","View","pointerEvents","fill","TrackCover","exports","memo","cover","size","radius","dimmed","resolver","useImageResolver","uri","resolvePhoto","overflow","backgroundColor","coverPlaceholder","flexShrink","Image","source","accessibilityIgnoresInvertColors","resizeMode","RiMusic2Line","TrackMenu","items","label","open","onOpenChange","jsxs","DropdownMenu","DropdownMenuTrigger","asChild","RiMore2Fill","DropdownMenuContent","align","minWidth","map","item","Fragment","DropdownMenuSeparator","DropdownMenuItem","variant","destructive","leading","key"],"sourceRoot":"../../../src","sources":["track-list/parts.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/track-list/shared.js

@@ -0,0 +1,284 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRACK_LIST_STYLE_ID = exports.TRACK_LIST_CSS = exports.ROLE_GRIDCELL = exports.NARROW_WIDTH = exports.IS_WEB = exports.DEFAULT_LABELS = exports.DATE_MIN_WIDTH = exports.CELL = exports.ALL_COLUMNS = exports.ALBUM_MIN_WIDTH = void 0;
+exports.dragShift = dragShift;
+exports.formatEpisodeLength = formatEpisodeLength;
+exports.formatEpisodeRemaining = formatEpisodeRemaining;
+exports.isNarrow = isNarrow;
+exports.nextSelection = nextSelection;
+exports.reorderTarget = reorderTarget;
+exports.resolveTrackListPaint = resolveTrackListPaint;
+exports.resolveVisibleColumns = resolveVisibleColumns;
+exports.rowGeometry = rowGeometry;
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _menuPalette = require("../floating/menu-palette.js");
+var _breakpoints = require("../styles/breakpoints.js");
+const IS_WEB = exports.IS_WEB = _reactNative.Platform.OS === 'web';
+
+/**
+ * `role="gridcell"`, typed for React Native's `role` union, which has `cell`
+ * (a TABLE's cell) but not a grid's. A row of a `grid` may only own
+ * `gridcell`/`columnheader`/`rowheader`, and react-native-web passes the role
+ * through verbatim. Native ignores it.
+ */
+const ROLE_GRIDCELL = exports.ROLE_GRIDCELL = 'gridcell';
+const ALL_COLUMNS = exports.ALL_COLUMNS = ['index', 'title', 'album', 'dateAdded', 'plays', 'duration', 'actions'];
+
+/** Below this the table becomes a list: cover, title/artists and the more button. */
+const NARROW_WIDTH = exports.NARROW_WIDTH = _breakpoints.BREAKPOINTS.sm;
+/** `album` and `plays` need at least this. */
+const ALBUM_MIN_WIDTH = exports.ALBUM_MIN_WIDTH = _breakpoints.BREAKPOINTS.md;
+/** `dateAdded` needs at least this. */
+const DATE_MIN_WIDTH = exports.DATE_MIN_WIDTH = _breakpoints.BREAKPOINTS.lg;
+function isNarrow(width) {
+  return width < NARROW_WIDTH;
+}
+
+/**
+ * The columns that fit `width`, in layout order.
+ *
+ *   < 640    title, actions (the narrow list layout)
+ *   < 768    album and plays hidden
+ *   < 1024   date added hidden
+ */
+function resolveVisibleColumns(columns = ALL_COLUMNS, width) {
+  const offered = new Set(columns);
+  return ALL_COLUMNS.filter(column => {
+    if (!offered.has(column)) return false;
+    if (isNarrow(width)) return column === 'title' || column === 'actions';
+    if ((column === 'album' || column === 'plays') && width < ALBUM_MIN_WIDTH) return false;
+    if (column === 'dateAdded' && width < DATE_MIN_WIDTH) return false;
+    return true;
+  });
+}
+
+/** Row geometry by density and layout. */
+
+function rowGeometry(density, narrow) {
+  if (narrow) {
+    return density === 'compact' ? {
+      height: 48,
+      radius: 4,
+      paddingX: 8,
+      gap: 12,
+      cover: 40,
+      coverRadius: 4
+    } : {
+      height: 64,
+      radius: 6,
+      paddingX: 8,
+      gap: 12,
+      cover: 48,
+      coverRadius: 4
+    };
+  }
+  return density === 'compact' ? {
+    height: 40,
+    radius: 4,
+    paddingX: 12,
+    gap: 12,
+    cover: 28,
+    coverRadius: 3
+  } : {
+    height: 56,
+    radius: 6,
+    paddingX: 16,
+    gap: 16,
+    cover: 40,
+    coverRadius: 4
+  };
+}
+
+/** Fixed cell widths; `title`, `album` and `dateAdded` share the rest 4 : 3 : 2. */
+const CELL = exports.CELL = {
+  handle: 16,
+  index: 32,
+  plays: 112,
+  duration: 48,
+  button: 32,
+  flex: {
+    title: 4,
+    album: 3,
+    dateAdded: 2
+  }
+};
+
+/** Every colour the family paints, from the theme only. */
+
+function resolveTrackListPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = (0, _shared.resolveButtonRamps)(theme);
+  const dark = theme.isDark;
+  const menu = (0, _menuPalette.resolveMenuPalette)(theme);
+  return {
+    text: theme.colors.text,
+    textMuted: dark ? n[400] : n[500],
+    accent: dark ? accent[400] : accent[600],
+    rowHover: dark ? n[800] : n[100],
+    rowSelected: dark ? n[700] : n[200],
+    rowSelectedHover: dark ? (0, _shared.mixColor)(n[700], n[600], 0.5) : (0, _shared.mixColor)(n[200], n[300], 0.5),
+    hairline: dark ? n[800] : n[200],
+    coverPlaceholder: dark ? n[800] : n[100],
+    ring: accent[500],
+    dragSurface: menu.surface,
+    dragShadow: dark ? '0 8px 24px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.3)' : '0 8px 24px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.06)',
+    rail: dark ? n[700] : n[200],
+    panel: menu.surface,
+    panelBorder: menu.border,
+    panelShadow: dark ? '0 12px 32px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3)' : '0 12px 32px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.06)'
+  };
+}
+const DEFAULT_LABELS = exports.DEFAULT_LABELS = {
+  index: '#',
+  title: 'Title',
+  album: 'Album',
+  dateAdded: 'Date added',
+  plays: 'Plays',
+  duration: 'Duration',
+  moreOptions: 'More options',
+  moveUp: 'Move up',
+  moveDown: 'Move down',
+  reorder: 'Reorder',
+  downloaded: 'Downloaded',
+  unavailable: 'Unavailable'
+};
+
+// ---------------------------------------------------------------------------
+//  Selection
+// ---------------------------------------------------------------------------
+
+/**
+ * The selection after a click on `id`.
+ *
+ *   replace   just `id` (a plain click); the anchor moves to it
+ *   toggle    `id` added or removed (Cmd/Ctrl-click); the anchor moves to it
+ *   range     every id from the anchor to `id` inclusive, in list order
+ *             (Shift-click); the anchor stays, so a second Shift-click
+ *             re-draws the range from the same start
+ *
+ * The result is always in list order, whatever order the clicks came in.
+ */
+function nextSelection(order, state, id, mode) {
+  const inOrder = ids => order.filter(key => ids.has(key));
+  if (mode === 'replace') return {
+    selected: [id],
+    anchor: id
+  };
+  if (mode === 'toggle') {
+    const next = new Set(state.selected);
+    if (next.has(id)) next.delete(id);else next.add(id);
+    return {
+      selected: inOrder(next),
+      anchor: id
+    };
+  }
+  const anchor = state.anchor !== null && order.includes(state.anchor) ? state.anchor : id;
+  const a = order.indexOf(anchor);
+  const b = order.indexOf(id);
+  if (b === -1) return state;
+  const [from, to] = a <= b ? [a, b] : [b, a];
+  return {
+    selected: order.slice(from, to + 1),
+    anchor
+  };
+}
+
+/** The index a dragged row lands on after moving `dy` px through rows `rowHeight` tall. */
+function reorderTarget(from, dy, rowHeight, count) {
+  if (count <= 0 || rowHeight <= 0) return from;
+  const target = from + Math.round(dy / rowHeight);
+  return Math.min(count - 1, Math.max(0, target));
+}
+
+/**
+ * How far row `index` shifts while row `from` is dragged over `to`: the rows
+ * between close the gap the dragged row left and open one where it will land.
+ */
+function dragShift(index, from, to, rowHeight) {
+  if (index === from) return 0;
+  if (from < to && index > from && index <= to) return -rowHeight;
+  if (to < from && index >= to && index < from) return rowHeight;
+  return 0;
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS — hover/focus reveals and focus rings have no inline spelling, so
+//  they hang off `dataSet` attributes in one adopted sheet.
+// ---------------------------------------------------------------------------
+
+const TRACK_LIST_STYLE_ID = exports.TRACK_LIST_STYLE_ID = 'bloom-track-list-web-css';
+const ROW = '[data-bloom-track-row]';
+const TRACK_LIST_CSS = exports.TRACK_LIST_CSS = `
+${ROW} {
+  outline: none;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+}
+${ROW}:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--bloom-track-ring);
+}
+${ROW}:focus-within [data-bloom-track-reveal],
+${ROW}:focus-visible [data-bloom-track-play] {
+  opacity: 1 !important;
+}
+${ROW}:focus-visible [data-bloom-track-number] {
+  opacity: 0 !important;
+}
+[data-bloom-track-focusable] {
+  outline: none;
+  cursor: pointer;
+}
+[data-bloom-track-focusable]:focus-visible {
+  outline: 2px solid var(--bloom-track-ring, currentColor);
+  outline-offset: 2px;
+}
+[data-bloom-track-link] {
+  cursor: pointer;
+}
+[data-bloom-track-link]:hover {
+  color: var(--bloom-track-link-hover) !important;
+}
+[data-bloom-track-handle] {
+  cursor: grab;
+  touch-action: none;
+}
+[data-bloom-track-dragging="true"],
+[data-bloom-track-dragging="true"] [data-bloom-track-handle] {
+  cursor: grabbing;
+}
+[data-bloom-track-shift] {
+  transition: transform 150ms ease-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-bloom-track-shift] {
+    transition: none;
+  }
+}
+`;
+
+// ---------------------------------------------------------------------------
+//  Episode times
+// ---------------------------------------------------------------------------
+
+/** "45 min", "1 hr", "1 hr 12 min". Under a minute rounds up to "1 min". */
+function formatEpisodeLength(seconds) {
+  const total = Number.isFinite(seconds) && seconds > 0 ? seconds : 0;
+  const minutes = Math.max(total > 0 ? 1 : 0, Math.round(total / 60));
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  if (h === 0) return `${m} min`;
+  return m === 0 ? `${h} hr` : `${h} hr ${m} min`;
+}
+
+/** "12 min left". */
+function formatEpisodeRemaining(seconds) {
+  return `${formatEpisodeLength(seconds)} left`;
+}
+//# sourceMappingURL=shared.js.map