@oxy.so/bloom 4.17.0 → 4.18.1

package/docs/adoption-matrix.mdx

@@ -173,7 +173,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `date-picker` | `@oxy.so/bloom/date-picker` + barrel | universal | `date-picker.mdx` | yes | 4 | reads | reads |  | reads |
 | `delivery-slot` | `@oxy.so/bloom/delivery-slot` + barrel | universal | `delivery-slot.mdx` | yes | 2 | reads |  |  |  |
 | `design-tokens` | `@oxy.so/bloom/design-tokens` + barrel | universal | `design-tokens.mdx` | yes | 3 |  |  |  |  |
-| `dialog` | `@oxy.so/bloom/dialog` + barrel | web fork | `dialog.mdx` | yes | 16 |  |  |  |  |
+| `dialog` | `@oxy.so/bloom/dialog` + barrel | web fork | `dialog.mdx` | yes | 17 |  |  |  |  |
 | `directions` | `@oxy.so/bloom/directions` + barrel | universal | `directions.mdx` | yes | 2 |  |  |  |  |
 | `divider` | `@oxy.so/bloom/divider` + barrel | universal | `divider.mdx` | yes | 1 |  |  |  |  |
 | `dot-grid-meter` | `@oxy.so/bloom/dot-grid-meter` + barrel | universal | `dot-grid-meter.mdx` | yes | 2 |  |  |  |  |
@@ -213,7 +213,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `listing-card` | `@oxy.so/bloom/listing-card` + barrel | universal | `listing-card.mdx` | yes | 4 |  |  |  |  |
 | `listing-details` | `@oxy.so/bloom/listing-details` + barrel | universal | `listing-details.mdx` | yes | 4 |  |  |  | reads |
 | `listing-editor` | `@oxy.so/bloom/listing-editor` + barrel | universal | `listing-editor.mdx` | yes | 1 | **adaptation** |  |  | reads |
-| `loading` | `@oxy.so/bloom/loading` + barrel | web fork | `loading.mdx` | yes | 2 |  |  |  |  |
+| `loading` | `@oxy.so/bloom/loading` + barrel | web fork | `loading.mdx` | yes | 3 |  |  |  |  |
 | `location-puck` | `@oxy.so/bloom/location-puck` + barrel | universal | `location-puck.mdx` | yes | 1 |  |  |  |  |
 | `lyrics` | `@oxy.so/bloom/lyrics` + barrel | universal | `lyrics.mdx` | yes | 2 |  |  |  |  |
 | `mail-compose` | `@oxy.so/bloom/mail-compose` + barrel | universal | `mail-compose.mdx` | yes | 2 | reads |  |  | reads |
@@ -244,7 +244,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `order-confirmation` | `@oxy.so/bloom/order-confirmation` + barrel | universal | `order-confirmation.mdx` | yes | 1 |  |  |  |  |
 | `order-status` | `@oxy.so/bloom/order-status` + barrel | universal | `order-status.mdx` | yes | 1 |  |  |  |  |
 | `outline-nav` | `@oxy.so/bloom/outline-nav` + barrel | universal | `outline-nav.mdx` | yes | 1 |  |  |  |  |
-| `overlay` | `@oxy.so/bloom/overlay` + barrel | universal | `overlay.mdx` | yes | 9 |  |  |  |  |
+| `overlay` | `@oxy.so/bloom/overlay` + barrel | universal | `overlay.mdx` | yes | 10 |  |  |  |  |
 | `page-header` | `@oxy.so/bloom/page-header` + barrel | universal | `page-header.mdx` | yes | 3 |  | reads |  |  |
 | `pagination` | `@oxy.so/bloom/pagination` + barrel | universal | `pagination.mdx` | yes | 1 |  |  |  |  |
 | `patient-info-card` | `@oxy.so/bloom/patient-info-card` + barrel | universal | `patient-info-card.mdx` | yes | 1 |  |  |  |  |
@@ -257,7 +257,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `place-list` | `@oxy.so/bloom/place-list` + barrel | universal | `place-list.mdx` | yes | 1 |  |  |  |  |
 | `place-reviews` | `@oxy.so/bloom/place-reviews` + barrel | universal | `place-reviews.mdx` | yes | 1 |  |  |  | reads |
 | `popover` | `@oxy.so/bloom/popover` + barrel | web fork | `popover.mdx` | yes | 7 |  |  | reads | reads |
-| `portal` | `@oxy.so/bloom/portal` + barrel | web fork | `portal.mdx` | yes | 17 |  |  |  |  |
+| `portal` | `@oxy.so/bloom/portal` + barrel | web fork | `portal.mdx` | yes | 19 |  |  |  |  |
 | `pressable-scale` | `@oxy.so/bloom/pressable-scale` + barrel | universal | `pressable-scale.mdx` | yes | 1 |  |  |  |  |
 | `price-breakdown` | `@oxy.so/bloom/price-breakdown` + barrel | universal | `price-breakdown.mdx` | yes | 3 |  |  |  | reads |
 | `progressive-blur` | `@oxy.so/bloom/progressive-blur` + barrel | web fork | `progressive-blur.mdx` | yes | 1 |  |  |  |  |
