@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/music-library/TopResultCard.js

@@ -0,0 +1,174 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { webDataSet } from "../checkbox/shared.js";
+import { PlayButton } from "../media-controls/index.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { borderRadius } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { Cover } from "./Cover.js";
+import { IS_WEB, MUSIC_LIBRARY_CSS, MUSIC_LIBRARY_STYLE_ID, resolveMusicLibraryPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The large first search result.
+ *
+ *   card      16 radius, the panel surface (the background 3% toward the text);
+ *             hover takes the row-hover fill. 20 padding, 20 gap.
+ *   cover     92, 6 radius — a circle for artists and profiles
+ *   title     title-1-bold, one line
+ *   meta      a full-pill kind label (caption-1-semibold on the text colour's
+ *             wash) · 8 · subtitle body-medium muted
+ *   play      a 48 accent PlayButton 20 from the bottom-right corner. On web it
+ *             fades in on hover or keyboard focus inside the card (and stays
+ *             while playing); on touch and native it is always shown.
+ *
+ * Accessibility: the card is a `button` named "<title>, <kind>, <subtitle>";
+ * the play button is its own sibling control ("Play <title>"), never nested
+ * inside the card's pressable.
+ */
+
+const KIND_LABELS = {
+  song: 'Song',
+  artist: 'Artist',
+  album: 'Album',
+  playlist: 'Playlist',
+  podcast: 'Podcast',
+  episode: 'Episode',
+  audiobook: 'Audiobook',
+  profile: 'Profile'
+};
+const COVER = 92;
+function TopResultCardComponent({
+  title,
+  kind,
+  kindLabel,
+  subtitle,
+  cover,
+  onPress,
+  onPlayPress,
+  playing = false,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(MUSIC_LIBRARY_STYLE_ID, MUSIC_LIBRARY_CSS);
+  }, []);
+  const paint = useMemo(() => resolveMusicLibraryPaint(theme), [theme]);
+  const [hovered, setHovered] = useState(false);
+  const label = kindLabel ?? KIND_LABELS[kind];
+  const round = kind === 'artist' || kind === 'profile';
+  const name = accessibilityLabel ?? [title, label, subtitle].filter(Boolean).join(', ');
+  const cardStyle = {
+    borderRadius: 16,
+    padding: 20,
+    gap: 20,
+    backgroundColor: hovered ? paint.hover : paint.surface,
+    '--bloom-music-ring': paint.ring,
+    ...(IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '150ms'
+    } : null)
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    ...webDataSet({
+      bloomTopResult: ''
+    }),
+    // Hover is the WHOLE card, play button included, so moving onto the button
+    // does not drop the card's fill.
+    onPointerEnter: IS_WEB ? () => setHovered(true) : undefined,
+    onPointerLeave: IS_WEB ? () => setHovered(false) : undefined,
+    style: [{
+      position: 'relative',
+      minWidth: 0
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      ...webDataSet({
+        bloomMusicFocusable: ''
+      }),
+      role: "button",
+      accessibilityLabel: name,
+      onPress: onPress,
+      style: cardStyle,
+      testID: testID ? `${testID}-card` : undefined,
+      children: [/*#__PURE__*/_jsx(Cover, {
+        source: cover,
+        size: COVER,
+        round: round,
+        radius: 6,
+        kind: kind,
+        placeholder: paint.placeholder,
+        glyphColor: paint.textMuted
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          gap: 8,
+          paddingRight: onPlayPress ? 64 : 0
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "title-1-bold",
+          numberOfLines: 1,
+          style: {
+            color: paint.text
+          },
+          children: title
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              borderRadius: borderRadius.full,
+              backgroundColor: paint.selected,
+              paddingLeft: 10,
+              paddingRight: 10,
+              paddingTop: 3,
+              paddingBottom: 3,
+              flexShrink: 0
+            },
+            children: /*#__PURE__*/_jsx(Text, {
+              variant: "caption-1-semibold",
+              style: {
+                color: paint.text
+              },
+              children: label
+            })
+          }), subtitle ? /*#__PURE__*/_jsx(Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            style: {
+              color: paint.textMuted,
+              flexShrink: 1
+            },
+            children: subtitle
+          }) : null]
+        })]
+      })]
+    }), onPlayPress ? /*#__PURE__*/_jsx(View, {
+      ...webDataSet({
+        bloomTopResultPlay: '',
+        playing: String(playing)
+      }),
+      style: {
+        position: 'absolute',
+        right: 20,
+        bottom: 20
+      },
+      children: /*#__PURE__*/_jsx(PlayButton, {
+        playing: playing,
+        subject: title,
+        onPress: onPlayPress,
+        testID: testID ? `${testID}-play` : undefined
+      })
+    }) : null]
+  });
+}
+export const TopResultCard = /*#__PURE__*/memo(TopResultCardComponent);
+TopResultCard.displayName = 'TopResultCard';
+//# sourceMappingURL=TopResultCard.js.map

