@oxy.so/bloom 2.9.0 → 2.11.0

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ExplicitBadge", {
+  enumerable: true,
+  get: function () {
+    return _ExplicitBadge.ExplicitBadge;
+  }
+});
+Object.defineProperty(exports, "LikeButton", {
+  enumerable: true,
+  get: function () {
+    return _LikeButton.LikeButton;
+  }
+});
+Object.defineProperty(exports, "NowPlayingIndicator", {
+  enumerable: true,
+  get: function () {
+    return _NowPlayingIndicator.NowPlayingIndicator;
+  }
+});
+Object.defineProperty(exports, "PlayButton", {
+  enumerable: true,
+  get: function () {
+    return _PlayButton.PlayButton;
+  }
+});
+Object.defineProperty(exports, "PlaybackProgress", {
+  enumerable: true,
+  get: function () {
+    return _PlaybackProgress.PlaybackProgress;
+  }
+});
+Object.defineProperty(exports, "VolumeControl", {
+  enumerable: true,
+  get: function () {
+    return _VolumeControl.VolumeControl;
+  }
+});
+Object.defineProperty(exports, "formatDuration", {
+  enumerable: true,
+  get: function () {
+    return _shared.formatDuration;
+  }
+});
+var _PlayButton = require("./PlayButton.js");
+var _LikeButton = require("./LikeButton.js");
+var _ExplicitBadge = require("./ExplicitBadge.js");
+var _NowPlayingIndicator = require("./NowPlayingIndicator.js");
+var _PlaybackProgress = require("./PlaybackProgress.js");
+var _VolumeControl = require("./VolumeControl.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_PlayButton","require","_LikeButton","_ExplicitBadge","_NowPlayingIndicator","_PlaybackProgress","_VolumeControl","_shared"],"sourceRoot":"../../../src","sources":["media-controls/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA","ignoreList":[]}

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

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MEDIA_CONTROLS_STYLE_ID = exports.MEDIA_CONTROLS_CSS = exports.IS_WEB = void 0;
+exports.formatDuration = formatDuration;
+exports.resolveMediaControlsPaint = resolveMediaControlsPaint;
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+const IS_WEB = exports.IS_WEB = _reactNative.Platform.OS === 'web';
+
+/**
+ * Seconds as a clock: `m:ss` under an hour, `h:mm:ss` from an hour. Fractions
+ * are floored (a player at 59.9s has not reached 1:00). Negative, `NaN` and
+ * infinite input draw `0:00`.
+ */
+function formatDuration(seconds) {
+  const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;
+  const h = Math.floor(total / 3600);
+  const m = Math.floor(total % 3600 / 60);
+  const s = total % 60;
+  const ss = String(s).padStart(2, '0');
+  return h > 0 ? `${h}:${String(m).padStart(2, '0')}:${ss}` : `${m}:${ss}`;
+}
+
+/** Every colour the family paints, from the theme only. */
+
+function resolveMediaControlsPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = (0, _shared.resolveButtonRamps)(theme);
+  const dark = theme.isDark;
+  const {
+    colors
+  } = theme;
+  return {
+    accent: accent[500],
+    accentHover: dark ? accent[400] : accent[600],
+    accentPressed: dark ? accent[300] : accent[700],
+    onAccent: colors.primaryForeground,
+    inverse: colors.text,
+    inverseHover: (0, _shared.mixColor)(colors.text, colors.background, 0.16),
+    onInverse: colors.background,
+    text: colors.text,
+    textMuted: dark ? n[400] : n[500],
+    wash: dark ? n[800] : n[100],
+    rail: dark ? n[700] : n[200],
+    buffered: dark ? n[500] : n[300],
+    badge: dark ? n[400] : n[500],
+    onBadge: colors.background,
+    ring: accent[500]
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS — focus rings and the hover reveal have no inline-style spelling, so
+//  they hang off `dataSet` attributes in one adopted sheet.
+// ---------------------------------------------------------------------------
+
+const MEDIA_CONTROLS_STYLE_ID = exports.MEDIA_CONTROLS_STYLE_ID = 'bloom-media-controls-web-css';
+const FOCUSABLE = '[data-bloom-media-focusable]';
+const THUMB = '[data-bloom-media-thumb]';
+const TRACK = '[data-bloom-media-track]';
+const VOLUME = '[data-bloom-volume-control]';
+const VOLUME_SLIDER = '[data-bloom-volume-slider]';
+const MEDIA_CONTROLS_CSS = exports.MEDIA_CONTROLS_CSS = `
+${FOCUSABLE} {
+  outline: none;
+  cursor: pointer;
+}
+${FOCUSABLE}[aria-disabled="true"] {
+  cursor: default;
+}
+${FOCUSABLE}:focus-visible {
+  outline: 2px solid var(--bloom-media-ring, currentColor);
+  outline-offset: 2px;
+}
+${TRACK}:focus-visible {
+  outline-offset: 4px;
+  border-radius: 4px;
+}
+${TRACK}:focus-visible ${THUMB} {
+  opacity: 1 !important;
+}
+${TRACK}:focus-visible [data-bloom-media-fill] {
+  background-color: var(--bloom-media-accent) !important;
+}
+${VOLUME}[data-bloom-volume-reveal="hover"] ${VOLUME_SLIDER} {
+  opacity: 0;
+  transition: opacity 150ms ease-out;
+}
+${VOLUME}[data-bloom-volume-reveal="hover"]:hover ${VOLUME_SLIDER},
+${VOLUME}[data-bloom-volume-reveal="hover"]:focus-within ${VOLUME_SLIDER} {
+  opacity: 1;
+}
+@media (hover: none) {
+  ${VOLUME}[data-bloom-volume-reveal="hover"] ${VOLUME_SLIDER} {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ${VOLUME} ${VOLUME_SLIDER} {
+    transition: none;
+  }
+}
+`;
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_shared","IS_WEB","exports","Platform","OS","formatDuration","seconds","total","Number","isFinite","Math","floor","h","m","s","ss","String","padStart","resolveMediaControlsPaint","theme","accent","neutral","n","resolveButtonRamps","dark","isDark","colors","accentHover","accentPressed","onAccent","primaryForeground","inverse","text","inverseHover","mixColor","background","onInverse","textMuted","wash","rail","buffered","badge","onBadge","ring","MEDIA_CONTROLS_STYLE_ID","FOCUSABLE","THUMB","TRACK","VOLUME","VOLUME_SLIDER","MEDIA_CONTROLS_CSS"],"sourceRoot":"../../../src","sources":["media-controls/shared.ts"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/commonjs/media-header/ArtistAbout.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArtistAbout = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../typography/index.js");
+var _ArtistStats = require("./ArtistStats.js");
+var _parts = require("./parts.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 "About" section of an artist page.
+ *
+ *   heading    title-1-bold
+ *   card       radius 16, `card` fill; with `image` a 16:9 photo on top of it
+ *   bio        body-regular, clamped to `bioLines` with "Show more"
+ *   stats      `ArtistStats` (followers, monthly listeners)
+ *   cities     "Where people listen": city headline-semibold · count body-regular muted
+ */
+
+function ArtistAboutComponent({
+  image,
+  bio,
+  bioLines = 3,
+  stats,
+  cities,
+  title = 'About',
+  showMoreLabel,
+  showLessLabel,
+  style,
+  testID
+}) {
+  const paint = (0, _parts.useMediaHeaderPaint)();
+  const uri = (0, _parts.useImageUri)(image, 'large');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: 12
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "title-1-bold",
+      role: "heading",
+      "aria-level": 2,
+      style: {
+        color: paint.text
+      },
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        borderRadius: 16,
+        overflow: 'hidden',
+        backgroundColor: paint.card
+      },
+      children: [uri ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          width: '100%',
+          aspectRatio: 16 / 9
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          source: {
+            uri
+          },
+          style: _reactNative.StyleSheet.absoluteFill,
+          resizeMode: "cover"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          pointerEvents: "none",
+          style: [_reactNative.StyleSheet.absoluteFill, (0, _shared.gradientStyle)(['rgba(0, 0, 0, 0) 60%', 'rgba(0, 0, 0, 0.35) 100%'])]
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          padding: 16,
+          gap: 20
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.ClampedText, {
+          lines: bioLines,
+          color: paint.text,
+          linkColor: paint.text,
+          ring: paint.ring,
+          showMoreLabel: showMoreLabel,
+          showLessLabel: showLessLabel,
+          testID: testID ? `${testID}-bio` : undefined,
+          children: bio
+        }), stats && stats.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArtistStats.ArtistStats, {
+          stats: stats,
+          testID: testID ? `${testID}-stats` : undefined
+        }) : null, cities && cities.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          role: "list",
+          style: {
+            gap: 12
+          },
+          testID: testID ? `${testID}-cities` : undefined,
+          children: cities.map((city, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            role: "listitem",
+            accessible: true,
+            accessibilityLabel: `${city.city}, ${city.count}`,
+            style: {
+              gap: 0
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+              variant: "headline-semibold",
+              style: {
+                color: paint.text
+              },
+              children: city.city
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+              variant: "body-regular",
+              style: {
+                color: paint.textMuted
+              },
+              children: city.count
+            })]
+          }, `${city.city}-${i}`))
+        }) : null]
+      })]
+    })]
+  });
+}
+const ArtistAbout = exports.ArtistAbout = /*#__PURE__*/(0, _react.memo)(ArtistAboutComponent);
+ArtistAbout.displayName = 'ArtistAbout';
+//# sourceMappingURL=ArtistAbout.js.map

