@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/module/checkout-summary/CheckoutSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","AddressRow","Divider","PriceSummary","SurfaceLevelProvider","surfaceFillVars","useSurfaceLevel","useSurfaceLevelValue","useTheme","Text","CheckoutConfirm","CheckoutSummaryRow","CHECKOUT_GROUP_RADIUS","CHECKOUT_PRICE_PADDING","CHECKOUT_ROW_ICON","CHECKOUT_SECTION_GAP","checkoutRowName","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NESTED_ROW_STYLE","paddingVertical","paddingLeft","paddingRight","minHeight","CheckoutSummaryComponent","title","address","delivery","payment","note","extras","price","confirm","children","accessibilityLabel","style","testID","theme","level","own","id","part","undefined","line","row","fallbackIcon","key","label","icon","value","placeholder","detail","badge","onPress","disabled","accessibilityHint","rows","push","subtitle","filter","Boolean","join","content","kind","leading","forEach","index","raised","Math","min","variant","role","color","colors","text","marginBottom","borderRadius","borderWidth","borderColor","border","backgroundColor","background","overflow","fill","map","length","padding","marginTop","CheckoutSummary","displayName"],"sourceRoot":"../../../src","sources":["checkout-summary/CheckoutSummary.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/checkout-summary/CheckoutSummaryRow.js

@@ -0,0 +1,155 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiArrowRightSLine } from "../icons/remix/RiArrowRightSLine.js";
+import { Item } from "../item/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { CHECKOUT_ROW_CHEVRON, CHECKOUT_ROW_GLYPH, CHECKOUT_ROW_HINT, CHECKOUT_ROW_PLACEHOLDER, CHECKOUT_ROW_TEXT_GAP, CHECKOUT_ROW_TILE } from "./constants.js";
+import { checkoutRowName, resolveCheckoutPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+function CheckoutSummaryRowComponent({
+  label,
+  icon: Icon,
+  leading,
+  value,
+  placeholder = CHECKOUT_ROW_PLACEHOLDER,
+  detail,
+  badge,
+  content,
+  onPress,
+  disabled = false,
+  accessibilityHint,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveCheckoutPaint(theme, surface), [theme, surface]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const chosen = value != null && value !== '';
+  const shown = chosen ? value : placeholder;
+
+  // `leading` is read for PRESENCE, not truthiness: `leading={null}` is a row
+  // that draws no media, for a group that already has a gutter of its own —
+  // and `??` would have quietly given it the tile instead.
+  const media = leading !== undefined ? leading : Icon ? /*#__PURE__*/_jsx(View, {
+    testID: id('tile'),
+    style: {
+      width: CHECKOUT_ROW_TILE,
+      height: CHECKOUT_ROW_TILE,
+      borderRadius: CHECKOUT_ROW_TILE / 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: paint.tile
+    },
+    children: /*#__PURE__*/_jsx(Icon, {
+      width: CHECKOUT_ROW_GLYPH,
+      height: CHECKOUT_ROW_GLYPH,
+      fill: paint.textSecondary
+    })
+  }) : null;
+  const body =
+  /*#__PURE__*/
+  // `flex: 1` + `minWidth: 0`: `Item` gives `children` no column of its own,
+  // and a one-line Text is `nowrap` on web, so without the floor the row's
+  // min-content width becomes the whole value string and the page scrolls
+  // sideways instead of the value truncating.
+  _jsxs(View, {
+    style: {
+      flex: 1,
+      minWidth: 0,
+      gap: CHECKOUT_ROW_TEXT_GAP
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "caption-2-bold",
+      numberOfLines: 1,
+      testID: id('label'),
+      style: {
+        color: paint.textSecondary,
+        textTransform: 'uppercase'
+      },
+      children: label
+    }), content !== undefined ? content : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6,
+          minWidth: 0
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          numberOfLines: 2,
+          testID: id('value'),
+          style: {
+            flexShrink: 1,
+            minWidth: 0,
+            color: chosen ? paint.text : paint.textTertiary
+          },
+          children: shown
+        }), badge]
+      }), detail ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: id('detail'),
+        style: {
+          color: paint.textSecondary
+        },
+        children: detail
+      }) : null]
+    })]
+  });
+  return /*#__PURE__*/_jsx(Item, {
+    leading: media,
+    trailing: onPress ? /*#__PURE__*/_jsx(RiArrowRightSLine, {
+      width: CHECKOUT_ROW_CHEVRON,
+      height: CHECKOUT_ROW_CHEVRON,
+      fill: paint.textTertiary
+    }) : null,
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityLabel: accessibilityLabel ?? checkoutRowName(label, chosen ? value : placeholder)
+    // NATIVE ONLY, and knowingly: react-native-web has no `accessibilityHint`
+    // — no mapping at all, not a wrong one — so on web the affordance is the
+    // `button` role plus the chevron and this says nothing. Recorded in
+    // `docs/checkout-summary.mdx` and pinned in `CheckoutSummary.test.tsx`
+    // rather than swapped for an `aria-describedby` that native would then
+    // announce twice.
+    ,
+    accessibilityHint: onPress ? accessibilityHint ?? CHECKOUT_ROW_HINT : accessibilityHint,
+    style: style,
+    testID: testID,
+    children: body
+  });
+}
+export const CheckoutSummaryRow = /*#__PURE__*/memo(CheckoutSummaryRowComponent);
+CheckoutSummaryRow.displayName = 'CheckoutSummaryRow';
+//# sourceMappingURL=CheckoutSummaryRow.js.map

