@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/commonjs/music-library/RecentSearches.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecentSearches = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _shared = require("../checkbox/shared.js");
+var _RiCloseLine = require("../icons/remix/RiCloseLine.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _tokens = require("../styles/tokens.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _Cover = require("./Cover.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 recent-searches list on an empty search page.
+ *
+ *   heading   title-3-semibold, 8 below
+ *   row       8 padding, 8 radius · 48 cover (circle when `round`) · 12 ·
+ *             title body-medium over a caption meta · the × button (32 round)
+ *   hover     the row fills (colour only); the × stays visible so touch and
+ *             keyboard reach it too
+ *   clear     a secondary small `Button`, 16 below the list
+ *
+ * The row and its × are SIBLING controls — a remove button nested inside the
+ * row's own button is not reachable as a control of its own.
+ */
+
+function RecentRow({
+  item,
+  paint,
+  onPress,
+  onRemove,
+  removeLabel,
+  testID
+}) {
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const [removeHovered, setRemoveHovered] = (0, _react.useState)(false);
+  const name = [item.title, item.meta].filter(Boolean).join(', ');
+  const rowStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderRadius: 8,
+    backgroundColor: hovered ? paint.hover : 'transparent',
+    paddingRight: 8,
+    ...(_shared2.IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '120ms'
+    } : null)
+  };
+  const openStyle = {
+    flex: 1,
+    minWidth: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    padding: 8,
+    borderRadius: 8,
+    '--bloom-music-ring': paint.ring
+  };
+  const removeStyle = {
+    width: 32,
+    height: 32,
+    borderRadius: _tokens.borderRadius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: removeHovered ? paint.selected : 'transparent',
+    '--bloom-music-ring': paint.ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    onPointerEnter: _shared2.IS_WEB ? () => setHovered(true) : undefined,
+    onPointerLeave: _shared2.IS_WEB ? () => setHovered(false) : undefined,
+    style: rowStyle,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      ...(0, _shared.webDataSet)({
+        bloomMusicFocusable: ''
+      }),
+      role: "button",
+      accessibilityLabel: name,
+      onPress: onPress ? () => onPress(item) : undefined,
+      style: openStyle,
+      testID: testID ? `${testID}-open` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cover.Cover, {
+        source: item.cover,
+        size: 48,
+        round: item.round,
+        kind: item.round ? 'artist' : 'song',
+        placeholder: paint.placeholder,
+        glyphColor: paint.textMuted
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: {
+            color: paint.text
+          },
+          children: item.title
+        }), item.meta ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textMuted
+          },
+          children: item.meta
+        }) : null]
+      })]
+    }), onRemove ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      ...(0, _shared.webDataSet)({
+        bloomMusicFocusable: ''
+      }),
+      role: "button",
+      accessibilityLabel: removeLabel,
+      onPress: () => onRemove(item),
+      onHoverIn: () => setRemoveHovered(true),
+      onHoverOut: () => setRemoveHovered(false),
+      style: removeStyle,
+      testID: testID ? `${testID}-remove` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCloseLine.RiCloseLine, {
+        width: 20,
+        height: 20,
+        fill: paint.textMuted
+      })
+    }) : null]
+  });
+}
+function RecentSearchesComponent({
+  items,
+  onItemPress,
+  onRemove,
+  onClearAll,
+  title = 'Recent searches',
+  clearAllLabel = 'Clear recent searches',
+  removeLabel = item => `Remove ${item.title}`,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MUSIC_LIBRARY_STYLE_ID, _shared2.MUSIC_LIBRARY_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveMusicLibraryPaint)(theme), [theme]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: 8
+    }, style],
+    testID: testID,
+    children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "title-3-semibold",
+      role: "heading",
+      style: {
+        color: paint.text
+      },
+      children: title
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      role: "list",
+      children: items.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        role: "listitem",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RecentRow, {
+          item: item,
+          paint: paint,
+          onPress: onItemPress,
+          onRemove: onRemove,
+          removeLabel: removeLabel(item),
+          testID: testID ? `${testID}-${item.id}` : undefined
+        })
+      }, item.id))
+    }), onClearAll && items.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+      variant: "secondary",
+      size: "small",
+      onPress: onClearAll,
+      style: {
+        alignSelf: 'flex-start',
+        marginTop: 8
+      },
+      testID: testID ? `${testID}-clear-all` : undefined,
+      children: clearAllLabel
+    }) : null]
+  });
+}
+const RecentSearches = exports.RecentSearches = /*#__PURE__*/(0, _react.memo)(RecentSearchesComponent);
+RecentSearches.displayName = 'RecentSearches';
+//# sourceMappingURL=RecentSearches.js.map

