@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/typescript/module/checkout-summary/CheckoutConfirm.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { CheckoutConfirmProps } from './types';
+/**
+ * The press that places the order: the words, the amount it commits to, the
+ * terms under it, and the state where it must not fire twice.
+ *
+ *   button   `Button` primary large, full width, "Place order · €24.80"
+ *   terms    12 under it; the centred secondary line every Bloom action card
+ *            draws under its primary (`ActionCardNote`)
+ *   footer   16 under the terms
+ *
+ * ## Why the amount is ON the button
+ *
+ * The number a press commits to and the press are one decision. A total
+ * elsewhere on the screen and a button reading "Place order" are two, and the
+ * gap between them is where a reader confirms a figure they last saw before a
+ * tip picker changed it.
+ *
+ * ## Why there are TWO guards against a double order
+ *
+ * `busy` is the app's: while the order is in flight the button spins and every
+ * press is dropped. It is not enough on its own — a press calls `onConfirm`,
+ * the app sets its state, and `busy` only reaches this component on the NEXT
+ * commit; the second tap of a double-tap lands inside that window and places a
+ * second order. So the component also latches on its own press, synchronously,
+ * in a ref: state would not do, because two presses in one tick both read the
+ * same render's value.
+ *
+ * The latch clears on the first commit where `busy` is false again — so an app
+ * that never sets `busy` (a confirm that navigates away, a demo) gets exactly
+ * one press per tick and is never wedged, and an app that does keeps the button
+ * inert for the whole flight.
+ */
+declare function CheckoutConfirmComponent({ label, amount, terms, onConfirm, disabled, busy, busyLabel, footer, style, testID, }: CheckoutConfirmProps): import("react/jsx-runtime").JSX.Element;
+export declare const CheckoutConfirm: React.MemoExoticComponent<typeof CheckoutConfirmComponent>;
+export {};
+//# sourceMappingURL=CheckoutConfirm.d.ts.map

package/lib/typescript/module/checkout-summary/CheckoutConfirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutConfirm.d.ts","sourceRoot":"","sources":["../../../../src/checkout-summary/CheckoutConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAU9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,iBAAS,wBAAwB,CAAC,EAChC,KAA8B,EAC9B,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,IAAY,EACZ,SAAuC,EACvC,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CAkDtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/module/checkout-summary/CheckoutSummary.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { CheckoutSummaryProps } from './types';
+/**
+ * Review and confirm: where it goes, when, how it is paid, what it costs, and
+ * the note to the seller — each shown as its chosen value, each opening the
+ * thing that changes it.
+ *
+ *   group    one surface rung above whatever it was dropped on, radius 16, a
+ *            hairline, with 1px rules between rows
+ *   rows     `CheckoutSummaryRow`, in the order a buyer checks them
+ *   totals   `price-breakdown`'s `PriceSummary`, inside the group under a rule,
+ *            16 all round
+ *   confirm  `CheckoutConfirm`, 20 under the group and OUTSIDE it: the group is
+ *            a list of decisions and the button is the consequence
+ *
+ * ## What this family does not own
+ *
+ * The totals are `PriceSummary` and nothing else — no second breakdown, no
+ * arithmetic, and every amount is a string the app formatted. The address row
+ * is `address`'s own `AddressRow`. Tracking, afterwards, is `order-status`.
+ * The payment row is a SLOT: the payment-method row is its own family, and a
+ * placeholder drawn here would be a second spelling of it.
+ *
+ * ## Why the address row nests
+ *
+ * `AddressRow` is `Item` with an address's slots filled in — the tile, the
+ * badge beside the title, the name joined from the row's own text. Reaching for
+ * it here rather than redrawing two lines is the whole point; it goes INSIDE
+ * the summary row's value column with `leading={null}` (the row already drew
+ * the gutter, which is the case `AddressRow` documents) and with `Item`'s
+ * padding reset, so there is one row's chrome rather than two.
+ */
+declare function CheckoutSummaryComponent({ title, address, delivery, payment, note, extras, price, confirm, children, accessibilityLabel, style, testID, }: CheckoutSummaryProps): import("react/jsx-runtime").JSX.Element;
+export declare const CheckoutSummary: React.MemoExoticComponent<typeof CheckoutSummaryComponent>;
+export {};
+//# sourceMappingURL=CheckoutSummary.d.ts.map

