@oxy.so/bloom 2.9.0 → 2.11.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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA8E,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAR,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAG9E;AACA;AACA;AACA;AACA;AACO,SAASmB,gBAAgBA,CAAC;EAC/BC,OAAO;EACPC,KAAK;EACLC,OAAO,GAAG,aAAa;EACvBC,KAAK,GAAG,CAAC;EACTC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB,MAAMC,MAAM,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACpC,MAAMC,WAAW,GAAGP,KAAK,IAAIK,MAAM,CAACL,KAAK;EACzC,MAAMQ,MAAM,GAAG,IAAAC,gBAAQ,EAACF,WAAW,CAAC;EACpC,MAAMG,OAAO,GAAGX,OAAO,IAAI,IAAAY,6BAAqB,EAACC,SAAS,EAAEL,WAAW,CAAC;EACxE,MAAMjB,GAAG,GAAIuB,MAAgC,IAAKH,OAAO,CAACI,QAAQ,CAACD,MAAM,CAAC;EAC1E,MAAME,GAAG,GAAG,IAAAC,mBAAW,EAACf,OAAO,EAAEO,MAAM,CAAC;EACxC,MAAMS,GAAG,GAAG;IAAEC,UAAU,EAAEH,GAAG,CAACE;EAAI,CAAC;EACnC,MAAME,GAAG,GAAGA,CAACC,CAAwB,EAAEC,CAAC,GAAG,EAAE,kBAAK,IAAA3C,WAAA,CAAA4C,GAAA,EAAC/C,QAAQ,CAACgD,GAAG;IAACvB,KAAK,EAAEoB,CAAE;IAACI,MAAM,EAAEH,CAAE;IAACI,YAAY,EAAE;EAAE,CAAE,CAAC;EAExG,oBACE,IAAA/C,WAAA,CAAA4C,GAAA,EAAChD,YAAA,CAAAoD,IAAI;IACH,mBAAW;IACXC,yBAAyB,EAAC,qBAAqB;IAC/CxB,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IAAAwB,QAAA,EAEdC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAE7B;IAAM,CAAC,EAAE,CAAC8B,CAAC,EAAE9C,CAAC,KAAK;MACvC;MACA,MAAM+C,UAAU,GAAG,EAAE,GAAK/C,CAAC,GAAG,EAAE,GAAI,EAAG;MACvC,MAAMgD,WAAW,GAAG,EAAE,GAAKhD,CAAC,GAAG,EAAE,GAAI,EAAG;MACxC,oBACE,IAAAR,WAAA,CAAAyD,IAAA,EAAC7D,YAAA,CAAAoD,IAAI;QAEHvB,KAAK,EAAE;UACLiC,aAAa,EAAE,KAAK;UACpBC,UAAU,EAAE,QAAQ;UACpBb,MAAM,EAAET,GAAG,CAACS,MAAM;UAClBc,WAAW,EAAEvB,GAAG,CAACwB,QAAQ;UACzBC,YAAY,EAAEzB,GAAG,CAACwB;QACpB,CAAE;QAAAX,QAAA,GAEDtC,GAAG,CAAC,OAAO,CAAC,IAAI,CAACkB,MAAM,gBACtB,IAAA9B,WAAA,CAAA4C,GAAA,EAAChD,YAAA,CAAAoD,IAAI;UAACvB,KAAK,EAAE;YAAEH,KAAK,EAAEyC,YAAI,CAACC,KAAK;YAAEL,UAAU,EAAE;UAAS,CAAE;UAAAT,QAAA,EAAET,GAAG,CAAC,EAAE;QAAC,CAAO,CAAC,GACxE,IAAI,EACP7B,GAAG,CAAC,OAAO,CAAC,gBACX,IAAAZ,WAAA,CAAAyD,IAAA,EAAC7D,YAAA,CAAAoD,IAAI;UACHvB,KAAK,EAAE,CACL;YAAEwC,IAAI,EAAEF,YAAI,CAACE,IAAI,CAACC,KAAK;YAAEC,QAAQ,EAAE,CAAC;YAAET,aAAa,EAAE,KAAK;YAAEC,UAAU,EAAE;UAAS,CAAC,EAClF/C,GAAG,CAAC,OAAO,CAAC,IAAI,CAACkB,MAAM,GAAGS,GAAG,GAAG,IAAI,CACpC;UAAAW,QAAA,gBAEF,IAAAlD,WAAA,CAAA4C,GAAA,EAAC/C,QAAQ,CAACgD,GAAG;YAACvB,KAAK,EAAEe,GAAG,CAAC+B,KAAM;YAACtB,MAAM,EAAET,GAAG,CAAC+B,KAAM;YAACrB,YAAY,EAAEV,GAAG,CAACgC;UAAY,CAAE,CAAC,eACpF,IAAArE,WAAA,CAAAyD,IAAA,EAAC7D,YAAA,CAAAoD,IAAI;YAACvB,KAAK,EAAE;cAAEwC,IAAI,EAAE,CAAC;cAAEzB,UAAU,EAAE,EAAE;cAAED,GAAG,EAAEhB,OAAO,KAAK,SAAS,GAAG,CAAC,GAAG;YAAE,CAAE;YAAA2B,QAAA,GAC1ET,GAAG,CAAC,GAAGc,UAAU,GAAG,EAAE,EAAE,CAAC,EACzBd,GAAG,CAAC,GAAGe,WAAW,GAAG,CAAC;UAAA,CACnB,CAAC;QAAA,CACH,CAAC,GACL,IAAI,EACP5C,GAAG,CAAC,OAAO,CAAC,gBAAG,IAAAZ,WAAA,CAAA4C,GAAA,EAAChD,YAAA,CAAAoD,IAAI;UAACvB,KAAK,EAAE,CAAC;YAAEwC,IAAI,EAAEF,YAAI,CAACE,IAAI,CAACK;UAAM,CAAC,EAAE/B,GAAG,CAAE;UAAAW,QAAA,EAAET,GAAG,CAAC,KAAK;QAAC,CAAO,CAAC,GAAG,IAAI,EACxF7B,GAAG,CAAC,WAAW,CAAC,gBACf,IAAAZ,WAAA,CAAA4C,GAAA,EAAChD,YAAA,CAAAoD,IAAI;UAACvB,KAAK,EAAE,CAAC;YAAEwC,IAAI,EAAEF,YAAI,CAACE,IAAI,CAACM;UAAU,CAAC,EAAEhC,GAAG,CAAE;UAAAW,QAAA,EAAET,GAAG,CAAC,KAAK;QAAC,CAAO,CAAC,GACpE,IAAI,EACP7B,GAAG,CAAC,OAAO,CAAC,gBACX,IAAAZ,WAAA,CAAA4C,GAAA,EAAChD,YAAA,CAAAoD,IAAI;UAACvB,KAAK,EAAE,CAAC;YAAEH,KAAK,EAAEyC,YAAI,CAACS,KAAK;YAAEb,UAAU,EAAE;UAAW,CAAC,EAAEpB,GAAG,CAAE;UAAAW,QAAA,EAAET,GAAG,CAAC,EAAE;QAAC,CAAO,CAAC,GACjF,IAAI,EACP7B,GAAG,CAAC,UAAU,CAAC,IAAI,CAACkB,MAAM,gBACzB,IAAA9B,WAAA,CAAA4C,GAAA,EAAChD,YAAA,CAAAoD,IAAI;UAACvB,KAAK,EAAE,CAAC;YAAEH,KAAK,EAAEyC,YAAI,CAACU,QAAQ;YAAEd,UAAU,EAAE;UAAW,CAAC,EAAEpB,GAAG,CAAE;UAAAW,QAAA,EAAET,GAAG,CAAC,EAAE;QAAC,CAAO,CAAC,GACpF,IAAI;MAAA,GAnCHjC,CAoCD,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX","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,167 @@
+"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 _button = require("../button");
+var _dropdownMenu = require("../dropdown-menu");
+var _RiMore2Fill = require("../icons/remix/RiMore2Fill.js");
+var _RiMusic2Line = require("../icons/remix/RiMusic2Line.js");
+var _shared = 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 _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 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.
+ *
+ * `button/GlyphButton` with this family's 32 box, 20 glyph and 0.4 disabled dim
+ * — the only thing left here is the row-press guard.
+ */
+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, _shared2.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 ? _tokens.DISABLED_OPACITY : 1,
+    '--bloom-track-ring': paint.ring
+  };
+  const toggle = pressed !== undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+    ...aria,
+    icon: Icon,
+    size: 32,
+    glyphSize: glyph,
+    accessibilityLabel: accessibilityLabel,
+    disabled: disabled,
+    pressed: pressed,
+    color: paint.textMuted,
+    hoverColor: paint.text
+    // No `activeColor` means the toggle keeps the plain colours, which is what
+    // this drew before: `pressed && activeColor` was the whole condition.
+    ,
+    activeColor: activeColor ?? paint.textMuted,
+    activeHoverColor: activeColor ?? paint.text,
+    fill: "transparent",
+    hoverFill: "transparent",
+    ring: paint.ring,
+    disabledOpacity: 0.4,
+    onPress: event => {
+      if (_shared2.IS_WEB) event.stopPropagation?.();
+      onPress?.(event);
+    },
+    testID: testID
+  });
+}
+
+/** 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, _shared2.resolveTrackListPaint)(theme), [theme]);
+  const resolver = (0, _context.useImageResolver)();
+  const uri = cover ? (0, _shared.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, _shared2.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","_button","_dropdownMenu","_RiMore2Fill","_RiMusic2Line","_shared","_context","_tokens","_useTheme","_shared2","_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","DISABLED_OPACITY","ring","toggle","undefined","jsx","GlyphButton","size","glyphSize","hoverColor","activeHoverColor","fill","hoverFill","disabledOpacity","event","IS_WEB","stopPropagation","TrackCover","exports","memo","cover","radius","dimmed","resolver","useImageResolver","uri","resolvePhoto","View","style","overflow","backgroundColor","coverPlaceholder","flexShrink","children","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,264 @@
+"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.formatEpisodeLength = formatEpisodeLength;
+exports.formatEpisodeRemaining = formatEpisodeRemaining;
+exports.isNarrow = isNarrow;
+exports.nextSelection = nextSelection;
+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
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_shared","_menuPalette","_breakpoints","IS_WEB","exports","Platform","OS","ROLE_GRIDCELL","ALL_COLUMNS","NARROW_WIDTH","BREAKPOINTS","sm","ALBUM_MIN_WIDTH","md","DATE_MIN_WIDTH","lg","isNarrow","width","resolveVisibleColumns","columns","offered","Set","filter","column","has","rowGeometry","density","narrow","height","radius","paddingX","gap","cover","coverRadius","CELL","handle","index","plays","duration","button","flex","title","album","dateAdded","resolveTrackListPaint","theme","accent","neutral","n","resolveButtonRamps","dark","isDark","menu","resolveMenuPalette","text","colors","textMuted","rowHover","rowSelected","rowSelectedHover","mixColor","hairline","coverPlaceholder","ring","dragSurface","surface","dragShadow","rail","panel","panelBorder","border","panelShadow","DEFAULT_LABELS","moreOptions","moveUp","moveDown","reorder","downloaded","unavailable","nextSelection","order","state","id","mode","inOrder","ids","key","selected","anchor","next","delete","add","includes","a","indexOf","b","from","to","slice","TRACK_LIST_STYLE_ID","ROW","TRACK_LIST_CSS","formatEpisodeLength","seconds","total","Number","isFinite","minutes","Math","max","round","h","floor","m","formatEpisodeRemaining"],"sourceRoot":"../../../src","sources":["track-list/shared.ts"],"mappings":"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","ignoreList":[]}

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

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