package/lib/commonjs/music-library/RecentSearches.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_shared","_RiCloseLine","_adoptStyleSheet","_tokens","_useTheme","_index","_Cover","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RecentRow","item","paint","onPress","onRemove","removeLabel","testID","hovered","setHovered","useState","removeHovered","setRemoveHovered","name","title","meta","filter","Boolean","join","rowStyle","flexDirection","alignItems","borderRadius","backgroundColor","hover","paddingRight","IS_WEB","transitionProperty","transitionDuration","openStyle","flex","minWidth","gap","padding","ring","removeStyle","width","height","full","justifyContent","selected","jsxs","View","onPointerEnter","undefined","onPointerLeave","style","children","Pressable","webDataSet","bloomMusicFocusable","role","accessibilityLabel","jsx","Cover","source","cover","size","round","kind","placeholder","glyphColor","textMuted","Text","variant","numberOfLines","color","text","onHoverIn","onHoverOut","RiCloseLine","fill","RecentSearchesComponent","items","onItemPress","onClearAll","clearAllLabel","theme","useTheme","useEffect","adoptStyleSheet","MUSIC_LIBRARY_STYLE_ID","MUSIC_LIBRARY_CSS","useMemo","resolveMusicLibraryPaint","map","id","length","Button","alignSelf","marginTop","RecentSearches","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["music-library/RecentSearches.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/music-library/SearchField.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchField = exports.SEARCH_FIELD_HEIGHT = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../checkbox/shared.js");
+var _RiCloseLine = require("../icons/remix/RiCloseLine.js");
+var _RiCompass3Line = require("../icons/remix/RiCompass3Line.js");
+var _RiSearchLine = require("../icons/remix/RiSearchLine.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _tokens = require("../styles/tokens.js");
+var _shared2 = require("../text-field/shared.js");
+var _useTheme = require("../theme/use-theme.js");
+var _scale = require("../typography/scale.js");
+var _GlyphButton = require("./GlyphButton.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 top-bar search pill.
+ *
+ *   48 tall, full pill · 12 · search glyph 24 · 8 · input body-medium ·
+ *   clear (×, 32 round) once there is text · 1×24 divider · browse (40 round)
+ *
+ *   rest     the background 6% toward the text colour (dark 9%), transparent 1px border
+ *   hover    10% (dark 14%)
+ *   focus    the border takes the text colour — no size change
+ *
+ * Pressing anywhere on the pill focuses the input. The browse button is a
+ * toggle: filled while `browseActive`, with `aria-pressed` on web and
+ * `accessibilityState.selected` on native.
+ */
+
+const SEARCH_FIELD_HEIGHT = exports.SEARCH_FIELD_HEIGHT = 48;
+const INPUT_TYPE = _scale.TYPE_SCALE['body-medium'];
+const inputStyle = {
+  flex: 1,
+  minWidth: 0,
+  fontFamily: _shared2.SANS_FONT_FAMILY,
+  fontSize: INPUT_TYPE.fontSize,
+  lineHeight: INPUT_TYPE.lineHeight,
+  fontWeight: INPUT_TYPE.fontWeight,
+  height: SEARCH_FIELD_HEIGHT - 2,
+  paddingTop: 0,
+  paddingBottom: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+  borderWidth: 0,
+  backgroundColor: 'transparent'
+};
+function SearchFieldComponent({
+  value,
+  onChangeText,
+  onClear,
+  onSubmit,
+  onFocus,
+  onBlur,
+  onBrowsePress,
+  browseActive = false,
+  placeholder = 'What do you want to play?',
+  accessibilityLabel = 'Search',
+  clearLabel = 'Clear search',
+  browseLabel = 'Browse',
+  autoFocus,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared3.MUSIC_LIBRARY_STYLE_ID, _shared3.MUSIC_LIBRARY_CSS);
+  }, []);
+  const paint = (0, _react.useMemo)(() => (0, _shared3.resolveMusicLibraryPaint)(theme), [theme]);
+  const inputRef = (0, _react.useRef)(null);
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const hasText = value.length > 0;
+  const pillStyle = {
+    height: SEARCH_FIELD_HEIGHT,
+    borderRadius: _tokens.borderRadius.full,
+    borderWidth: 1,
+    borderColor: focused ? paint.fieldFocusBorder : 'transparent',
+    backgroundColor: hovered && !focused ? paint.fieldHover : paint.field,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingLeft: 12,
+    paddingRight: 4,
+    gap: 8,
+    ...(_shared3.IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '120ms'
+    } : null)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable
+  // A press on the pill's padding lands in the input. Not a control of its
+  // own: the input is the focusable element.
+  , {
+    accessible: false,
+    ...(0, _shared.webDataSet)({
+      bloomSearchField: ''
+    }),
+    ...(_shared3.IS_WEB ? {
+      tabIndex: -1
+    } : null),
+    onPress: () => inputRef.current?.focus(),
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    style: [pillStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiSearchLine.RiSearchLine, {
+      width: 24,
+      height: 24,
+      fill: focused ? paint.text : paint.textMuted
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      ref: inputRef,
+      ...(0, _shared.webDataSet)({
+        bloomMusicInput: ''
+      }),
+      value: value,
+      onChangeText: onChangeText,
+      onSubmitEditing: onSubmit ? () => onSubmit(value) : undefined,
+      onFocus: () => {
+        setFocused(true);
+        onFocus?.();
+      },
+      onBlur: () => {
+        setFocused(false);
+        onBlur?.();
+      },
+      placeholder: placeholder,
+      placeholderTextColor: paint.textMuted,
+      accessibilityLabel: accessibilityLabel,
+      role: "searchbox",
+      returnKeyType: "search",
+      enterKeyHint: "search",
+      autoCapitalize: "none",
+      autoCorrect: false,
+      autoComplete: "off",
+      autoFocus: autoFocus,
+      keyboardAppearance: theme.isDark ? 'dark' : 'light',
+      style: [inputStyle, {
+        color: paint.text
+      }],
+      testID: testID ? `${testID}-input` : undefined
+    }), hasText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlyphButton.GlyphButton, {
+      label: clearLabel,
+      size: 32,
+      fill: "transparent",
+      hoverFill: paint.hover,
+      ring: paint.ring,
+      onPress: () => {
+        onClear?.();
+        inputRef.current?.focus();
+      },
+      testID: testID ? `${testID}-clear` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCloseLine.RiCloseLine, {
+        width: 20,
+        height: 20,
+        fill: paint.textMuted
+      })
+    }) : null, onBrowsePress ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: 1,
+          height: 24,
+          backgroundColor: paint.divider
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlyphButton.GlyphButton, {
+        label: browseLabel,
+        size: 40,
+        fill: browseActive ? paint.selected : 'transparent',
+        hoverFill: browseActive ? paint.selected : paint.fieldHover,
+        pressedState: browseActive,
+        ring: paint.ring,
+        onPress: onBrowsePress,
+        testID: testID ? `${testID}-browse` : undefined,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCompass3Line.RiCompass3Line, {
+          width: 22,
+          height: 22,
+          fill: browseActive ? paint.text : paint.textMuted
+        })
+      })]
+    }) : null]
+  });
+}
+const SearchField = exports.SearchField = /*#__PURE__*/(0, _react.memo)(SearchFieldComponent);
+SearchField.displayName = 'SearchField';
+//# sourceMappingURL=SearchField.js.map