package/lib/commonjs/media-header/ArtistAbout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_ArtistStats","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArtistAboutComponent","image","bio","bioLines","stats","cities","title","showMoreLabel","showLessLabel","style","testID","paint","useMediaHeaderPaint","uri","useImageUri","jsxs","View","gap","children","jsx","Text","variant","role","color","text","borderRadius","overflow","backgroundColor","card","width","aspectRatio","Image","source","StyleSheet","absoluteFill","resizeMode","pointerEvents","gradientStyle","padding","ClampedText","lines","linkColor","ring","undefined","length","ArtistStats","map","city","accessible","accessibilityLabel","count","textMuted","ArtistAbout","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-header/ArtistAbout.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAyC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AAGzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASkB,oBAAoBA,CAAC;EAC5BC,KAAK;EACLC,GAAG;EACHC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAG,OAAO;EACfC,aAAa;EACbC,aAAa;EACbC,KAAK;EACLC;AACgB,CAAC,EAAE;EACnB,MAAMC,KAAK,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EACnC,MAAMC,GAAG,GAAG,IAAAC,kBAAW,EAACb,KAAK,EAAE,OAAO,CAAC;EACvC,oBACE,IAAArB,WAAA,CAAAmC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;IAACP,KAAK,EAAE,CAAC;MAAEQ,GAAG,EAAE;IAAG,CAAC,EAAER,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAQ,QAAA,gBAChD,IAAAtC,WAAA,CAAAuC,GAAA,EAAC3C,MAAA,CAAA4C,IAAI;MAACC,OAAO,EAAC,cAAc;MAACC,IAAI,EAAC,SAAS;MAAC,cAAY,CAAE;MAACb,KAAK,EAAE;QAAEc,KAAK,EAAEZ,KAAK,CAACa;MAAK,CAAE;MAAAN,QAAA,EACrFZ;IAAK,CACF,CAAC,eACP,IAAA1B,WAAA,CAAAmC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;MAACP,KAAK,EAAE;QAAEgB,YAAY,EAAE,EAAE;QAAEC,QAAQ,EAAE,QAAQ;QAAEC,eAAe,EAAEhB,KAAK,CAACiB;MAAK,CAAE;MAAAV,QAAA,GAChFL,GAAG,gBACF,IAAAjC,WAAA,CAAAmC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;QAACP,KAAK,EAAE;UAAEoB,KAAK,EAAE,MAAM;UAAEC,WAAW,EAAE,EAAE,GAAG;QAAE,CAAE;QAAAZ,QAAA,gBAClD,IAAAtC,WAAA,CAAAuC,GAAA,EAAC5C,YAAA,CAAAwD,KAAK;UAACC,MAAM,EAAE;YAAEnB;UAAI,CAAE;UAACJ,KAAK,EAAEwB,uBAAU,CAACC,YAAa;UAACC,UAAU,EAAC;QAAO,CAAE,CAAC,eAC7E,IAAAvD,WAAA,CAAAuC,GAAA,EAAC5C,YAAA,CAAAyC,IAAI;UACHoB,aAAa,EAAC,MAAM;UACpB3B,KAAK,EAAE,CAACwB,uBAAU,CAACC,YAAY,EAAE,IAAAG,qBAAa,EAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;QAAE,CACvG,CAAC;MAAA,CACE,CAAC,GACL,IAAI,eACR,IAAAzD,WAAA,CAAAmC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;QAACP,KAAK,EAAE;UAAE6B,OAAO,EAAE,EAAE;UAAErB,GAAG,EAAE;QAAG,CAAE;QAAAC,QAAA,gBACpC,IAAAtC,WAAA,CAAAuC,GAAA,EAACzC,MAAA,CAAA6D,WAAW;UACVC,KAAK,EAAErC,QAAS;UAChBoB,KAAK,EAAEZ,KAAK,CAACa,IAAK;UAClBiB,SAAS,EAAE9B,KAAK,CAACa,IAAK;UACtBkB,IAAI,EAAE/B,KAAK,CAAC+B,IAAK;UACjBnC,aAAa,EAAEA,aAAc;UAC7BC,aAAa,EAAEA,aAAc;UAC7BE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,MAAM,GAAGiC,SAAU;UAAAzB,QAAA,EAE5ChB;QAAG,CACO,CAAC,EACbE,KAAK,IAAIA,KAAK,CAACwC,MAAM,GAAG,CAAC,gBACxB,IAAAhE,WAAA,CAAAuC,GAAA,EAAC1C,YAAA,CAAAoE,WAAW;UAACzC,KAAK,EAAEA,KAAM;UAACM,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGiC;QAAU,CAAE,CAAC,GAC3E,IAAI,EACPtC,MAAM,IAAIA,MAAM,CAACuC,MAAM,GAAG,CAAC,gBAC1B,IAAAhE,WAAA,CAAAuC,GAAA,EAAC5C,YAAA,CAAAyC,IAAI;UAACM,IAAI,EAAC,MAAM;UAACb,KAAK,EAAE;YAAEQ,GAAG,EAAE;UAAG,CAAE;UAACP,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGiC,SAAU;UAAAzB,QAAA,EACnFb,MAAM,CAACyC,GAAG,CAAC,CAACC,IAAI,EAAE3D,CAAC,kBAClB,IAAAR,WAAA,CAAAmC,IAAA,EAACxC,YAAA,CAAAyC,IAAI;YACHM,IAAI,EAAC,UAAU;YAEf0B,UAAU;YACVC,kBAAkB,EAAE,GAAGF,IAAI,CAACA,IAAI,KAAKA,IAAI,CAACG,KAAK,EAAG;YAClDzC,KAAK,EAAE;cAAEQ,GAAG,EAAE;YAAE,CAAE;YAAAC,QAAA,gBAElB,IAAAtC,WAAA,CAAAuC,GAAA,EAAC3C,MAAA,CAAA4C,IAAI;cAACC,OAAO,EAAC,mBAAmB;cAACZ,KAAK,EAAE;gBAAEc,KAAK,EAAEZ,KAAK,CAACa;cAAK,CAAE;cAAAN,QAAA,EAC5D6B,IAAI,CAACA;YAAI,CACN,CAAC,eACP,IAAAnE,WAAA,CAAAuC,GAAA,EAAC3C,MAAA,CAAA4C,IAAI;cAACC,OAAO,EAAC,cAAc;cAACZ,KAAK,EAAE;gBAAEc,KAAK,EAAEZ,KAAK,CAACwC;cAAU,CAAE;cAAAjC,QAAA,EAC5D6B,IAAI,CAACG;YAAK,CACP,CAAC;UAAA,GAVF,GAAGH,IAAI,CAACA,IAAI,IAAI3D,CAAC,EAWlB,CACP;QAAC,CACE,CAAC,GACL,IAAI;MAAA,CACJ,CAAC;IAAA,CACH,CAAC;EAAA,CACH,CAAC;AAEX;AAEO,MAAMgE,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,WAAI,EAACtD,oBAAoB,CAAC;AACrDoD,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/media-header/ArtistHero.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArtistHero = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RiVerifiedBadgeFill = require("../icons/remix/RiVerifiedBadgeFill.js");
+var _index = require("../typography/index.js");
+var _parts = require("./parts.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 top of an artist page.
+ *
+ * With `banner`: the image fills the band (wide 400 tall, narrow 300) under a
+ * bottom scrim — transparent to 60% black — and the text is white, because it
+ * sits on a photo, not on the theme.
+ *
+ * Without: the band is tinted from `artworkColor` and a round `avatar` (232 wide,
+ * 160 centred on narrow) stands beside the text, which takes the band's text colour.
+ *
+ *   verified   RiVerifiedBadgeFill (accent disc, white tick) + "Verified artist"
+ *   name       large-title … display-4 bold by length and width
+ *   listeners  body-medium
+ *
+ * The `actions` area (Play, Follow pill, shuffle, more) fades into the page under it.
+ */
+
+const SCRIM = ['rgba(0, 0, 0, 0) 0%', 'rgba(0, 0, 0, 0.12) 45%', 'rgba(0, 0, 0, 0.62) 100%'];
+function ArtistHeroComponent({
+  name,
+  banner,
+  avatar,
+  verified = false,
+  verifiedLabel = 'Verified artist',
+  listeners,
+  artworkColor,
+  actions,
+  headingLevel = 1,
+  style,
+  testID
+}) {
+  const paint = (0, _parts.useMediaHeaderPaint)(artworkColor);
+  const bannerUri = (0, _parts.useImageUri)(banner, 'large');
+  const onPhoto = !!bannerUri;
+  const fg = onPhoto ? '#ffffff' : paint.onBand;
+  const fgMuted = onPhoto ? '#ffffff' : paint.onBandMuted;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaHeaderFrame, {
+    paint: paint,
+    style: style,
+    testID: testID,
+    actions: actions,
+    actionsFade: onPhoto ? [paint.background, paint.background] : undefined,
+    centerCoverOnNarrow: true,
+    coverWidth: wide => onPhoto ? 0 : wide ? 232 : 160,
+    backdrop: onPhoto ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "none",
+      style: _reactNative.StyleSheet.absoluteFill,
+      testID: testID ? `${testID}-banner` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri: bannerUri
+        },
+        style: _reactNative.StyleSheet.absoluteFill,
+        resizeMode: "cover"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [_reactNative.StyleSheet.absoluteFill, (0, _shared.gradientStyle)(SCRIM)]
+      })]
+    }) : undefined,
+    cover: onPhoto ? undefined : ({
+      wide
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Cover, {
+      source: avatar,
+      size: wide ? 232 : 160,
+      shape: "round",
+      paint: paint,
+      testID: testID ? `${testID}-avatar` : undefined
+    }),
+    children: ({
+      wide,
+      textWidth
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 4,
+        minHeight: onPhoto ? wide ? 304 : 220 : undefined,
+        justifyContent: 'flex-end'
+      },
+      children: [verified ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6
+        },
+        testID: testID ? `${testID}-verified` : undefined,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            width: 24,
+            height: 24,
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              position: 'absolute',
+              width: 12,
+              height: 12,
+              borderRadius: 6,
+              backgroundColor: '#ffffff'
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 24,
+              height: 24
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiVerifiedBadgeFill.RiVerifiedBadgeFill, {
+              width: 24,
+              height: 24,
+              fill: paint.accent
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-medium",
+          style: {
+            color: fg
+          },
+          children: verifiedLabel
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.HeaderTitle, {
+        variant: (0, _shared.selectTitleVariant)(name, textWidth),
+        color: fg,
+        level: headingLevel,
+        numberOfLines: 2,
+        testID: testID ? `${testID}-name` : undefined,
+        children: name
+      }), listeners ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-medium",
+        style: {
+          color: fgMuted
+        },
+        testID: testID ? `${testID}-listeners` : undefined,
+        children: listeners
+      }) : null]
+    })
+  });
+}
+const ArtistHero = exports.ArtistHero = /*#__PURE__*/(0, _react.memo)(ArtistHeroComponent);
+ArtistHero.displayName = 'ArtistHero';
+//# sourceMappingURL=ArtistHero.js.map