package/lib/typescript/module/checkout-summary/CheckoutSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutSummary.d.ts","sourceRoot":"","sources":["../../../../src/checkout-summary/CheckoutSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAwBpD,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgBzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,wBAAwB,CAAC,EAChC,KAA2B,EAC3B,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CA0HtB;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/module/checkout-summary/CheckoutSummaryRow.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { CheckoutSummaryRowProps } from './types';
+/**
+ * One decision, as a row: what it is, what was chosen, and the press that
+ * changes it.
+ *
+ *   tile      40 round, one surface step off the group behind the row, with a
+ *             20 glyph in the secondary rung — `address`'s own geometry, so a
+ *             summary and an address list line up
+ *   label     caption-2-bold uppercase secondary; the row is read label-first
+ *             because every row in the group is a different QUESTION
+ *   value     body-medium, up to two lines, falling back to the placeholder
+ *   detail    body-2-regular secondary
+ *   chevron   20, tertiary, decorative — the whole row is the button
+ *
+ * It is `Item` with those slots filled in: the press target, the hover and
+ * press paint, the density rungs, the disabled opacity and the a11y role are
+ * `Item`'s job, and this family owns no second copy of any of them.
+ *
+ * The label/value pair is a CAPTION OVER A VALUE rather than a title with the
+ * value on the right, which is the other row Bloom draws (`SettingsListItem`).
+ * The difference is the length: a settings value is a word, and a checkout
+ * value is an address, a window and a card number — none of which fits in the
+ * right half of a 390 row without truncating the thing the reader came to
+ * check.
+ */
+declare function CheckoutSummaryRowComponent({ label, icon: Icon, leading, value, placeholder, detail, badge, content, onPress, disabled, accessibilityHint, accessibilityLabel, style, testID, }: CheckoutSummaryRowProps): import("react/jsx-runtime").JSX.Element;
+export declare const CheckoutSummaryRow: React.MemoExoticComponent<typeof CheckoutSummaryRowComponent>;
+export {};
+//# sourceMappingURL=CheckoutSummaryRow.d.ts.map

package/lib/typescript/module/checkout-summary/CheckoutSummaryRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutSummaryRow.d.ts","sourceRoot":"","sources":["../../../../src/checkout-summary/CheckoutSummaryRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAiB7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,2BAA2B,CAAC,EACnC,KAAK,EACL,IAAI,EAAE,IAAI,EACV,OAAO,EACP,KAAK,EACL,WAAsC,EACtC,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,uBAAuB,2CA0GzB;AAED,eAAO,MAAM,kBAAkB,+DAAoC,CAAC"}

package/lib/typescript/module/checkout-summary/constants.d.ts

@@ -0,0 +1,39 @@
+import type { BloomIconComponent } from '../icons/icon-component';
+/**
+ * The default glyph for each of the four rows a buyer checks. A caller that
+ * wants a different one passes `icon`; these exist so the common summary reads
+ * correctly with four strings and four handlers.
+ */
+export declare const CHECKOUT_ROW_ICON: Record<'address' | 'delivery' | 'payment' | 'note', BloomIconComponent>;
+/** Drawn in place of the value while nothing is chosen. */
+export declare const CHECKOUT_ROW_PLACEHOLDER = "Not chosen yet";
+/** The row's hint: what pressing it opens. */
+export declare const CHECKOUT_ROW_HINT = "Opens the picker";
+/** The default words on the confirm control. */
+export declare const CHECKOUT_CONFIRM_LABEL = "Place order";
+export declare const CHECKOUT_CONFIRM_BUSY_LABEL = "Placing your order";
+/**
+ * The separator between the confirm label and the amount. A MIDDLE DOT rather
+ * than a hyphen: "Place order - €24.80" reads as a subtraction at a glance in
+ * a row that is otherwise full of money.
+ */
+export declare const CHECKOUT_AMOUNT_SEPARATOR = " \u00B7 ";
+/**
+ * The tile a row's glyph sits in. 40 is `address`'s own comfortable rung
+ * (`ADDRESS_GEOMETRY`), which is what lines a summary row up with an `Avatar`
+ * at `lg` — a summary that mixes a place and a courier must not step sideways
+ * at the avatar.
+ */
+export declare const CHECKOUT_ROW_TILE = 40;
+export declare const CHECKOUT_ROW_GLYPH = 20;
+/** The trailing chevron. */
+export declare const CHECKOUT_ROW_CHEVRON = 20;
+/** Between the label and the value, and between the value and the detail. */
+export declare const CHECKOUT_ROW_TEXT_GAP = 2;
+/** The group's corner, matching every other card-sized surface in the library. */
+export declare const CHECKOUT_GROUP_RADIUS = 16;
+/** Between the group, the children, the totals and the confirm control. */
+export declare const CHECKOUT_SECTION_GAP = 20;
+/** Inside the group's own padding, around the totals. */
+export declare const CHECKOUT_PRICE_PADDING = 16;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/module/checkout-summary/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/checkout-summary/constants.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,EAAE,kBAAkB,CAKrG,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,wBAAwB,mBAAmB,CAAC;AAEzD,8CAA8C;AAC9C,eAAO,MAAM,iBAAiB,qBAAqB,CAAC;AAEpD,gDAAgD;AAChD,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AACpD,eAAO,MAAM,2BAA2B,uBAAuB,CAAC;AAEhE;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,aAAQ,CAAC;AAE/C;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,4BAA4B;AAC5B,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC,6EAA6E;AAC7E,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC,yDAAyD;AACzD,eAAO,MAAM,sBAAsB,KAAK,CAAC"}