@@ -274,7 +274,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `route-stops` | `@oxy.so/bloom/route-stops` + barrel | universal | `route-stops.mdx` | yes | 1 |  |  |  |  |
 | `screen` | `@oxy.so/bloom/screen` + barrel | universal | `screen.mdx` | yes | 5 |  |  |  |  |
 | `scroll` | `@oxy.so/bloom/scroll` + barrel | web fork | `scroll.mdx` | yes | 5 |  |  |  |  |
-| `search` | `@oxy.so/bloom/search` + barrel | universal | `search.mdx` | yes | 1 |  |  |  |  |
+| `search` | `@oxy.so/bloom/search` + barrel | universal | `search.mdx` | yes | 2 |  |  |  |  |
 | `segmented-control` | `@oxy.so/bloom/segmented-control` + barrel | universal | `segmented-control.mdx` | yes | 4 | reads |  |  |  |
 | `select` | `@oxy.so/bloom/select` + barrel | web fork | `select.mdx` | yes | 7 | reads |  | reads |  |
 | `settings-list` | `@oxy.so/bloom/settings-list` + barrel | universal | `settings-list.mdx` | yes | 5 |  |  |  |  |
@@ -304,7 +304,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `tenancy` | `@oxy.so/bloom/tenancy` + barrel | universal | `tenancy.mdx` | yes | 3 |  | n/a¹ |  |  |
 | `text-field` | `@oxy.so/bloom/text-field` + barrel | universal | `text-field.mdx` | yes | 13 | reads | reads |  |  |
 | `textarea` | `@oxy.so/bloom/textarea` + barrel | universal | `textarea.mdx` | yes | 4 | reads | reads |  | n/a¹ |
-| `theme` | `@oxy.so/bloom/theme` + barrel | web fork | `theme.mdx` | yes | 302 |  |  | n/a¹ | reads |
+| `theme` | `@oxy.so/bloom/theme` + barrel | web fork | `theme.mdx` | yes | 305 |  |  | n/a¹ | reads |
 | `theme-toggle` | `@oxy.so/bloom/theme-toggle` + barrel | universal | `theme-toggle.mdx` | yes | 1 | n/a¹ |  |  |  |
 | `toast` | `@oxy.so/bloom/toast` + barrel | universal | `toast.mdx` | yes | 17 |  |  |  |  |
 | `tooltip` | `@oxy.so/bloom/tooltip` + barrel | web fork | `tooltip.mdx` | yes | 1 |  |  |  |  |
@@ -315,4 +315,4 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `vendor-card` | `@oxy.so/bloom/vendor-card` + barrel | universal | `vendor-card.mdx` | yes | 1 |  |  |  |  |
 | `web-search` | `@oxy.so/bloom/web-search` + barrel | universal | `web-search.mdx` | yes | 1 |  |  |  |  |
 | `wizard` | `@oxy.so/bloom/wizard` + barrel | universal | `wizard.mdx` | yes | 1 |  |  |  |  |
-| `zoomable-media-gallery` | `@oxy.so/bloom/zoomable-media-gallery` | universal | `zoomable-media-gallery.mdx` | yes | 2 |  |  |  |  |
+| `zoomable-media-gallery` | `@oxy.so/bloom/zoomable-media-gallery` | universal | `zoomable-media-gallery.mdx` | yes | 3 |  |  |  |  |

package/docs/breadcrumb.mdx

@@ -35,6 +35,16 @@ An item is a **link** with `href`, a **button** with `onPress`, and a plain labe
 
 The list scrolls horizontally, with no scrollbar, when it outgrows its container. Bloom uses a full pill, like every other pressable, rather than a 6px corner.
 
+### Right-to-left and custom separators
+
+The chevron points the READING direction. In a right-to-left layout (`<html dir="rtl">` on web, `I18nManager.isRTL` natively) the row mirrors, and the chevron flips with it (`scaleX(-1)`, read from `useIsRtl()`) so it still points from each crumb to the next. The landmark also carries `dir` on web, so react-native-web resolves logical keys against it.
+
+`separator` replaces the chevron with any node — a `"/"`, a dot, an icon. It is hidden from assistive tech like the chevron, and rendered as given: a custom glyph that has a direction is the caller's to mirror.
+
+```tsx
+<Breadcrumb separator={<Text variant="caption-1-medium">/</Text>}>…</Breadcrumb>
+```
+
 ### `href` and routers
 
 On web an `href` item is a real `<a href>`, so middle-click and "open in new tab" work. Pass `onPress` too and the browser's navigation is prevented so the router can navigate instead. On native, an `href` item without `onPress` opens the URL with `Linking`.