package/lib/module/checkout-summary/CheckoutSummaryRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiArrowRightSLine","Item","useSurfaceFill","useTheme","Text","CHECKOUT_ROW_CHEVRON","CHECKOUT_ROW_GLYPH","CHECKOUT_ROW_HINT","CHECKOUT_ROW_PLACEHOLDER","CHECKOUT_ROW_TEXT_GAP","CHECKOUT_ROW_TILE","checkoutRowName","resolveCheckoutPaint","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CheckoutSummaryRowComponent","label","icon","Icon","leading","value","placeholder","detail","badge","content","onPress","disabled","accessibilityHint","accessibilityLabel","style","testID","theme","surface","paint","id","part","undefined","chosen","shown","media","width","height","borderRadius","alignItems","justifyContent","backgroundColor","tile","children","fill","textSecondary","body","flex","minWidth","gap","variant","numberOfLines","color","textTransform","flexDirection","flexShrink","text","textTertiary","trailing","CheckoutSummaryRow","displayName"],"sourceRoot":"../../../src","sources":["checkout-summary/CheckoutSummaryRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/checkout-summary/constants.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { RiBankCardLine } from "../icons/remix/RiBankCardLine.js";
+import { RiChat3Line } from "../icons/remix/RiChat3Line.js";
+import { RiMapPin2Line } from "../icons/remix/RiMapPin2Line.js";
+import { RiTimeLine } from "../icons/remix/RiTimeLine.js";
+/**
+ * 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 const CHECKOUT_ROW_ICON = {
+  address: RiMapPin2Line,
+  delivery: RiTimeLine,
+  payment: RiBankCardLine,
+  note: RiChat3Line
+};
+
+/** Drawn in place of the value while nothing is chosen. */
+export const CHECKOUT_ROW_PLACEHOLDER = 'Not chosen yet';
+
+/** The row's hint: what pressing it opens. */
+export const CHECKOUT_ROW_HINT = 'Opens the picker';
+
+/** The default words on the confirm control. */
+export const CHECKOUT_CONFIRM_LABEL = 'Place order';
+export 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 const CHECKOUT_AMOUNT_SEPARATOR = ' · ';
+
+/**
+ * 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 const CHECKOUT_ROW_TILE = 40;
+export const CHECKOUT_ROW_GLYPH = 20;
+/** The trailing chevron. */
+export const CHECKOUT_ROW_CHEVRON = 20;
+
+/** Between the label and the value, and between the value and the detail. */
+export const CHECKOUT_ROW_TEXT_GAP = 2;
+
+/** The group's corner, matching every other card-sized surface in the library. */
+export const CHECKOUT_GROUP_RADIUS = 16;
+
+/** Between the group, the children, the totals and the confirm control. */
+export const CHECKOUT_SECTION_GAP = 20;
+
+/** Inside the group's own padding, around the totals. */
+export const CHECKOUT_PRICE_PADDING = 16;
+//# sourceMappingURL=constants.js.map

