@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/module/date-picker/palette.js

@@ -1,62 +1,26 @@
 "use strict";
 
-import { BUTTON_SHADOW, resolveButtonRamps } from "../button/shared.js";
+import { BUTTON_SHADOW } from "../button/shared.js";
 
-/**
- * Date-picker tokens, resolved through the ramps `Button` builds from Bloom's
- * theme.
- *
- *                     light         dark
- *   popup surface     neutral-100   neutral-900
- *   month panel       card          neutral-800
- *   title, day        text          text
- *   weekday, chevron  neutral-500   neutral-500
- *   disabled day      neutral-400   neutral-600
- *   day / nav hover   neutral-200   neutral-800
- *   range band        accent-100    accent-950
- *   range edge        accent-300    accent-800
- *   focus ring        accent-500    accent-500
- *   chip border       neutral-200   neutral-700
- *   chip focused      neutral-400   neutral-600
- *   pill / preset on  neutral-200   neutral-800
- */
+/** Surface and text slots read canonical theme roles; fixed shadow geometry is unchanged. */
 
 export function resolveCalendarPalette(theme) {
-  const {
-    accent,
-    neutral: n
-  } = resolveButtonRamps(theme);
   const c = theme.colors;
-  return theme.isDark ? {
-    popup: n[900],
-    panel: n[800],
-    text: c.text,
-    secondaryText: n[500],
-    disabledText: n[600],
-    hover: n[800],
-    rangeBand: accent[950],
-    rangeEdge: accent[800],
-    ring: accent[500],
-    chipBorder: n[700],
-    chipBorderFocused: n[600],
-    tertiary: n[800],
-    shadowXs: BUTTON_SHADOW.dark,
-    shadowDropdown: '0 1px 1px 0 rgb(0 0 0 / 0.14), 0 4px 4px 0 rgb(0 0 0 / 0.10)'
-  } : {
-    popup: n[100],
+  return {
+    popup: c.backgroundSecondary,
     panel: c.card,
     text: c.text,
-    secondaryText: n[500],
-    disabledText: n[400],
-    hover: n[200],
-    rangeBand: accent[100],
-    rangeEdge: accent[300],
-    ring: accent[500],
-    chipBorder: n[200],
-    chipBorderFocused: n[400],
-    tertiary: n[200],
-    shadowXs: BUTTON_SHADOW.light,
-    shadowDropdown: '0 1px 1px 0 rgb(0 0 0 / 0.04), 0 4px 4px 0 rgb(0 0 0 / 0.02)'
+    secondaryText: c.textSecondary,
+    disabledText: c.textTertiary,
+    hover: c.backgroundTertiary,
+    rangeBand: c.primarySubtle,
+    rangeEdge: c.primarySubtle,
+    ring: c.primary,
+    chipBorder: c.border,
+    chipBorderFocused: c.primary,
+    tertiary: c.backgroundTertiary,
+    shadowXs: theme.isDark ? BUTTON_SHADOW.dark : BUTTON_SHADOW.light,
+    shadowDropdown: theme.isDark ? '0 1px 1px 0 rgb(0 0 0 / 0.14), 0 4px 4px 0 rgb(0 0 0 / 0.10)' : '0 1px 1px 0 rgb(0 0 0 / 0.04), 0 4px 4px 0 rgb(0 0 0 / 0.02)'
   };
 }
 //# sourceMappingURL=palette.js.map

package/lib/module/date-picker/palette.js.map

@@ -1 +1 @@
-{"version":3,"names":["BUTTON_SHADOW","resolveButtonRamps","resolveCalendarPalette","theme","accent","neutral","n","c","colors","isDark","popup","panel","text","secondaryText","disabledText","hover","rangeBand","rangeEdge","ring","chipBorder","chipBorderFocused","tertiary","shadowXs","dark","shadowDropdown","card","light"],"sourceRoot":"../../../src","sources":["date-picker/palette.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,qBAAkB;;AAGpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA,OAAO,SAASC,sBAAsBA,CAACC,KAAY,EAAmB;EACpE,MAAM;IAAEC,MAAM;IAAEC,OAAO,EAAEC;EAAE,CAAC,GAAGL,kBAAkB,CAACE,KAAK,CAAC;EACxD,MAAMI,CAAC,GAAGJ,KAAK,CAACK,MAAM;EACtB,OAAOL,KAAK,CAACM,MAAM,GACf;IACEC,KAAK,EAAEJ,CAAC,CAAC,GAAG,CAAC;IACbK,KAAK,EAAEL,CAAC,CAAC,GAAG,CAAC;IACbM,IAAI,EAAEL,CAAC,CAACK,IAAI;IACZC,aAAa,EAAEP,CAAC,CAAC,GAAG,CAAC;IACrBQ,YAAY,EAAER,CAAC,CAAC,GAAG,CAAC;IACpBS,KAAK,EAAET,CAAC,CAAC,GAAG,CAAC;IACbU,SAAS,EAAEZ,MAAM,CAAC,GAAG,CAAC;IACtBa,SAAS,EAAEb,MAAM,CAAC,GAAG,CAAC;IACtBc,IAAI,EAAEd,MAAM,CAAC,GAAG,CAAC;IACjBe,UAAU,EAAEb,CAAC,CAAC,GAAG,CAAC;IAClBc,iBAAiB,EAAEd,CAAC,CAAC,GAAG,CAAC;IACzBe,QAAQ,EAAEf,CAAC,CAAC,GAAG,CAAC;IAChBgB,QAAQ,EAAEtB,aAAa,CAACuB,IAAI;IAC5BC,cAAc,EAAE;EAClB,CAAC,GACD;IACEd,KAAK,EAAEJ,CAAC,CAAC,GAAG,CAAC;IACbK,KAAK,EAAEJ,CAAC,CAACkB,IAAI;IACbb,IAAI,EAAEL,CAAC,CAACK,IAAI;IACZC,aAAa,EAAEP,CAAC,CAAC,GAAG,CAAC;IACrBQ,YAAY,EAAER,CAAC,CAAC,GAAG,CAAC;IACpBS,KAAK,EAAET,CAAC,CAAC,GAAG,CAAC;IACbU,SAAS,EAAEZ,MAAM,CAAC,GAAG,CAAC;IACtBa,SAAS,EAAEb,MAAM,CAAC,GAAG,CAAC;IACtBc,IAAI,EAAEd,MAAM,CAAC,GAAG,CAAC;IACjBe,UAAU,EAAEb,CAAC,CAAC,GAAG,CAAC;IAClBc,iBAAiB,EAAEd,CAAC,CAAC,GAAG,CAAC;IACzBe,QAAQ,EAAEf,CAAC,CAAC,GAAG,CAAC;IAChBgB,QAAQ,EAAEtB,aAAa,CAAC0B,KAAK;IAC7BF,cAAc,EAAE;EAClB,CAAC;AACP","ignoreList":[]}
+{"version":3,"names":["BUTTON_SHADOW","resolveCalendarPalette","theme","c","colors","popup","backgroundSecondary","panel","card","text","secondaryText","textSecondary","disabledText","textTertiary","hover","backgroundTertiary","rangeBand","primarySubtle","rangeEdge","ring","primary","chipBorder","border","chipBorderFocused","tertiary","shadowXs","isDark","dark","light","shadowDropdown"],"sourceRoot":"../../../src","sources":["date-picker/palette.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,qBAAkB;;AAGhD;;AAoBA,OAAO,SAASC,sBAAsBA,CAACC,KAAY,EAAmB;EACpE,MAAMC,CAAC,GAAGD,KAAK,CAACE,MAAM;EACtB,OAAO;IACLC,KAAK,EAAEF,CAAC,CAACG,mBAAmB;IAAEC,KAAK,EAAEJ,CAAC,CAACK,IAAI;IAAEC,IAAI,EAAEN,CAAC,CAACM,IAAI;IACzDC,aAAa,EAAEP,CAAC,CAACQ,aAAa;IAAEC,YAAY,EAAET,CAAC,CAACU,YAAY;IAC5DC,KAAK,EAAEX,CAAC,CAACY,kBAAkB;IAAEC,SAAS,EAAEb,CAAC,CAACc,aAAa;IACvDC,SAAS,EAAEf,CAAC,CAACc,aAAa;IAAEE,IAAI,EAAEhB,CAAC,CAACiB,OAAO;IAC3CC,UAAU,EAAElB,CAAC,CAACmB,MAAM;IAAEC,iBAAiB,EAAEpB,CAAC,CAACiB,OAAO;IAAEI,QAAQ,EAAErB,CAAC,CAACY,kBAAkB;IAClFU,QAAQ,EAAEvB,KAAK,CAACwB,MAAM,GAAG1B,aAAa,CAAC2B,IAAI,GAAG3B,aAAa,CAAC4B,KAAK;IACjEC,cAAc,EAAE3B,KAAK,CAACwB,MAAM,GAAG,8DAA8D,GAAG;EAClG,CAAC;AACH","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":[]}

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

@@ -0,0 +1,125 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Item } from "../item/index.js";
+import { RadioIndicator } from "../radio-indicator/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { DELIVERY_DOT, DELIVERY_GLYPH, DELIVERY_OPTION_RADIUS } from "./constants.js";
+import { joinDeliveryParts, resolveDeliverySlotPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveDeliverySlotPaint(theme, surface), [theme, surface]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  return /*#__PURE__*/_jsx(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 ?? joinDeliveryParts([label, detail, price]) ?? label,
+    leading: /*#__PURE__*/_jsx(RadioIndicator, {
+      selected: selected,
+      size: DELIVERY_DOT,
+      testID: id('dot')
+    }),
+    trailing: price ? /*#__PURE__*/_jsx(Text, {
+      variant: "body-medium",
+      numberOfLines: 1,
+      testID: id('price'),
+      style: {
+        color: paint.text,
+        fontVariant: ['tabular-nums']
+      },
+      children: price
+    }) : null,
+    style: [{
+      borderRadius: DELIVERY_OPTION_RADIUS,
+      borderWidth: 1,
+      borderColor: selected ? paint.text : paint.border,
+      backgroundColor: selected ? paint.selected : 'transparent'
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6,
+          minWidth: 0
+        },
+        children: [Icon ? /*#__PURE__*/_jsx(Icon, {
+          width: DELIVERY_GLYPH,
+          height: DELIVERY_GLYPH,
+          fill: paint.textSecondary
+        }) : null, /*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          testID: id('label'),
+          style: {
+            flexShrink: 1,
+            minWidth: 0,
+            color: paint.text
+          },
+          children: label
+        }), badge]
+      }), detail ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: id('detail'),
+        style: {
+          color: paint.textSecondary
+        },
+        children: detail
+      }) : null]
+    })
+  });
+}
+export const DeliverySlotOption = /*#__PURE__*/memo(DeliverySlotOptionComponent);
+DeliverySlotOption.displayName = 'DeliverySlotOption';
+//# sourceMappingURL=DeliverySlotOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Item","RadioIndicator","useSurfaceFill","useTheme","Text","DELIVERY_DOT","DELIVERY_GLYPH","DELIVERY_OPTION_RADIUS","joinDeliveryParts","resolveDeliverySlotPaint","jsx","_jsx","jsxs","_jsxs","DeliverySlotOptionComponent","label","detail","price","badge","icon","Icon","selected","disabled","onPress","accessibilityLabel","style","testID","theme","surface","paint","id","part","undefined","role","leading","size","trailing","variant","numberOfLines","color","text","fontVariant","children","borderRadius","borderWidth","borderColor","border","backgroundColor","flex","minWidth","gap","flexDirection","alignItems","width","height","fill","textSecondary","flexShrink","DeliverySlotOption","displayName"],"sourceRoot":"../../../src","sources":["delivery-slot/DeliverySlotOption.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,245 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { EmptyState } from "../empty-state/index.js";
+import { Field } from "../field/index.js";
+import { useFieldControl } from "../field/context.js";
+import { useFieldMembership } from "../field/membership.js";
+import { RiFlashlightLine } from "../icons/remix/RiFlashlightLine.js";
+import { RiTimeLine } from "../icons/remix/RiTimeLine.js";
+import * as Skeleton from "../skeleton/index.js";
+import { DeliverySlotDays } from "./DeliverySlotDays.js";
+import { DeliverySlotOption } from "./DeliverySlotOption.js";
+import { DELIVERY_ASAP_LABEL, DELIVERY_DAY_LABEL, DELIVERY_DOT, DELIVERY_EMPTY_DESCRIPTION, DELIVERY_EMPTY_TITLE, DELIVERY_FIELD_LABEL, DELIVERY_OPTION_GAP, DELIVERY_OPTION_RADIUS, DELIVERY_SECTION_GAP, DELIVERY_SOLD_OUT_LABEL } from "./constants.js";
+import { joinDeliveryParts, windowDetail, windowName } from "./shared.js";
+
+/**
+ * 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.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 = useFieldMembership({
+    accessibilityLabel: label,
+    disabled
+  });
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const off = field.disabled;
+  const options = useMemo(() => windows.map(w => ({
+    window: w,
+    detail: windowDetail(w, tierLabels, soldOutLabel),
+    name: windowName(w, tierLabels, soldOutLabel)
+  })), [windows, tierLabels, soldOutLabel]);
+  const asapRow = asap ? /*#__PURE__*/_jsx(DeliverySlotOption, {
+    label: asap.label ?? DELIVERY_ASAP_LABEL,
+    detail: asap.soldOut ? soldOutLabel : joinDeliveryParts([asap.eta, asap.note]),
+    price: asap.price,
+    icon: asap.icon ?? 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__*/_jsx(View, {
+    "aria-busy": true,
+    accessibilityLabel: field.accessibilityLabel,
+    testID: id('loading'),
+    style: {
+      gap: DELIVERY_OPTION_GAP
+    },
+    children: Array.from({
+      length: loadingRows
+    }, (_unused, index) => /*#__PURE__*/_jsxs(View, {
+      testID: id(`placeholder-${index}`),
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+        borderRadius: DELIVERY_OPTION_RADIUS
+      },
+      children: [/*#__PURE__*/_jsx(Skeleton.Circle, {
+        size: DELIVERY_DOT
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 4
+        },
+        children: [/*#__PURE__*/_jsx(Skeleton.Text, {
+          style: {
+            width: '40%',
+            lineHeight: 16
+          }
+        }), /*#__PURE__*/_jsx(Skeleton.Text, {
+          style: {
+            width: '60%',
+            lineHeight: 14
+          }
+        })]
+      })]
+    }, index))
+  }) : options.length === 0 && asapRow == null ? empty ?? /*#__PURE__*/_jsx(EmptyState, {
+    variant: "compact",
+    icon: RiTimeLine,
+    title: emptyTitle,
+    description: emptyDescription,
+    testID: id('empty')
+  }) : /*#__PURE__*/_jsxs(View, {
+    role: "radiogroup",
+    accessibilityLabel: field.accessibilityLabel,
+    "aria-describedby": field.describedBy,
+    "aria-invalid": field.invalid || undefined,
+    "aria-disabled": off || undefined,
+    testID: id('windows'),
+    style: {
+      gap: DELIVERY_OPTION_GAP
+    },
+    children: [asapRow, options.map(({
+      window: w,
+      detail,
+      name
+    }) => /*#__PURE__*/_jsx(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__*/_jsxs(View, {
+    style: {
+      gap: DELIVERY_SECTION_GAP
+    },
+    children: [/*#__PURE__*/_jsx(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 = DELIVERY_DAY_LABEL,
+  emptyTitle = DELIVERY_EMPTY_TITLE,
+  emptyDescription = DELIVERY_EMPTY_DESCRIPTION,
+  soldOutLabel = 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 = useFieldControl();
+  const groups = /*#__PURE__*/_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__*/_jsx(View, {
+    style: style,
+    children: groups
+  });
+  return /*#__PURE__*/_jsx(Field, {
+    label: label ?? DELIVERY_FIELD_LABEL,
+    description: description,
+    error: error,
+    required: required,
+    disabled: disabled,
+    multiple: true,
+    style: style,
+    testID: testID,
+    children: groups
+  });
+}
+export const DeliverySlotPicker = /*#__PURE__*/memo(DeliverySlotPickerComponent);
+DeliverySlotPicker.displayName = 'DeliverySlotPicker';
+//# sourceMappingURL=DeliverySlotPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","EmptyState","Field","useFieldControl","useFieldMembership","RiFlashlightLine","RiTimeLine","Skeleton","DeliverySlotDays","DeliverySlotOption","DELIVERY_ASAP_LABEL","DELIVERY_DAY_LABEL","DELIVERY_DOT","DELIVERY_EMPTY_DESCRIPTION","DELIVERY_EMPTY_TITLE","DELIVERY_FIELD_LABEL","DELIVERY_OPTION_GAP","DELIVERY_OPTION_RADIUS","DELIVERY_SECTION_GAP","DELIVERY_SOLD_OUT_LABEL","joinDeliveryParts","windowDetail","windowName","jsx","_jsx","jsxs","_jsxs","DeliverySlotGroups","label","days","day","onDayChange","dayLabel","windows","value","onValueChange","asap","disabled","loading","loadingRows","empty","emptyTitle","emptyDescription","tierLabels","soldOutLabel","fadeColor","testID","field","accessibilityLabel","id","part","undefined","off","options","map","w","window","detail","name","asapRow","soldOut","eta","note","price","icon","selected","onPress","body","style","gap","children","Array","from","length","_unused","index","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderRadius","Circle","size","flex","minWidth","Text","width","lineHeight","variant","title","description","role","describedBy","invalid","onChange","DeliverySlotPickerComponent","error","required","rest","enclosing","groups","multiple","DeliverySlotPicker","displayName"],"sourceRoot":"../../../src","sources":["delivery-slot/DeliverySlotPicker.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+/** The words a tier is drawn and announced with. */
+export const DELIVERY_TIER_LABELS = {
+  standard: 'Standard',
+  express: 'Express'
+};
+
+/** What a taken window says. */
+export const DELIVERY_SOLD_OUT_LABEL = 'Sold out';
+
+/** The option that belongs to no day. */
+export const DELIVERY_ASAP_LABEL = 'As soon as possible';
+
+/** The field's own name, which is also the radio group's. */
+export const DELIVERY_FIELD_LABEL = 'Delivery time';
+export const DELIVERY_DAY_LABEL = 'Day';
+
+/** What there is to say when a day has nothing left. */
+export const DELIVERY_EMPTY_TITLE = 'No windows left';
+export 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 const DELIVERY_DOT = 20;
+/** The glyph the ASAP row draws instead of a dot, when it is not chosen. */
+export const DELIVERY_GLYPH = 20;
+
+/** Between the day strip and the options, and between the options. */
+export const DELIVERY_SECTION_GAP = 16;
+export 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 const DELIVERY_OPTION_RADIUS = 12;
+
+/** The separator between the parts of an option's detail line. */
+export const DELIVERY_DETAIL_SEPARATOR = ' · ';
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DELIVERY_TIER_LABELS","standard","express","DELIVERY_SOLD_OUT_LABEL","DELIVERY_ASAP_LABEL","DELIVERY_FIELD_LABEL","DELIVERY_DAY_LABEL","DELIVERY_EMPTY_TITLE","DELIVERY_EMPTY_DESCRIPTION","DELIVERY_DOT","DELIVERY_GLYPH","DELIVERY_SECTION_GAP","DELIVERY_OPTION_GAP","DELIVERY_OPTION_RADIUS","DELIVERY_DETAIL_SEPARATOR"],"sourceRoot":"../../../src","sources":["delivery-slot/constants.ts"],"mappings":";;AAEA;AACA,OAAO,MAAMA,oBAAkD,GAAG;EAChEC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE;AACX,CAAC;;AAED;AACA,OAAO,MAAMC,uBAAuB,GAAG,UAAU;;AAEjD;AACA,OAAO,MAAMC,mBAAmB,GAAG,qBAAqB;;AAExD;AACA,OAAO,MAAMC,oBAAoB,GAAG,eAAe;AACnD,OAAO,MAAMC,kBAAkB,GAAG,KAAK;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,iBAAiB;AACrD,OAAO,MAAMC,0BAA0B,GAAG,6CAA6C;;AAEvF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B;AACA,OAAO,MAAMC,cAAc,GAAG,EAAE;;AAEhC;AACA,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,mBAAmB,GAAG,CAAC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAG,EAAE;;AAExC;AACA,OAAO,MAAMC,yBAAyB,GAAG,KAAK","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+"use strict";
+
+export { DeliverySlotDays } from "./DeliverySlotDays.js";
+export { DeliverySlotOption } from "./DeliverySlotOption.js";
+export { DeliverySlotPicker } from "./DeliverySlotPicker.js";
+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.js";
+export { joinDeliveryParts, resolveDeliverySlotPaint, windowDetail, windowName } from "./shared.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DeliverySlotDays","DeliverySlotOption","DeliverySlotPicker","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","joinDeliveryParts","resolveDeliverySlotPaint","windowDetail","windowName"],"sourceRoot":"../../../src","sources":["delivery-slot/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SACEC,mBAAmB,EACnBC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,oBAAoB,EACpBC,sBAAsB,EACtBC,uBAAuB,EACvBC,oBAAoB,QACf,gBAAa;AACpB,SAASC,iBAAiB,EAAEC,wBAAwB,EAAEC,YAAY,EAAEC,UAAU,QAAQ,aAAU","ignoreList":[]}