@oxy.so/bloom 4.0.0 → 4.1.0

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PANEL_TOP_INSET = exports.PANEL_BOTTOM_INSET = exports.GUTTER_MASK_SPREAD = exports.ContentPanel = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
 var _styledPrimitives = require("../styles/styled-primitives.js");
 var _panelChrome = require("../styles/panel-chrome.js");
 var _surfaceLevels = require("../styles/surface-levels.js");
@@ -23,10 +24,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  *
  *  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
@@ -59,9 +60,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * "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
@@ -141,6 +145,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,
@@ -158,6 +178,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.
+  (0, _react.useInsertionEffect)(() => {
+    (0, _adoptStyleSheet.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).
   (0, _context.useContentPanelNestingGuard)();
@@ -230,23 +255,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__*/(0, _jsxRuntime.jsx)(_context.ContentPanelNestingContext.Provider, {
     value: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.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.
-      (0, _surfaceLevels.surfaceFillVars)(publishedFill), surfaceStyle],
+      (0, _surfaceLevels.surfaceFillVars)(publishedFill), insetVars, surfaceStyle],
       children: [showOverlays && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.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__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
         testID: "content-panel-border-frame",

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_styledPrimitives","_panelChrome","_surfaceLevels","_useTheme","_context","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","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","useContentPanelNestingGuard","colors","useTheme","panelChrome","useOptionalPanelChrome","publishedFill","usePanelSurfaceFill","responsive","undefined","showOverlays","bp","boundToPanel","surfaceBase","contentBase","fillSurface","fillContent","gridStackClass","surfaceClass","filter","Boolean","join","contentClass","insetTop","top","insetBottom","bottom","customInset","insetStyle","height","marginBottom","jsx","ContentPanelNestingContext","Provider","value","jsxs","StyledView","testID","className","style","surfaceFillVars","pointerEvents","boxShadow","background","SurfaceLevelProvider","level","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_adoptStyleSheet","_styledPrimitives","_panelChrome","_surfaceLevels","_useTheme","_context","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","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","useInsertionEffect","adoptStyleSheet","useContentPanelNestingGuard","colors","useTheme","panelChrome","useOptionalPanelChrome","publishedFill","usePanelSurfaceFill","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","jsx","ContentPanelNestingContext","Provider","value","jsxs","StyledView","testID","dataSet","bloomPanel","String","className","style","surfaceFillVars","bloomPanelMask","pointerEvents","boxShadow","background","SurfaceLevelProvider","level","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"mappings":";;;;;;AAuFA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAIA,IAAAO,OAAA,GAAAP,OAAA;AAA+C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AArG/C;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;;AAkBA;AACO,MAAMkB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,EAAE;AACpC;AACO,MAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,CAAC;AAChC;AACO,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,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,EAAE;IACJF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,qBAAkD,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,MAAM;EACNC,UAAU,GAAG,GAAG;EAChBC,IAAI,GAAG,KAAK;EACZC,gBAAgB;EAChBC,YAAY;EACZC,YAAY;EACZC,gBAAgB;EAChBC,YAAY;EACZC,eAAe;EACfC,MAAM,GAAG,UAA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","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeliverySlotDays = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../chip/index.js");
+var _parts = require("../listing-actions/parts.js");
+var _index2 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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 = _constants.DELIVERY_DAY_LABEL,
+  disabled = false,
+  fadeColor,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.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__*/(0, _jsxRuntime.jsx)(_parts.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "caption-1-regular",
+            style: {
+              color: ink
+            },
+            children: d.weekday
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "headline-semibold",
+            style: {
+              color: ink,
+              fontVariant: ['tabular-nums'],
+              textDecorationLine: unavailable ? 'line-through' : 'none'
+            },
+            children: d.day
+          })]
+        })
+      }, d.id);
+    })
+  });
+}
+const DeliverySlotDays = exports.DeliverySlotDays = /*#__PURE__*/(0, _react.memo)(DeliverySlotDaysComponent);
+DeliverySlotDays.displayName = 'DeliverySlotDays';
+//# sourceMappingURL=DeliverySlotDays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_parts","_index2","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DeliverySlotDaysComponent","days","value","onChange","accessibilityLabel","DELIVERY_DAY_LABEL","disabled","fadeColor","style","testID","jsx","ChipRow","role","gap","children","map","d","unavailable","SelectChip","shape","selected","id","onPress","undefined","weekday","day","ink","jsxs","Fragment","Text","variant","color","fontVariant","textDecorationLine","DeliverySlotDays","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["delivery-slot/DeliverySlotDays.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/delivery-slot/DeliverySlotOption.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeliverySlotOption = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../item/index.js");
+var _index2 = require("../radio-indicator/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index3 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.
+ */
+function DeliverySlotOptionComponent({
+  label,
+  detail,
+  price,
+  badge,
+  icon: Icon,
+  selected = false,
+  disabled = false,
+  onPress,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveDeliverySlotPaint)(theme, surface), [theme, surface]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Item, {
+    role: "radio",
+    selected: selected
+    // `onPress` stays wired while disabled: `Item` drops the handler itself
+    // and keeps the row in the group's tab order, which is what a radio that
+    // is present but unavailable should do.
+    ,
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityLabel: accessibilityLabel ?? (0, _shared.joinDeliveryParts)([label, detail, price]) ?? label,
+    leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.RadioIndicator, {
+      selected: selected,
+      size: _constants.DELIVERY_DOT,
+      testID: id('dot')
+    }),
+    trailing: price ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+      variant: "body-medium",
+      numberOfLines: 1,
+      testID: id('price'),
+      style: {
+        color: paint.text,
+        fontVariant: ['tabular-nums']
+      },
+      children: price
+    }) : null,
+    style: [{
+      borderRadius: _constants.DELIVERY_OPTION_RADIUS,
+      borderWidth: 1,
+      borderColor: selected ? paint.text : paint.border,
+      backgroundColor: selected ? paint.selected : 'transparent'
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6,
+          minWidth: 0
+        },
+        children: [Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+          width: _constants.DELIVERY_GLYPH,
+          height: _constants.DELIVERY_GLYPH,
+          fill: paint.textSecondary
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          testID: id('label'),
+          style: {
+            flexShrink: 1,
+            minWidth: 0,
+            color: paint.text
+          },
+          children: label
+        }), badge]
+      }), detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: id('detail'),
+        style: {
+          color: paint.textSecondary
+        },
+        children: detail
+      }) : null]
+    })
+  });
+}
+const DeliverySlotOption = exports.DeliverySlotOption = /*#__PURE__*/(0, _react.memo)(DeliverySlotOptionComponent);
+DeliverySlotOption.displayName = 'DeliverySlotOption';
+//# sourceMappingURL=DeliverySlotOption.js.map