package/lib/module/checkout-summary/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RiBankCardLine","RiChat3Line","RiMapPin2Line","RiTimeLine","CHECKOUT_ROW_ICON","address","delivery","payment","note","CHECKOUT_ROW_PLACEHOLDER","CHECKOUT_ROW_HINT","CHECKOUT_CONFIRM_LABEL","CHECKOUT_CONFIRM_BUSY_LABEL","CHECKOUT_AMOUNT_SEPARATOR","CHECKOUT_ROW_TILE","CHECKOUT_ROW_GLYPH","CHECKOUT_ROW_CHEVRON","CHECKOUT_ROW_TEXT_GAP","CHECKOUT_GROUP_RADIUS","CHECKOUT_SECTION_GAP","CHECKOUT_PRICE_PADDING"],"sourceRoot":"../../../src","sources":["checkout-summary/constants.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,UAAU,QAAQ,8BAA2B;AAGtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAA0F,GAAG;EACxGC,OAAO,EAAEH,aAAa;EACtBI,QAAQ,EAAEH,UAAU;EACpBI,OAAO,EAAEP,cAAc;EACvBQ,IAAI,EAAEP;AACR,CAAC;;AAED;AACA,OAAO,MAAMQ,wBAAwB,GAAG,gBAAgB;;AAExD;AACA,OAAO,MAAMC,iBAAiB,GAAG,kBAAkB;;AAEnD;AACA,OAAO,MAAMC,sBAAsB,GAAG,aAAa;AACnD,OAAO,MAAMC,2BAA2B,GAAG,oBAAoB;;AAE/D;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG,KAAK;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAG,EAAE;AACnC,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA,OAAO,MAAMC,oBAAoB,GAAG,EAAE;;AAEtC;AACA,OAAO,MAAMC,qBAAqB,GAAG,CAAC;;AAEtC;AACA,OAAO,MAAMC,qBAAqB,GAAG,EAAE;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,EAAE;;AAEtC;AACA,OAAO,MAAMC,sBAAsB,GAAG,EAAE","ignoreList":[]}

package/lib/module/checkout-summary/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { CheckoutConfirm } from "./CheckoutConfirm.js";
+export { CheckoutSummary } from "./CheckoutSummary.js";
+export { CheckoutSummaryRow } from "./CheckoutSummaryRow.js";
+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.js";
+export { checkoutConfirmLabel, checkoutRowName, resolveCheckoutPaint } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/checkout-summary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CheckoutConfirm","CheckoutSummary","CheckoutSummaryRow","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","checkoutConfirmLabel","checkoutRowName","resolveCheckoutPaint"],"sourceRoot":"../../../src","sources":["checkout-summary/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,sBAAmB;AACnD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SACEC,yBAAyB,EACzBC,2BAA2B,EAC3BC,sBAAsB,EACtBC,qBAAqB,EACrBC,iBAAiB,EACjBC,iBAAiB,EACjBC,wBAAwB,EACxBC,iBAAiB,QACZ,gBAAa;AACpB,SAASC,oBAAoB,EAAEC,eAAe,EAAEC,oBAAoB,QAAQ,aAAU","ignoreList":[]}

package/lib/module/checkout-summary/shared.js

