@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/creator-studio/ReleaseCard.js

@@ -0,0 +1,330 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReleaseCard = exports.RELEASE_CARD_LABELS = void 0;
+exports.ReleaseStatusBadge = ReleaseStatusBadge;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _index = require("../badge/index.js");
+var _button = require("../button");
+var _dropdownMenu = require("../dropdown-menu");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiAlbumLine = require("../icons/remix/RiAlbumLine.js");
+var _RiErrorWarningLine = require("../icons/remix/RiErrorWarningLine.js");
+var _RiMoreFill = require("../icons/remix/RiMoreFill.js");
+var _context = require("../image-resolver/context.js");
+var _isImageUrl = require("../image-resolver/is-image-url.js");
+var _interactiveWebCss = require("../styles/interactive-web-css.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = 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); }
+/**
+ * `ReleaseStatusBadge`: a release's distribution status as a `Badge` on a label
+ * rung — the tone per status is `RELEASE_STATUS_TONES` (draft default, in
+ * review warning, scheduled info, live success, rejected error, taken down
+ * error outlined).
+ *
+ * `Badge`, not `Chip`. It is the shape the whole fleet uses for a status that
+ * is read rather than pressed — `tenancy`, `eviction` and `booking` all draw
+ * theirs as a `Badge` over a `status -> { tone, fill }` map — and a `Chip` with
+ * no `onPress` is a pill that merely looks like a control. This was a `Chip`
+ * `small`/`medium`, both 24 tall; the label rungs are 20 and 24.
+ */
+function ReleaseStatusBadge({
+  status,
+  label,
+  size = 'small',
+  testID
+}) {
+  const {
+    tone,
+    fill
+  } = _shared2.RELEASE_STATUS_TONES[status];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Badge, {
+    size: size === 'small' ? 'label-small' : 'label-medium',
+    color: tone,
+    variant: fill,
+    content: label ?? _shared2.RELEASE_STATUS_LABELS[status],
+    testID: testID
+  });
+}
+const RELEASE_CARD_LABELS = exports.RELEASE_CARD_LABELS = {
+  types: _shared2.RELEASE_TYPE_LABELS,
+  statuses: _shared2.RELEASE_STATUS_LABELS,
+  tracks: count => `${count} ${count === 1 ? 'track' : 'tracks'}`,
+  actions: title => `More actions for ${title}`
+};
+
+/**
+ * `ReleaseCard`: one release in the catalog.
+ *
+ *   card     radius 16, padding 12 (longhands), background-secondary; hovering
+ *            the pressable part deepens it (neutral-200 at 50% / neutral-800)
+ *   grid     square cover (radius 12) → 12 → title `body-medium` + artist
+ *            `body-2-regular` → meta `caption-1-regular` text-tertiary
+ *            ("Single · 14 Mar 2026 · 4 tracks") → 10 → status badge and the
+ *            "⋯" menu button on one row
+ *   row      64px cover, the same text column, badge and menu on the right
+ *   reason   rejected / taken down with a `statusReason`: an error-tinted note
+ *            (radius 10, 16px warning glyph, `body-2-regular`) under the rest
+ *
+ * `onPress` makes the cover and text ONE pressable named by the title; the menu
+ * button is its sibling, never nested inside it.
+ */
+function ReleaseCardComponent({
+  release,
+  layout = 'grid',
+  onPress,
+  actions = [],
+  labels: labelOverrides,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _interactiveWebCss.useInteractiveWebCss)(_shared2.CREATOR_STUDIO_STYLE_ID, _shared2.CREATOR_STUDIO_CSS);
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveCreatorStudioPaint)(theme), [theme]);
+  const hoverSurface = (0, _react.useMemo)(() => {
+    const {
+      neutral: n
+    } = (0, _shared.resolveButtonRamps)(theme);
+    return theme.isDark ? n[800] : (0, _shared.mixColor)(paint.surface, n[200], 0.5);
+  }, [theme, paint.surface]);
+  const labels = {
+    ...RELEASE_CARD_LABELS,
+    ...labelOverrides
+  };
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const resolver = (0, _context.useImageResolver)();
+  const uri = release.artwork ? (0, _isImageUrl.isImageUrl)(release.artwork) ? release.artwork : resolver?.(release.artwork, 'cover') : undefined;
+  const row = layout === 'row';
+  const meta = [labels.types[release.type], release.releaseDate, labels.tracks(release.trackCount)].join(' · ');
+  const reason = (0, _shared2.releaseStatusNeedsReason)(release.status) ? release.statusReason : undefined;
+  const cover = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: testID ? `${testID}-cover` : undefined,
+    style: [row ? styles.rowCover : styles.gridCover, {
+      backgroundColor: paint.placeholder
+    }],
+    children: uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri
+      },
+      style: styles.coverImage,
+      accessibilityIgnoresInvertColors: true
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiAlbumLine.RiAlbumLine, {
+      width: row ? 24 : 40,
+      height: row ? 24 : 40,
+      fill: paint.placeholderIcon
+    })
+  });
+  const text = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.text,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "body-medium",
+      numberOfLines: 1,
+      style: {
+        color: paint.text
+      },
+      children: release.title
+    }), release.artist ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "body-2-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.textSecondary
+      },
+      children: release.artist
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.textTertiary,
+        marginTop: 2
+      },
+      children: meta
+    })]
+  });
+  const main = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [cover, text]
+  });
+  const ringStyle = {
+    '--bloom-studio-ring': paint.accent
+  };
+  const pressable = onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _shared2.pressDataSet)(),
+    accessibilityRole: "button",
+    accessibilityLabel: release.title,
+    onPress: onPress,
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    testID: testID ? `${testID}-open` : undefined,
+    style: [row ? styles.rowMain : styles.gridMain, ringStyle, {
+      borderRadius: _shared2.COVER_RADIUS
+    }],
+    children: main
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: row ? styles.rowMain : styles.gridMain,
+    children: main
+  });
+  const menu = actions.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuTrigger, {
+      asChild: true,
+      label: labels.actions(release.title),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+        size: 32,
+        icon: _RiMoreFill.RiMoreFill,
+        glyphSize: 20,
+        color: paint.textSecondary,
+        hoverColor: paint.text,
+        ring: paint.ring,
+        accessibilityLabel: labels.actions(release.title),
+        testID: testID ? `${testID}-actions` : undefined
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuContent, {
+      minWidth: 180,
+      children: actions.map(action => {
+        const Icon = action.icon;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuItem, {
+          onPress: action.onPress,
+          disabled: action.disabled,
+          variant: action.destructive ? 'destructive' : 'default',
+          leading: Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+            width: 16,
+            height: 16,
+            fill: action.destructive ? paint.error : paint.textSecondary
+          }) : undefined,
+          children: action.label
+        }, action.label);
+      })
+    })]
+  }) : null;
+  const badge = /*#__PURE__*/(0, _jsxRuntime.jsx)(ReleaseStatusBadge, {
+    status: release.status,
+    label: labels.statuses[release.status],
+    testID: testID ? `${testID}-status` : undefined
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [styles.card, {
+      backgroundColor: hovered ? hoverSurface : paint.surface
+    }, style],
+    children: [row ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.rowLayout,
+      children: [pressable, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.rowAside,
+        children: [badge, menu]
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [pressable, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.gridFooter,
+        children: [badge, menu]
+      })]
+    }), reason ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      testID: testID ? `${testID}-reason` : undefined,
+      style: [styles.reason, {
+        backgroundColor: paint.errorSurface
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiErrorWarningLine.RiErrorWarningLine, {
+        width: 16,
+        height: 16,
+        fill: paint.error
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-2-regular",
+        style: [styles.reasonText, {
+          color: paint.error
+        }],
+        children: reason
+      })]
+    }) : null]
+  });
+}
+const ReleaseCard = exports.ReleaseCard = /*#__PURE__*/(0, _react.memo)(ReleaseCardComponent);
+ReleaseCard.displayName = 'ReleaseCard';
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    borderRadius: _shared2.CARD_RADIUS,
+    paddingTop: 12,
+    paddingBottom: 12,
+    paddingLeft: 12,
+    paddingRight: 12,
+    gap: 10,
+    minWidth: 0
+  },
+  gridMain: {
+    gap: 12,
+    minWidth: 0
+  },
+  gridCover: {
+    width: '100%',
+    aspectRatio: 1,
+    borderRadius: _shared2.COVER_RADIUS,
+    overflow: 'hidden',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  rowCover: {
+    width: 64,
+    height: 64,
+    borderRadius: _shared2.COVER_RADIUS,
+    overflow: 'hidden',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0
+  },
+  coverImage: {
+    width: '100%',
+    height: '100%'
+  },
+  text: {
+    minWidth: 0,
+    flexShrink: 1,
+    gap: 2
+  },
+  gridFooter: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 8,
+    minHeight: 32
+  },
+  rowLayout: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12
+  },
+  rowMain: {
+    flex: 1,
+    minWidth: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12
+  },
+  rowAside: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
+    flexShrink: 0
+  },
+  reason: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 8,
+    borderRadius: 10,
+    paddingTop: 8,
+    paddingBottom: 8,
+    paddingLeft: 10,
+    paddingRight: 10
+  },
+  reasonText: {
+    flex: 1,
+    minWidth: 0
+  }
+});
+//# sourceMappingURL=ReleaseCard.js.map

