@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/typescript/commonjs/navigation-banner/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/navigation-banner/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,WAAW,wBAAwB;IACvC,+FAA+F;IAC/F,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,EAAE,wBAUxC,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAC1C,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,kBAAkB,CAAC,CAItE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAC1C,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,UAAU,CAAC,CAI9D,CAAC;AAEF,+DAA+D;AAC/D,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,CAI1D,CAAC"}

package/lib/typescript/commonjs/navigation-banner/index.d.ts

@@ -0,0 +1,10 @@
+export { ArrivalBar } from './ArrivalBar';
+export { LaneGuidance } from './LaneGuidance';
+export { NavigationBanner } from './NavigationBanner';
+export { SpeedLimitPill } from './SpeedLimitPill';
+export { NAVIGATION_BANNER_GEOMETRY, NAVIGATION_STATE_ICON, NAVIGATION_STATE_LABELS, NAVIGATION_STATE_TONE, } from './constants';
+export type { NavigationBannerGeometry } from './constants';
+export { describeArrival, describeLanes, describeNavigationBanner, describeSpeedLimit, maneuverWordFor, resolveNavigationPaint, } from './shared';
+export type { NavigationPaint } from './shared';
+export type { ArrivalBarLabels, ArrivalBarProps, LaneDirection, LaneGuidanceLabels, LaneGuidanceProps, NavigationBannerLabels, NavigationBannerProps, NavigationBannerState, NavigationLane, SpeedLimitPillProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/navigation-banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/navigation-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EACL,eAAe,EACf,aAAa,EACb,wBAAwB,EACxB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,GACvB,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,mBAAmB,GACpB,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/navigation-banner/shared.d.ts

@@ -0,0 +1,67 @@
+import type { DirectionsManeuver } from '../directions/types';
+import { type SurfaceTextPaint } from '../styles/surface-levels';
+import type { Theme } from '../theme/types';
+import type { ArrivalBarLabels, LaneGuidanceLabels, NavigationBannerLabels, NavigationBannerState, NavigationLane } from './types';
+export interface NavigationPaint extends SurfaceTextPaint {
+    /** The island's own fill — what every rung here is measured against. */
+    surface: string;
+    /** The rule between the maneuver row and whatever sits under it. */
+    border: string;
+}
+/**
+ * Read off the island, not off the page.
+ *
+ * `GlassIsland` paints rung 1 of the surface ladder at the chrome alpha, so
+ * rung 1 is the fill the banner's own text has to be legible on — and it is the
+ * fill whether the map underneath is a night satellite tile or a pale street
+ * map, which is the whole reason the guidance sits on an island instead of
+ * directly on the tiles.
+ */
+export declare function resolveNavigationPaint(theme: Theme): NavigationPaint;
+/** The maneuver's word, as drawn or announced. */
+export declare function maneuverWordFor(maneuver: DirectionsManeuver, labels: NavigationBannerLabels | undefined): string;
+/**
+ * The banner in one utterance — "In 400 m, turn right, Carrer del Roure, then
+ * turn left".
+ *
+ * The DISTANCE comes first because that is the order a driver needs it in, and
+ * the maneuver word is spelled out because the glyph is the only thing on
+ * screen that says which way to turn and a glyph says nothing aloud — the same
+ * hole `directions`' own `describeStep` fills, and the same fix.
+ *
+ * In the two exceptional states the state's own headline replaces the maneuver
+ * entirely: a reader told to turn right while the car is off the route has been
+ * told the one thing that is no longer true.
+ */
+export declare function describeNavigationBanner(options: {
+    maneuver: DirectionsManeuver;
+    distance?: string;
+    instruction: string;
+    then?: string;
+    thenManeuver?: DirectionsManeuver;
+    state?: NavigationBannerState;
+    labels?: NavigationBannerLabels;
+}): string;
+/**
+ * The lanes in one utterance — "Lane guidance, 4 lanes, use lane 3 and lane 4".
+ *
+ * Lanes are numbered from the LEFT, one-based, because that is how a driver
+ * counts them through the windscreen. A row with nothing allowed still
+ * announces how many there are: "four lanes" is information, silence is not.
+ */
+export declare function describeLanes(lanes: readonly NavigationLane[], labels: LaneGuidanceLabels | undefined): string;
+/** "Speed limit 50 km/h, over the limit". */
+export declare function describeSpeedLimit(options: {
+    limit: string | number;
+    unit?: string;
+    exceeded?: boolean;
+    exceededLabel?: string;
+}): string;
+/** "Arrival 18:42, Left 24 min, Distance 8.2 km" — three readings, one utterance. */
+export declare function describeArrival(options: {
+    arrival: string;
+    remainingTime: string;
+    remainingDistance: string;
+    labels?: ArrivalBarLabels;
+}): string;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/commonjs/navigation-banner/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/navigation-banner/shared.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,wEAAwE;IACxE,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,KAAK,GAAG,eAAe,CAOpE;AAED,kDAAkD;AAClD,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,sBAAsB,GAAG,SAAS,GACzC,MAAM,CAER;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE;IAChD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC,GAAG,MAAM,CAgCT;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,SAAS,cAAc,EAAE,EAChC,MAAM,EAAE,kBAAkB,GAAG,SAAS,GACrC,MAAM,CAUR;AAED,6CAA6C;AAC7C,wBAAgB,kBAAkB,CAAC,OAAO,EAAE;IAC1C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,MAAM,CAIT;AAED,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,GAAG,MAAM,CAOT"}

package/lib/typescript/commonjs/navigation-banner/types.d.ts

@@ -0,0 +1,158 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { DirectionsManeuver } from '../directions/types';
+import type { AccentTone } from '../theme/accent-colors';
+/**
+ * Where the guidance is.
+ *
+ * `guiding` is the ordinary case — the next maneuver, and how far to it.
+ * `off-route` is the driver having left the line; the banner says SO rather
+ * than continuing to point at a turn that is now behind them. `rerouting` is
+ * the moment after, while a new line is being found: still not a maneuver, and
+ * still not silence.
+ *
+ * The two exceptional states are not a different component because they occupy
+ * the same strip, at the same moment, in the same place on the screen — a
+ * second surface appearing where the first was is a jump, and the reader has to
+ * re-find the thing they were reading.
+ */
+export type NavigationBannerState = 'guiding' | 'off-route' | 'rerouting';
+/** Every word `NavigationBanner` speaks, in one prop. */
+export interface NavigationBannerLabels {
+    /** The headline in the `off-route` state. Default `"Off route"`. */
+    offRoute?: string;
+    /** The headline in the `rerouting` state. Default `"Finding a new route"`. */
+    rerouting?: string;
+    /** Precedes the following maneuver. Default `"then"`. */
+    then?: string;
+    /** Replaces the English maneuver words used in the announcement. */
+    maneuver?: Partial<Record<DirectionsManeuver, string>>;
+}
+export interface NavigationBannerProps {
+    /**
+     * What to do next. The SAME vocabulary `directions` uses, and the same glyph
+     * map (`DIRECTIONS_MANEUVER_ICON`) — a banner drawing a second set of arrows
+     * from the step list beside it is two answers to one question.
+     */
+    maneuver: DirectionsManeuver;
+    /**
+     * How far to it, pre-formatted and short ("400 m", "1.2 km"). Drawn as the
+     * FIGURE, in tabular numerals so a counting-down reading does not jitter the
+     * street name under it.
+     */
+    distance?: string;
+    /** What to do it onto — "Carrer del Roure". The line a driver reads. */
+    instruction: string;
+    /** The maneuver after this one; without it no second line is drawn. */
+    thenManeuver?: DirectionsManeuver;
+    /** The words beside it — "Carrer de l'Om". Defaults to the maneuver's own word. */
+    then?: string;
+    /** Default `guiding`. */
+    state?: NavigationBannerState;
+    /**
+     * Anything that belongs UNDER the maneuver row inside the same pane — a
+     * `LaneGuidance`, a `SpeedLimitPill`. Separated by a hairline; nothing is
+     * drawn when it is empty.
+     */
+    children?: ReactNode;
+    labels?: NavigationBannerLabels;
+    /**
+     * The banner's announced name. Defaults to the sentence
+     * {@link describeNavigationBanner} builds — the glyph says the maneuver on
+     * screen and says nothing aloud.
+     */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    /** Parts get `<testID>-glyph`, `-distance`, `-instruction`, `-then`, `-extras`. */
+    testID?: string;
+}
+/**
+ * The arrows one lane offers. A subset of the maneuver vocabulary rather than a
+ * second one: a lane arrow IS a maneuver drawn small, and the four members that
+ * make no sense painted on tarmac (`depart`, `arrive`, `board`, …) are the ones
+ * left out.
+ */
+export type LaneDirection = Extract<DirectionsManeuver, 'straight' | 'slight-left' | 'left' | 'sharp-left' | 'slight-right' | 'right' | 'sharp-right' | 'uturn'>;
+/** One lane across the carriageway, left to right as the driver sees them. */
+export interface NavigationLane {
+    /** Stable key. Defaults to the index. */
+    id?: string;
+    /** Every arrow painted in this lane, in the order they are painted. */
+    directions: readonly LaneDirection[];
+    /** Whether this lane takes you where you are going. Default `false`. */
+    allowed?: boolean;
+    /**
+     * Which of {@link directions} to take from an allowed lane, drawn at full
+     * strength while the rest of that lane's arrows stay quiet. Ignored on a lane
+     * that is not allowed — every arrow in it is quiet.
+     */
+    preferred?: LaneDirection;
+}
+export interface LaneGuidanceLabels {
+    /** Names the row. Default `"Lane guidance"`. */
+    lanes?: string;
+    /** The word before a lane number in the announcement. Default `"lane"`. */
+    lane?: string;
+    /** Precedes the allowed lanes. Default `"use"`. */
+    use?: string;
+}
+export interface LaneGuidanceProps {
+    lanes: readonly NavigationLane[];
+    labels?: LaneGuidanceLabels;
+    /** Defaults to the sentence {@link describeLanes} builds. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    /** Parts get `<testID>-lane-<n>`. */
+    testID?: string;
+}
+export interface SpeedLimitPillProps {
+    /** The number as drawn, pre-formatted ("50", "120"). Never converted here. */
+    limit: string | number;
+    /** Drawn under the sign ("km/h", "mph"). Announced with the figure. */
+    unit?: string;
+    /**
+     * Whether the vehicle is over it. The sign fills with its tone instead of
+     * ringing it — a sign that only got brighter is a sign a driver reads as the
+     * same sign.
+     */
+    exceeded?: boolean;
+    /** The ring's tone. Default `error`. */
+    tone?: AccentTone;
+    /** Defaults to `"Speed limit <limit> <unit>"`, plus the over-the-limit word. */
+    accessibilityLabel?: string;
+    /** Replaces the English over-the-limit word. Default `"over the limit"`. */
+    exceededLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    /** Parts get `<testID>-sign`, `-unit`. */
+    testID?: string;
+}
+/** Every word `ArrivalBar` speaks. */
+export interface ArrivalBarLabels {
+    /** Over the arrival time. Default `"Arrival"`. */
+    arrival?: string;
+    /** Over the remaining time. Default `"Left"`. */
+    time?: string;
+    /** Over the remaining distance. Default `"Distance"`. */
+    distance?: string;
+    /** The ending action. Default `"End"`. */
+    end?: string;
+}
+export interface ArrivalBarProps {
+    /** When you get there, pre-formatted ("18:42"). */
+    arrival: string;
+    /** How long is left ("24 min"). */
+    remainingTime: string;
+    /** How far is left ("8.2 km"). */
+    remainingDistance: string;
+    /** Draws the ending action. Without it (and without `action`) none is drawn. */
+    onEnd?: () => void;
+    /** An arbitrary trailing control, replacing the ending action. */
+    action?: ReactNode;
+    labels?: ArrivalBarLabels;
+    /** Names the strip. Defaults to the three readings in a sentence. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    /** Parts get `<testID>-arrival`, `-time`, `-distance`, `-end`. */
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/navigation-banner/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/navigation-banner/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,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1E,yDAAyD;AACzD,MAAM,WAAW,sBAAsB;IACrC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,QAAQ,EAAE,kBAAkB,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,kBAAkB,EAChB,UAAU,GACV,aAAa,GACb,MAAM,GACN,YAAY,GACZ,cAAc,GACd,OAAO,GACP,aAAa,GACb,OAAO,CACV,CAAC;AAEF,8EAA8E;AAC9E,MAAM,WAAW,cAAc;IAC7B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uEAAuE;IACvE,UAAU,EAAE,SAAS,aAAa,EAAE,CAAC;IACrC,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,sCAAsC;AACtC,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/commonjs/order-confirmation/OrderConfirmation.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { OrderConfirmationProps } from './types';
+/**
+ * It is placed: what happened, which order it was, where it is going, what it
+ * cost, and the two things you do next.
+ *
+ *   mark      a check on a success-tinted disc, 56. STATIC: `AnimatedCheck`
+ *             draws itself on only when a caller kicks it through its ref, and
+ *             a mark that is invisible until someone calls a method — or under
+ *             reduce-motion — is not a mark. An app that wants the draw-on
+ *             passes `<AnimatedCheck>` (and its `play()`) as `mark`.
+ *   title     the "done" register — `EmptyState`'s own heading and line, which
+ *             is the same block `auth-card` and every finished flow draw
+ *   reference the order number as an outlined `Chip`, under its caption; it is
+ *             a chip because it is the one string a reader will read back to
+ *             someone on the phone, and a chip is the library's token
+ *   status    `order-status`'s `OrderStatusBar` — the ONE tracking strip in the
+ *             library, drawn here rather than copied
+ *   address   `address`'s `AddressRow`, flush with the block's edges
+ *   facts     the label/value box Bloom's action cards already draw
+ *   items     a slot: an order line is a dish, a parcel or a seat, and each has
+ *             a row family of its own
+ *   actions   track it, get help
+ *
+ * ## It IS an `EmptyState`
+ *
+ * Not "looks like one": a mark, a heading, a line of explanation, a block of
+ * content and up to two actions is exactly that family's shape, and a "done"
+ * screen is the same object as a "nothing here" screen with a different reason
+ * for existing. Building it a second time is how two centred columns with
+ * different paddings ship in one library.
+ *
+ * ## It computes nothing
+ *
+ * Every amount, every time and every reading is a string the app formatted.
+ */
+declare function OrderConfirmationComponent({ title, description, mark, markSize, reference, referenceLabel, status, address, facts, items, itemsLabel, action, secondaryAction, footer, variant, accessibilityLabel, style, testID, }: OrderConfirmationProps): import("react/jsx-runtime").JSX.Element;
+export declare const OrderConfirmation: React.MemoExoticComponent<typeof OrderConfirmationComponent>;
+export {};
+//# sourceMappingURL=OrderConfirmation.d.ts.map

package/lib/typescript/commonjs/order-confirmation/OrderConfirmation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderConfirmation.d.ts","sourceRoot":"","sources":["../../../../src/order-confirmation/OrderConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAqB7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAStD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,iBAAS,0BAA0B,CAAC,EAClC,KAAgC,EAChC,WAAW,EACX,IAAI,EACJ,QAAkC,EAClC,SAAS,EACT,cAAmD,EACnD,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAA2C,EAC3C,MAAM,EACN,eAAe,EACf,MAAM,EACN,OAAuB,EACvB,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAyGxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/commonjs/order-confirmation/constants.d.ts

@@ -0,0 +1,14 @@
+/** The words the confirmation says when the app says nothing. */
+export declare const ORDER_CONFIRMATION_TITLE = "Your order is placed";
+export declare const ORDER_CONFIRMATION_REFERENCE_LABEL = "Order number";
+export declare const ORDER_CONFIRMATION_ITEMS_LABEL = "What you ordered";
+/**
+ * The drawn-on check. 56 is the size at which the 4px stroke of
+ * `AnimatedCheck`'s 52-unit canvas reads as a mark rather than as an icon —
+ * below ~40 it looks like a status glyph, which is the opposite of what a
+ * finished flow is saying.
+ */
+export declare const ORDER_CONFIRMATION_MARK = 56;
+/** Between the blocks of the receipt. */
+export declare const ORDER_CONFIRMATION_GAP = 16;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/commonjs/order-confirmation/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/order-confirmation/constants.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,wBAAwB,yBAAyB,CAAC;AAC/D,eAAO,MAAM,kCAAkC,iBAAiB,CAAC;AACjE,eAAO,MAAM,8BAA8B,qBAAqB,CAAC;AAEjE;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,yCAAyC;AACzC,eAAO,MAAM,sBAAsB,KAAK,CAAC"}

package/lib/typescript/commonjs/order-confirmation/index.d.ts

@@ -0,0 +1,4 @@
+export { OrderConfirmation } from './OrderConfirmation';
+export { ORDER_CONFIRMATION_ITEMS_LABEL, ORDER_CONFIRMATION_MARK, ORDER_CONFIRMATION_REFERENCE_LABEL, ORDER_CONFIRMATION_TITLE, } from './constants';
+export type { OrderConfirmationAddress, OrderConfirmationFact, OrderConfirmationProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/order-confirmation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/order-confirmation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,8BAA8B,EAC9B,uBAAuB,EACvB,kCAAkC,EAClC,wBAAwB,GACzB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/order-confirmation/types.d.ts

@@ -0,0 +1,88 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { AddressKind } from '../address';
+import type { EmptyStateAction, EmptyStateVariant } from '../empty-state';
+import type { BloomIconComponent } from '../icons/icon-component';
+import type { OrderStatusBarProps } from '../order-status';
+/**
+ * One reading of the receipt: when it arrives, what was charged, who is
+ * bringing it.
+ *
+ * `value` is PRE-FORMATTED, like every string in this family — a time, an
+ * amount, a courier's name. Nothing here reads a clock or adds a number.
+ */
+export interface OrderConfirmationFact {
+    /** Stable key. Defaults to the label. */
+    id?: string;
+    /** "Arrives", "Paid with", "Courier". */
+    label: string;
+    /** "Today, 17:00 – 19:00", "•••• 4417", "Mireia". */
+    value: string;
+}
+/** Where it is going, drawn with `address`'s own `AddressRow`. */
+export interface OrderConfirmationAddress {
+    /** The line the place is recognised by — "Home". */
+    title: string;
+    /** The rest of it. */
+    subtitle?: string;
+    /** Chooses the glyph. Default `place`. */
+    kind?: AddressKind;
+    /** The glyph, overriding whatever `kind` would have chosen. */
+    icon?: BloomIconComponent;
+    /** A node after the title — a `Badge`. */
+    badge?: ReactNode;
+    /** A short trailing reading — "1.2 km". */
+    meta?: string;
+    testID?: string;
+}
+export interface OrderConfirmationProps {
+    /** Default `"Your order is placed"`. */
+    title?: string;
+    /** The line under it — "We have sent the receipt to your inbox." */
+    description?: string;
+    /**
+     * The mark above the title. Default a check on a success-tinted disc — a
+     * STATIC one, because `AnimatedCheck` draws itself on only when a caller
+     * kicks it through its ref, and a mark nobody can see until a method runs is
+     * not a mark. Pass `<AnimatedCheck>` (played by your own ref) for the
+     * draw-on, a brand mark, or `null` for none.
+     */
+    mark?: ReactNode;
+    /** The default mark's box. Default 56. */
+    markSize?: number;
+    /** The order's own number — "A-4821". PRE-FORMATTED, including any prefix. */
+    reference?: string;
+    /** The caption above it. Default `"Order number"`. */
+    referenceLabel?: string;
+    /**
+     * The tracking strip — `order-status`'s `OrderStatusBar`, passed straight
+     * through. This family draws no second one: "where it is right now" has one
+     * component in the library and this is a place that shows it.
+     */
+    status?: OrderStatusBarProps;
+    /** Where it goes. */
+    address?: OrderConfirmationAddress;
+    /** When it arrives, what was charged, and anything else worth reading back. */
+    facts?: readonly OrderConfirmationFact[];
+    /**
+     * What was ordered, in full — the basket's own rows, rendered by the app.
+     * A slot rather than data: a line of an order is a dish, a parcel or a seat
+     * depending on the app, and each already has a row family of its own.
+     */
+    items?: ReactNode;
+    /** The caption above `items`. Default `"What you ordered"`. */
+    itemsLabel?: string;
+    /** The first thing you do next — normally "Track order". */
+    action?: EmptyStateAction;
+    /** The other one — normally "Get help". */
+    secondaryAction?: EmptyStateAction;
+    /** Under the actions — a "Back to the shop" link, a note. */
+    footer?: ReactNode;
+    /** Default `comfortable`. `compact` is the panel rung. */
+    variant?: EmptyStateVariant;
+    /** Names the whole surface. Defaults to the title and the reference. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/order-confirmation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/order-confirmation/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,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kEAAkE;AAClE,MAAM,WAAW,wBAAwB;IACvC,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAE7B,qBAAqB;IACrB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAEzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,6DAA6D;IAC7D,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/commonjs/page-header/PageHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { PageHeaderProps } from './types';
-declare function PageHeaderComponent({ title, subtitle, titleAlign, headingLevel, titleReveal, presentation, placement, onBack, backLabel, leading, actions, border, transparent, scrim, scrimColor, scrollY: externalScrollY, scrollThreshold, sticky, safeArea, style, testID, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function PageHeaderComponent({ title, subtitle, titleAlign, headingLevel, titleReveal, titleRevealOffset, presentation, placement, onBack, backLabel, leading, actions, border, transparent, scrim, scrimColor, scrollY: externalScrollY, scrollThreshold, sticky, safeArea, style, testID, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
 export declare const PageHeader: React.MemoExoticComponent<typeof PageHeaderComponent>;
 export {};
 //# sourceMappingURL=PageHeader.d.ts.map

package/lib/typescript/commonjs/page-header/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AA8B9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA8E/C,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,UAAoB,EACpB,YAAgB,EAChB,WAAsB,EACtB,YAAyB,EACzB,SAAoB,EACpB,MAAM,EACN,SAAkB,EAClB,OAAO,EACP,OAAO,EACP,MAAe,EACf,WAAmB,EACnB,KAAc,EACd,UAAU,EACV,OAAO,EAAE,eAAe,EACxB,eAAmC,EACnC,MAAa,EACb,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CA8SjB;AAuED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAiC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA8E/C,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,UAAoB,EACpB,YAAgB,EAChB,WAAsB,EACtB,iBAAqB,EACrB,YAAyB,EACzB,SAAoB,EACpB,MAAM,EACN,SAAkB,EAClB,OAAO,EACP,OAAO,EACP,MAAe,EACf,WAAmB,EACnB,KAAc,EACd,UAAU,EACV,OAAO,EAAE,eAAe,EACxB,eAAmC,EACnC,MAAa,EACb,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CA2TjB;AAuED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/commonjs/page-header/types.d.ts

@@ -72,6 +72,8 @@ export interface PageHeaderProps {
     headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
     /** Default `always`. */
     titleReveal?: PageHeaderTitleReveal;
+    /** Scroll distance before title and subtitle begin revealing. Default0; fade spans scrollThreshold. */
+    titleRevealOffset?: number;
     /** Default `floating`. */
     presentation?: PageHeaderPresentation;
     /** Default `inline`. */

package/lib/typescript/commonjs/page-header/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/page-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,0EAA0E;AAC1E,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,KAAK,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,0FAA0F;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uBAAuB;IACvB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,wBAAwB;IACxB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IAEpC,0BAA0B;IAC1B,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,wBAAwB;IACxB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/page-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,0EAA0E;AAC1E,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,KAAK,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,0FAA0F;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uBAAuB;IACvB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,wBAAwB;IACxB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,uGAAuG;IACvG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,wBAAwB;IACxB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/commonjs/payment-method/PaymentMethodList.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { PaymentMethodListProps } from './types';
+/**
+ * The saved methods, with the default marked, an add row, an empty state and a
+ * loading state.
+ *
+ * THE VARIANT IS THE ANNOUNCED TREE, not a style. `list` is a set of methods a
+ * reader is managing: a `list` of `listitem`s, each wrapping a button. `picker`
+ * is a set they are choosing ONE of: a `radiogroup` of `radio`s carrying
+ * `aria-checked`. Both roles exist on both platforms, which is why the picker
+ * is a radio group rather than the listbox ARIA would suggest — React Native
+ * has no `listbox`, and a role that reaches one platform is the silent half of
+ * an accessibility bug.
+ *
+ * ## The picker is a `Field` MEMBER, not a hand-rolled radiogroup
+ *
+ * It resolves `useFieldMembership()` the way `RadioGroup` does, so a `Field`
+ * around it names the group, describes it with its error, marks it invalid and
+ * disables every row — and a row inside a disabled field cannot re-enable
+ * itself, because `disabled` combines with `||` rather than deferring.
+ *
+ * That is the difference between this and the three families `docs/composition.mdx`
+ * records as an open gap: writing `role="radiogroup"` is the easy half, and a
+ * group nothing can name or disable is what is left when it is the only half
+ * done.
+ *
+ * `accessibilityLabel` is the caller's and wins; the field's label is next;
+ * `"Payment methods"` is the last resort, and it is a LAST resort rather than a
+ * default because a default here would outrank the one string on screen the
+ * user can actually read.
+ *
+ * ## The add row is not one of the choices
+ *
+ * "Add a payment method" is an action, not a method, so it is drawn OUTSIDE the
+ * `radiogroup`. A `button` among the radios would be announced as part of the
+ * choice and counted in "3 of 4".
+ *
+ *   rows     4 apart, at the row's own geometry
+ *   loading  placeholder rows at the plate's own size, announced busy so a
+ *            reader is told to wait rather than told nothing
+ *   empty    a 32 glyph, a title and a line, centred with 32 of air — and the
+ *            add row is still drawn under it, because an empty list is exactly
+ *            when a reader needs it
+ */
+declare function PaymentMethodListComponent({ methods, selectedId, onSelect, variant, density, disabled, onAdd, addLabel, addIcon: AddIcon, loading, loadingRows, empty, emptyTitle, emptyDescription, emptyIcon: EmptyIcon, accessibilityLabel, style, testID, }: PaymentMethodListProps): import("react/jsx-runtime").JSX.Element;
+export declare const PaymentMethodList: React.MemoExoticComponent<typeof PaymentMethodListComponent>;
+export {};
+//# sourceMappingURL=PaymentMethodList.d.ts.map

package/lib/typescript/commonjs/payment-method/PaymentMethodList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodList.d.ts","sourceRoot":"","sources":["../../../../src/payment-method/PaymentMethodList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAc1D,OAAO,KAAK,EAAsB,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAY1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,iBAAS,0BAA0B,CAAC,EAClC,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAgB,EAChB,OAAuB,EACvB,QAAgB,EAChB,KAAK,EACL,QAAiC,EACjC,OAAO,EAAE,OAAmB,EAC5B,OAAe,EACf,WAAe,EACf,KAAK,EACL,UAAuC,EACvC,gBAAgB,EAChB,SAAS,EAAE,SAA0B,EACrC,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CA4KxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/commonjs/payment-method/PaymentMethodMark.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { PaymentMethodMarkProps } from './types';
+/**
+ * The brand mark — and Bloom's is deliberately NOT a brand.
+ *
+ * **This never draws a scheme's logo, and it ships no list of schemes.** What it
+ * draws is a plate the shape of a card, a neutral glyph on it, and — when the
+ * caller gives one — the scheme's NAME as text beside it. Bloom does not know
+ * what schemes exist, is not licensed to reproduce their artwork, and a library
+ * that shipped twelve logos would be a library that quietly took on the
+ * trademark question for every app using it.
+ *
+ * An app that HAS the rights passes `image`: it is drawn inside the plate, at
+ * the plate's geometry, and everything else stays the same. That is the whole
+ * escape hatch, and it belongs to the app because the rights do.
+ *
+ *   plate    40 x 28, radius 6 (compact 32 x 22, radius 5), one surface step
+ *            off whatever is behind it — wider than tall is what reads as a
+ *            card rather than an app tile
+ *   glyph    18 in the secondary text rung (compact 14)
+ *   name     body-2-medium, 8 after the plate
+ *   state    `expired`/`declined` paint the plate in the state's tint, so a
+ *            row that cannot be used says so before its words are read
+ */
+declare function PaymentMethodMarkComponent({ scheme, kind, icon, image, state, density, style, testID, }: PaymentMethodMarkProps): import("react/jsx-runtime").JSX.Element;
+export declare const PaymentMethodMark: React.MemoExoticComponent<typeof PaymentMethodMarkComponent>;
+export {};
+//# sourceMappingURL=PaymentMethodMark.d.ts.map

package/lib/typescript/commonjs/payment-method/PaymentMethodMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodMark.d.ts","sourceRoot":"","sources":["../../../../src/payment-method/PaymentMethodMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAc7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,0BAA0B,CAAC,EAClC,MAAM,EACN,IAAa,EACb,IAAI,EACJ,KAAK,EACL,KAAY,EACZ,OAAuB,EACvB,KAAK,EACL,MAAM,GACP,EAAE,sBAAsB,2CAuDxB;AAED,eAAO,MAAM,iBAAiB,8DAAmC,CAAC"}

package/lib/typescript/commonjs/payment-method/PaymentMethodRow.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { PaymentMethodRowProps } from './types';
+/**
+ * A way to pay, as a row: the mark, the scheme, the masked identifier, when it
+ * runs out, whether it is the default one, and either a trailing action or a
+ * selection control.
+ *
+ * It is `Item` with a payment method's slots filled in, for the same reason
+ * `AddressRow` is: the row, the press target, the selected wash, the density
+ * rungs, the disabled opacity and the ARIA role translation are `Item`'s job,
+ * and this family owns no second copy of any of them. What it adds is the card
+ * plate, the scheme/masked pairing on the title line, the default badge, the
+ * state line and the radio dot.
+ *
+ *   mark     `PaymentMethodMark`, plate only — the row draws the name itself,
+ *            so the title line can hold the masked tail and the badge too
+ *   title    scheme in `Item`'s own title rung; the masked identifier beside it
+ *            in body-2 TABULAR figures, so four rows of digits line up
+ *   line 2   the expiry, secondary
+ *   line 3   the state's words in the state's own colour, drawn only when the
+ *            method cannot be used
+ *   trailing the radio dot (`selectable`) or the action
+ *
+ * NOTHING HERE IS SENSITIVE. `masked` is a string the app already masked; this
+ * row never unmasks, parses, stores, logs or transmits anything, and there is no
+ * prop that takes a full number.
+ */
+declare function PaymentMethodRowComponent({ scheme, masked, expiry, kind, icon, image, leading, isDefault, defaultLabel, state, stateMessage, selectable, selected, action, onPress, disabled, density, role, accessibilityLabel, style, testID, }: PaymentMethodRowProps): import("react/jsx-runtime").JSX.Element;
+export declare const PaymentMethodRow: React.MemoExoticComponent<typeof PaymentMethodRowComponent>;
+export {};
+//# sourceMappingURL=PaymentMethodRow.d.ts.map

package/lib/typescript/commonjs/payment-method/PaymentMethodRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodRow.d.ts","sourceRoot":"","sources":["../../../../src/payment-method/PaymentMethodRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAc7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,yBAAyB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAa,EACb,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAiB,EACjB,YAAwB,EACxB,KAAY,EACZ,YAAY,EACZ,UAAkB,EAClB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAgB,EAChB,OAAuB,EACvB,IAAI,EACJ,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,2CA+IvB;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/lib/typescript/commonjs/payment-method/constants.d.ts

@@ -0,0 +1,35 @@
+import type { BloomIconComponent } from '../icons/icon-component';
+import type { AccentTone } from '../theme/accent-colors';
+import type { PaymentMethodDensity, PaymentMethodKind, PaymentMethodState } from './types';
+/** The glyph each kind draws when the caller names none. */
+export declare const PAYMENT_METHOD_KIND_ICON: Record<PaymentMethodKind, BloomIconComponent>;
+/** What the row says under itself when a state has no message of its own. */
+export declare const PAYMENT_METHOD_STATE_LABELS: Record<PaymentMethodState, string>;
+/**
+ * The tone each state paints. `ok` paints nothing — an ordinary row is not a
+ * status.
+ */
+export declare const PAYMENT_METHOD_STATE_TONE: Record<PaymentMethodState, AccentTone | undefined>;
+export interface PaymentMethodGeometry {
+    /** The plate the glyph sits on: wider than tall, which is what says "card". */
+    plateWidth: number;
+    plateHeight: number;
+    plateRadius: number;
+    /** The glyph inside it. */
+    glyph: number;
+    /** The radio dot in the trailing slot. */
+    dot: number;
+}
+/**
+ * 40 wide is the leading column `Item` rows across the library already use
+ * (`address`'s tile is 40 round), so a checkout screen stacking an address row
+ * and a payment row does not step sideways between them. 28 tall against 40
+ * wide is the ratio that reads as a card rather than a square tile, and it is
+ * the one measurement in this family that is about SHAPE rather than size.
+ */
+export declare const PAYMENT_METHOD_GEOMETRY: Record<PaymentMethodDensity, PaymentMethodGeometry>;
+/** Space between the plate and the name, inside a `PaymentMethodMark`. */
+export declare const PAYMENT_METHOD_MARK_GAP = 8;
+/** Space between the rows of a list, and between the list and its add row. */
+export declare const PAYMENT_METHOD_LIST_GAP = 4;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/commonjs/payment-method/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/payment-method/constants.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE3F,4DAA4D;AAC5D,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAKlF,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAI1E,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,CAIxF,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,+EAA+E;IAC/E,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,oBAAoB,EAAE,qBAAqB,CAGvF,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,IAAI,CAAC"}