package/lib/module/music-library/TopResultCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useState","Pressable","View","webDataSet","PlayButton","adoptStyleSheet","borderRadius","useTheme","Text","Cover","IS_WEB","MUSIC_LIBRARY_CSS","MUSIC_LIBRARY_STYLE_ID","resolveMusicLibraryPaint","jsx","_jsx","jsxs","_jsxs","KIND_LABELS","song","artist","album","playlist","podcast","episode","audiobook","profile","COVER","TopResultCardComponent","title","kind","kindLabel","subtitle","cover","onPress","onPlayPress","playing","accessibilityLabel","style","testID","theme","paint","hovered","setHovered","label","round","name","filter","Boolean","join","cardStyle","padding","gap","backgroundColor","hover","surface","ring","transitionProperty","transitionDuration","bloomTopResult","onPointerEnter","undefined","onPointerLeave","position","minWidth","children","bloomMusicFocusable","role","source","size","radius","placeholder","glyphColor","textMuted","paddingRight","variant","numberOfLines","color","text","flexDirection","alignItems","full","selected","paddingLeft","paddingTop","paddingBottom","flexShrink","bloomTopResultPlay","String","right","bottom","subject","TopResultCard","displayName"],"sourceRoot":"../../../src","sources":["music-library/TopResultCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/music-library/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export { LibraryPanel } from "./LibraryPanel.js";
+export { LibraryItem } from "./LibraryItem.js";
+export { SearchField } from "./SearchField.js";
+export { TopResultCard } from "./TopResultCard.js";
+export { SearchResultTabs } from "./SearchResultTabs.js";
+export { RecentSearches } from "./RecentSearches.js";
+export { BrowseGrid } from "./BrowseGrid.js";
+export { filterLibraryItems, sortLibraryItems } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/music-library/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LibraryPanel","LibraryItem","SearchField","TopResultCard","SearchResultTabs","RecentSearches","BrowseGrid","filterLibraryItems","sortLibraryItems"],"sourceRoot":"../../../src","sources":["music-library/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,aAAU","ignoreList":[]}

package/lib/module/music-library/shared.js