package/lib/commonjs/music-library/SearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_RiCloseLine","_RiCompass3Line","_RiSearchLine","_adoptStyleSheet","_tokens","_shared2","_useTheme","_scale","_GlyphButton","_shared3","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SEARCH_FIELD_HEIGHT","exports","INPUT_TYPE","TYPE_SCALE","inputStyle","flex","minWidth","fontFamily","SANS_FONT_FAMILY","fontSize","lineHeight","fontWeight","height","paddingTop","paddingBottom","paddingLeft","paddingRight","borderWidth","backgroundColor","SearchFieldComponent","value","onChangeText","onClear","onSubmit","onFocus","onBlur","onBrowsePress","browseActive","placeholder","accessibilityLabel","clearLabel","browseLabel","autoFocus","style","testID","theme","useTheme","useEffect","adoptStyleSheet","MUSIC_LIBRARY_STYLE_ID","MUSIC_LIBRARY_CSS","paint","useMemo","resolveMusicLibraryPaint","inputRef","useRef","hovered","setHovered","useState","focused","setFocused","hasText","length","pillStyle","borderRadius","full","borderColor","fieldFocusBorder","fieldHover","field","flexDirection","alignItems","gap","IS_WEB","transitionProperty","transitionDuration","jsxs","Pressable","accessible","webDataSet","bloomSearchField","tabIndex","onPress","current","focus","onHoverIn","onHoverOut","children","jsx","RiSearchLine","width","fill","text","textMuted","TextInput","ref","bloomMusicInput","onSubmitEditing","undefined","placeholderTextColor","role","returnKeyType","enterKeyHint","autoCapitalize","autoCorrect","autoComplete","keyboardAppearance","isDark","color","GlyphButton","label","size","hoverFill","hover","ring","RiCloseLine","Fragment","View","divider","selected","pressedState","RiCompass3Line","SearchField","memo","displayName"],"sourceRoot":"../../../src","sources":["music-library/SearchField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/music-library/SearchResultTabs.js

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchResultTabs = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../checkbox/shared.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _tokens = require("../styles/tokens.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _pressColors = require("../theme/press-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.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 result-type pills under the search field: "All, Songs, Artists, …".
+ *
+ *   pill      32 tall, full pill, 12 side padding, 8 apart, body-medium
+ *   rest      the neutral subtle pair (`resolveAccentColors(default, subtle)`),
+ *             the same paint an unselected `Chip` takes
+ *   selected  the primary subtle pair, as a selected `Chip`
+ *   hover     the pressed surface of the rest pair (colour only)
+ *
+ * The row scrolls sideways (hidden scrollbar on web) when it does not fit.
+ *
+ * Semantics: `role="tablist"`, each pill a `tab` with `aria-selected`. On web
+ * the row is one tab stop (the selected pill); ArrowLeft / ArrowRight / Home /
+ * End move focus, Enter and Space select.
+ */
+
+const PILL_HEIGHT = 32;
+function Pill({
+  tab,
+  selected,
+  tabbable,
+  onSelect,
+  onKey,
+  register,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveMusicLibraryPaint)(theme), [theme]);
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const colors = (0, _react.useMemo)(() => (0, _accentColors.resolveAccentColors)(theme.colors, selected ? 'primary' : 'default', 'subtle'), [theme.colors, selected]);
+  const hoverFill = (0, _react.useMemo)(() => (0, _pressColors.pressedSurface)(theme.colors, colors.background, colors.foreground), [theme.colors, colors]);
+  const style = {
+    height: PILL_HEIGHT,
+    borderRadius: _tokens.borderRadius.full,
+    paddingLeft: 12,
+    paddingRight: 12,
+    justifyContent: 'center',
+    backgroundColor: hovered ? hoverFill : colors.background,
+    flexShrink: 0,
+    '--bloom-music-ring': paint.ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ref: node => register(tab.value, node),
+    ...(0, _shared.webDataSet)({
+      bloomMusicFocusable: ''
+    }),
+    ...(_shared2.IS_WEB ? {
+      tabIndex: tabbable ? 0 : -1,
+      onKeyDown: event => onKey(tab.value, event)
+    } : null),
+    role: "tab",
+    accessibilityLabel: tab.label,
+    "aria-selected": selected,
+    onPress: () => onSelect(tab.value),
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-medium",
+      numberOfLines: 1,
+      style: {
+        color: colors.foreground
+      },
+      children: tab.label
+    })
+  });
+}
+function SearchResultTabsComponent({
+  tabs,
+  value,
+  onValueChange,
+  accessibilityLabel = 'Result types',
+  style,
+  testID
+}) {
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MUSIC_LIBRARY_STYLE_ID, _shared2.MUSIC_LIBRARY_CSS);
+  }, []);
+  const nodes = (0, _react.useRef)(new Map());
+  const register = (0, _react.useCallback)((key, node) => {
+    if (node) nodes.current.set(key, node);else nodes.current.delete(key);
+  }, []);
+  const onKey = (0, _react.useCallback)((key, event) => {
+    const index = tabs.findIndex(tab => tab.value === key);
+    let target = -1;
+    switch (event.key) {
+      case 'ArrowRight':
+        target = Math.min(tabs.length - 1, index + 1);
+        break;
+      case 'ArrowLeft':
+        target = Math.max(0, index - 1);
+        break;
+      case 'Home':
+        target = 0;
+        break;
+      case 'End':
+        target = tabs.length - 1;
+        break;
+      case ' ':
+      case 'Spacebar':
+        event.preventDefault();
+        onValueChange(key);
+        return;
+      default:
+        return;
+    }
+    event.preventDefault();
+    const next = tabs[target];
+    if (next) nodes.current.get(next.value)?.focus();
+  }, [tabs, onValueChange]);
+  const hasSelection = tabs.some(tab => tab.value === value);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    ...(0, _shared.webDataSet)({
+      bloomMusicScrollX: ''
+    }),
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    role: "tablist",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      flexGrow: 0
+    }, style],
+    contentContainerStyle: {
+      gap: 8,
+      paddingTop: 2,
+      paddingBottom: 2
+    },
+    testID: testID,
+    children: tabs.map((tab, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Pill, {
+      tab: tab,
+      selected: tab.value === value,
+      tabbable: hasSelection ? tab.value === value : index === 0,
+      onSelect: onValueChange,
+      onKey: onKey,
+      register: register,
+      testID: testID ? `${testID}-${tab.value}` : undefined
+    }, tab.value))
+  });
+}
+const SearchResultTabs = exports.SearchResultTabs = /*#__PURE__*/(0, _react.memo)(SearchResultTabsComponent);
+SearchResultTabs.displayName = 'SearchResultTabs';
+//# sourceMappingURL=SearchResultTabs.js.map