package/lib/commonjs/media-header/ArtistHero.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_RiVerifiedBadgeFill","_index","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCRIM","ArtistHeroComponent","name","banner","avatar","verified","verifiedLabel","listeners","artworkColor","actions","headingLevel","style","testID","paint","useMediaHeaderPaint","bannerUri","useImageUri","onPhoto","fg","onBand","fgMuted","onBandMuted","jsx","MediaHeaderFrame","actionsFade","background","undefined","centerCoverOnNarrow","coverWidth","wide","backdrop","jsxs","View","pointerEvents","StyleSheet","absoluteFill","children","Image","source","uri","resizeMode","gradientStyle","cover","Cover","size","shape","textWidth","gap","minHeight","justifyContent","flexDirection","alignItems","width","height","position","borderRadius","backgroundColor","RiVerifiedBadgeFill","fill","accent","Text","variant","color","HeaderTitle","selectTitleVariant","level","numberOfLines","ArtistHero","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-header/ArtistHero.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-header/ArtistPick.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArtistPick = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../avatar/index.js");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiPushpinFill = require("../icons/remix/RiPushpinFill.js");
+var _webData = require("../styles/web-data.js");
+var _index2 = require("../typography/index.js");
+var _parts = require("./parts.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 item an artist pins to the top of their page.
+ *
+ *   label      "Artist pick" with a pin, caption-1-semibold muted
+ *   note       a card (radius 16) with a round 24 avatar and the note, body-regular
+ *   item       72 cover (radius 6) · title headline-semibold · subtitle body-regular muted
+ *
+ * With `onPress` the whole card is a button named by the title.
+ */
+
+function ArtistPickComponent({
+  image,
+  title,
+  subtitle,
+  note,
+  avatar,
+  label = 'Artist pick',
+  onPress,
+  style,
+  testID
+}) {
+  const paint = (0, _parts.useMediaHeaderPaint)();
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const card = {
+    gap: 12,
+    padding: 12,
+    borderRadius: 16,
+    backgroundColor: hovered && onPress ? paint.wash : 'transparent',
+    '--bloom-media-header-ring': paint.ring
+  };
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiPushpinFill.RiPushpinFill, {
+        width: 14,
+        height: 14,
+        fill: paint.textMuted
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "caption-1-semibold",
+        style: {
+          color: paint.textMuted
+        },
+        children: label
+      })]
+    }), note ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        alignSelf: 'flex-start',
+        paddingTop: 6,
+        paddingBottom: 6,
+        paddingLeft: 6,
+        paddingRight: 12,
+        borderRadius: 16,
+        backgroundColor: paint.card
+      },
+      children: [avatar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+        source: avatar,
+        size: 24
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-regular",
+        numberOfLines: 2,
+        style: {
+          flexShrink: 1,
+          color: paint.text
+        },
+        children: note
+      })]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Cover, {
+        source: image,
+        size: 72,
+        paint: paint,
+        shadow: false
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "headline-semibold",
+          numberOfLines: 2,
+          style: {
+            color: paint.text
+          },
+          children: title
+        }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "body-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textMuted
+          },
+          children: subtitle
+        }) : null]
+      })]
+    })]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [card, style],
+      testID: testID,
+      children: body
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomMediaHeaderPress: ''
+    }),
+    role: "button",
+    accessibilityLabel: title,
+    onPress: onPress,
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    style: [card, style],
+    testID: testID,
+    children: body
+  });
+}
+const ArtistPick = exports.ArtistPick = /*#__PURE__*/(0, _react.memo)(ArtistPickComponent);
+ArtistPick.displayName = 'ArtistPick';
+//# sourceMappingURL=ArtistPick.js.map