@@ -0,0 +1,283 @@
+"use strict";
+
+import { useCallback, useState } from 'react';
+import { Platform } from 'react-native';
+import { mixColor, resolveButtonRamps } from "../button/shared.js";
+import { contrastRatio, relativeLuminance } from "../styles/color-contrast.js";
+export const IS_WEB = Platform.OS === 'web';
+
+// ---------------------------------------------------------------------------
+//  Pure logic
+// ---------------------------------------------------------------------------
+
+/** Which filter chip an entry answers to. Folders hold playlists. */
+export const LIBRARY_FILTER_OF_KIND = {
+  playlist: 'playlists',
+  folder: 'playlists',
+  artist: 'artists',
+  album: 'albums',
+  podcast: 'podcasts',
+  audiobook: 'audiobooks'
+};
+export const LIBRARY_FILTERS = ['playlists', 'artists', 'albums', 'podcasts', 'audiobooks'];
+export const DEFAULT_KIND_LABELS = {
+  playlist: 'Playlist',
+  artist: 'Artist',
+  album: 'Album',
+  podcast: 'Podcast',
+  audiobook: 'Audiobook',
+  folder: 'Folder'
+};
+export const DEFAULT_LIBRARY_LABELS = {
+  title: 'Your Library',
+  create: 'Create playlist or folder',
+  expand: 'Show more',
+  collapse: 'Show less',
+  collapseRail: 'Collapse Your Library',
+  expandRail: 'Open Your Library',
+  filters: 'Filters',
+  clearFilters: 'Clear filters',
+  filter: {
+    playlists: 'Playlists',
+    artists: 'Artists',
+    albums: 'Albums',
+    podcasts: 'Podcasts',
+    audiobooks: 'Audiobooks'
+  },
+  downloaded: 'Downloaded',
+  search: 'Search in Your Library',
+  searchPlaceholder: 'Search in Your Library',
+  clearSearch: 'Clear search',
+  sortAndView: 'Sort and view',
+  sortBy: 'Sort by',
+  viewAs: 'View as',
+  sort: {
+    recents: 'Recents',
+    'recently-added': 'Recently added',
+    alphabetical: 'Alphabetical',
+    creator: 'Creator'
+  },
+  view: {
+    compact: 'Compact',
+    list: 'List',
+    grid: 'Grid'
+  },
+  empty: 'Nothing here yet',
+  kind: DEFAULT_KIND_LABELS
+};
+
+/** "Playlist · Maya", or the entry's own `meta`. */
+export function libraryMeta(item, kindLabels = DEFAULT_KIND_LABELS) {
+  if (item.meta !== undefined) return item.meta;
+  return [kindLabels[item.kind], item.subtitle].filter(Boolean).join(' · ');
+}
+function fold(text) {
+  return text.normalize('NFD').replace(/[̀-ͯ]/g, '').toLocaleLowerCase();
+}
+/**
+ * The entries a filter state keeps, in their input order. The kind filter and
+ * Downloaded combine (AND); the query matches title, subtitle, meta or creator,
+ * ignoring case and accents. Pure.
+ */
+export function filterLibraryItems(items, {
+  filter = null,
+  downloadedOnly = false,
+  query = ''
+}) {
+  const needle = fold(query.trim());
+  return items.filter(item => {
+    if (filter && LIBRARY_FILTER_OF_KIND[item.kind] !== filter) return false;
+    if (downloadedOnly && !item.downloaded) return false;
+    if (!needle) return true;
+    return [item.title, item.subtitle, item.meta, item.creator].some(field => field !== undefined && fold(field).includes(needle));
+  });
+}
+const collator = typeof Intl !== 'undefined' ? new Intl.Collator(undefined, {
+  sensitivity: 'base',
+  numeric: true
+}) : null;
+function compareText(a, b) {
+  return collator ? collator.compare(a, b) : a.localeCompare(b);
+}
+
+/** Newest first; a missing timestamp sorts after every present one. */
+function compareNewest(a, b) {
+  if (a === undefined && b === undefined) return 0;
+  if (a === undefined) return 1;
+  if (b === undefined) return -1;
+  return b - a;
+}
+
+/**
+ * The entries in display order: pinned first (keeping the sort among
+ * themselves), then the rest by `sort`. Stable — ties keep their input order.
+ * Pure; never mutates `items`.
+ */
+export function sortLibraryItems(items, sort) {
+  const compare = (a, b) => {
+    switch (sort) {
+      case 'recents':
+        return compareNewest(a.lastPlayedAt, b.lastPlayedAt);
+      case 'recently-added':
+        return compareNewest(a.addedAt, b.addedAt);
+      case 'alphabetical':
+        return compareText(a.title, b.title);
+      case 'creator':
+        return compareText(a.creator ?? a.subtitle ?? '', b.creator ?? b.subtitle ?? '') || compareText(a.title, b.title);
+    }
+  };
+  return items.map((item, index) => ({
+    item,
+    index
+  })).sort((x, y) => {
+    const pinned = Number(Boolean(y.item.pinned)) - Number(Boolean(x.item.pinned));
+    return pinned || compare(x.item, y.item) || x.index - y.index;
+  }).map(({
+    item
+  }) => item);
+}
+
+/** Columns that fit `width` at `minTile` wide with `gap` between. At least one. */
+export function gridColumns(width, minTile, gap) {
+  if (!(width > 0) || !(minTile > 0)) return 1;
+  return Math.max(1, Math.floor((width + gap) / (minTile + gap)));
+}
+export const TILE_LIGHT_TEXT = '#ffffff';
+export const TILE_DARK_TEXT = '#141414';
+
+/**
+ * A browse tile's fill and title colour, always at least 4.5:1.
+ *
+ * White when it clears 4.5:1 on the colour; otherwise near-black when THAT
+ * does. A mid-grey clears neither (`#777777` is 4.48 against white), so the
+ * fill is then darkened in 5% steps toward black until white clears — the
+ * backend colour moves a little rather than the title failing. An unparseable
+ * colour falls back to the neutral `fallback` pair.
+ */
+export function browseTilePaint(color, fallback) {
+  if (relativeLuminance(color) === null) return fallback;
+  if (contrastRatio(color, TILE_LIGHT_TEXT) >= 4.5) return {
+    background: color,
+    text: TILE_LIGHT_TEXT
+  };
+  if (contrastRatio(color, TILE_DARK_TEXT) >= 4.5) return {
+    background: color,
+    text: TILE_DARK_TEXT
+  };
+  for (let alpha = 0.05; alpha <= 1; alpha += 0.05) {
+    const darker = mixColor(color, '#000000', alpha);
+    if (contrastRatio(darker, TILE_LIGHT_TEXT) >= 4.5) return {
+      background: darker,
+      text: TILE_LIGHT_TEXT
+    };
+  }
+  return {
+    background: '#000000',
+    text: TILE_LIGHT_TEXT
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Controlled-or-uncontrolled state
+// ---------------------------------------------------------------------------
+
+export function useControllable(value, initial, onChange) {
+  const [inner, setInner] = useState(initial);
+  const controlled = value !== undefined;
+  const set = useCallback(next => {
+    if (!controlled) setInner(next);
+    onChange?.(next);
+  }, [controlled, onChange]);
+  return [controlled ? value : inner, set];
+}
+
+// ---------------------------------------------------------------------------
+//  Paint
+// ---------------------------------------------------------------------------
+
+/**
+ * Surfaces are the page background moved toward the text colour, so a panel,
+ * a hovered row and the search pill each read as a step off WHATEVER page they
+ * sit on, in light and dark, without a fixed ramp stop that happens to match
+ * one page colour. Text and accents come from the neutral and accent ramps.
+ */
+export function resolveMusicLibraryPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const dark = theme.isDark;
+  const {
+    background,
+    text
+  } = theme.colors;
+  const step = (light, darkAlpha) => mixColor(background, text, dark ? darkAlpha : light);
+  return {
+    accent: accent[500],
+    text,
+    textMuted: dark ? n[400] : n[500],
+    surface: step(0.03, 0.05),
+    hover: step(0.07, 0.1),
+    selected: step(0.11, 0.16),
+    placeholder: step(0.11, 0.16),
+    field: step(0.06, 0.09),
+    fieldHover: step(0.1, 0.14),
+    fieldFocusBorder: text,
+    divider: dark ? n[600] : n[300],
+    ring: accent[500]
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS
+// ---------------------------------------------------------------------------
+
+export const MUSIC_LIBRARY_STYLE_ID = 'bloom-music-library-web-css';
+const FOCUSABLE = '[data-bloom-music-focusable]';
+export const MUSIC_LIBRARY_CSS = `
+${FOCUSABLE} {
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+}
+${FOCUSABLE}:focus-visible {
+  outline: 2px solid var(--bloom-music-ring, currentColor);
+  outline-offset: 2px;
+}
+[data-bloom-music-scroll-x] {
+  scrollbar-width: none;
+}
+[data-bloom-music-scroll-x]::-webkit-scrollbar {
+  display: none;
+}
+[data-bloom-music-input] {
+  outline: none;
+}
+[data-bloom-search-field] {
+  cursor: text;
+}
+[data-bloom-music-input]::-webkit-search-cancel-button {
+  display: none;
+}
+[data-bloom-top-result] [data-bloom-top-result-play] {
+  opacity: 0;
+  transition: opacity 150ms ease-out;
+}
+[data-bloom-top-result]:hover [data-bloom-top-result-play],
+[data-bloom-top-result]:focus-within [data-bloom-top-result-play],
+[data-bloom-top-result] [data-bloom-top-result-play][data-playing="true"] {
+  opacity: 1;
+}
+@media (hover: none) {
+  [data-bloom-top-result] [data-bloom-top-result-play] {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-bloom-top-result] [data-bloom-top-result-play] {
+    transition: none;
+  }
+}
+`;
+export { contrastRatio, relativeLuminance };
+//# sourceMappingURL=shared.js.map

package/lib/module/music-library/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","Platform","mixColor","resolveButtonRamps","contrastRatio","relativeLuminance","IS_WEB","OS","LIBRARY_FILTER_OF_KIND","playlist","folder","artist","album","podcast","audiobook","LIBRARY_FILTERS","DEFAULT_KIND_LABELS","DEFAULT_LIBRARY_LABELS","title","create","expand","collapse","collapseRail","expandRail","filters","clearFilters","filter","playlists","artists","albums","podcasts","audiobooks","downloaded","search","searchPlaceholder","clearSearch","sortAndView","sortBy","viewAs","sort","recents","alphabetical","creator","view","compact","list","grid","empty","kind","libraryMeta","item","kindLabels","meta","undefined","subtitle","Boolean","join","fold","text","normalize","replace","toLocaleLowerCase","filterLibraryItems","items","downloadedOnly","query","needle","trim","some","field","includes","collator","Intl","Collator","sensitivity","numeric","compareText","a","b","compare","localeCompare","compareNewest","sortLibraryItems","lastPlayedAt","addedAt","map","index","x","y","pinned","Number","gridColumns","width","minTile","gap","Math","max","floor","TILE_LIGHT_TEXT","TILE_DARK_TEXT","browseTilePaint","color","fallback","background","alpha","darker","useControllable","value","initial","onChange","inner","setInner","controlled","set","next","resolveMusicLibraryPaint","theme","accent","neutral","n","dark","isDark","colors","step","light","darkAlpha","textMuted","surface","hover","selected","placeholder","fieldHover","fieldFocusBorder","divider","ring","MUSIC_LIBRARY_STYLE_ID","FOCUSABLE","MUSIC_LIBRARY_CSS"],"sourceRoot":"../../../src","sources":["music-library/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/music-library/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/music-library/types.js.map

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

package/lib/module/offering-badge/OfferingBadge.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { bloomShadowStyle } from '../design-tokens/shadows';
+import { borderRadius } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { OFFERING_BADGE_GEOMETRY, OFFERING_ICONS, OFFERING_LABELS, resolveOfferingBadgePaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A small pill naming how a home is offered: for rent, for sale, as a vacation
+ * rental, or for a swap.
+ *
+ *             height  padding-x  icon  text
+ *   small     20      8          12    caption-1-semibold
+ *   medium    24      10         14    body-2-semibold
+ *
+ * Full pill radius; 4 between the icon and the label; one line, truncated.
+ *
+ *   tinted    the offering's fixed tone (rent info, sale success, vacation
+ *             rental warning, swap neutral), its `subtle` pair
+ *   onMedia   a light pill with shadow-s, for over a photo
+ *
+ * It is text, not a control: no role, and the icon is hidden from assistive
+ * technology, so it reads as its label.
+ */
+function OfferingBadgeComponent({
+  offering,
+  label,
+  icon = true,
+  size = 'medium',
+  variant = 'tinted',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveOfferingBadgePaint(theme, offering, variant), [theme, offering, variant]);
+  const geometry = OFFERING_BADGE_GEOMETRY[size];
+  const Icon = icon === true ? OFFERING_ICONS[offering] : icon === false ? null : icon;
+  const pillStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    flexShrink: 1,
+    minWidth: 0,
+    gap: geometry.gap,
+    height: geometry.height,
+    paddingLeft: Icon ? geometry.paddingHorizontal - 2 : geometry.paddingHorizontal,
+    paddingRight: geometry.paddingHorizontal,
+    borderRadius: borderRadius.full,
+    backgroundColor: paint.background,
+    ...(paint.shadow ? bloomShadowStyle(paint.shadow) : null)
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [pillStyle, style],
+    testID: testID,
+    children: [Icon ? /*#__PURE__*/_jsx(View, {
+      "aria-hidden": true,
+      importantForAccessibility: "no-hide-descendants",
+      testID: testID ? `${testID}-icon` : undefined,
+      children: /*#__PURE__*/_jsx(Icon, {
+        width: geometry.icon,
+        height: geometry.icon,
+        fill: paint.icon
+      })
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      variant: geometry.type,
+      numberOfLines: 1,
+      style: {
+        flexShrink: 1,
+        minWidth: 0,
+        color: paint.foreground
+      },
+      children: label ?? OFFERING_LABELS[offering]
+    })]
+  });
+}
+export const OfferingBadge = /*#__PURE__*/memo(OfferingBadgeComponent);
+OfferingBadge.displayName = 'OfferingBadge';
+//# sourceMappingURL=OfferingBadge.js.map

package/lib/module/offering-badge/OfferingBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","bloomShadowStyle","borderRadius","useTheme","Text","OFFERING_BADGE_GEOMETRY","OFFERING_ICONS","OFFERING_LABELS","resolveOfferingBadgePaint","jsx","_jsx","jsxs","_jsxs","OfferingBadgeComponent","offering","label","icon","size","variant","style","testID","theme","paint","geometry","Icon","pillStyle","flexDirection","alignItems","alignSelf","flexShrink","minWidth","gap","height","paddingLeft","paddingHorizontal","paddingRight","full","backgroundColor","background","shadow","children","importantForAccessibility","undefined","width","fill","type","numberOfLines","color","foreground","OfferingBadge","displayName"],"sourceRoot":"../../../src","sources":["offering-badge/OfferingBadge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/offering-badge/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { OfferingBadge } from "./OfferingBadge.js";
+//# sourceMappingURL=index.js.map

package/lib/module/offering-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OfferingBadge"],"sourceRoot":"../../../src","sources":["offering-badge/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,oBAAiB","ignoreList":[]}