@@ -48,6 +58,7 @@ On web an `href` item is a real `<a href>`, so middle-click and "open in new tab
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `Breadcrumb.accessibilityLabel?` | `string` | `'Breadcrumb'` | Names the landmark. |
+| `Breadcrumb.separator?` | `ReactNode` | direction-aware chevron | Replaces the chevron between items; hidden from assistive tech. |
 | `BreadcrumbItem.href?` | `string` | — | Makes the item a link. |
 | `BreadcrumbItem.onPress?` | `() => void` | — | Makes the item a button (or routes an `href`). |
 | `BreadcrumbItem.current?` | `boolean` | `false` | The active page. |

package/docs/cart-panel.mdx

@@ -43,10 +43,12 @@ Inline in a desktop sidebar it is dropped in a `Card`; on a phone it is what a `
 
 Which is why the vendor is a header and not a field on every line. Switching vendor is a different action — it empties the basket — and this component does not offer it.
 
-## The stepper does not remove
+## The stepper does not remove — unless you ask
 
 `CartLine`'s stepper has a floor of **1**, and removing is its own control with its own accessible name. A stepper that deletes the line when you press `−` once too often is a destructive action hiding behind an arithmetic one, and it has no label saying so.
 
+`removeInStepper` (on `CartLine`, and on `CartPanel` for every line) opts into the storefront pattern instead: at quantity 1 the `−` becomes a trash button NAMED as removal — `removeLabel`, default `"Remove <name>"` — through `Stepper`'s `onRemove`, and the separate remove control is not drawn. It needs both `onQuantityChange` and `onRemove`. A sold-out line keeps the separate control, because its stepper is disabled and could not remove anything.
+
 The line is never pressable, which is what lets its controls live inside it: a pressable `Item` is a real `<button>` on web, and a control inside one is invalid HTML whose click also fires the row. Editing a line's options is `MenuItemOptions` in a sheet, opened from the dish rather than from a row that is mostly controls.
 
 ## The promo field has two states, not one
@@ -71,6 +73,6 @@ Once the order is placed it belongs to `order-status`: `OrderStatusTimeline` for
 
 ## Traps
 
-- **Every amount is a string.** `price` on a line is the line's own total, already multiplied by `quantity` **by the app**. Nothing here multiplies, converts or rounds.
+- **Every amount is a string.** `price` on a line is the line's own total, already multiplied by `quantity` **by the app**. Nothing here multiplies, converts or rounds. A second currency is `secondaryPrice` (`"≈ 12,00 €"`), drawn de-emphasised under the price and added to the line's accessible name after it — `listing-card`'s `ListingPriceLine.secondary`, spelled after this family's `price`. The totals take `secondaryAmount` on their `PriceLine`s.
 - **The empty basket hides everything after the lines.** No tip picker, no promo field, no totals and no checkout button — each of them would be a control acting on nothing.
 - **`CartLine` takes the line's fields, not the entry.** `CartLineEntry` carries the `id` the panel keys and reports by; the standalone component takes the rest, so a caller cannot pass an id that reaches nothing.

package/docs/checkout-summary.mdx

@@ -88,3 +88,7 @@ screen and a button reading "Place order" are two, and the gap between them is w
 reader confirms a figure they last saw before a tip picker changed it. The separator is a
 middle dot: "Place order - €49.62" reads as a subtraction at a glance in a row that is
 otherwise full of money.
+
+The button carries ONE amount — the one the charge is made in. A second currency is
+`secondaryAmount` (`"≈ 49,62 €"`), pre-formatted like `amount` and drawn de-emphasised,
+centred 8 under the button, above the terms.

package/docs/chip.mdx

@@ -66,16 +66,29 @@ The hues sit BESIDE the accent recipe, not inside it: `resolveAccentColors` is u
 
 ### Role
 
-A pressable chip's ROLE decides which state attribute it carries, and the three are not interchangeable:
+A pressable chip's ROLE decides which state attribute it carries, and the four are not interchangeable:
 
 | `role` | web | native |
 |---|---|---|
 | `button` (default) | `aria-pressed` | `accessibilityState.selected` |
+| `checkbox` | `aria-checked` | `accessibilityState.checked` |
 | `radio` | `aria-checked` | `accessibilityState.checked` |
 | `tab` | `aria-selected` | `accessibilityState.selected` |
 
 `aria-pressed` is invalid on a radio and on a tab, which is what this component used to emit for every one of them. Put a `radio` inside a `role="radiogroup"` and a `tab` inside a `role="tablist"` — `ChipRow` takes that role for you.
 
+A multi-select filter row (brands, sizes, amenities — any number on at once) is a `group` of `checkbox` chips: a screen reader then says "checked"/"not checked" rather than "pressed", which is what a filter is. `onCheckedChange` receives the next state.
+
+```tsx
+<ChipRow accessibilityLabel="Brand">
+  {brands.map((brand) => (
+    <Chip key={brand} role="checkbox" checked={picked.has(brand)} onCheckedChange={(on) => toggle(brand, on)}>
+      {brand}
+    </Chip>
+  ))}
+</ChipRow>
+```
+
 On web, `tabIndex` and `onKeyDown` are passed through for a roving-tabindex row (one tab stop, arrows move focus). Both are inert on native. A chip also forwards a ref to its pressable, so a row can focus one.
 
 ### `inverted`

package/docs/dialog.mdx

@@ -6,7 +6,7 @@ order: 3
 
 # Dialog
 
-A single `<Dialog>` component for every overlay surface — centered modal, side-sheet (left/right drawer), or bottom-sheet — controlled by the `placement` prop. Same component, same props on every platform.
+A single `<Dialog>` component for every overlay surface — centered modal, side-sheet (left/right or logical start/end drawer), or bottom-sheet — controlled by the `placement` prop. Same component, same props on every platform.
 
 <Callout variant="warning" title="Required providers (native)">
 Your app root **must** be wrapped with `GestureHandlerRootView` from `react-native-gesture-handler` for the bottom-sheet pan gestures to work. See [Getting started](/docs/bloom/main/getting-started).
@@ -105,7 +105,7 @@ Drop the declarative props entirely — `children` owns every pixel.
 | `children?` | `React.ReactNode` | — | Custom content rendered after the description. |
 | `onClose?` | `() => void` | — | Fires after the dialog finishes closing. In controlled mode, the host flips `open` to `false`. |
 | `contentPadding?` | `number` | `20` | Inner padding of the dialog body (px). Set `0` for custom children that own their insets. |
-| `width?` | `number` | `460` | Side-sheet width (px) on `left`/`right` placements. |
+| `width?` | `number` | `460` | Side-sheet width (px) on `left`/`right`/`start`/`end` placements. |
 | `maxWidth?` | `number` | `480` | Centered-card max width (px). |
 | `maxHeightRatio?` | `number` | `0.9` | Bottom-sheet max height as a fraction of the viewport height. |
 | `inset?` | `{ top?; bottom?; left?; right? }` | — | Side-sheet inset (px) from the overlay container edges. |
@@ -123,7 +123,7 @@ Drop the declarative props entirely — `children` owns every pixel.
 `placement` accepts a single value or a **responsive map** resolved by `useWindowDimensions()`:
 
 ```ts