package/lib/commonjs/media-header/ArtistPick.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_useInteractionState","_RiPushpinFill","_webData","_index2","_parts","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArtistPickComponent","image","title","subtitle","note","avatar","label","onPress","style","testID","paint","useMediaHeaderPaint","state","hovered","onIn","onOut","useInteractionState","card","gap","padding","borderRadius","backgroundColor","wash","ring","body","jsxs","Fragment","children","View","flexDirection","alignItems","jsx","RiPushpinFill","width","height","fill","textMuted","Text","variant","color","alignSelf","paddingTop","paddingBottom","paddingLeft","paddingRight","Avatar","source","size","numberOfLines","flexShrink","text","Cover","shadow","flex","minWidth","Pressable","webDataSet","bloomMediaHeaderPress","role","accessibilityLabel","onHoverIn","onHoverOut","ArtistPick","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-header/ArtistPick.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAqD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,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;AAGrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASkB,mBAAmBA,CAAC;EAC3BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,KAAK,GAAG,aAAa;EACrBC,OAAO;EACPC,KAAK;EACLC;AACe,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EACnC,MAAM;IAAEC,KAAK,EAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAC7D,MAAMC,IAAiB,GAAG;IACxBC,GAAG,EAAE,EAAE;IACPC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAER,OAAO,IAAIN,OAAO,GAAGG,KAAK,CAACY,IAAI,GAAG,aAAa;IAChE,2BAA2B,EAAEZ,KAAK,CAACa;EACrC,CAAC;EACD,MAAMC,IAAI,gBACR,IAAA5C,WAAA,CAAA6C,IAAA,EAAA7C,WAAA,CAAA8C,QAAA;IAAAC,QAAA,gBACE,IAAA/C,WAAA,CAAA6C,IAAA,EAACpD,YAAA,CAAAuD,IAAI;MAACpB,KAAK,EAAE;QAAEqB,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,QAAQ;QAAEZ,GAAG,EAAE;MAAE,CAAE;MAAAS,QAAA,gBAClE,IAAA/C,WAAA,CAAAmD,GAAA,EAACvD,cAAA,CAAAwD,aAAa;QAACC,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACC,IAAI,EAAEzB,KAAK,CAAC0B;MAAU,CAAE,CAAC,eAC/D,IAAAxD,WAAA,CAAAmD,GAAA,EAACrD,OAAA,CAAA2D,IAAI;QAACC,OAAO,EAAC,oBAAoB;QAAC9B,KAAK,EAAE;UAAE+B,KAAK,EAAE7B,KAAK,CAAC0B;QAAU,CAAE;QAAAT,QAAA,EAClErB;MAAK,CACF,CAAC;IAAA,CACH,CAAC,EACNF,IAAI,gBACH,IAAAxB,WAAA,CAAA6C,IAAA,EAACpD,YAAA,CAAAuD,IAAI;MACHpB,KAAK,EAAE;QACLqB,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBZ,GAAG,EAAE,CAAC;QACNsB,SAAS,EAAE,YAAY;QACvBC,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE,EAAE;QAChBxB,YAAY,EAAE,EAAE;QAChBC,eAAe,EAAEX,KAAK,CAACO;MACzB,CAAE;MAAAU,QAAA,GAEDtB,MAAM,gBAAG,IAAAzB,WAAA,CAAAmD,GAAA,EAACzD,MAAA,CAAAuE,MAAM;QAACC,MAAM,EAAEzC,MAAO;QAAC0C,IAAI,EAAE;MAAG,CAAE,CAAC,GAAG,IAAI,eACrD,IAAAnE,WAAA,CAAAmD,GAAA,EAACrD,OAAA,CAAA2D,IAAI;QAACC,OAAO,EAAC,cAAc;QAACU,aAAa,EAAE,CAAE;QAACxC,KAAK,EAAE;UAAEyC,UAAU,EAAE,CAAC;UAAEV,KAAK,EAAE7B,KAAK,CAACwC;QAAK,CAAE;QAAAvB,QAAA,EACxFvB;MAAI,CACD,CAAC;IAAA,CACH,CAAC,GACL,IAAI,eACR,IAAAxB,WAAA,CAAA6C,IAAA,EAACpD,YAAA,CAAAuD,IAAI;MAACpB,KAAK,EAAE;QAAEqB,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,QAAQ;QAAEZ,GAAG,EAAE;MAAG,CAAE;MAAAS,QAAA,gBACnE,IAAA/C,WAAA,CAAAmD,GAAA,EAACpD,MAAA,CAAAwE,KAAK;QAACL,MAAM,EAAE7C,KAAM;QAAC8C,IAAI,EAAE,EAAG;QAACrC,KAAK,EAAEA,KAAM;QAAC0C,MAAM,EAAE;MAAM,CAAE,CAAC,eAC/D,IAAAxE,WAAA,CAAA6C,IAAA,EAACpD,YAAA,CAAAuD,IAAI;QAACpB,KAAK,EAAE;UAAE6C,IAAI,EAAE,CAAC;UAAEC,QAAQ,EAAE,CAAC;UAAEpC,GAAG,EAAE;QAAE,CAAE;QAAAS,QAAA,gBAC5C,IAAA/C,WAAA,CAAAmD,GAAA,EAACrD,OAAA,CAAA2D,IAAI;UAACC,OAAO,EAAC,mBAAmB;UAACU,aAAa,EAAE,CAAE;UAACxC,KAAK,EAAE;YAAE+B,KAAK,EAAE7B,KAAK,CAACwC;UAAK,CAAE;UAAAvB,QAAA,EAC9EzB;QAAK,CACF,CAAC,EACNC,QAAQ,gBACP,IAAAvB,WAAA,CAAAmD,GAAA,EAACrD,OAAA,CAAA2D,IAAI;UAACC,OAAO,EAAC,cAAc;UAACU,aAAa,EAAE,CAAE;UAACxC,KAAK,EAAE;YAAE+B,KAAK,EAAE7B,KAAK,CAAC0B;UAAU,CAAE;UAAAT,QAAA,EAC9ExB;QAAQ,CACL,CAAC,GACL,IAAI;MAAA,CACJ,CAAC;IAAA,CACH,CAAC;EAAA,CACP,CACH;EACD,IAAI,CAACI,OAAO,EAAE;IACZ,oBACE,IAAA3B,WAAA,CAAAmD,GAAA,EAAC1D,YAAA,CAAAuD,IAAI;MAACpB,KAAK,EAAE,CAACS,IAAI,EAAET,KAAK,CAAE;MAACC,MAAM,EAAEA,MAAO;MAAAkB,QAAA,EACxCH;IAAI,CACD,CAAC;EAEX;EACA,oBACE,IAAA5C,WAAA,CAAAmD,GAAA,EAAC1D,YAAA,CAAAkF,SAAS;IAAA,GACJ,IAAAC,mBAAU,EAAC;MAAEC,qBAAqB,EAAE;IAAG,CAAC,CAAC;IAC7CC,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAEzD,KAAM;IAC1BK,OAAO,EAAEA,OAAQ;IACjBqD,SAAS,EAAE9C,IAAK;IAChB+C,UAAU,EAAE9C,KAAM;IAClBP,KAAK,EAAE,CAACS,IAAI,EAAET,KAAK,CAAE;IACrBC,MAAM,EAAEA,MAAO;IAAAkB,QAAA,EAEdH;EAAI,CACI,CAAC;AAEhB;AAEO,MAAMsC,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,WAAI,EAAChE,mBAAmB,CAAC;AACnD8D,UAAU,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}