package/lib/commonjs/creator-studio/ReleaseCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_index","_button","_dropdownMenu","_useInteractionState","_RiAlbumLine","_RiErrorWarningLine","_RiMoreFill","_context","_isImageUrl","_interactiveWebCss","_useTheme","_index2","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReleaseStatusBadge","status","label","size","testID","tone","fill","RELEASE_STATUS_TONES","jsx","Badge","color","variant","content","RELEASE_STATUS_LABELS","RELEASE_CARD_LABELS","exports","types","RELEASE_TYPE_LABELS","statuses","tracks","count","actions","title","ReleaseCardComponent","release","layout","onPress","labels","labelOverrides","style","theme","useTheme","useInteractiveWebCss","CREATOR_STUDIO_STYLE_ID","CREATOR_STUDIO_CSS","paint","useMemo","resolveCreatorStudioPaint","hoverSurface","neutral","resolveButtonRamps","isDark","mixColor","surface","state","hovered","onIn","onOut","useInteractionState","resolver","useImageResolver","uri","artwork","isImageUrl","undefined","row","meta","type","releaseDate","trackCount","join","reason","releaseStatusNeedsReason","statusReason","cover","View","styles","rowCover","gridCover","backgroundColor","placeholder","children","Image","source","coverImage","accessibilityIgnoresInvertColors","RiAlbumLine","width","height","placeholderIcon","text","jsxs","Text","numberOfLines","artist","textSecondary","textTertiary","marginTop","main","Fragment","ringStyle","accent","pressable","Pressable","pressDataSet","accessibilityRole","accessibilityLabel","onHoverIn","onHoverOut","rowMain","gridMain","borderRadius","COVER_RADIUS","menu","length","DropdownMenu","DropdownMenuTrigger","asChild","GlyphButton","icon","RiMoreFill","glyphSize","hoverColor","ring","DropdownMenuContent","minWidth","map","action","Icon","DropdownMenuItem","disabled","destructive","leading","error","badge","card","rowLayout","rowAside","gridFooter","errorSurface","RiErrorWarningLine","reasonText","ReleaseCard","memo","displayName","StyleSheet","create","CARD_RADIUS","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","aspectRatio","overflow","alignItems","justifyContent","flexShrink","flexDirection","minHeight","flex"],"sourceRoot":"../../../src","sources":["creator-studio/ReleaseCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/creator-studio/ReleaseTimeline.js