package/lib/typescript/module/checkout-summary/index.d.ts

@@ -0,0 +1,8 @@
+export { CheckoutConfirm } from './CheckoutConfirm';
+export { CheckoutSummary } from './CheckoutSummary';
+export { CheckoutSummaryRow } from './CheckoutSummaryRow';
+export { CHECKOUT_AMOUNT_SEPARATOR, CHECKOUT_CONFIRM_BUSY_LABEL, CHECKOUT_CONFIRM_LABEL, CHECKOUT_GROUP_RADIUS, CHECKOUT_ROW_HINT, CHECKOUT_ROW_ICON, CHECKOUT_ROW_PLACEHOLDER, CHECKOUT_ROW_TILE, } from './constants';
+export { checkoutConfirmLabel, checkoutRowName, resolveCheckoutPaint } from './shared';
+export type { CheckoutSummaryPaint } from './shared';
+export type { CheckoutAddressSummary, CheckoutConfirmProps, CheckoutSummaryLine, CheckoutSummaryProps, CheckoutSummaryRowProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/checkout-summary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/checkout-summary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACvF,YAAY,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACrD,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,SAAS,CAAC"}

package/lib/typescript/module/checkout-summary/shared.d.ts

@@ -0,0 +1,27 @@
+/**
+ * What a checkout summary paints, read RELATIVE to the surface it was dropped
+ * on (`styles/surface-levels.ts`): the review is a page on a phone, a column
+ * beside a basket on a desktop, and a sheet over a menu — three different
+ * fills, and a tile colour picked by eye vanishes on one of them.
+ *
+ * Pure, so `CheckoutSummary.test.tsx` can walk presets and modes without
+ * rendering.
+ */
+import { type SurfaceTextPaint } from '../styles/surface-levels';
+import type { Theme } from '../theme/types';
+export interface CheckoutSummaryPaint extends SurfaceTextPaint {
+    /** The round tile a row's glyph sits in — one step off the group's own fill. */
+    tile: string;
+}
+export declare function resolveCheckoutPaint(theme: Theme, surface: string): CheckoutSummaryPaint;
+/**
+ * The row's announced name: the label, then whatever the row is showing.
+ *
+ * Deliberately "Delivery window: Today, 17:00 – 19:00" and not "Change
+ * delivery window" — a reader moving through the summary wants the DECISIONS
+ * read back, and what the press does belongs in the hint.
+ */
+export declare function checkoutRowName(label: string, value: string | undefined): string;
+/** "Place order" + "€24.80" → "Place order · €24.80". */
+export declare function checkoutConfirmLabel(label: string, amount: string | undefined): string;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/module/checkout-summary/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/checkout-summary/shared.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAgC,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,GAAG,oBAAoB,CAKxF;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEhF;AAED,yDAAyD;AACzD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEtF"}

package/lib/typescript/module/checkout-summary/types.d.ts

@@ -0,0 +1,141 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { AddressKind } from '../address';
+import type { BloomIconComponent } from '../icons/icon-component';
+import type { PriceSummaryProps } from '../price-breakdown';
+/**
+ * ONE row of the review: what was chosen, and the thing that changes it.
+ *
+ * The row is the summary AND the trigger. A label with a "Change" button beside
+ * it gives a reader two targets for one decision and a screen reader two stops
+ * that do not mention each other; here the whole row is the button, its name is
+ * "<label>: <value>", and the chevron is decoration.
+ */
+export interface CheckoutSummaryLine {
+    /** Stable key. Defaults to the index. */
+    id?: string;
+    /** What the row is FOR — "Delivery window", "Note for the shop". */
+    label: string;
+    /** The glyph in the leading tile. */
+    icon?: BloomIconComponent;
+    /**
+     * The chosen value, PRE-FORMATTED — "Today, 17:00 – 19:00", "€24.80". This
+     * family formats no dates and no money.
+     */
+    value?: string;
+    /** Drawn in place of the value while nothing is chosen. Default `"Not chosen yet"`. */
+    placeholder?: string;
+    /** A quieter third line — "Standard delivery", "Leave at the door". */
+    detail?: string;
+    /** A node beside the value — a `Badge` ("Free"), a `Chip`. */
+    badge?: ReactNode;
+    /** Opens whatever changes this row. Without it the row is a static summary. */
+    onPress?: () => void;
+    disabled?: boolean;
+    /**
+     * What pressing the row does, announced as the row's hint. Default
+     * `"Opens the picker"`; it is a HINT and not part of the name, so a reader
+     * scanning the summary hears the values rather than "Change" five times.
+     */
+    accessibilityHint?: string;
+    /** Defaults to `"<label>: <value>"`. */
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface CheckoutSummaryRowProps extends CheckoutSummaryLine {
+    /**
+     * Replaces the value/detail column — an `AddressRow`, a two-line receipt, a
+     * row of chips. The label and the chevron stay.
+     */
+    content?: ReactNode;
+    /**
+     * An arbitrary leading node instead of the glyph tile. Read for PRESENCE:
+     * `leading={null}` draws no media at all.
+     */
+    leading?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/** The "where it goes" row, drawn with `address`'s own `AddressRow`. */
+export interface CheckoutAddressSummary {
+    /** Default `"Deliver to"`. */
+    label?: string;
+    /** The line the place is recognised by — "Home", "Carrer de l’Om 14". */
+    title: string;
+    /** The rest of it — "Carrer de l’Om 14, 2nd floor". */
+    subtitle?: string;
+    /** Chooses the glyph in the row's tile. Default `place`. */
+    kind?: AddressKind;
+    /** The glyph, overriding whatever `kind` would have chosen. */
+    icon?: BloomIconComponent;
+    /** A node after the title — a `Badge` ("Default"). */
+    badge?: ReactNode;
+    /** Opens the address picker. */
+    onPress?: () => void;
+    disabled?: boolean;
+    accessibilityHint?: string;
+    testID?: string;
+}
+export interface CheckoutConfirmProps {
+    /** Default `"Place order"`. */
+    label?: string;
+    /**
+     * The amount the press commits to, PRE-FORMATTED, drawn on the button after
+     * the label. It is on the BUTTON rather than beside it because the number a
+     * press commits to and the press are one decision.
+     */
+    amount?: string;
+    /**
+     * The terms line under the button — a string, or a node with links in it.
+     * `null` draws none.
+     */
+    terms?: ReactNode;
+    /** Called at most once per busy cycle. */
+    onConfirm?: () => void;
+    disabled?: boolean;
+    /**
+     * The order is being placed: spinner, and every further press is dropped.
+     *
+     * The component ALSO latches on its own press, because the app's `busy`
+     * arrives a render later and the second tap of a double-tap lands inside that
+     * window. The latch clears when `busy` goes back to `false`.
+     */
+    busy?: boolean;
+    /** Announced while busy, in place of the button's own name. Default `"Placing your order"`. */
+    busyLabel?: string;
+    /** Under the terms line — "Cancel", a help link. */
+    footer?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface CheckoutSummaryProps {
+    /** The heading above the rows. `null` draws none. */
+    title?: string | null;
+    /** Where it goes. */
+    address?: CheckoutAddressSummary;
+    /** When it comes. */
+    delivery?: CheckoutSummaryLine;
+    /**
+     * How it is paid — a SLOT, because the payment-method row is its own family.
+     * Anything that renders as a row goes here; `CheckoutSummaryRow` is exported
+     * so an app with no payment family yet can draw one in the same register.
+     */
+    payment?: ReactNode;
+    /** The note to the seller. */
+    note?: CheckoutSummaryLine;
+    /** Anything else this order needs a decision about, appended after the note. */
+    extras?: readonly CheckoutSummaryLine[];
+    /**
+     * What it costs — `price-breakdown`'s `PriceSummary`, passed through. There
+     * is no second breakdown in this family and no arithmetic anywhere.
+     */
+    price?: PriceSummaryProps;
+    /** The confirm control under the totals. */
+    confirm?: CheckoutConfirmProps;
+    /** Between the rows and the totals — a promo field, a tip picker. */
+    children?: ReactNode;
+    /** Names the summary. Default the title, then `"Order summary"`. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/checkout-summary/types.d.ts.map

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

package/lib/typescript/module/content-panel/ContentPanel.web.d.ts

@@ -8,10 +8,10 @@
  *
  *  1. BLEED-MASK overlay (`z-30`): a `box-shadow` ring in the GUTTER color
  *     (Bloom `background` token) drawn OVER content that bleeds into the thin
- *     lateral gutter / rounded corners. `clip-path: inset(-12px)` keeps that
- *     ring off the side columns. It sits below opaque chrome (headers/banners),
+ *     lateral gutter / rounded corners. The clip stays within the panel’s horizontal bounds
+ *     and covers the full declared vertical insets. It sits below opaque chrome (headers/banners),
  *     so it only masks the content's bleed, never the chrome. No border.
- *     (`clip-path` MUST be the arbitrary class — RN-web drops it from `style`.)
+ *     (`clip-path` lives in the adopted sheet — RN-web drops it from `style`.)
  *
  *  2. BORDER-FRAME overlay (`z-[120]`): a single 1px rounded `border-border`
  *     outline with a transparent interior, ABOVE all content. Being one element
@@ -44,9 +44,12 @@
  * "100% of my own height" at all).
  *
  * The bleed-mask's `clip-path` also changes with the mode, not just its box
- * size: `inset(-12px)` (viewport mode) is a deliberate small halo — the
- * `box-shadow`'s `GUTTER_MASK_SPREAD` is 40px, and the clip-path caps how much
- * of that is actually allowed to paint past the box edge. A document-scroll
+ * size: viewport mode allows just 1px of horizontal overlap, while the vertical
+ * halo and shadow expand to cover overlayInset. A former 12px horizontal halo
+ * painted over a neighbouring sidebar Fab when navigationGap was zero. A 1px
+ * horizontal overlap now covers device-pixel rounding without reaching that Fab. The old fixed inset(-12px)
+ * leaked a 4px strip with a 16px gutter and could not cover a 72px header
+ * inset. GUTTER_MASK_SPREAD (40px) remains the minimum shadow spread. A document-scroll
  * consumer has nothing else positioned right above/below the panel for that
  * halo to land on. A bounded-shell consumer might — the whole reason for
  * `overlaySizing="panel"` is that something IS placed right outside the panel

package/lib/typescript/module/content-panel/ContentPanel.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPanel.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/ContentPanel.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AAapC,OAAO,KAAK,EAAgC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/E,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,6DAA6D;AAC7D,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAsNpC,eAAO,MAAM,YAAY,+CAA8B,CAAC"}
+{"version":3,"file":"ContentPanel.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/ContentPanel.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AACH,OAAO,KAAmC,MAAM,OAAO,CAAC;AAexD,OAAO,KAAK,EAAgC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/E,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,6DAA6D;AAC7D,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAoPpC,eAAO,MAAM,YAAY,+CAA8B,CAAC"}

package/lib/typescript/module/delivery-slot/DeliverySlotDays.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { DeliverySlotDaysProps } from './types';
+/**
+ * The days across the top: which day's windows are listed below.
+ *
+ *   tile     `SelectChip shape="day"` — 56 wide, radius 12, a hairline at rest,
+ *            a neutral wash under a pointer, INVERTED when chosen
+ *   text     the weekday caption-1-regular over the date headline-semibold in
+ *            tabular figures, so a two-digit date does not widen the tile
+ *   strip    `ChipRow`, 8 apart, which supplies the sideways scroll, the fade
+ *            at whichever edge has more behind it, and the room a focus ring
+ *            needs so the outline is not clipped by its own scroller
+ *   unavailable  struck through at the disabled opacity, not pressable
+ *
+ * Both parts are the library's. `SelectChip` is the day tile Bloom already
+ * draws for scheduling a viewing — a day picked out of a strip is one thing,
+ * not one per app — and `ChipRow` is the sideways scroller five filter rows
+ * share. Nothing here is a new shape.
+ *
+ * It announces as a `radiogroup` of `radio`s, which is what the control IS: one
+ * day of several, exactly one chosen. The WINDOWS are their own group — two
+ * choices, two groups, rather than one group a reader has to infer the halves
+ * of.
+ */
+declare function DeliverySlotDaysComponent({ days, value, onChange, accessibilityLabel, disabled, fadeColor, style, testID, }: DeliverySlotDaysProps): import("react/jsx-runtime").JSX.Element;
+export declare const DeliverySlotDays: React.MemoExoticComponent<typeof DeliverySlotDaysComponent>;
+export {};
+//# sourceMappingURL=DeliverySlotDays.d.ts.map

package/lib/typescript/module/delivery-slot/DeliverySlotDays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliverySlotDays.d.ts","sourceRoot":"","sources":["../../../../src/delivery-slot/DeliverySlotDays.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,yBAAyB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,kBAAuC,EACvC,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,2CA6CvB;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/lib/typescript/module/delivery-slot/DeliverySlotOption.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { DeliverySlotOptionProps } from './types';
+/**
+ * One choosable slot: the window, what class of service it is and what is left
+ * of it, and what it costs.
+ *
+ *   dot      `RadioIndicator` at 20 (`Radio`'s `lg` rung — the row is two lines
+ *            tall, and the 16 dot read as a bullet beside it)
+ *   label    the row's own rung, with an optional glyph before it and a `Badge`
+ *            after it
+ *   detail   body-2-regular secondary — the tier, the capacity, the note, or
+ *            just "Sold out"
+ *   price    body-medium in TABULAR figures at the end, so a column of
+ *            surcharges lines up
+ *   box      radius 12, a hairline at rest; the chosen row takes the text
+ *            colour for its border and one surface step for its fill
+ *
+ * It is `Item` with `role="radio"`: the press target, the hover and press
+ * paint, the disabled opacity and — the part worth naming — the `aria-checked`
+ * that role scopes are all `Item`'s, which is why this is a radio rather than a
+ * pressable that happens to look selected. A sold-out window is `disabled`, so
+ * it announces as unavailable instead of merely being drawn pale.
+ */
+declare function DeliverySlotOptionComponent({ label, detail, price, badge, icon: Icon, selected, disabled, onPress, accessibilityLabel, style, testID, }: DeliverySlotOptionProps): import("react/jsx-runtime").JSX.Element;
+export declare const DeliverySlotOption: React.MemoExoticComponent<typeof DeliverySlotOptionComponent>;
+export {};
+//# sourceMappingURL=DeliverySlotOption.d.ts.map

package/lib/typescript/module/delivery-slot/DeliverySlotOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliverySlotOption.d.ts","sourceRoot":"","sources":["../../../../src/delivery-slot/DeliverySlotOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAU7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,2BAA2B,CAAC,EACnC,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,IAAI,EAAE,IAAI,EACV,QAAgB,EAChB,QAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,uBAAuB,2CA0EzB;AAED,eAAO,MAAM,kBAAkB,+DAAoC,CAAC"}

package/lib/typescript/module/delivery-slot/DeliverySlotPicker.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { DeliverySlotPickerProps } from './types';
+/**
+ * When: a day, then a window of that day — or the next courier.
+ *
+ *   field    standalone, the whole picker IS a `Field` (`multiple`), so one
+ *            label names the choice, one `error` puts it in its invalid state,
+ *            and one `disabled` reaches the strip and every option. Dropped
+ *            inside somebody else's `Field` it renders no second one and reads
+ *            theirs instead.
+ *   days     `DeliverySlotDays`, a `radiogroup` of day tiles
+ *   options  16 under the strip; a `radiogroup` of `DeliverySlotOption`s 8
+ *            apart, the ASAP option at the head of it
+ *   loading  placeholder rows announced as busy — the windows are RELOADED when
+ *            the day changes, and an empty list during that reload reads as
+ *            "nothing left today"
+ *   empty    `EmptyState` at the panel rung
+ *
+ * ## It is a selection, so it is a radio group
+ *
+ * Not a set of pressables that happen to look selected. The difference is what
+ * a screen reader says: a `radiogroup` announces the name of the choice and
+ * "3 of 7", and each row announces whether it is the chosen one. Pressables
+ * announce seven unrelated buttons, one of which is drawn differently.
+ *
+ * ## It computes nothing
+ *
+ * Every window, every price and every reading is a string the app formatted.
+ * The only ordering this family does is the order it was handed.
+ */
+declare function DeliverySlotPickerComponent({ label, description, error, required, disabled, dayLabel, emptyTitle, emptyDescription, soldOutLabel, loadingRows, style, testID, ...rest }: DeliverySlotPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare const DeliverySlotPicker: React.MemoExoticComponent<typeof DeliverySlotPickerComponent>;
+export {};
+//# sourceMappingURL=DeliverySlotPicker.d.ts.map

package/lib/typescript/module/delivery-slot/DeliverySlotPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliverySlotPicker.d.ts","sourceRoot":"","sources":["../../../../src/delivery-slot/DeliverySlotPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAyB7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAwJvD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,iBAAS,2BAA2B,CAAC,EACnC,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAA6B,EAC7B,UAAiC,EACjC,gBAA6C,EAC7C,YAAsC,EACtC,WAAe,EACf,KAAK,EACL,MAAM,EACN,GAAG,IAAI,EACR,EAAE,uBAAuB,2CA2CzB;AAED,eAAO,MAAM,kBAAkB,+DAAoC,CAAC"}

package/lib/typescript/module/delivery-slot/constants.d.ts

@@ -0,0 +1,34 @@
+import type { DeliveryTier } from './types';
+/** The words a tier is drawn and announced with. */
+export declare const DELIVERY_TIER_LABELS: Record<DeliveryTier, string>;
+/** What a taken window says. */
+export declare const DELIVERY_SOLD_OUT_LABEL = "Sold out";
+/** The option that belongs to no day. */
+export declare const DELIVERY_ASAP_LABEL = "As soon as possible";
+/** The field's own name, which is also the radio group's. */
+export declare const DELIVERY_FIELD_LABEL = "Delivery time";
+export declare const DELIVERY_DAY_LABEL = "Day";
+/** What there is to say when a day has nothing left. */
+export declare const DELIVERY_EMPTY_TITLE = "No windows left";
+export declare const DELIVERY_EMPTY_DESCRIPTION = "Pick another day, or take the next courier.";
+/**
+ * The radio dot at the head of an option row. 20 is `Radio`'s `lg` rung: the
+ * row it marks is two lines tall, and the 16 `md` dot read as a bullet beside
+ * it rather than as the control.
+ */
+export declare const DELIVERY_DOT = 20;
+/** The glyph the ASAP row draws instead of a dot, when it is not chosen. */
+export declare const DELIVERY_GLYPH = 20;
+/** Between the day strip and the options, and between the options. */
+export declare const DELIVERY_SECTION_GAP = 16;
+export declare const DELIVERY_OPTION_GAP = 8;
+/**
+ * The option row's corner and border. Radius 12 is the field rung every picker
+ * in the library draws its choosable boxes at; the row is bordered rather than
+ * washed because an unbordered list of windows and a bordered day strip above
+ * it read as two different controls.
+ */
+export declare const DELIVERY_OPTION_RADIUS = 12;
+/** The separator between the parts of an option's detail line. */
+export declare const DELIVERY_DETAIL_SEPARATOR = " \u00B7 ";
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/module/delivery-slot/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/delivery-slot/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,oDAAoD;AACpD,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG7D,CAAC;AAEF,gCAAgC;AAChC,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAElD,yCAAyC;AACzC,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,6DAA6D;AAC7D,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AACpD,eAAO,MAAM,kBAAkB,QAAQ,CAAC;AAExC,wDAAwD;AACxD,eAAO,MAAM,oBAAoB,oBAAoB,CAAC;AACtD,eAAO,MAAM,0BAA0B,gDAAgD,CAAC;AAExF;;;;GAIG;AACH,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,4EAA4E;AAC5E,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,sEAAsE;AACtE,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,kEAAkE;AAClE,eAAO,MAAM,yBAAyB,aAAQ,CAAC"}

package/lib/typescript/module/delivery-slot/index.d.ts

@@ -0,0 +1,8 @@
+export { DeliverySlotDays } from './DeliverySlotDays';
+export { DeliverySlotOption } from './DeliverySlotOption';
+export { DeliverySlotPicker } from './DeliverySlotPicker';
+export { DELIVERY_ASAP_LABEL, DELIVERY_DAY_LABEL, DELIVERY_EMPTY_DESCRIPTION, DELIVERY_EMPTY_TITLE, DELIVERY_FIELD_LABEL, DELIVERY_OPTION_RADIUS, DELIVERY_SOLD_OUT_LABEL, DELIVERY_TIER_LABELS, } from './constants';
+export { joinDeliveryParts, resolveDeliverySlotPaint, windowDetail, windowName } from './shared';
+export type { DeliverySlotPaint } from './shared';
+export type { DeliveryAsapOption, DeliveryDay, DeliverySlotDaysProps, DeliverySlotOptionProps, DeliverySlotPickerProps, DeliveryTier, DeliveryWindow, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/delivery-slot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/delivery-slot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACjG,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,YAAY,EACZ,cAAc,GACf,MAAM,SAAS,CAAC"}

package/lib/typescript/module/delivery-slot/shared.d.ts

@@ -0,0 +1,35 @@
+/**
+ * What the picker paints, and the two joins that decide what a screen reader
+ * says about a window.
+ *
+ * The paint is read RELATIVE to the surface the picker was dropped on
+ * (`styles/surface-levels.ts`): a delivery picker is a step of a checkout page,
+ * a sheet over a basket and a panel beside a map, and an option border picked
+ * by eye disappears on one of the three.
+ *
+ * Pure, so `DeliverySlot.test.tsx` can walk presets and modes without
+ * rendering.
+ */
+import { type SurfaceTextPaint } from '../styles/surface-levels';
+import type { Theme } from '../theme/types';
+import type { DeliveryTier, DeliveryWindow } from './types';
+export interface DeliverySlotPaint extends SurfaceTextPaint {
+    /** An unchosen option's border. */
+    border: string;
+    /** The chosen option's wash. */
+    selected: string;
+}
+export declare function resolveDeliverySlotPaint(theme: Theme, surface: string): DeliverySlotPaint;
+/** Joins the non-empty parts of a line with the family's separator. */
+export declare function joinDeliveryParts(parts: ReadonlyArray<string | false | null | undefined>, separator?: string): string | undefined;
+/**
+ * The line under a window: what class of service it is, and what is left of it.
+ *
+ * A SOLD-OUT window says only that. The tier and the capacity of a window
+ * nobody can take are facts about a thing that is not on offer, and reading
+ * them out after "Sold out" is how a reader ends up tapping it.
+ */
+export declare function windowDetail(window: DeliveryWindow, tierLabels?: Partial<Record<DeliveryTier, string>>, soldOutLabel?: string): string | undefined;
+/** The window's announced name: the window, then everything true about it. */
+export declare function windowName(window: DeliveryWindow, tierLabels?: Partial<Record<DeliveryTier, string>>, soldOutLabel?: string): string;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/module/delivery-slot/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/delivery-slot/shared.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAA4C,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC3G,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,GAAG,iBAAiB,CAMzF;AAED,uEAAuE;AACvE,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EACvD,SAAS,GAAE,MAAkC,GAC5C,MAAM,GAAG,SAAS,CAKpB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,cAAc,EACtB,UAAU,GAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAM,EACtD,YAAY,GAAE,MAAgC,GAC7C,MAAM,GAAG,SAAS,CAIpB;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CACxB,MAAM,EAAE,cAAc,EACtB,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,EAClD,YAAY,CAAC,EAAE,MAAM,GACpB,MAAM,CAMR"}