-type DialogPlacement = 'center' | 'left' | 'right' | 'bottom';
+type DialogPlacement = 'center' | 'left' | 'right' | 'start' | 'end' | 'bottom';
 
 type ResponsiveDialogPlacement =
   | DialogPlacement
@@ -134,7 +134,8 @@ Breakpoints (px): `sm` 640 / `md` 768 / `lg` 1024 / `xl` 1280. The largest break
 
 Per-placement behavior:
 - `center` — DOM-portal modal (web) / detached floating card (native).
-- `left` / `right` — animated side-sheet anchored to the viewport edge.
+- `left` / `right` — animated side-sheet anchored to that PHYSICAL viewport edge.
+- `start` / `end` — the same side-sheet on the LOGICAL edge: `start` is the left in a left-to-right layout and the right in a right-to-left one (`end` the reverse), read from `useIsRtl()`, and the panel slides in from that edge. The matching `inset` side applies (`inset.right` for `start` in RTL). On native the panel is positioned with `insetInlineStart`/`insetInlineEnd`, which Yoga resolves against `I18nManager` — a physical `left`/`right` would be swapped by React Native's default `swapLeftAndRightInRTL`. On web the drawer is portaled outside any `dir` context, so it takes the physical edge `useIsRtl()` names. An app that ships Arabic or Hebrew wants `start`/`end`: `{ base: 'bottom', md: 'start' }` is the mirrored store drawer.
 - `bottom` — reuses the cross-platform `BottomSheet` on BOTH web and native (drag-to-dismiss + internal scroll work everywhere). Custom `children` on bottom placement are rendered in a NON-scrollable body — children own scrolling.
 
 ### `DialogAction`

package/docs/loading.mdx