@@ -0,0 +1,299 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReleaseTimeline = exports.RELEASE_STEP_STATE_LABELS = void 0;
+exports.releaseStepAccessibilityLabel = releaseStepAccessibilityLabel;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RiCheckLine = require("../icons/remix/RiCheckLine.js");
+var _RiCloseLine = require("../icons/remix/RiCloseLine.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/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); }
+/**
+ * `ReleaseTimeline`: a release's distribution steps — Uploaded → Metadata →
+ * Artwork → Review → Scheduled → Live — with a state and a date each.
+ *
+ *   marker     24px disc: complete — accent fill, 14px white check;
+ *              current — accent 2px ring around an 8px accent dot;
+ *              upcoming — 2px neutral ring; error — error fill, white cross
+ *   connector  2px, accent after a complete step, track otherwise
+ *   vertical   marker column, 12 gap, label `body-medium` (`body-2-medium`
+ *              text-secondary when upcoming) + date `caption-1-regular`
+ *              text-tertiary on the right, description `body-2-regular` under
+ *              it (error colour on an error step); 16 between steps with the
+ *              connector running through the gap
+ *   horizontal markers on one line joined by connectors, each label and date
+ *              centred under its marker; the steps share the width equally.
+ *              Under 96px per step of its own width it renders vertically
+ *
+ * Assistive tech gets a list (`role="list"`) of items named
+ * "<label>, <state>, <date>"; the current step carries `aria-current="step"`.
+ */
+
+const RELEASE_STEP_STATE_LABELS = exports.RELEASE_STEP_STATE_LABELS = {
+  complete: 'complete',
+  current: 'in progress',
+  upcoming: 'not started',
+  error: 'needs attention'
+};
+const MARKER = 24;
+/** The narrowest a horizontal step may be before the timeline falls back to vertical. */
+const HORIZONTAL_STEP_MIN = 96;
+
+/** The spoken name of one step. */
+function releaseStepAccessibilityLabel(step, stateLabels = RELEASE_STEP_STATE_LABELS) {
+  return [step.label, stateLabels[step.state], step.date, step.description].filter(Boolean).join(', ');
+}
+function Marker({
+  state,
+  paint
+}) {
+  if (state === 'complete') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.marker, {
+        backgroundColor: paint.accent
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCheckLine.RiCheckLine, {
+        width: 14,
+        height: 14,
+        fill: paint.onAccent
+      })
+    });
+  }
+  if (state === 'error') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.marker, {
+        backgroundColor: paint.error
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCloseLine.RiCloseLine, {
+        width: 14,
+        height: 14,
+        fill: "#fff"
+      })
+    });
+  }
+  if (state === 'current') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.marker, styles.ring, {
+        borderColor: paint.accent
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.dot, {
+          backgroundColor: paint.accent
+        }]
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.marker, styles.ring, {
+      borderColor: paint.ring
+    }]
+  });
+}
+function ReleaseTimelineComponent({
+  steps,
+  orientation = 'vertical',
+  accessibilityLabel = 'Release progress',
+  stateLabels: stateOverrides,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCreatorStudioPaint)(theme), [theme]);
+  const stateLabels = {
+    ...RELEASE_STEP_STATE_LABELS,
+    ...stateOverrides
+  };
+  const [width, setWidth] = (0, _react.useState)(0);
+  const onLayout = (0, _react.useCallback)(event => {
+    const next = Math.round(event.nativeEvent.layout.width);
+    setWidth(prev => prev === next ? prev : next);
+  }, []);
+  // A row of steps needs room for its labels; narrower than that it reads as a column.
+  const horizontal = orientation === 'horizontal' && (width === 0 || width >= steps.length * HORIZONTAL_STEP_MIN);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    onLayout: onLayout,
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: [horizontal ? styles.rootHorizontal : styles.rootVertical, style],
+    children: steps.map((step, i) => {
+      const last = i === steps.length - 1;
+      const first = i === 0;
+      const muted = step.state === 'upcoming';
+      const connector = step.state === 'complete' ? paint.accent : paint.track;
+      const previousConnector = steps[i - 1]?.state === 'complete' ? paint.accent : paint.track;
+      const itemProps = {
+        role: 'listitem',
+        accessibilityLabel: releaseStepAccessibilityLabel(step, stateLabels),
+        ...(step.state === 'current' ? {
+          'aria-current': 'step'
+        } : null),
+        testID: testID ? `${testID}-step-${step.id}` : undefined
+      };
+      const label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: muted ? 'body-2-medium' : 'body-medium',
+        numberOfLines: horizontal ? 2 : 1,
+        style: [{
+          color: muted ? paint.textSecondary : paint.text
+        }, horizontal ? styles.centerText : styles.flexText],
+        children: step.label
+      });
+      const date = step.date ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 1,
+        style: [{
+          color: paint.textTertiary
+        }, horizontal ? styles.centerText : null],
+        children: step.date
+      }) : null;
+      const description = step.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-2-regular",
+        style: [{
+          color: step.state === 'error' ? paint.error : paint.textSecondary
+        }, horizontal ? styles.centerText : null],
+        children: step.description
+      }) : null;
+      if (horizontal) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          ...itemProps,
+          style: styles.hItem,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.hTrack,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.hConnector, {
+                backgroundColor: first ? 'transparent' : previousConnector
+              }]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Marker, {
+              state: step.state,
+              paint: paint
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.hConnector, {
+                backgroundColor: last ? 'transparent' : connector
+              }]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.hText,
+            children: [label, date, description]
+          })]
+        }, step.id);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        ...itemProps,
+        style: styles.vItem,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.vRail,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Marker, {
+            state: step.state,
+            paint: paint
+          }), last ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.vConnector, {
+              backgroundColor: connector
+            }]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.vText, last ? null : styles.vTextGap],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.vHeading,
+            children: [label, date]
+          }), description]
+        })]
+      }, step.id);
+    })
+  });
+}
+const ReleaseTimeline = exports.ReleaseTimeline = /*#__PURE__*/(0, _react.memo)(ReleaseTimelineComponent);
+ReleaseTimeline.displayName = 'ReleaseTimeline';
+const styles = _reactNative.StyleSheet.create({
+  rootVertical: {
+    width: '100%'
+  },
+  rootHorizontal: {
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'flex-start'
+  },
+  marker: {
+    width: MARKER,
+    height: MARKER,
+    borderRadius: MARKER / 2,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0
+  },
+  ring: {
+    borderWidth: 2,
+    backgroundColor: 'transparent'
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  vItem: {
+    flexDirection: 'row',
+    gap: 12
+  },
+  vRail: {
+    width: MARKER,
+    alignItems: 'center'
+  },
+  vConnector: {
+    width: 2,
+    flexGrow: 1,
+    minHeight: 16,
+    marginTop: 4,
+    marginBottom: 4,
+    borderRadius: 1
+  },
+  vText: {
+    flex: 1,
+    minWidth: 0,
+    gap: 2,
+    paddingTop: 2
+  },
+  vTextGap: {
+    paddingBottom: 16
+  },
+  vHeading: {
+    flexDirection: 'row',
+    alignItems: 'baseline',
+    justifyContent: 'space-between',
+    gap: 8
+  },
+  flexText: {
+    flexShrink: 1
+  },
+  hItem: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 0,
+    minWidth: 0,
+    alignItems: 'center',
+    gap: 8
+  },
+  hTrack: {
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  hConnector: {
+    flex: 1,
+    height: 2
+  },
+  hText: {
+    alignItems: 'center',
+    gap: 2,
+    paddingLeft: 4,
+    paddingRight: 4
+  },
+  centerText: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=ReleaseTimeline.js.map