package/lib/commonjs/delivery-slot/DeliverySlotOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_surfaceLevels","_useTheme","_index3","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DeliverySlotOptionComponent","label","detail","price","badge","icon","Icon","selected","disabled","onPress","accessibilityLabel","style","testID","theme","useTheme","surface","useSurfaceFill","paint","useMemo","resolveDeliverySlotPaint","id","part","undefined","jsx","Item","role","joinDeliveryParts","leading","RadioIndicator","size","DELIVERY_DOT","trailing","Text","variant","numberOfLines","color","text","fontVariant","children","borderRadius","DELIVERY_OPTION_RADIUS","borderWidth","borderColor","border","backgroundColor","jsxs","View","flex","minWidth","gap","flexDirection","alignItems","width","DELIVERY_GLYPH","height","fill","textSecondary","flexShrink","DeliverySlotOption","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["delivery-slot/DeliverySlotOption.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/delivery-slot/DeliverySlotPicker.js

@@ -0,0 +1,250 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeliverySlotPicker = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../empty-state/index.js");
+var _index2 = require("../field/index.js");
+var _context = require("../field/context.js");
+var _membership = require("../field/membership.js");
+var _RiFlashlightLine = require("../icons/remix/RiFlashlightLine.js");
+var _RiTimeLine = require("../icons/remix/RiTimeLine.js");
+var Skeleton = _interopRequireWildcard(require("../skeleton/index.js"));
+var _DeliverySlotDays = require("./DeliverySlotDays.js");
+var _DeliverySlotOption = require("./DeliverySlotOption.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * INTERNAL — the two groups, inside the field, so they can READ it.
+ *
+ * It is a separate component and not the body of `DeliverySlotPicker` for one
+ * mechanical reason: `useFieldMembership()` reads the context a `Field`
+ * publishes, and a component cannot read a context it renders itself. Splitting
+ * here is what makes the picker a real member of the field contract — the
+ * field's label names the group, and the field's `disabled` reaches every day
+ * and every window and cannot be opted out of.
+ */
+
+function DeliverySlotGroups({
+  label,
+  days,
+  day,
+  onDayChange,
+  dayLabel,
+  windows,
+  value,
+  onValueChange,
+  asap,
+  disabled,
+  loading,
+  loadingRows,
+  empty,
+  emptyTitle,
+  emptyDescription,
+  tierLabels,
+  soldOutLabel,
+  fadeColor,
+  testID
+}) {
+  // The NAME defers to the field (`??`) and `disabled` combines with it (`||`)
+  // — the two directions `field/membership.ts` exists to stop every family
+  // getting backwards.
+  const field = (0, _membership.useFieldMembership)({
+    accessibilityLabel: label,
+    disabled
+  });
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const off = field.disabled;
+  const options = (0, _react.useMemo)(() => windows.map(w => ({
+    window: w,
+    detail: (0, _shared.windowDetail)(w, tierLabels, soldOutLabel),
+    name: (0, _shared.windowName)(w, tierLabels, soldOutLabel)
+  })), [windows, tierLabels, soldOutLabel]);
+  const asapRow = asap ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeliverySlotOption.DeliverySlotOption, {
+    label: asap.label ?? _constants.DELIVERY_ASAP_LABEL,
+    detail: asap.soldOut ? soldOutLabel : (0, _shared.joinDeliveryParts)([asap.eta, asap.note]),
+    price: asap.price,
+    icon: asap.icon ?? _RiFlashlightLine.RiFlashlightLine,
+    selected: asap.id === value,
+    disabled: off || asap.disabled === true || asap.soldOut === true,
+    onPress: onValueChange ? () => onValueChange(asap.id) : undefined,
+    accessibilityLabel: asap.accessibilityLabel,
+    testID: asap.testID ?? id('asap')
+  }, "asap") : null;
+  const body = loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    "aria-busy": true,
+    accessibilityLabel: field.accessibilityLabel,
+    testID: id('loading'),
+    style: {
+      gap: _constants.DELIVERY_OPTION_GAP
+    },
+    children: Array.from({
+      length: loadingRows
+    }, (_unused, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      testID: id(`placeholder-${index}`),
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+        borderRadius: _constants.DELIVERY_OPTION_RADIUS
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Circle, {
+        size: _constants.DELIVERY_DOT
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 4
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Text, {
+          style: {
+            width: '40%',
+            lineHeight: 16
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Text, {
+          style: {
+            width: '60%',
+            lineHeight: 14
+          }
+        })]
+      })]
+    }, index))
+  }) : options.length === 0 && asapRow == null ? empty ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EmptyState, {
+    variant: "compact",
+    icon: _RiTimeLine.RiTimeLine,
+    title: emptyTitle,
+    description: emptyDescription,
+    testID: id('empty')
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "radiogroup",
+    accessibilityLabel: field.accessibilityLabel,
+    "aria-describedby": field.describedBy,
+    "aria-invalid": field.invalid || undefined,
+    "aria-disabled": off || undefined,
+    testID: id('windows'),
+    style: {
+      gap: _constants.DELIVERY_OPTION_GAP
+    },
+    children: [asapRow, options.map(({
+      window: w,
+      detail,
+      name
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeliverySlotOption.DeliverySlotOption, {
+      label: w.label,
+      detail: detail,
+      price: w.price,
+      selected: w.id === value,
+      disabled: off || w.disabled === true || w.soldOut === true,
+      onPress: onValueChange ? () => onValueChange(w.id) : undefined,
+      accessibilityLabel: name,
+      testID: w.testID ?? id(w.id)
+    }, w.id))]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: _constants.DELIVERY_SECTION_GAP
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DeliverySlotDays.DeliverySlotDays, {
+      days: days,
+      value: day,
+      onChange: onDayChange,
+      accessibilityLabel: dayLabel,
+      disabled: off,
+      fadeColor: fadeColor,
+      testID: id('days')
+    }), body]
+  });
+}
+
+/**
+ * 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.
+ */
+function DeliverySlotPickerComponent({
+  label,
+  description,
+  error,
+  required,
+  disabled,
+  dayLabel = _constants.DELIVERY_DAY_LABEL,
+  emptyTitle = _constants.DELIVERY_EMPTY_TITLE,
+  emptyDescription = _constants.DELIVERY_EMPTY_DESCRIPTION,
+  soldOutLabel = _constants.DELIVERY_SOLD_OUT_LABEL,
+  loadingRows = 3,
+  style,
+  testID,
+  ...rest
+}) {
+  // Is there already a `Field` around us? A picker dropped into somebody's form
+  // must not make a SECOND one: two fields means two labels above one control
+  // and an error the outer field describes and the inner one does not.
+  //
+  // Reading the context here is safe — `Field` is rendered BELOW this node, so
+  // what this sees is the enclosing one — and the branch is a render decision,
+  // not a conditional hook.
+  const enclosing = (0, _context.useFieldControl)();
+  const groups = /*#__PURE__*/(0, _jsxRuntime.jsx)(DeliverySlotGroups, {
+    ...rest,
+    label: label,
+    disabled: disabled,
+    dayLabel: dayLabel,
+    emptyTitle: emptyTitle,
+    emptyDescription: emptyDescription,
+    soldOutLabel: soldOutLabel,
+    loadingRows: loadingRows,
+    testID: testID
+  });
+
+  // Inside somebody's field, the field owns the label, the hint and the error —
+  // and `label` stays undefined by default so the field's own label is what
+  // names the group. Standalone, the picker IS the field and supplies its own.
+  if (enclosing) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: style,
+    children: groups
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Field, {
+    label: label ?? _constants.DELIVERY_FIELD_LABEL,
+    description: description,
+    error: error,
+    required: required,
+    disabled: disabled,
+    multiple: true,
+    style: style,
+    testID: testID,
+    children: groups
+  });
+}
+const DeliverySlotPicker = exports.DeliverySlotPicker = /*#__PURE__*/(0, _react.memo)(DeliverySlotPickerComponent);
+DeliverySlotPicker.displayName = 'DeliverySlotPicker';
+//# sourceMappingURL=DeliverySlotPicker.js.map