@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/typescript/module/menu-item/types.d.ts

@@ -0,0 +1,132 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * The dietary marks a dish can carry. A CLOSED list on purpose: each member
+ * has a word Bloom draws and a spoken form a screen reader gets, and an open
+ * `string[]` would be a row of untranslated, unannounced pills.
+ *
+ * An allergen is NOT one of these. "Contains nuts" is a legal statement about
+ * a recipe, it belongs in the dish's own copy where it can be read in full, and
+ * a pill that says it in two words is the wrong instrument for it.
+ */
+export type MenuItemDiet = 'vegetarian' | 'vegan' | 'gluten-free' | 'dairy-free' | 'halal' | 'kosher';
+/** `comfortable` is the menu's own row; `compact` fits a basket or a sheet. */
+export type MenuItemDensity = 'comfortable' | 'compact';
+export interface MenuItemRowProps {
+    /** The dish's name. One line, truncated. */
+    name: string;
+    /** What is in it. Clamped to two lines — the full text belongs on the dish's own screen. */
+    description?: string;
+    /** PRE-FORMATTED — "€12.50". Nothing here parses, converts or adds up a price. */
+    price: string;
+    /** PRE-FORMATTED price before a discount, struck through BEFORE `price`. */
+    originalPrice?: string;
+    /** An absolute URL, or an id the app's `ImageResolver` turns into one. */
+    photo?: string;
+    /** The `ImageResolver` rendition for a photo id. Ignored for URLs. */
+    photoVariant?: string;
+    /** Drawn as pills after the name, in the order given. Duplicates are drawn once. */
+    diets?: ReadonlyArray<MenuItemDiet>;
+    /** Replaces the English diet words ("Vegan", "Gluten-free", …). */
+    dietLabels?: Partial<Record<MenuItemDiet, string>>;
+    /**
+     * How hot it is, `0`–`3`, drawn as that many flames. A LEVEL rather than a
+     * pill: heat is a quantity, and a pill that says "Spicy" cannot tell a
+     * reader whether one is enough.
+     */
+    spice?: number;
+    /** The word the flames are announced with. Default `"Spicy"` (as "Spicy 2 of 3"). */
+    spiceLabel?: string;
+    /**
+     * How many are already in the basket. Drawn ONCE: in the `Stepper` when
+     * `onQuantityChange` is given (which is where you would change it), and as a
+     * count over the thumbnail otherwise. Two spellings of one number is a
+     * reader asking which of them is the real one.
+     */
+    quantity?: number;
+    /** With a `quantity` above zero, the trailing control is a `Stepper` driving this. */
+    onQuantityChange?: (quantity: number) => void;
+    /** The add control. Drawn while nothing is in the basket yet. */
+    onAdd?: () => void;
+    /** Names the add control, which draws no text. Default `"Add <name>"`. */
+    addLabel?: string;
+    /** Sold out: the photo washes toward the page, the row dims and every control goes. */
+    unavailable?: boolean;
+    /** Default `"Sold out"`. */
+    unavailableLabel?: string;
+    /** Opens the dish — its options, its full description. */
+    onPress?: () => void;
+    /** Default `comfortable`. */
+    density?: MenuItemDensity;
+    /** Replaces the composed name ("Ember flatbread, Vegan, Spicy 2 of 3, €12.50, Sold out"). */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface MenuItemOption {
+    /** Identifies the option inside its group. */
+    id: string;
+    /** What it is — "Large", "Extra cheese". */
+    label: string;
+    /** A second line under the label — "Serves two". */
+    description?: string;
+    /**
+     * What it adds, PRE-FORMATTED and signed by the app — "+€1.50", "Free",
+     * "−€0.50". It is drawn in the option's own text column, after the
+     * description; see `docs/menu-item.mdx` for why it is not a right-aligned
+     * column.
+     */
+    price?: string;
+    disabled?: boolean;
+}
+export interface MenuItemOptionGroup {
+    /** Identifies the group in `value` and in `onValueChange`. */
+    id: string;
+    /** The question — "Size", "Extras", "Sauce". */
+    title: string;
+    options: ReadonlyArray<MenuItemOption>;
+    /**
+     * The most that may be chosen. Default `1`, which makes the group a radio
+     * set; anything above makes it a set of checkboxes.
+     */
+    max?: number;
+    /** The fewest that must be chosen. Default `0`; `1` or more makes the group required. */
+    min?: number;
+    /** Replaces the derived rule line ("Choose 1", "Up to 3", "Choose 2 to 4", "Optional"). */
+    ruleLabel?: string;
+    /** An error under the group — "Choose a size". A non-empty string paints it invalid. */
+    error?: string | null;
+}
+export interface MenuItemOptionsProps {
+    /** The questions, in the order they are asked. */
+    groups: ReadonlyArray<MenuItemOptionGroup>;
+    /** The chosen option ids, per group id. Fully controlled — it keeps no state. */
+    value: Readonly<Record<string, ReadonlyArray<string>>>;
+    /** Called with the group and its next selection, already capped at the group's `max`. */
+    onValueChange: (groupId: string, optionIds: ReadonlyArray<string>) => void;
+    /** How many of the dish. Without `onQuantityChange` no quantity row is drawn. */
+    quantity?: number;
+    onQuantityChange?: (quantity: number) => void;
+    /** The quantity row's title. Default `"Quantity"`. */
+    quantityLabel?: string;
+    /**
+     * The running price, PRE-FORMATTED — "€16.40". The app recomputes it as the
+     * choices change; this component never adds anything up.
+     */
+    total?: string;
+    /** The footer button. Without it no footer is drawn. */
+    onSubmit?: () => void;
+    /** The footer button's label. Default `"Add to basket"`. */
+    submitLabel?: string;
+    /** Blocks the footer button — a required group with nothing chosen. */
+    submitDisabled?: boolean;
+    /** Disables every control, the footer included. */
+    disabled?: boolean;
+    /** A node above the groups — the dish's own photo, name and description. */
+    header?: ReactNode;
+    /** Names the set of questions. Default `"Options"`. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/menu-item/types.d.ts.map

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

package/lib/typescript/module/navigation-banner/ArrivalBar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ArrivalBarProps } from './types';
+declare function ArrivalBarComponent({ arrival, remainingTime, remainingDistance, onEnd, action, labels, accessibilityLabel, style, testID, }: ArrivalBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const ArrivalBar: React.MemoExoticComponent<typeof ArrivalBarComponent>;
+export {};
+//# sourceMappingURL=ArrivalBar.d.ts.map

package/lib/typescript/module/navigation-banner/ArrivalBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrivalBar.d.ts","sourceRoot":"","sources":["../../../../src/navigation-banner/ArrivalBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAU7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkE/C,iBAAS,mBAAmB,CAAC,EAC3B,OAAO,EACP,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,MAAM,EACN,MAAM,EACN,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CAwEjB;AAED,eAAO,MAAM,UAAU,uDAA4B,CAAC"}

package/lib/typescript/module/navigation-banner/LaneGuidance.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { LaneGuidanceProps } from './types';
+declare function LaneGuidanceComponent({ lanes, labels, accessibilityLabel, style, testID, }: LaneGuidanceProps): import("react/jsx-runtime").JSX.Element;
+export declare const LaneGuidance: React.MemoExoticComponent<typeof LaneGuidanceComponent>;
+export {};
+//# sourceMappingURL=LaneGuidance.d.ts.map

package/lib/typescript/module/navigation-banner/LaneGuidance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LaneGuidance.d.ts","sourceRoot":"","sources":["../../../../src/navigation-banner/LaneGuidance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAS7C,OAAO,KAAK,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAC;AAsCjE,iBAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,iBAAiB,2CA8CnB;AAED,eAAO,MAAM,YAAY,yDAA8B,CAAC"}

package/lib/typescript/module/navigation-banner/NavigationBanner.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { NavigationBannerProps } from './types';
+/**
+ * THE NEXT MANEUVER, while it is happening.
+ *
+ *   pane        `GlassIsland` at the 16 rung — the guidance is drawn over tiles
+ *               Bloom does not own, and the island is the one material in the
+ *               library priced for that. It is asked for a SURFACE radius
+ *               rather than its default capsule: a banner is a surface, and the
+ *               pill rung belongs to button-like controls.
+ *   tile        56 square, 12 radius, the state's tone as a tint with the
+ *               maneuver glyph in that tone's own accent — the same tile recipe
+ *               `OrderStatusBar` paints, at the size a driver reads without
+ *               focusing.
+ *   glyph       `DIRECTIONS_MANEUVER_ICON`. The SAME map the step list beside
+ *               it uses: two sets of arrows for one vocabulary is two answers
+ *               to the question "which way is slight right".
+ *   headline    the distance, TABULAR, so a reading counting down from 400 m
+ *               does not shuffle the street name under it
+ *   instruction the street, up to two lines
+ *   then        the maneuver after this one, behind a full-bleed hairline
+ *   children    lanes, a speed sign — behind a second hairline, and outside the
+ *               announcement, because each names itself
+ *
+ * ── THE TWO EXCEPTIONAL STATES ARE THIS COMPONENT ───────────────────────────
+ *
+ * `off-route` and `rerouting` take the same strip, in the same place, at the
+ * same moment. A separate surface appearing where this one was is a jump, and
+ * the driver has to find the thing they were already reading. So the state
+ * swaps the glyph, the tone and the headline, and the maneuver — which is no
+ * longer true — stops being announced at all.
+ *
+ * ── THE ROW IS ONE UTTERANCE ────────────────────────────────────────────────
+ *
+ * The glyph is the only thing on screen that says which way to turn, and a
+ * glyph says nothing aloud. The maneuver row is therefore one `img` named by
+ * `describeNavigationBanner`, with its drawn text hidden from assistive
+ * technology so the distance is not read twice. `children` sit OUTSIDE that
+ * name: a lane row and a speed sign each announce themselves.
+ */
+declare function NavigationBannerComponent({ maneuver, distance, instruction, thenManeuver, then, state, children, labels, accessibilityLabel, style, testID, }: NavigationBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare const NavigationBanner: React.MemoExoticComponent<typeof NavigationBannerComponent>;
+export {};
+//# sourceMappingURL=NavigationBanner.d.ts.map

package/lib/typescript/module/navigation-banner/NavigationBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBanner.d.ts","sourceRoot":"","sources":["../../../../src/navigation-banner/NavigationBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAgB7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,iBAAS,yBAAyB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,KAAiB,EACjB,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,2CA8IvB;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/lib/typescript/module/navigation-banner/SpeedLimitPill.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { SpeedLimitPillProps } from './types';
+/**
+ * THE POSTED LIMIT: a round sign, small enough to sit beside the guidance and
+ * legible enough to read off a windscreen mount.
+ *
+ *   sign      48 round with a 4 ring in the tone, on the SAME chrome surface
+ *             every floating map piece paints, with `shadow-s` — so it reads on
+ *             a satellite tile as well as on a pale street map
+ *   number    `title-3-bold`, TABULAR, one line, never truncated
+ *   unit      `caption-2-medium` under the sign, quiet
+ *
+ * ── `exceeded` FILLS THE SIGN, IT DOES NOT BRIGHTEN IT ──────────────────────
+ *
+ * A sign that only changed shade is a sign a driver reads as the same sign; the
+ * change has to be one that survives a glance, in daylight, at an angle. So
+ * over the limit the ring's tone becomes the FILL and the number takes that
+ * fill's own on-colour, which is the pair `resolveAccentColors` already
+ * guarantees is legible. Nothing moves, and nothing flashes: a warning that
+ * animates in a car is a warning that asks for attention the road needs.
+ *
+ * The sign is a CIRCLE because it is a sign, not a capsule of text — the pill
+ * rung is for button-like controls and this is not one.
+ */
+declare function SpeedLimitPillComponent({ limit, unit, exceeded, tone, accessibilityLabel, exceededLabel, style, testID, }: SpeedLimitPillProps): import("react/jsx-runtime").JSX.Element;
+export declare const SpeedLimitPill: React.MemoExoticComponent<typeof SpeedLimitPillComponent>;
+export {};
+//# sourceMappingURL=SpeedLimitPill.d.ts.map

package/lib/typescript/module/navigation-banner/SpeedLimitPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeedLimitPill.d.ts","sourceRoot":"","sources":["../../../../src/navigation-banner/SpeedLimitPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAU7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,uBAAuB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,IAAc,EACd,kBAAkB,EAClB,aAAa,EACb,KAAK,EACL,MAAM,GACP,EAAE,mBAAmB,2CAqDrB;AAED,eAAO,MAAM,cAAc,2DAAgC,CAAC"}

package/lib/typescript/module/navigation-banner/constants.d.ts

@@ -0,0 +1,46 @@
+import type { BloomIconComponent } from '../icons/icon-component';
+import type { AccentTone } from '../theme/accent-colors';
+import type { NavigationBannerState } from './types';
+export interface NavigationBannerGeometry {
+    /** The pane's radius. A banner is a SURFACE, so it takes a rung of the scale, not the pill. */
+    radius: number;
+    /** The pane's padding. */
+    padding: number;
+    /** The maneuver glyph's square. */
+    glyph: number;
+    /** The glyph drawn inside it. */
+    glyphIcon: number;
+    /** The smaller glyph on the "then" line, and on a lane arrow. */
+    smallGlyph: number;
+    /** One lane cell's height. */
+    lane: number;
+    /** One lane cell's minimum width — a cell with one arrow. */
+    laneWidth: number;
+    /** The speed sign's outer diameter. */
+    sign: number;
+    /** The ring around it. */
+    signRing: number;
+}
+/**
+ * 56 for the maneuver glyph is the largest square that leaves the distance
+ * figure room on a 390 phone with the pane's own padding either side, and the
+ * glyph is the one thing on the banner a driver reads without focusing.
+ *
+ * The speed sign is 48 with a 4 ring: below 44 the number stops being legible
+ * at arm's length, and a ring thinner than 4 stops reading as a sign at all.
+ */
+export declare const NAVIGATION_BANNER_GEOMETRY: NavigationBannerGeometry;
+/** The glyph each exceptional state draws in place of a maneuver. */
+export declare const NAVIGATION_STATE_ICON: Readonly<Record<Exclude<NavigationBannerState, 'guiding'>, BloomIconComponent>>;
+/**
+ * The tone each exceptional state paints.
+ *
+ * `rerouting` is `warning` rather than `error`: nothing is wrong yet, the app
+ * is working, and a red banner at that moment tells a driver to act when the
+ * only correct action is to keep driving. `off-route` IS the error — the line
+ * on the map no longer describes where the car is.
+ */
+export declare const NAVIGATION_STATE_TONE: Readonly<Record<Exclude<NavigationBannerState, 'guiding'>, AccentTone>>;
+/** The English default headline for each exceptional state. */
+export declare const NAVIGATION_STATE_LABELS: Readonly<Record<Exclude<NavigationBannerState, 'guiding'>, string>>;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/module/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/module/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/module/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/module/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/module/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/module/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/module/navigation-banner/types.d.ts.map

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

package/lib/typescript/module/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/module/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/module/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/module/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/module/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/module/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"}