@@ -52,6 +52,16 @@ For native-tailwind users, `className` overrides `color`:
 <Loading variant="spinner" className="text-primary" />
 ```
 
+## Accessibility
+
+A spinner draws no words, so nothing but a name can tell a screen reader what is loading. Pass `accessibilityLabel` and the indicator becomes an indeterminate `progressbar`: `role="progressbar"`, `aria-label` and `aria-busy="true"` on web (flat `aria-*`, because react-native-web drops `accessibilityState`), the same role, label and busy state natively, and deliberately **no** `aria-valuenow` — that omission is how ARIA says "indeterminate". The `top` bar carries it only while `showLoading`.
+
+```tsx
+<Loading accessibilityLabel="Loading results" />
+```
+
+It is opt-in, so an unlabelled `Loading` renders exactly as before, with no role. That is right when the spinner sits INSIDE something already announcing the wait — an upload tile's own named progressbar — where a second one would say it twice.
+
 ## Props
 
 ### Shared
@@ -64,6 +74,7 @@ For native-tailwind users, `className` overrides `color`:
 | `className?` | `string` | NativeWind class. Overrides `color`. |
 | `style?` | `ViewStyle` | Container style. |
 | `showLoading?` | `boolean` | For animated variants — pause when false. |
+| `accessibilityLabel?` | `string` | Names the indicator and makes it an indeterminate `progressbar`. See [Accessibility](#accessibility). |
 | `testID?` | `string` | |
 
 ### `spinner`

package/docs/overlay.mdx

@@ -79,6 +79,27 @@ Native bottom sheets never reach an `OverlayRoot` (they mount in an RN
 `<Modal>`), so `bottom-sheet/BottomSheetBase` does the same reset itself, once,
 for every sheet-presenting family.
 
+## Android back and screen readers belong to the root
+
+A portaled surface is not an RN `Modal`, so nothing consumes Android's hardware
+back for it. Pass `onRequestClose` to its `OverlayRoot` and the root registers
+the listener while mounted. `BackHandler` runs the newest listener first, so the
+surface opened last closes first. The media viewer once registered nothing, and
+back fell through to the app, which finished the activity at the root of its
+stack: pressing back to close an image closed the whole app
+(OxyHQ/Mention#1126). A surface that refuses dismissal still passes a handler,
+so the press is swallowed instead of reaching the screen underneath.
+
+`modal` sets `accessibilityViewIsModal` on the root. It goes on the root and
+not the panel because iOS hides only the modal view's siblings, and at the
+native outlet the root is the app content's sibling while the panel is not.
+
+Geometry matters to accessibility too. Android reports every view under a
+zero-area ancestor as not visible to the user. The settings modal's centring
+box once spread the removed `StyleSheet.absoluteFillObject` and collapsed to
+zero height. The panel still painted and took touches, but TalkBack saw only the
+backdrop's "Close". `absolute-fill-object.test.ts` now bans the property.
+
 ## The `pointerEvents` rule
 
 `box-none` and `box-only` are React Native-only values and **must be passed as

package/docs/price-breakdown.mdx

@@ -37,6 +37,23 @@ two — and "quietly" is the problem: a mis-formatted price still renders.
 In particular, **`tone="discount"` colours a credit; it does not create one.** Pass
 `"−€5.00"`, not `"5.00"`.
 
+### A second currency
+
+`secondaryAmount` — on a `PriceLine` and on the `total` — is a second, pre-formatted
+rendering of the same amount, drawn under it in `body-2-regular` at the secondary rung,
+tabular and right-aligned: the buyer's currency beside the shop's.
+
+```tsx
+<PriceSummary
+  lines={[{ label: 'Subtotal', amount: '$13.20', secondaryAmount: '≈ 12,00 €' }]}
+  total={{ label: 'Total', amount: '$15.20', secondaryAmount: '≈ 13,82 €' }}
+/>
+```
+
+It is the same contract as `amount`: drawn as given, never converted. The name follows
+the family's own `amount`; `listing-card`'s `ListingPriceLine.secondary` and
+`cart-panel`'s `secondaryPrice` are the same idea on those families' `price`.
+
 ## The three tones
 
 | tone | what it is for |

package/docs/rating.mdx

@@ -32,6 +32,11 @@ const [stars, setStars] = useState<number | null>(null);
 | `reviewsLabel`       | the word after the count, default `"reviews"` — translate it                            |
 | `newLabel`           | drawn instead of the value when there is no rating yet, default `"New"`                 |
 | `size`               | `'small'` (14px star, body-2 text) or `'medium'` (default, 16px star, body text)        |
+| `variant`            | `'compact'` (default, one star) or `'stars'` (five stars, filled fractionally, before the value) |
+| `color`              | paints the star(s), the value and the count — e.g. white over a brand-coloured hero      |
+| `starColor`          | the filled star(s) only (a gold star beside neutral text); default `color`               |
+| `countColor`         | the count only; default `color` when given, else text-secondary                          |
+| `emptyStarColor`     | `stars` only: the unfilled part of each star; default the border colour                   |
 | `accessibilityLabel` | replaces the composed name — pass a translated sentence                                 |
 | `style`, `testID`    |                                                                                          |
 
@@ -41,6 +46,23 @@ named "Rated 4.92 out of 5, 128 reviews", so a screen reader does not read the
 star, the number and the brackets as separate items. That sentence is English;
 apps in other languages pass `accessibilityLabel`.
 
+### Five stars, and colour
+
+`variant="stars"` draws a row of five stars 2px apart instead of the single
+star. Each is the unfilled star (`emptyStarColor`) with the filled star clipped
+over it to its share of the value — 4.3 fills four stars and 30% of the fifth. A
+string `value` is parsed for the fill and drawn as given. The clip is anchored
+with a logical inset, so in a right-to-left layout the row fills from the right
+(the root carries `dir` on web for react-native-web to resolve it). The row
+stays ONE named image, like the compact rating.
+
+```tsx
+<Rating variant="stars" value={4.3} count={128} color="#fff" emptyStarColor="rgba(255,255,255,0.35)" />
+```
+
+Over a surface the theme's text pair cannot sit on — a brand-coloured hero — pass
+`color`; the default text-primary/text-secondary are measured against the PAGE.
+
 ## `RatingBar`
 
 | prop         | decides                                                                     |

package/docs/select.mdx

@@ -94,6 +94,16 @@ Colours are taken from the theme through the same ramps `Button` paints from (`f
 <SelectContent width={220} items={countries} renderItem={…} />
 ```
 
+### A compact trigger: size it with padding, never a height
+
+A settings row wants a 32px trigger with the `md` value. Get it from padding, so the value's line decides the height:
+
+```tsx
+<SelectTrigger label="Color mode" fieldStyle={{ gap: 4, paddingLeft: 8, paddingRight: 8, paddingTop: 5, paddingBottom: 5 }}>
+```
+
+Do **not** pin a height (`className="h-8 …"`). The value's line box is 20 × the system font scale, and on native Yoga measures the text no taller than the room left inside the field, so a fixed height cuts the glyphs in half. On Android `h-8` is 28dp (a 14px rem), leaving 15.5dp for that 20dp line: the value is clipped at the default scale, and at a 1.15 font scale only the top half of "System" showed (OxyHQ/Mention#1126). The web hides the defect because an overflowing line is not clipped there.
+
 Spell padding in longhands: react-native-web ranks the `padding-inline` a `paddingHorizontal` becomes above the field's own classes AND above `padding-left`, so a longhand is what lands on both platforms.
 
 The colours are INLINE (or, for the web trigger's hover and ring, custom properties an adopted sheet reads): the ramp stops exist as no CSS variable a class could name. A caller's `style` still overrides them; a `className` on `SelectValue`/`SelectItemText` drops the inline colour so a `text-*` utility can apply.

package/docs/stepper.mdx

@@ -36,6 +36,7 @@ import { Stepper, StepperRow } from '@oxy.so/bloom/stepper';
 | `formatValue`                       | the drawn and announced text, e.g. `(n) => (n === 8 ? '8+' : String(n))` |
 | `accessibilityLabel`                | **required** — what is being counted                                     |
 | `decrementLabel` / `incrementLabel` | the buttons' names, default `"Decrease"` / `"Increase"` — translate them  |
+| `onRemove` / `removeLabel`          | opt-in: at `min` the `−` becomes a trash button named `removeLabel` (default `"Remove"`) that calls `onRemove`; without it the button disables at `min` |
 | `style`, `testID`                   | the row; `testID` also derives `-decrement`, `-value`, `-increment`      |
 
 `StepperRow` takes every `Stepper` prop plus `title`, `description`, `divider`
@@ -53,6 +54,30 @@ import { Stepper, StepperRow } from '@oxy.so/bloom/stepper';
 - **Row** title `headline-medium` text-primary over a `body-regular`
   text-secondary description, the stepper on the right, 16 above and below.
 
+## Remove at the floor
+
+By default the stepper floors at `min` and the `−` disables there. A basket line
+that should go from 1 to gone opts in with `onRemove`:
+
+```tsx
+<Stepper
+  value={quantity}
+  min={1}
+  onValueChange={setQuantity}
+  onRemove={removeLine}
+  removeLabel={`Remove ${name}`}
+  accessibilityLabel={name}
+/>
+```
+
+At `min` the `−` draws `RiDeleteBinLine`, is named `removeLabel`, stays enabled
+and calls `onRemove` rather than `onValueChange`. Above `min` it is the ordinary
+decrement. Only the BUTTON removes: ArrowDown, Home and the native `decrement`
+action on the value still stop at `min`, because a key or a swipe that deletes is
+a destructive action behind an arithmetic one. So that a keyboard user can
+reach it, the remove button joins the tab order (the decrement never does). A
+`disabled` stepper offers no removal.
+
 ## Accessibility
 
 The stepper is a `group` named by `accessibilityLabel` — or, inside a

package/lib/commonjs/breadcrumb/Breadcrumb.js

@@ -11,6 +11,7 @@ var _useTheme = require("../theme/use-theme.js");
 var _Typography = require("../typography/Typography.js");
 var _tokens = require("../styles/tokens.js");
 var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _useIsRtl = require("../hooks/use-is-rtl.js");
 var _interactiveWebCss = require("../styles/interactive-web-css.js");
 var _shared = require("../button/shared.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -71,16 +72,28 @@ const BREADCRUMB_CSS = (0, _interactiveWebCss.interactiveWebCss)({
 });
 const IS_WEB = _reactNative.Platform.OS === 'web';
 
-/** `ChevronRightSmall`, path for path. */
+/**
+ * `ChevronRightSmall`, path for path. It points the READING direction: the
+ * row mirrors in a right-to-left layout (flex order follows the direction on
+ * both platforms), so a fixed right-pointing chevron would point back at the
+ * crumb it came from. A glyph is a sign, not an inset — no logical style key
+ * can flip it — so it reads `useIsRtl()` and mirrors itself with `scaleX`.
+ */
 function Chevron({
-  color
+  color,
+  rtl
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     "aria-hidden": true,
     style: {
       width: 12,
       height: 12,
-      flexShrink: 0
+      flexShrink: 0,
+      ...(rtl ? {
+        transform: [{
+          scaleX: -1
+        }]
+      } : null)
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
       width: 12,
@@ -98,14 +111,33 @@ function Chevron({
 }
 const BreadcrumbComponent = ({
   children,
+  separator,
   accessibilityLabel = 'Breadcrumb',
   style,
   testID
 }) => {
   const theme = (0, _useTheme.useTheme)();
+  const rtl = (0, _useIsRtl.useIsRtl)();
+  const directionProps = (0, _useIsRtl.useDirectionProps)();
   const palette = (0, _react.useMemo)(() => resolveBreadcrumbPalette(theme), [theme]);
   const items = _react.Children.toArray(children).filter(_react.isValidElement);
+  // A caller's separator is theirs to mirror (or not — a "/" needs nothing);
+  // it is hidden from assistive technology like the chevron, since the list
+  // structure already says where one crumb ends.
+  const between = separator !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    "aria-hidden": true,
+    style: {
+      flexShrink: 0,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    children: separator
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Chevron, {
+    color: palette.tertiary,
+    rtl: rtl
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...directionProps,
     role: "navigation",
     accessibilityLabel: accessibilityLabel,
     testID: testID,
@@ -130,9 +162,7 @@ const BreadcrumbComponent = ({
           paddingRight: 4
         },
         children: items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-          children: [index > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Chevron, {
-            color: palette.tertiary
-          }) : null, item]
+          children: [index > 0 ? between : null, item]
         }, item.key ?? index))
       })
     })

package/lib/commonjs/breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_useTheme","_Typography","_tokens","_useInteractionState","_interactiveWebCss","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","resolveBreadcrumbPalette","theme","c","colors","tertiary","textSecondary","secondary","text","hover","backgroundSecondary","ring","primary","STYLE_ID","SELECTOR","BREADCRUMB_CSS","interactiveWebCss","selector","varPrefix","base","transition","BUTTON_TRANSITION_MS","declarations","outlineOffset","extraRules","IS_WEB","Platform","OS","Chevron","color","jsx","View","style","width","height","flexShrink","children","viewBox","fill","Path","d","stroke","strokeWidth","strokeLinecap","BreadcrumbComponent","accessibilityLabel","testID","useTheme","palette","useMemo","items","Children","toArray","filter","isValidElement","role","flexDirection","alignItems","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","gap","paddingLeft","paddingRight","map","item","index","jsxs","Fragment","key","BreadcrumbItemComponent","icon","Icon","leading","href","onPress","current","textStyle","useInteractiveWebCss","state","hovered","onIn","onHoverIn","onOut","onHoverOut","useInteractionState","foreground","name","String","undefined","content","Text","selectable","variant","numberOfLines","pillStyle","marginLeft","marginRight","paddingTop","paddingBottom","borderRadius","full","backgroundColor","hoverProps","Pressable","dataSet","bloomBreadcrumbItem","event","preventDefault","Linking","openURL","Breadcrumb","exports","memo","displayName","BreadcrumbItem"],"sourceRoot":"../../../src","sources":["breadcrumb/Breadcrumb.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_useTheme","_Typography","_tokens","_useInteractionState","_useIsRtl","_interactiveWebCss","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","resolveBreadcrumbPalette","theme","c","colors","tertiary","textSecondary","secondary","text","hover","backgroundSecondary","ring","primary","STYLE_ID","SELECTOR","BREADCRUMB_CSS","interactiveWebCss","selector","varPrefix","base","transition","BUTTON_TRANSITION_MS","declarations","outlineOffset","extraRules","IS_WEB","Platform","OS","Chevron","color","rtl","jsx","View","style","width","height","flexShrink","transform","scaleX","children","viewBox","fill","Path","d","stroke","strokeWidth","strokeLinecap","BreadcrumbComponent","separator","accessibilityLabel","testID","useTheme","useIsRtl","directionProps","useDirectionProps","palette","useMemo","items","Children","toArray","filter","isValidElement","between","undefined","flexDirection","alignItems","role","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","gap","paddingLeft","paddingRight","map","item","index","jsxs","Fragment","key","BreadcrumbItemComponent","icon","Icon","leading","href","onPress","current","textStyle","useInteractiveWebCss","state","hovered","onIn","onHoverIn","onOut","onHoverOut","useInteractionState","foreground","name","String","content","Text","selectable","variant","numberOfLines","pillStyle","marginLeft","marginRight","paddingTop","paddingBottom","borderRadius","full","backgroundColor","hoverProps","Pressable","dataSet","bloomBreadcrumbItem","event","preventDefault","Linking","openURL","Breadcrumb","exports","memo","displayName","BreadcrumbItem"],"sourceRoot":"../../../src","sources":["breadcrumb/Breadcrumb.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/cart-panel/CartLine.js

@@ -26,12 +26,17 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  *   leading   the square photo (56; 44 compact), washed while it is sold out
  *   body      the name; the chosen options on one quiet line; the note; then
  *             the quantity control and remove, side by side
- *   trailing  the price, right-aligned, with an optional struck original
+ *   trailing  the price, right-aligned, with an optional struck original, and
+ *             an optional `secondaryPrice` (a second currency) under it in the
+ *             secondary colour
  *
- * THE STEPPER DOES NOT REMOVE. Its floor is 1, and removing is its own control
- * with its own name — a stepper that deletes the line when you press `−` once
- * too often is a destructive action behind an arithmetic one, and it has no
- * label saying so.
+ * BY DEFAULT THE STEPPER DOES NOT REMOVE. Its floor is 1, and removing is its
+ * own control with its own name — a stepper that deletes the line when you
+ * press `−` once too often is a destructive action behind an arithmetic one.
+ * `removeInStepper` opts into the storefront pattern instead: at 1 the `−`
+ * becomes a trash button NAMED as removal (`Stepper`'s `onRemove`), and the
+ * separate remove control is not drawn. A sold-out line keeps the separate
+ * control, because its stepper is disabled and could not remove anything.
  *
  * The row is never pressable, which is what lets the controls live in it: a
  * pressable `Item` is a real `<button>` on web and a control inside one is
@@ -53,6 +58,7 @@ function CartLineComponent(props) {
     note,
     price,
     originalPrice,
+    secondaryPrice,
     quantity,
     photo,
     photoVariant,
@@ -61,6 +67,7 @@ function CartLineComponent(props) {
     onQuantityChange,
     onRemove,
     removeLabel,
+    removeInStepper = false,
     density = 'comfortable',
     accessibilityLabel,
     style,
@@ -72,6 +79,10 @@ function CartLineComponent(props) {
   const g = _constants.CART_GEOMETRY[density];
   const compact = density === 'compact';
   const chosen = (0, _shared.optionsLine)(options);
+  const removeName = removeLabel ?? `Remove ${name}`;
+  // The stepper carries removal only when it is live; a disabled stepper
+  // (sold out) cannot, and the line still needs its remove control.
+  const stepperRemoves = removeInStepper && onRemove !== undefined && onQuantityChange !== undefined && !unavailable;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Item, {
     role: "listitem",
     density: density,
@@ -86,12 +97,12 @@ function CartLineComponent(props) {
       washed: unavailable,
       testID: testID
     }),
-    trailing: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    trailing: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: {
         alignItems: 'flex-end',
         minWidth: 0
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.ListingPriceLines, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.ListingPriceLines, {
         lines: [{
           price,
           originalPrice
@@ -100,7 +111,16 @@ function CartLineComponent(props) {
         color: paint.text,
         secondaryColor: paint.textSecondary,
         testID: testID ? `${testID}-price` : undefined
-      })
+      }), secondaryPrice ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: compact ? 'caption-1-regular' : 'body-2-regular',
+        numberOfLines: 1,
+        testID: testID ? `${testID}-secondary-price` : undefined,
+        style: {
+          color: paint.textSecondary,
+          fontVariant: ['tabular-nums']
+        },
+        children: secondaryPrice
+      }) : null]
     }),
     style: style,
     testID: testID,
@@ -154,6 +174,8 @@ function CartLineComponent(props) {
           min: 1,
           disabled: unavailable,
           onValueChange: onQuantityChange,
+          onRemove: stepperRemoves ? onRemove : undefined,
+          removeLabel: stepperRemoves ? removeName : undefined,
           accessibilityLabel: name,
           testID: testID ? `${testID}-stepper` : undefined
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
@@ -164,10 +186,10 @@ function CartLineComponent(props) {
             fontVariant: ['tabular-nums']
           },
           children: `×${quantity}`
-        }), onRemove ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+        }), onRemove && !stepperRemoves ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
           size: 32,
           icon: _RiDeleteBinLine.RiDeleteBinLine,
-          accessibilityLabel: removeLabel ?? `Remove ${name}`,
+          accessibilityLabel: removeName,
           onPress: onRemove,
           testID: testID ? `${testID}-remove` : undefined
         }) : null]