@oxy.so/bloom 4.17.0 → 4.18.1

package/lib/typescript/module/rating/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/rating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/rating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAC"}

package/lib/typescript/module/rating/types.d.ts

@@ -3,6 +3,12 @@ import type { StyleProp, ViewStyle } from 'react-native';
 export type RatingSize = 'small' | 'medium';
 /** `parenthesis` draws "(128)"; `reviews` draws "· 128 reviews". */
 export type RatingCountStyle = 'parenthesis' | 'reviews';
+/**
+ * `compact` (default) is one star and the value; `stars` a full row of `max`
+ * stars (five) filled to the value — fractionally, so 4.3 fills the fifth star
+ * 30% — before the value.
+ */
+export type RatingVariant = 'compact' | 'stars';
 export interface RatingProps {
     /**
      * The rating on a 5 scale. A number is drawn with up to two decimals (4.9,
@@ -20,6 +26,20 @@ export interface RatingProps {
     newLabel?: string;
     /** Default `medium`. */
     size?: RatingSize;
+    /** Default `compact` — one star. `stars` draws a row of five, filled fractionally. */
+    variant?: RatingVariant;
+    /**
+     * Paints the star(s) and the value — and the count, unless `countColor` is
+     * given — e.g. white over a brand-coloured hero, where text-primary and
+     * text-secondary are illegible. Default: text-primary (count text-secondary).
+     */
+    color?: string;
+    /** The filled star(s) alone, e.g. a gold star beside neutral text. Default `color`. */
+    starColor?: string;
+    /** The count alone. Default `color` when given, else text-secondary. */
+    countColor?: string;
+    /** `stars` variant: the unfilled part of each star. Default the theme's border colour. */
+    emptyStarColor?: string;
     /**
      * Overrides the composed accessible name ("Rated 4.92 out of 5, 128
      * reviews"), which is English — pass a translated sentence here.

package/lib/typescript/module/rating/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/rating/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,8FAA8F;AAC9F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,oEAAoE;AACpE,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,SAAS,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,uGAAuG;IACvG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iEAAiE;AACjE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,iFAAiF;IACjF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/rating/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,8FAA8F;AAC9F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,oEAAoE;AACpE,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,SAAS,CAAC;AAEzD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,uGAAuG;IACvG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sFAAsF;IACtF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iEAAiE;AACjE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,iFAAiF;IACjF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/module/search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/search/Search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM9D,OAAO,EAA4C,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAYnG,eAAO,MAAM,MAAM;YAPT,mBAAmB,CAAC,OAAO,CAAC;IACpC;;OAEG;kBACW,MAAM,IAAI;6CAyDzB,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/search/Search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAQ9D,OAAO,EAA4C,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAYnG,eAAO,MAAM,MAAM;YAPT,mBAAmB,CAAC,OAAO,CAAC;IACpC;;OAEG;kBACW,MAAM,IAAI;6CA6FzB,CAAC"}

package/lib/typescript/module/select/types.d.ts

@@ -33,6 +33,13 @@ export type SelectTriggerProps = {
     /**
      * Utility classes APPENDED to the part's own — never substituted for them, so
      * a single layout class cannot strip the chrome.
+     *
+     * Never pin a HEIGHT here (`h-8`). The value's line box is 20 × the system
+     * font scale, and on native Yoga measures the text at most as tall as the
+     * space left inside the field: a fixed height cuts the glyphs in half on
+     * Android (OxyHQ/Mention#1126 — `h-8` is 28dp there, leaving 15.5dp for a
+     * 20dp line). Size a compact trigger with its padding (`fieldStyle`) so the
+     * text sets the height.
      */
     className?: string;
     /**

package/lib/typescript/module/select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/select/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/select/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/settings-modal/SettingsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsModal.d.ts","sourceRoot":"","sources":["../../../../src/settings-modal/SettingsModal.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,kBAAkB,EAAqC,MAAM,SAAS,CAAC;AAmFrF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,WAA0B,EAC1B,MAAM,EACN,MAAM,GACP,EAAE,kBAAkB,kDAiWpB"}
+{"version":3,"file":"SettingsModal.d.ts","sourceRoot":"","sources":["../../../../src/settings-modal/SettingsModal.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,kBAAkB,EAAqC,MAAM,SAAS,CAAC;AAmFrF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,WAA0B,EAC1B,MAAM,EACN,MAAM,GACP,EAAE,kBAAkB,kDA4VpB"}

package/lib/typescript/module/stepper/Stepper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StepperProps } from './types';
-declare function StepperComponent({ value, onValueChange, min, max, step, disabled: disabledProp, size, formatValue, accessibilityLabel, decrementLabel, incrementLabel, style, testID, }: StepperProps): import("react/jsx-runtime").JSX.Element;
+declare function StepperComponent({ value, onValueChange, min, max, step, disabled: disabledProp, size, formatValue, accessibilityLabel, decrementLabel, incrementLabel, onRemove, removeLabel, style, testID, }: StepperProps): import("react/jsx-runtime").JSX.Element;
 export declare const Stepper: React.MemoExoticComponent<typeof StepperComponent>;
 export {};
 //# sourceMappingURL=Stepper.d.ts.map

package/lib/typescript/module/stepper/Stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAc1D,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,SAAS,CAAC;AA2DzD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,aAAa,EACb,GAAO,EACP,GAAG,EACH,IAAQ,EACR,QAAQ,EAAE,YAAoB,EAC9B,IAAe,EACf,WAAW,EACX,kBAAkB,EAClB,cAA2B,EAC3B,cAA2B,EAC3B,KAAK,EACL,MAAM,GACP,EAAE,YAAY,2CA8Id;AAED,eAAO,MAAM,OAAO,oDAAyB,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAe1D,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,SAAS,CAAC;AAmEzD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,aAAa,EACb,GAAO,EACP,GAAG,EACH,IAAQ,EACR,QAAQ,EAAE,YAAoB,EAC9B,IAAe,EACf,WAAW,EACX,kBAAkB,EAClB,cAA2B,EAC3B,cAA2B,EAC3B,QAAQ,EACR,WAAsB,EACtB,KAAK,EACL,MAAM,GACP,EAAE,YAAY,2CAgJd;AAED,eAAO,MAAM,OAAO,oDAAyB,CAAC"}

package/lib/typescript/module/stepper/types.d.ts

@@ -36,6 +36,15 @@ export interface StepperProps {
     decrementLabel?: string;
     /** Name of the `+` button. Default `"Increase"`. */
     incrementLabel?: string;
+    /**
+     * Opt-in remove at the floor: at `min` the `−` button becomes a trash button
+     * that calls this instead of disabling (a basket line going from 1 to gone).
+     * Only the button removes — the keyboard and accessibility actions on the
+     * value still stop at `min`. Without it the stepper floors at `min`.
+     */
+    onRemove?: () => void;
+    /** Name of the trash button drawn at `min` with `onRemove`. Default `"Remove"`. */
+    removeLabel?: string;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/module/stepper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,qGAAqG;AACrG,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,yFAAyF;IACzF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6EAA6E;IAC7E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,wFAAwF;IACxF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;;;OAIG;IACH;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC;IACzF,0FAA0F;IAC1F,KAAK,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,2CAA2C;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,qGAAqG;AACrG,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,yFAAyF;IACzF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6EAA6E;IAC7E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,wFAAwF;IACxF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;;;OAIG;IACH;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC;IACzF,0FAA0F;IAC1F,KAAK,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,2CAA2C;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC"}

package/lib/typescript/module/teleport/PortalHost.d.ts

@@ -14,7 +14,7 @@ import type { PortalHostProps } from "./types";
  * export default function App() {
  *   return (
  *     <PortalProvider>
- *        <PortalHost style={StyleSheet.absoluteFillObject} name="overlay" />
+ *        <PortalHost style={StyleSheet.absoluteFill} name="overlay" />
  *     </PortalProvider>
  *   );
  * }

package/lib/typescript/module/zoomable-media-gallery/ZoomableMediaGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomableMediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/zoomable-media-gallery/ZoomableMediaGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAkElG,OAAO,KAAK,EAGV,0BAA0B,EAC1B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAkkCjB,eAAO,MAAM,oBAAoB,8GAA4B,CAAC;AAgL9D,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ZoomableMediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/zoomable-media-gallery/ZoomableMediaGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAmElG,OAAO,KAAK,EAGV,0BAA0B,EAC1B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AA0lCjB,eAAO,MAAM,oBAAoB,8GAA4B,CAAC;AA4K9D,eAAe,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxy.so/bloom",
-  "version": "4.17.0",
+  "version": "4.18.1",
   "packageManager": "bun@1.3.14",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",

package/src/breadcrumb/Breadcrumb.tsx

@@ -13,6 +13,7 @@ import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography/Typography';
 import { borderRadius } from '../styles/tokens';
 import { useInteractionState } from '../hooks/use-interaction-state';
+import { useDirectionProps, useIsRtl } from '../hooks/use-is-rtl';
 import { interactiveWebCss, useInteractiveWebCss } from '../styles/interactive-web-css';
 import type { WebCssStyle } from '../styles/web-view-style';
 import { BUTTON_TRANSITION_MS } from '../button/shared';
@@ -77,10 +78,19 @@ const BREADCRUMB_CSS = interactiveWebCss({
 
 const IS_WEB = Platform.OS === 'web';
 
-/** `ChevronRightSmall`, path for path. */
-function Chevron({ color }: { color: string }) {
+/**
+ * `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, rtl }: { color: string; rtl: boolean }) {
   return (
-    <View aria-hidden style={{ width: 12, height: 12, flexShrink: 0 }}>
+    <View
+      aria-hidden
+      style={{ width: 12, height: 12, flexShrink: 0, ...(rtl ? { transform: [{ scaleX: -1 }] } : null) }}
+    >
       <Svg width={12} height={12} viewBox="0 0 12 12" fill="none">
         <Path
           d="M4.5 3L7.14645 5.64645C7.34171 5.84171 7.34171 6.15829 7.14645 6.35355L4.5 9"
@@ -95,16 +105,31 @@ function Chevron({ color }: { color: string }) {
 
 const BreadcrumbComponent: React.FC<BreadcrumbProps> = ({
   children,
+  separator,
   accessibilityLabel = 'Breadcrumb',
   style,
   testID,
 }) => {
   const theme = useTheme();
+  const rtl = useIsRtl();
+  const directionProps = useDirectionProps();
   const palette = useMemo(() => resolveBreadcrumbPalette(theme), [theme]);
   const items = Children.toArray(children).filter(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 ? (
+      <View aria-hidden style={{ flexShrink: 0, flexDirection: 'row', alignItems: 'center' }}>
+        {separator}
+      </View>
+    ) : (
+      <Chevron color={palette.tertiary} rtl={rtl} />
+    );
 
   return (
     <View
+      {...directionProps}
       role="navigation"
       accessibilityLabel={accessibilityLabel}
       testID={testID}
@@ -121,7 +146,7 @@ const BreadcrumbComponent: React.FC<BreadcrumbProps> = ({
         >
           {items.map((item, index) => (
             <Fragment key={item.key ?? index}>
-              {index > 0 ? <Chevron color={palette.tertiary} /> : null}
+              {index > 0 ? between : null}
               {item}
             </Fragment>
           ))}

package/src/breadcrumb/types.ts

@@ -6,6 +6,13 @@ import type { ButtonIconComponent } from '../button/types';
 export interface BreadcrumbProps {
   /** `BreadcrumbItem` children. Chevron separators are inserted between them. */
   children: ReactNode;
+  /**
+   * Replaces the chevron between items — e.g. `"/"` as a `Text`, or an icon.
+   * Hidden from assistive technology. The default chevron points the reading
+   * direction (it mirrors in a right-to-left layout); a custom separator is
+   * rendered as given.
+   */
+  separator?: ReactNode;
   /** Names the navigation landmark. Default `"Breadcrumb"`. */
   accessibilityLabel?: string;
   style?: StyleProp<ViewStyle>;

package/src/cart-panel/CartLine.tsx

@@ -21,12 +21,17 @@ import type { CartLineProps } from './types';
  *   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
@@ -48,6 +53,7 @@ function CartLineComponent(props: CartLineProps) {
     note,
     price,
     originalPrice,
+    secondaryPrice,
     quantity,
     photo,
     photoVariant,
@@ -56,6 +62,7 @@ function CartLineComponent(props: CartLineProps) {
     onQuantityChange,
     onRemove,
     removeLabel,
+    removeInStepper = false,
     density = 'comfortable',
     accessibilityLabel,
     style,
@@ -68,6 +75,10 @@ function CartLineComponent(props: CartLineProps) {
   const g = CART_GEOMETRY[density];
   const compact = density === 'compact';
   const chosen = 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 (
     <Item
@@ -95,6 +106,16 @@ function CartLineComponent(props: CartLineProps) {
             secondaryColor={paint.textSecondary}
             testID={testID ? `${testID}-price` : undefined}
           />
+          {secondaryPrice ? (
+            <Text
+              variant={compact ? 'caption-1-regular' : 'body-2-regular'}
+              numberOfLines={1}
+              testID={testID ? `${testID}-secondary-price` : undefined}
+              style={{ color: paint.textSecondary, fontVariant: ['tabular-nums'] }}
+            >
+              {secondaryPrice}
+            </Text>
+          ) : null}
         </View>
       }
       style={style}
@@ -146,6 +167,8 @@ function CartLineComponent(props: CartLineProps) {
               min={1}
               disabled={unavailable}
               onValueChange={onQuantityChange}
+              onRemove={stepperRemoves ? onRemove : undefined}
+              removeLabel={stepperRemoves ? removeName : undefined}
               accessibilityLabel={name}
               testID={testID ? `${testID}-stepper` : undefined}
             />
@@ -158,11 +181,11 @@ function CartLineComponent(props: CartLineProps) {
               {`×${quantity}`}
             </Text>
           )}
-          {onRemove ? (
+          {onRemove && !stepperRemoves ? (
             <GlyphButton
               size={32}
               icon={RiDeleteBinLine}
-              accessibilityLabel={removeLabel ?? `Remove ${name}`}
+              accessibilityLabel={removeName}
               onPress={onRemove}
               testID={testID ? `${testID}-remove` : undefined}
             />

package/src/cart-panel/CartPanel.tsx

@@ -187,6 +187,7 @@ function CartPanelComponent({
   lines,
   onLineQuantityChange,
   onLineRemove,
+  removeInStepper = false,
   minimumOrder,
   tip,
   promo,
@@ -239,6 +240,7 @@ function CartPanelComponent({
                 note={line.note}
                 price={line.price}
                 originalPrice={line.originalPrice}
+                secondaryPrice={line.secondaryPrice}
                 quantity={line.quantity}
                 photo={line.photo}
                 photoVariant={line.photoVariant}
@@ -251,6 +253,7 @@ function CartPanelComponent({
                     : undefined
                 }
                 onRemove={onLineRemove ? () => onLineRemove(line.id) : undefined}
+                removeInStepper={removeInStepper}
                 testID={testID ? `${testID}-line-${line.id}` : undefined}
               />
             ))}

package/src/cart-panel/shared.ts

@@ -45,7 +45,15 @@ export function optionsLine(options: ReadonlyArray<string> | undefined): string
 export function composeCartLineName(
   line: Pick<
     CartLineEntry,
-    'name' | 'options' | 'note' | 'quantity' | 'price' | 'originalPrice' | 'unavailable' | 'unavailableLabel'
+    | 'name'
+    | 'options'
+    | 'note'
+    | 'quantity'
+    | 'price'
+    | 'originalPrice'
+    | 'secondaryPrice'
+    | 'unavailable'
+    | 'unavailableLabel'
   >,
 ): string {
   const parts: string[] = [line.name];
@@ -55,6 +63,8 @@ export function composeCartLineName(
   parts.push(String(line.quantity));
   if (line.originalPrice) parts.push(`${line.price}, originally ${line.originalPrice}`);
   else parts.push(line.price);
+  // The second currency travels with the price it restates.
+  if (line.secondaryPrice) parts.push(line.secondaryPrice);
   if (line.unavailable) parts.push(line.unavailableLabel ?? 'Sold out');
   return parts.join(', ');
 }

package/src/cart-panel/types.ts

@@ -26,6 +26,12 @@ export interface CartLineEntry {
   price: string;
   /** PRE-FORMATTED price before a discount, struck through BEFORE `price`. */
   originalPrice?: string;
+  /**
+   * A second, PRE-FORMATTED rendering of `price` — the buyer's currency beside
+   * the shop's, `"≈ 12,00 €"` — drawn de-emphasised under it. The cart's
+   * spelling of `ListingPriceLine.secondary`; drawn as given, nothing converts.
+   */
+  secondaryPrice?: string;
   /** How many. Always at least 1 — a line with none of it is a line that was removed. */
   quantity: number;
   /** An absolute URL, or an id the app's `ImageResolver` turns into one. */
@@ -45,6 +51,13 @@ export interface CartLineProps extends Omit<CartLineEntry, 'id'> {
   onRemove?: () => void;
   /** Names the remove control, which draws no text. Default `"Remove <name>"`. */
   removeLabel?: string;
+  /**
+   * Moves removal INTO the stepper: at quantity 1 its `−` becomes a trash button
+   * named `removeLabel` that calls `onRemove`, and no separate remove control is
+   * drawn. Needs both `onQuantityChange` and `onRemove`; a sold-out line keeps
+   * the separate control. Default `false` — the stepper floors at 1.
+   */
+  removeInStepper?: boolean;
   /** Default `comfortable`. */
   density?: CartDensity;
   /** Replaces the composed name ("Ember flatbread, Large, Extra cheese, 2, €24.00"). */
@@ -151,6 +164,11 @@ export interface CartPanelProps {
   onLineQuantityChange?: (id: string, quantity: number) => void;
   /** With it every line draws a remove control. */
   onLineRemove?: (id: string) => void;
+  /**
+   * Every line removes from its stepper at quantity 1 instead of drawing a
+   * separate remove control (`CartLine`'s `removeInStepper`). Default `false`.
+   */
+  removeInStepper?: boolean;
 
   /** The shortfall warning. Drawn above the totals, where the number it is about is. */
   minimumOrder?: CartMinimumOrder;

package/src/chat-list/parts.tsx

@@ -64,7 +64,7 @@ export function RowLink({
   };
   const interactive = Boolean(onPress || href || onLongPress);
   const style: WebCssStyle = {
-    ...StyleSheet.absoluteFillObject,
+    ...StyleSheet.absoluteFill,
     borderRadius: CHAT_ROW_RADIUS,
     '--bloom-chat-ring': paint.ring,
   };

package/src/chat-screen/ChatBackground.tsx

@@ -44,9 +44,9 @@ function PatternLayer({
     <View
       pointerEvents="none"
       testID="chat-background-pattern"
-      style={StyleSheet.absoluteFillObject}
+      style={StyleSheet.absoluteFill}
     >
-      <Svg style={StyleSheet.absoluteFillObject} width="100%" height="100%">
+      <Svg style={StyleSheet.absoluteFill} width="100%" height="100%">
         <Defs>
           <Pattern
             id={id}
@@ -83,9 +83,9 @@ function GradientLayer({ colors }: { colors: string[] }) {
     <View
       pointerEvents="none"
       testID="chat-background-gradient"
-      style={StyleSheet.absoluteFillObject}
+      style={StyleSheet.absoluteFill}
     >
-      <Svg style={StyleSheet.absoluteFillObject} width="100%" height="100%">
+      <Svg style={StyleSheet.absoluteFill} width="100%" height="100%">
         <Defs>
           <LinearGradient id={id} x1="0" y1="0" x2="0.35" y2="1">
             {colors.map((color, i) => (
@@ -159,13 +159,13 @@ function ChatBackgroundComponent({
             accessibilityElementsHidden
             importantForAccessibility="no-hide-descendants"
             testID="chat-background-image"
-            style={StyleSheet.absoluteFillObject}
+            style={StyleSheet.absoluteFill}
           />
           <View
             pointerEvents="none"
             testID="chat-background-dim"
             style={[
-              StyleSheet.absoluteFillObject,
+              StyleSheet.absoluteFill,
               { backgroundColor: paint.imageDim, opacity: dim },
             ]}
           />

package/src/checkout-summary/CheckoutConfirm.tsx

@@ -15,6 +15,9 @@ import type { CheckoutConfirmProps } from './types';
  * terms under it, and the state where it must not fire twice.
  *
  *   button   `Button` primary large, full width, "Place order · €24.80"
+ *   second   `secondaryAmount` ("≈ 12,00 €"), 8 under the button, the same
+ *            centred secondary line as the terms — the button carries ONE
+ *            amount, the one the charge is made in
  *   terms    12 under it; the centred secondary line every Bloom action card
  *            draws under its primary (`ActionCardNote`)
  *   footer   16 under the terms
@@ -44,6 +47,7 @@ import type { CheckoutConfirmProps } from './types';
 function CheckoutConfirmComponent({
   label = CHECKOUT_CONFIRM_LABEL,
   amount,
+  secondaryAmount,
   terms,
   onConfirm,
   disabled = false,
@@ -90,6 +94,11 @@ function CheckoutConfirmComponent({
       >
         {words}
       </Button>
+      {secondaryAmount ? (
+        <ActionCardNote style={{ marginTop: 8 }} testID={id('secondary-amount')}>
+          {secondaryAmount}
+        </ActionCardNote>
+      ) : null}
       {terms != null ? (
         <ActionCardNote style={{ marginTop: 12 }} testID={id('terms')}>
           {terms}

package/src/checkout-summary/types.ts

@@ -89,6 +89,12 @@ export interface CheckoutConfirmProps {
    * press commits to and the press are one decision.
    */
   amount?: string;
+  /**
+   * A second, PRE-FORMATTED rendering of `amount` — the buyer's currency beside
+   * the shop's, `"≈ 12,00 €"` — drawn de-emphasised, centred under the button.
+   * Named like `PriceLine.secondaryAmount`; drawn as given, nothing converts.
+   */
+  secondaryAmount?: string;
   /**
    * The terms line under the button — a string, or a node with links in it.
    * `null` draws none.

package/src/chip/Chip.tsx

@@ -242,8 +242,10 @@ const ChipComponent = forwardRef<View, ChipProps>(function ChipComponent(
     // WHICH attribute is a property of the ROLE, not a preference — a `radio`
     // carries `aria-checked` and a `tab` `aria-selected`; `aria-pressed` on
     // either is invalid, and `aria-selected` on a `button` is too.
+    // A `checkbox` (a multi-select filter chip) reads `aria-checked` like a
+    // `radio`; what differs is that its group allows several at once.
     const stateProps =
-      role === 'radio'
+      role === 'radio' || role === 'checkbox'
         ? { accessibilityState: { checked: selected, disabled }, 'aria-checked': selected }
         : role === 'tab'
           ? { accessibilityState: { selected, disabled }, 'aria-selected': selected }

package/src/chip/types.ts

@@ -26,10 +26,11 @@ export type ChipHue = 'lime' | 'rose' | 'yellow' | 'cyan' | 'blue' | 'purple' |
 
 /**
  * What a pressable chip IS, which decides the state ARIA reads it by:
- * a toggle `button` (`aria-pressed`), a `radio` in a radiogroup
- * (`aria-checked`), or a `tab` in a tablist (`aria-selected`).
+ * a toggle `button` (`aria-pressed`), a `checkbox` in a multi-select filter
+ * group (`aria-checked`), a `radio` in a radiogroup (`aria-checked`), or a
+ * `tab` in a tablist (`aria-selected`).
  */
-export type ChipRole = 'button' | 'radio' | 'tab';
+export type ChipRole = 'button' | 'checkbox' | 'radio' | 'tab';
 
 export interface ChipProps {
   appearance?: BloomAppearance;
@@ -84,9 +85,10 @@ export interface ChipProps {
   selected?: boolean;
   /**
    * What a pressable chip is to assistive technology. Default `button`
-   * (`aria-pressed`). Use `radio` inside a `radiogroup` and `tab` inside a
-   * `tablist` — the state attribute follows the role, and a `radio` announcing
-   * `aria-pressed` is invalid.
+   * (`aria-pressed`). Use `checkbox` for a multi-select filter chip (in a
+   * `group`), `radio` inside a `radiogroup` and `tab` inside a `tablist` — the
+   * state attribute follows the role, and a `radio` announcing `aria-pressed`
+   * is invalid.
    */
   role?: ChipRole;
   /** Whether the chip is disabled. */