@@ -0,0 +1,36 @@
+"use strict";
+
+/**
+ * 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 { surfaceFillOn, surfaceTextOn } from "../styles/surface-levels.js";
+import { CHECKOUT_AMOUNT_SEPARATOR } from "./constants.js";
+export function resolveCheckoutPaint(theme, surface) {
+  return {
+    ...surfaceTextOn(theme, surface),
+    tile: surfaceFillOn(theme, surface)
+  };
+}
+
+/**
+ * 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 function checkoutRowName(label, value) {
+  return value && value !== '' ? `${label}: ${value}` : label;
+}
+
+/** "Place order" + "€24.80" → "Place order · €24.80". */
+export function checkoutConfirmLabel(label, amount) {
+  return amount && amount !== '' ? `${label}${CHECKOUT_AMOUNT_SEPARATOR}${amount}` : label;
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/checkout-summary/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["surfaceFillOn","surfaceTextOn","CHECKOUT_AMOUNT_SEPARATOR","resolveCheckoutPaint","theme","surface","tile","checkoutRowName","label","value","checkoutConfirmLabel","amount"],"sourceRoot":"../../../src","sources":["checkout-summary/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,aAAa,QAA+B,6BAA0B;AAE9F,SAASC,yBAAyB,QAAQ,gBAAa;AAOvD,OAAO,SAASC,oBAAoBA,CAACC,KAAY,EAAEC,OAAe,EAAwB;EACxF,OAAO;IACL,GAAGJ,aAAa,CAACG,KAAK,EAAEC,OAAO,CAAC;IAChCC,IAAI,EAAEN,aAAa,CAACI,KAAK,EAAEC,OAAO;EACpC,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,eAAeA,CAACC,KAAa,EAAEC,KAAyB,EAAU;EAChF,OAAOA,KAAK,IAAIA,KAAK,KAAK,EAAE,GAAG,GAAGD,KAAK,KAAKC,KAAK,EAAE,GAAGD,KAAK;AAC7D;;AAEA;AACA,OAAO,SAASE,oBAAoBA,CAACF,KAAa,EAAEG,MAA0B,EAAU;EACtF,OAAOA,MAAM,IAAIA,MAAM,KAAK,EAAE,GAAG,GAAGH,KAAK,GAAGN,yBAAyB,GAAGS,MAAM,EAAE,GAAGH,KAAK;AAC1F","ignoreList":[]}

package/lib/module/checkout-summary/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/checkout-summary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["checkout-summary/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/content-panel/ContentPanel.web.js

@@ -10,10 +10,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
@@ -46,9 +46,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
@@ -84,7 +87,8 @@
  * (no dynamic concatenation of the arbitrary `web:[…]` / `rounded-radius-28` /
  * `md:` parts — whole class strings are selected per mode instead).
  */
-import React, { memo } from 'react';
+import React, { memo, useInsertionEffect } from 'react';
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
 import { StyledView } from "../styles/styled-primitives.js";
 import { useOptionalPanelChrome } from "../styles/panel-chrome.js";
 import { SurfaceLevelProvider, surfaceFillVars } from "../styles/surface-levels.js";
@@ -135,6 +139,22 @@ const RESPONSIVE_WEB = {
     overlayHidden: 'max-lg:hidden'
   }
 };
+
+// The mask must reach the viewport edges for arbitrary shell gutters. Keep
+// horizontal bleed to one CSS pixel to cover fractional device-pixel seams
+// without reaching adjacent controls. CSS owns
+// responsive framing, including the sticky inset inherited by PageHeader.
+const PANEL_INSET_CSS = `
+[data-bloom-panel] { --bloom-panel-sticky-top: 0px; }
+[data-bloom-panel="framed"] { --bloom-panel-sticky-top: var(--bloom-panel-inset-top); }
+@media (min-width: 500px) { [data-bloom-panel="500"] { --bloom-panel-sticky-top: var(--bloom-panel-inset-top); } }
+@media (min-width: 640px) { [data-bloom-panel="640"] { --bloom-panel-sticky-top: var(--bloom-panel-inset-top); } }
+@media (min-width: 768px) { [data-bloom-panel="768"] { --bloom-panel-sticky-top: var(--bloom-panel-inset-top); } }
+@media (min-width: 1024px) { [data-bloom-panel="1024"] { --bloom-panel-sticky-top: var(--bloom-panel-inset-top); } }
+[data-bloom-panel-mask="viewport"] {
+  clip-path: inset(calc(-1 * max(12px, var(--bloom-panel-inset-top))) -1px calc(-1 * max(12px, var(--bloom-panel-inset-bottom))) -1px);
+}
+`;
 const ContentPanelComponent = ({
   children,
   framed,
@@ -152,6 +172,11 @@ const ContentPanelComponent = ({
   overlaySizing = 'viewport',
   overlayInset
 }) => {
+  // Install only for a mounted panel. Insertion effects run before layout and
+  // paint on web, and never during SSR, so import remains side-effect free.
+  useInsertionEffect(() => {
+    adoptStyleSheet('bloom-content-panel-insets', PANEL_INSET_CSS);
+  }, []);
   // Dev-only invariant — must run unconditionally (before deriving any
   // mode-specific branch) so the hook order stays stable (rules of hooks).
   useContentPanelNestingGuard();
@@ -224,23 +249,34 @@ const ContentPanelComponent = ({
     height: `calc(100dvh - ${insetTop + insetBottom}px)`,
     marginBottom: `calc(-100dvh + ${insetTop + insetBottom}px)`
   } : undefined;
+  const insetVars = {
+    '--bloom-panel-inset-top': `${insetTop}px`,
+    '--bloom-panel-inset-bottom': `${insetBottom}px`
+  };
+  const maskSpread = boundToPanel ? GUTTER_MASK_SPREAD : Math.max(GUTTER_MASK_SPREAD, insetTop, insetBottom);
   return /*#__PURE__*/_jsx(ContentPanelNestingContext.Provider, {
     value: true,
     children: /*#__PURE__*/_jsxs(StyledView, {
       testID: "content-panel-surface",
+      dataSet: {
+        bloomPanel: boundToPanel || framed === false ? 'none' : responsive ? String(framedFrom) : 'framed'
+      },
       className: surfaceClass,
       style: [
       // `--bloom-surface` rides the element that carries the fill, so CSS
       // below the panel and `useSurfaceFill()` below the panel cannot
       // disagree about what the panel painted.
-      surfaceFillVars(publishedFill), surfaceStyle],
+      surfaceFillVars(publishedFill), insetVars, surfaceStyle],
       children: [showOverlays && /*#__PURE__*/_jsx(StyledView, {
         testID: "content-panel-bleed-mask",
+        dataSet: {
+          bloomPanelMask: boundToPanel ? 'panel' : 'viewport'
+        },
         pointerEvents: "none",
-        className: boundToPanel ? `web:[grid-area:1/1] z-30 h-full w-full rounded-radius-28 ${responsive ? bp.overlayHidden : ''} web:[clip-path:inset(0)]` : responsive ? `web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]` : 'web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]',
+        className: boundToPanel ? `web:[grid-area:1/1] z-30 h-full w-full rounded-radius-28 ${responsive ? bp.overlayHidden : ''} web:[clip-path:inset(0)]` : responsive ? `web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)]` : 'web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 web:[margin-bottom:calc(-100dvh+16px)]',
         style: {
           ...insetStyle,
-          boxShadow: `0 0 0 ${GUTTER_MASK_SPREAD}px ${maskColor ?? colors.background}`
+          boxShadow: `0 0 0 ${maskSpread}px ${maskColor ?? colors.background}`
         }
       }, "bleed-mask"), showOverlays && showStickyFrame !== false && chrome !== 'none' && /*#__PURE__*/_jsx(StyledView, {
         testID: "content-panel-border-frame",

package/lib/module/content-panel/ContentPanel.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","StyledView","useOptionalPanelChrome","SurfaceLevelProvider","surfaceFillVars","useTheme","ContentPanelNestingContext","useContentPanelNestingGuard","usePanelSurfaceFill","jsx","_jsx","jsxs","_jsxs","GUTTER_MASK_SPREAD","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_WEB","surface","content","overlayHidden","ContentPanelComponent","children","framed","framedFrom","fill","surfaceClassName","surfaceStyle","surfaceColor","contentClassName","contentStyle","showStickyFrame","chrome","shadow","maskColor","overlaySizing","overlayInset","colors","panelChrome","publishedFill","responsive","undefined","showOverlays","bp","boundToPanel","surfaceBase","contentBase","fillSurface","fillContent","gridStackClass","surfaceClass","filter","Boolean","join","contentClass","insetTop","top","insetBottom","bottom","customInset","insetStyle","height","marginBottom","Provider","value","testID","className","style","pointerEvents","boxShadow","background","level","ContentPanel","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAGnC,SAASC,UAAU,QAAQ,gCAA6B;AAExD,SAASC,sBAAsB,QAAQ,2BAAwB;AAC/D,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,6BAA0B;AAChF,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SACEC,0BAA0B,EAC1BC,2BAA2B,QACtB,cAAW;AAClB,SAASC,mBAAmB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA,OAAO,MAAMC,eAAe,GAAG,CAAC;AAChC;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAGL,GAAG;EACF,GAAG,EAAE;IACHC,OAAO,EAAE,+BAA+B;IACxCC,OAAO,EAAE,+DAA+D;IACxEC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB,CAAC;EACD,IAAI,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","ignoreList":[]}
+{"version":3,"names":["React","memo","useInsertionEffect","adoptStyleSheet","StyledView","useOptionalPanelChrome","SurfaceLevelProvider","surfaceFillVars","useTheme","ContentPanelNestingContext","useContentPanelNestingGuard","usePanelSurfaceFill","jsx","_jsx","jsxs","_jsxs","GUTTER_MASK_SPREAD","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_WEB","surface","content","overlayHidden","PANEL_INSET_CSS","ContentPanelComponent","children","framed","framedFrom","fill","surfaceClassName","surfaceStyle","surfaceColor","contentClassName","contentStyle","showStickyFrame","chrome","shadow","maskColor","overlaySizing","overlayInset","colors","panelChrome","publishedFill","responsive","undefined","showOverlays","bp","boundToPanel","surfaceBase","contentBase","fillSurface","fillContent","gridStackClass","surfaceClass","filter","Boolean","join","contentClass","insetTop","top","insetBottom","bottom","customInset","insetStyle","height","marginBottom","insetVars","maskSpread","Math","max","Provider","value","testID","dataSet","bloomPanel","String","className","style","bloomPanelMask","pointerEvents","boxShadow","background","level","ContentPanel","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,kBAAkB,QAAQ,OAAO;AAGvD,SAASC,eAAe,QAAQ,gCAA6B;AAE7D,SAASC,UAAU,QAAQ,gCAA6B;AAExD,SAASC,sBAAsB,QAAQ,2BAAwB;AAC/D,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,6BAA0B;AAChF,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SACEC,0BAA0B,EAC1BC,2BAA2B,QACtB,cAAW;AAClB,SAASC,mBAAmB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA,OAAO,MAAMC,eAAe,GAAG,CAAC;AAChC;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAGL,GAAG;EACF,GAAG,EAAE;IACHC,OAAO,EAAE,+BAA+B;IACxCC,OAAO,EAAE,+DAA+D;IACxEC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,sBAAsB;IAC/B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","ignoreList":[]}

package/lib/module/delivery-slot/DeliverySlotDays.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { ChipRow } from "../chip/index.js";
+import { SelectChip } from "../listing-actions/parts.js";
+import { Text } from "../typography/index.js";
+import { DELIVERY_DAY_LABEL } from "./constants.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+function DeliverySlotDaysComponent({
+  days,
+  value,
+  onChange,
+  accessibilityLabel = DELIVERY_DAY_LABEL,
+  disabled = false,
+  fadeColor,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(ChipRow, {
+    role: "radiogroup",
+    accessibilityLabel: accessibilityLabel,
+    disabled: disabled,
+    fadeColor: fadeColor,
+    gap: 8,
+    style: style,
+    testID: testID,
+    children: days.map(d => {
+      const unavailable = disabled || d.disabled === true;
+      return /*#__PURE__*/_jsx(SelectChip, {
+        shape: "day",
+        selected: d.id === value,
+        disabled: unavailable,
+        onPress: onChange ? () => onChange(d.id) : undefined,
+        accessibilityLabel: d.accessibilityLabel ?? `${d.weekday} ${d.day}`,
+        testID: d.testID ?? (testID ? `${testID}-${d.id}` : undefined),
+        children: ink => /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "caption-1-regular",
+            style: {
+              color: ink
+            },
+            children: d.weekday
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "headline-semibold",
+            style: {
+              color: ink,
+              fontVariant: ['tabular-nums'],
+              textDecorationLine: unavailable ? 'line-through' : 'none'
+            },
+            children: d.day
+          })]
+        })
+      }, d.id);
+    })
+  });
+}
+export const DeliverySlotDays = /*#__PURE__*/memo(DeliverySlotDaysComponent);
+DeliverySlotDays.displayName = 'DeliverySlotDays';
+//# sourceMappingURL=DeliverySlotDays.js.map

package/lib/module/delivery-slot/DeliverySlotDays.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","ChipRow","SelectChip","Text","DELIVERY_DAY_LABEL","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DeliverySlotDaysComponent","days","value","onChange","accessibilityLabel","disabled","fadeColor","style","testID","role","gap","children","map","d","unavailable","shape","selected","id","onPress","undefined","weekday","day","ink","variant","color","fontVariant","textDecorationLine","DeliverySlotDays","displayName"],"sourceRoot":"../../../src","sources":["delivery-slot/DeliverySlotDays.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,OAAO,QAAQ,kBAAS;AACjC,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,kBAAkB,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,yBAAyBA,CAAC;EACjCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,kBAAkB,GAAGX,kBAAkB;EACvCY,QAAQ,GAAG,KAAK;EAChBC,SAAS;EACTC,KAAK;EACLC;AACqB,CAAC,EAAE;EACxB,oBACEb,IAAA,CAACL,OAAO;IACNmB,IAAI,EAAC,YAAY;IACjBL,kBAAkB,EAAEA,kBAAmB;IACvCC,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEA,SAAU;IACrBI,GAAG,EAAE,CAAE;IACPH,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IAAAG,QAAA,EAEdV,IAAI,CAACW,GAAG,CAAEC,CAAC,IAAK;MACf,MAAMC,WAAW,GAAGT,QAAQ,IAAIQ,CAAC,CAACR,QAAQ,KAAK,IAAI;MACnD,oBACEV,IAAA,CAACJ,UAAU;QAETwB,KAAK,EAAC,KAAK;QACXC,QAAQ,EAAEH,CAAC,CAACI,EAAE,KAAKf,KAAM;QACzBG,QAAQ,EAAES,WAAY;QACtBI,OAAO,EAAEf,QAAQ,GAAG,MAAMA,QAAQ,CAACU,CAAC,CAACI,EAAE,CAAC,GAAGE,SAAU;QACrDf,kBAAkB,EAAES,CAAC,CAACT,kBAAkB,IAAI,GAAGS,CAAC,CAACO,OAAO,IAAIP,CAAC,CAACQ,GAAG,EAAG;QACpEb,MAAM,EAAEK,CAAC,CAACL,MAAM,KAAKA,MAAM,GAAG,GAAGA,MAAM,IAAIK,CAAC,CAACI,EAAE,EAAE,GAAGE,SAAS,CAAE;QAAAR,QAAA,EAE7DW,GAAG,iBACHvB,KAAA,CAAAF,SAAA;UAAAc,QAAA,gBACEhB,IAAA,CAACH,IAAI;YAAC+B,OAAO,EAAC,mBAAmB;YAAChB,KAAK,EAAE;cAAEiB,KAAK,EAAEF;YAAI,CAAE;YAAAX,QAAA,EACrDE,CAAC,CAACO;UAAO,CACN,CAAC,eACPzB,IAAA,CAACH,IAAI;YACH+B,OAAO,EAAC,mBAAmB;YAC3BhB,KAAK,EAAE;cACLiB,KAAK,EAAEF,GAAG;cACVG,WAAW,EAAE,CAAC,cAAc,CAAC;cAC7BC,kBAAkB,EAAEZ,WAAW,GAAG,cAAc,GAAG;YACrD,CAAE;YAAAH,QAAA,EAEDE,CAAC,CAACQ;UAAG,CACF,CAAC;QAAA,CACP;MACH,GAxBIR,CAAC,CAACI,EAyBG,CAAC;IAEjB,CAAC;EAAC,CACK,CAAC;AAEd;AAEA,OAAO,MAAMU,gBAAgB,gBAAGtC,IAAI,CAACW,yBAAyB,CAAC;AAC/D2B,gBAAgB,CAACC,WAAW,GAAG,kBAAkB","ignoreList":[]}