package/lib/commonjs/music-library/SearchResultTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_adoptStyleSheet","_tokens","_accentColors","_pressColors","_useTheme","_index","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PILL_HEIGHT","Pill","tab","selected","tabbable","onSelect","onKey","register","testID","theme","useTheme","paint","useMemo","resolveMusicLibraryPaint","hovered","setHovered","useState","colors","resolveAccentColors","hoverFill","pressedSurface","background","foreground","style","height","borderRadius","full","paddingLeft","paddingRight","justifyContent","backgroundColor","flexShrink","ring","jsx","Pressable","ref","node","value","webDataSet","bloomMusicFocusable","IS_WEB","tabIndex","onKeyDown","event","role","accessibilityLabel","label","onPress","onHoverIn","onHoverOut","children","Text","variant","numberOfLines","color","SearchResultTabsComponent","tabs","onValueChange","useEffect","adoptStyleSheet","MUSIC_LIBRARY_STYLE_ID","MUSIC_LIBRARY_CSS","nodes","useRef","Map","useCallback","key","current","delete","index","findIndex","target","Math","min","length","max","preventDefault","next","focus","hasSelection","some","ScrollView","bloomMusicScrollX","horizontal","showsHorizontalScrollIndicator","flexGrow","contentContainerStyle","gap","paddingTop","paddingBottom","map","undefined","SearchResultTabs","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["music-library/SearchResultTabs.tsx"],"mappings":"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","ignoreList":[]}