@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/module/checkbox/Checkbox.js

@@ -1,5 +1,8 @@
 "use strict";
 
+import { normalizeBloomSize } from "../appearance/legacy.js";
+import { useBloomAppearance } from "../appearance/index.js";
+import { resolveBloomColors } from "../appearance/colors.js";
 import React, { memo, useCallback, useMemo } from 'react';
 import { Platform, Pressable, View } from 'react-native';
 import { useTheme } from "../theme/use-theme.js";
@@ -74,10 +77,10 @@ const CheckboxComponent = ({
   onCheckedChange,
   label,
   description,
-  size = 'medium',
+  size: sizeProp,
   disabled = false,
   indeterminate = false,
-  color,
+  tone: toneProp,
   style,
   labelStyle,
   accessibilityLabel,
@@ -96,6 +99,21 @@ const CheckboxComponent = ({
     nativeID
   });
   const isDisabled = field.disabled;
+  const {
+    size: scopedSize,
+    tone
+  } = useBloomAppearance({
+    size: normalizeBloomSize(sizeProp),
+    tone: toneProp
+  }, {
+    size: 'md',
+    tone: 'accent'
+  });
+  const size = scopedSize;
+  const {
+    background: color,
+    foreground
+  } = resolveBloomColors(theme.colors, tone, 'solid');
   useInteractiveWebCss(STYLE_ID, BLOOM_CHECKBOX_CSS);
   useInteractiveWebCss(CHECKBOX_GLYPH_STYLE_ID, CHECKBOX_GLYPH_CSS);
   const {
@@ -111,7 +129,7 @@ const CheckboxComponent = ({
     onOut: onPressOut
   } = useInteractionState();
   const sizeConfig = CHECKBOX_SIZE_CONFIG[size];
-  const paint = useMemo(() => resolveCheckboxPaint(theme, color), [theme, color]);
+  const paint = useMemo(() => resolveCheckboxPaint(theme, color, foreground), [theme, color, foreground]);
   const highlighted = !isDisabled && (hovered || pressed);
   const handlePress = useCallback(() => {
     if (!isDisabled) {

package/lib/module/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","Platform","Pressable","View","useTheme","Text","interactiveWebCss","useInteractiveWebCss","useInteractionState","CHECKBOX_GLYPH_CSS","CHECKBOX_GLYPH_STYLE_ID","CHECKBOX_SIZE_CONFIG","CheckboxGlyph","checkboxLabelLineHeight","resolveCheckboxPaint","useFieldMembership","jsx","_jsx","jsxs","_jsxs","DESCRIPTION_GAP","MIN_TOUCH_TARGET","IS_WEB","OS","STYLE_ID","ROW","BLOOM_CHECKBOX_CSS","selector","varPrefix","base","transition","hover","declarations","outlineOffset","extraRules","CheckboxComponent","checked","onCheckedChange","label","description","size","disabled","indeterminate","color","style","labelStyle","accessibilityLabel","nativeID","testID","theme","field","labelPlacement","isDisabled","state","hovered","onIn","onHoverIn","onOut","onHoverOut","pressed","onPressIn","onPressOut","sizeConfig","paint","highlighted","handlePress","hasText","Boolean","rowStyle","flexDirection","alignItems","gap","opacity","slop","Math","max","ceil","box","dataSet","bloomCheckbox","bloomCheckboxFocusable","onPress","undefined","describedBy","invalid","accessibilityRole","hitSlop","top","bottom","left","right","children","marginTop","flex","variant","text","Checkbox","displayName"],"sourceRoot":"../../../src","sources":["checkbox/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["normalizeBloomSize","useBloomAppearance","resolveBloomColors","React","memo","useCallback","useMemo","Platform","Pressable","View","useTheme","Text","interactiveWebCss","useInteractiveWebCss","useInteractionState","CHECKBOX_GLYPH_CSS","CHECKBOX_GLYPH_STYLE_ID","CHECKBOX_SIZE_CONFIG","CheckboxGlyph","checkboxLabelLineHeight","resolveCheckboxPaint","useFieldMembership","jsx","_jsx","jsxs","_jsxs","DESCRIPTION_GAP","MIN_TOUCH_TARGET","IS_WEB","OS","STYLE_ID","ROW","BLOOM_CHECKBOX_CSS","selector","varPrefix","base","transition","hover","declarations","outlineOffset","extraRules","CheckboxComponent","checked","onCheckedChange","label","description","size","sizeProp","disabled","indeterminate","tone","toneProp","style","labelStyle","accessibilityLabel","nativeID","testID","theme","field","labelPlacement","isDisabled","scopedSize","background","color","foreground","colors","state","hovered","onIn","onHoverIn","onOut","onHoverOut","pressed","onPressIn","onPressOut","sizeConfig","paint","highlighted","handlePress","hasText","Boolean","rowStyle","flexDirection","alignItems","gap","opacity","slop","Math","max","ceil","box","dataSet","bloomCheckbox","bloomCheckboxFocusable","onPress","undefined","describedBy","invalid","accessibilityRole","hitSlop","top","bottom","left","right","children","marginTop","flex","variant","text","Checkbox","displayName"],"sourceRoot":"../../../src","sources":["checkbox/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/checkbox/CheckboxCard.js

@@ -1,5 +1,7 @@
 "use strict";
 
+import { useBloomAppearance } from "../appearance/index.js";
+import { resolveBloomColors } from "../appearance/colors.js";
 import React, { memo, useCallback, useMemo } from 'react';
 import { Platform, Pressable, View } from 'react-native';
 import { useTheme } from "../theme/use-theme.js";
@@ -56,15 +58,27 @@ const CheckboxCardComponent = ({
   description,
   disabled = false,
   indeterminate = false,
-  color,
+  tone: toneProp,
   style,
   accessibilityLabel,
   testID
 }) => {
   const theme = useTheme();
+  const {
+    tone
+  } = useBloomAppearance({
+    tone: toneProp
+  }, {
+    size: 'md',
+    tone: 'accent'
+  });
+  const {
+    background: color,
+    foreground
+  } = resolveBloomColors(theme.colors, tone, 'solid');
   useInteractiveWebCss(CHECKBOX_GLYPH_STYLE_ID, CHECKBOX_GLYPH_CSS);
   useInteractiveWebCss(CARD_STYLE_ID, CARD_CSS);
-  const paint = useMemo(() => resolveCheckboxPaint(theme, color), [theme, color]);
+  const paint = useMemo(() => resolveCheckboxPaint(theme, color, foreground), [theme, color, foreground]);
   const {
     state: hovered,
     onIn: onHoverIn,
@@ -150,7 +164,7 @@ const CheckboxCardComponent = ({
         paddingBottom: 4
       },
       children: /*#__PURE__*/_jsx(CheckboxGlyph, {
-        size: "medium",
+        size: "md",
         checked: checked,
         indeterminate: indeterminate
         // The checkbox gets the card's state, so a disabled card's box is

package/lib/module/checkbox/CheckboxCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","Platform","Pressable","View","useTheme","Text","useInteractionState","useInteractiveWebCss","webDataSet","CHECKBOX_GLYPH_CSS","CHECKBOX_GLYPH_STYLE_ID","CheckboxGlyph","resolveCheckboxPaint","DISABLED_OPACITY","jsx","_jsx","jsxs","_jsxs","CARD_RADIUS","TRANSITION_MS","IS_WEB","OS","CARD_STYLE_ID","CARD","CARD_CSS","CheckboxCardComponent","checked","onCheckedChange","title","description","disabled","indeterminate","color","style","accessibilityLabel","testID","theme","paint","state","hovered","onIn","onHoverIn","onOut","onHoverOut","pressed","onPressIn","onPressOut","highlighted","handlePress","cardStyle","flexDirection","alignItems","justifyContent","gap","width","borderRadius","borderWidth","borderColor","cardBorder","paddingLeft","paddingRight","paddingTop","paddingBottom","backgroundColor","cardBackgroundHover","cardBackground","opacity","transitionProperty","transitionDuration","transitionTimingFunction","bloomCheckboxCard","bloomCheckboxFocusable","onPress","undefined","accessibilityRole","accessibilityHint","children","minWidth","flexShrink","variant","numberOfLines","text","size","CheckboxCard","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxCard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useBloomAppearance","resolveBloomColors","React","memo","useCallback","useMemo","Platform","Pressable","View","useTheme","Text","useInteractionState","useInteractiveWebCss","webDataSet","CHECKBOX_GLYPH_CSS","CHECKBOX_GLYPH_STYLE_ID","CheckboxGlyph","resolveCheckboxPaint","DISABLED_OPACITY","jsx","_jsx","jsxs","_jsxs","CARD_RADIUS","TRANSITION_MS","IS_WEB","OS","CARD_STYLE_ID","CARD","CARD_CSS","CheckboxCardComponent","checked","onCheckedChange","title","description","disabled","indeterminate","tone","toneProp","style","accessibilityLabel","testID","theme","size","background","color","foreground","colors","paint","state","hovered","onIn","onHoverIn","onOut","onHoverOut","pressed","onPressIn","onPressOut","highlighted","handlePress","cardStyle","flexDirection","alignItems","justifyContent","gap","width","borderRadius","borderWidth","borderColor","cardBorder","paddingLeft","paddingRight","paddingTop","paddingBottom","backgroundColor","cardBackgroundHover","cardBackground","opacity","transitionProperty","transitionDuration","transitionTimingFunction","bloomCheckboxCard","bloomCheckboxFocusable","onPress","undefined","accessibilityRole","accessibilityHint","children","minWidth","flexShrink","variant","numberOfLines","text","CheckboxCard","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/checkbox/shared.js

@@ -4,7 +4,7 @@ import React, { useEffect, useRef } from 'react';
 import { Animated, Platform, View } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 import { useReducedMotion } from 'react-native-reanimated';
-import { ACCENT_TABLE, BUTTON_SHADOW, colorRamp, mixColor, resolveButtonRamps } from "../button/shared.js";
+import { ACCENT_TABLE, BUTTON_SHADOW, colorRamp, resolveButtonRamps } from "../button/shared.js";
 import { TYPE_SCALE } from "../typography/scale.js";
 import { focusRingShadow, RING_OFFSET_FALLBACK } from "../styles/interactive-web-css.js";
 import { useRingOffsetStyle } from "../styles/surface-levels.js";
@@ -39,6 +39,30 @@ export const CHECKBOX_SIZE_CONFIG = {
     gap: 8,
     label: 'headline-medium',
     description: 'body-regular'
+  },
+  xs: {
+    box: 12,
+    gap: 4,
+    label: 'caption-1-medium',
+    description: 'caption-1-regular'
+  },
+  sm: {
+    box: 14,
+    gap: 6,
+    label: 'body-2-medium',
+    description: 'body-2-regular'
+  },
+  md: {
+    box: 16,
+    gap: 8,
+    label: 'body-medium',
+    description: 'body-regular'
+  },
+  lg: {
+    box: 20,
+    gap: 8,
+    label: 'headline-medium',
+    description: 'body-regular'
   }
 };
 
@@ -80,29 +104,27 @@ export const FOCUS_RING_OFFSET_COLOR = RING_OFFSET_FALLBACK;
  * A caller `color` replaces the accent ramp; the mark on it falls back to white
  * because Bloom cannot know the contrast of an arbitrary colour.
  */
-export function resolveCheckboxPaint(theme, color) {
+export function resolveCheckboxPaint(theme, color, foreground) {
   const {
-    accent,
-    neutral: n
+    accent
   } = resolveButtonRamps(theme);
   const ramp = color ? colorRamp(color, ACCENT_TABLE) : accent;
   const dark = theme.isDark;
   return {
-    surface: dark ? n[800] : theme.colors.card,
-    border: dark ? n[700] : n[300],
-    borderHover: dark ? n[500] : n[400],
+    surface: theme.colors.card,
+    border: theme.colors.border,
+    borderHover: theme.colors.border,
     shadow: BUTTON_SHADOW[dark ? 'dark' : 'light'],
     gradient: [ramp[500], ramp[600]],
     gradientHover: [ramp[400], ramp[500]],
     markedShadow: `inset 0 2px 0 0 rgba(255, 255, 255, 0.25), inset 0 0 0 1px ${ramp[500]}`,
-    mark: color == null ? theme.colors.primaryForeground : '#FFFFFF',
+    mark: foreground ?? (color == null ? theme.colors.primaryForeground : '#FFFFFF'),
     ring: ramp[500],
     text: theme.colors.text,
-    description: n[500],
-    cardBorder: dark ? n[700] : n[200],
-    cardBackground: dark ? n[800] : theme.colors.card,
-    // Dark `color-mix(in srgb, neutral-700 60%, transparent)` over the page.
-    cardBackgroundHover: dark ? mixColor(theme.colors.background, n[700], 0.6) : n[100]
+    description: theme.colors.textSecondary,
+    cardBorder: theme.colors.borderLight,
+    cardBackground: theme.colors.card,
+    cardBackgroundHover: theme.colors.backgroundSecondary
   };
 }
 const IS_WEB = Platform.OS === 'web';
@@ -235,7 +257,7 @@ function CheckMark({
  *              highlight + inset 1px accent-500 edge, 2px rounded stroke.
  *              Hover: accent-400 → accent-500.
  *   disabled   the BOX at 50% opacity.
- *   focus      2px accent ring outside a 2px white offset, on the box.
+ *   focus      2px accent ring outside a 2px scoped page offset, on the box.
  */
 export function CheckboxGlyph({
   size,

package/lib/module/checkbox/shared.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Animated","Platform","View","Svg","Path","useReducedMotion","ACCENT_TABLE","BUTTON_SHADOW","colorRamp","mixColor","resolveButtonRamps","TYPE_SCALE","focusRingShadow","RING_OFFSET_FALLBACK","useRingOffsetStyle","webDataSet","DISABLED_OPACITY","jsx","_jsx","CHECKBOX_SIZE_CONFIG","small","box","gap","label","description","medium","large","BOX_RADIUS","TRANSITION_MS","CHECK_DRAW_MS","CHECK_DRAW_EASING","CHECK_PATH","DASH_PATH","CHECK_PATH_LENGTH","FOCUS_RING_OFFSET_COLOR","resolveCheckboxPaint","theme","color","accent","neutral","n","ramp","dark","isDark","surface","colors","card","border","borderHover","shadow","gradient","gradientHover","markedShadow","mark","primaryForeground","ring","text","cardBorder","cardBackground","cardBackgroundHover","background","IS_WEB","OS","gradientStyle","top","bottom","image","backgroundImage","experimental_backgroundImage","CHECKBOX_GLYPH_STYLE_ID","GLYPH","RING","FOCUSABLE","CHECKBOX_GLYPH_CSS","AnimatedPath","createAnimatedComponent","CheckMark","size","reducedMotion","offset","Value","current","timing","toValue","duration","useNativeDriver","start","svg","width","height","viewBox","fill","children","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","strokeDasharray","strokeDashoffset","pointerEvents","bloomCheckboxCheck","style","position","left","CheckboxGlyph","checked","indeterminate","disabled","highlighted","paint","marginTop","ringOffset","marked","boxStyle","borderWidth","backgroundColor","boxShadow","borderColor","bloomCheckboxRing","borderRadius","flexShrink","bloomCheckboxBox","alignItems","justifyContent","opacity","checkboxLabelLineHeight","lineHeight"],"sourceRoot":"../../../src","sources":["checkbox/shared.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","Animated","Platform","View","Svg","Path","useReducedMotion","ACCENT_TABLE","BUTTON_SHADOW","colorRamp","resolveButtonRamps","TYPE_SCALE","focusRingShadow","RING_OFFSET_FALLBACK","useRingOffsetStyle","webDataSet","DISABLED_OPACITY","jsx","_jsx","CHECKBOX_SIZE_CONFIG","small","box","gap","label","description","medium","large","xs","sm","md","lg","BOX_RADIUS","TRANSITION_MS","CHECK_DRAW_MS","CHECK_DRAW_EASING","CHECK_PATH","DASH_PATH","CHECK_PATH_LENGTH","FOCUS_RING_OFFSET_COLOR","resolveCheckboxPaint","theme","color","foreground","accent","ramp","dark","isDark","surface","colors","card","border","borderHover","shadow","gradient","gradientHover","markedShadow","mark","primaryForeground","ring","text","textSecondary","cardBorder","borderLight","cardBackground","cardBackgroundHover","backgroundSecondary","IS_WEB","OS","gradientStyle","top","bottom","image","backgroundImage","experimental_backgroundImage","CHECKBOX_GLYPH_STYLE_ID","GLYPH","RING","FOCUSABLE","CHECKBOX_GLYPH_CSS","AnimatedPath","createAnimatedComponent","CheckMark","size","reducedMotion","offset","Value","current","timing","toValue","duration","useNativeDriver","start","svg","width","height","viewBox","fill","children","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","strokeDasharray","strokeDashoffset","pointerEvents","bloomCheckboxCheck","style","position","left","CheckboxGlyph","checked","indeterminate","disabled","highlighted","paint","marginTop","ringOffset","marked","boxStyle","borderWidth","backgroundColor","boxShadow","borderColor","bloomCheckboxRing","borderRadius","flexShrink","bloomCheckboxBox","alignItems","justifyContent","opacity","checkboxLabelLineHeight","lineHeight"],"sourceRoot":"../../../src","sources":["checkbox/shared.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,106 @@
+"use strict";
+
+import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { ActionCardNote } from "../booking/ActionCard.js";
+import { Button } from '../button';
+import { CHECKOUT_CONFIRM_BUSY_LABEL, CHECKOUT_CONFIRM_LABEL } from "./constants.js";
+import { checkoutConfirmLabel } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The press that places the order: the words, the amount it commits to, the
+ * terms under it, and the state where it must not fire twice.
+ *
+ *   button   `Button` primary large, full width, "Place order · €24.80"
+ *   terms    12 under it; the centred secondary line every Bloom action card
+ *            draws under its primary (`ActionCardNote`)
+ *   footer   16 under the terms
+ *
+ * ## Why the amount is ON the button
+ *
+ * The number a press commits to and the press are one decision. A total
+ * elsewhere on the screen and a button reading "Place order" are two, and the
+ * gap between them is where a reader confirms a figure they last saw before a
+ * tip picker changed it.
+ *
+ * ## Why there are TWO guards against a double order
+ *
+ * `busy` is the app's: while the order is in flight the button spins and every
+ * press is dropped. It is not enough on its own — a press calls `onConfirm`,
+ * the app sets its state, and `busy` only reaches this component on the NEXT
+ * commit; the second tap of a double-tap lands inside that window and places a
+ * second order. So the component also latches on its own press, synchronously,
+ * in a ref: state would not do, because two presses in one tick both read the
+ * same render's value.
+ *
+ * The latch clears on the first commit where `busy` is false again — so an app
+ * that never sets `busy` (a confirm that navigates away, a demo) gets exactly
+ * one press per tick and is never wedged, and an app that does keeps the button
+ * inert for the whole flight.
+ */
+function CheckoutConfirmComponent({
+  label = CHECKOUT_CONFIRM_LABEL,
+  amount,
+  terms,
+  onConfirm,
+  disabled = false,
+  busy = false,
+  busyLabel = CHECKOUT_CONFIRM_BUSY_LABEL,
+  footer,
+  style,
+  testID
+}) {
+  const latch = useRef(false);
+  const [latched, setLatched] = useState(false);
+  const handlePress = useCallback(() => {
+    if (disabled || busy || latch.current) return;
+    latch.current = true;
+    setLatched(true);
+    onConfirm?.();
+  }, [disabled, busy, onConfirm]);
+  useEffect(() => {
+    if (!latched || busy) return;
+    latch.current = false;
+    setLatched(false);
+  }, [latched, busy]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const words = checkoutConfirmLabel(label, amount);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: style,
+    children: [/*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      size: "large",
+      fullWidth: true,
+      onPress: handlePress,
+      disabled: disabled,
+      loading: busy
+      // The name is the STATE while it is busy: a spinner draws no words, and
+      // a button still announcing "Place order · €24.80" while the order is
+      // being placed invites the press this component exists to refuse.
+      ,
+      accessibilityLabel: busy ? busyLabel : words,
+      style: {
+        alignSelf: 'stretch'
+      },
+      testID: id('button'),
+      children: words
+    }), terms != null ? /*#__PURE__*/_jsx(ActionCardNote, {
+      style: {
+        marginTop: 12
+      },
+      testID: id('terms'),
+      children: terms
+    }) : null, footer != null ? /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: 16,
+        alignItems: 'center'
+      },
+      testID: id('footer'),
+      children: footer
+    }) : null]
+  });
+}
+export const CheckoutConfirm = /*#__PURE__*/memo(CheckoutConfirmComponent);
+CheckoutConfirm.displayName = 'CheckoutConfirm';
+//# sourceMappingURL=CheckoutConfirm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useRef","useState","View","ActionCardNote","Button","CHECKOUT_CONFIRM_BUSY_LABEL","CHECKOUT_CONFIRM_LABEL","checkoutConfirmLabel","jsx","_jsx","jsxs","_jsxs","CheckoutConfirmComponent","label","amount","terms","onConfirm","disabled","busy","busyLabel","footer","style","testID","latch","latched","setLatched","handlePress","current","id","part","undefined","words","children","variant","size","fullWidth","onPress","loading","accessibilityLabel","alignSelf","marginTop","alignItems","CheckoutConfirm","displayName"],"sourceRoot":"../../../src","sources":["checkout-summary/CheckoutConfirm.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,186 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { AddressRow } from "../address/index.js";
+import { Divider } from "../divider/index.js";
+import { PriceSummary } from "../price-breakdown/index.js";
+import { SurfaceLevelProvider, surfaceFillVars, useSurfaceLevel, useSurfaceLevelValue } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { CheckoutConfirm } from "./CheckoutConfirm.js";
+import { CheckoutSummaryRow } from "./CheckoutSummaryRow.js";
+import { CHECKOUT_GROUP_RADIUS, CHECKOUT_PRICE_PADDING, CHECKOUT_ROW_ICON, CHECKOUT_SECTION_GAP } from "./constants.js";
+import { checkoutRowName } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/** The style that takes `Item`'s own chrome back off a row nested inside a row. */
+const NESTED_ROW_STYLE = {
+  // The LONGHANDS `Item` itself writes, on both axes. `Item`'s base uses
+  // `paddingVertical` for the vertical pair and `paddingLeft`/`paddingRight`
+  // for the horizontal one; overriding a shorthand with longhands (or the other
+  // way round) is honoured by Yoga and silently dropped by react-native-web,
+  // whose atomic sheet ranks `padding-block` above `padding-top` whatever the
+  // array's order — so the reset would have worked on native only.
+  paddingVertical: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+  minHeight: 0
+};
+
+/**
+ * Review and confirm: where it goes, when, how it is paid, what it costs, and
+ * the note to the seller — each shown as its chosen value, each opening the
+ * thing that changes it.
+ *
+ *   group    one surface rung above whatever it was dropped on, radius 16, a
+ *            hairline, with 1px rules between rows
+ *   rows     `CheckoutSummaryRow`, in the order a buyer checks them
+ *   totals   `price-breakdown`'s `PriceSummary`, inside the group under a rule,
+ *            16 all round
+ *   confirm  `CheckoutConfirm`, 20 under the group and OUTSIDE it: the group is
+ *            a list of decisions and the button is the consequence
+ *
+ * ## What this family does not own
+ *
+ * The totals are `PriceSummary` and nothing else — no second breakdown, no
+ * arithmetic, and every amount is a string the app formatted. The address row
+ * is `address`'s own `AddressRow`. Tracking, afterwards, is `order-status`.
+ * The payment row is a SLOT: the payment-method row is its own family, and a
+ * placeholder drawn here would be a second spelling of it.
+ *
+ * ## Why the address row nests
+ *
+ * `AddressRow` is `Item` with an address's slots filled in — the tile, the
+ * badge beside the title, the name joined from the row's own text. Reaching for
+ * it here rather than redrawing two lines is the whole point; it goes INSIDE
+ * the summary row's value column with `leading={null}` (the row already drew
+ * the gutter, which is the case `AddressRow` documents) and with `Item`'s
+ * padding reset, so there is one row's chrome rather than two.
+ */
+function CheckoutSummaryComponent({
+  title = 'Review your order',
+  address,
+  delivery,
+  payment,
+  note,
+  extras,
+  price,
+  confirm,
+  children,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const level = useSurfaceLevelValue();
+  const own = useSurfaceLevel(1);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const line = (row, fallbackIcon, key) => /*#__PURE__*/_jsx(CheckoutSummaryRow, {
+    label: row.label,
+    icon: row.icon ?? fallbackIcon,
+    value: row.value,
+    placeholder: row.placeholder,
+    detail: row.detail,
+    badge: row.badge,
+    onPress: row.onPress,
+    disabled: row.disabled,
+    accessibilityHint: row.accessibilityHint,
+    accessibilityLabel: row.accessibilityLabel,
+    testID: row.testID ?? id(key)
+  }, row.id ?? key);
+  const rows = [];
+  if (address) {
+    const label = address.label ?? 'Deliver to';
+    rows.push(/*#__PURE__*/_jsx(CheckoutSummaryRow, {
+      label: label,
+      icon: address.icon ?? CHECKOUT_ROW_ICON.address,
+      onPress: address.onPress,
+      disabled: address.disabled,
+      accessibilityHint: address.accessibilityHint,
+      accessibilityLabel: checkoutRowName(label, [address.title, address.subtitle].filter(Boolean).join(', ')),
+      testID: address.testID ?? id('address'),
+      content: /*#__PURE__*/_jsx(AddressRow, {
+        title: address.title,
+        subtitle: address.subtitle,
+        kind: address.kind,
+        badge: address.badge,
+        leading: null,
+        style: NESTED_ROW_STYLE,
+        testID: id('address-row')
+      })
+    }, "address"));
+  }
+  if (delivery) rows.push(line(delivery, CHECKOUT_ROW_ICON.delivery, 'delivery'));
+  if (payment != null) rows.push(/*#__PURE__*/_jsx(View, {
+    children: payment
+  }, "payment"));
+  if (note) rows.push(line(note, CHECKOUT_ROW_ICON.note, 'note'));
+  if (extras) {
+    extras.forEach((row, index) => rows.push(line(row, undefined, `extra-${index}`)));
+  }
+
+  // One rung above the ambient surface, and PUBLISHED, so the rows inside
+  // resolve their tiles off the group's real fill rather than off the page's.
+  const raised = Math.min(3, level + 1);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: style,
+    children: [title != null ? /*#__PURE__*/_jsx(Text, {
+      variant: "title-3-semibold",
+      role: "heading",
+      "aria-level": 2,
+      testID: id('title'),
+      style: {
+        color: theme.colors.text,
+        marginBottom: 12
+      },
+      children: title
+    }) : null, /*#__PURE__*/_jsx(View, {
+      role: "group",
+      accessibilityLabel: accessibilityLabel ?? title ?? 'Order summary',
+      testID: id('group'),
+      style: [{
+        borderRadius: CHECKOUT_GROUP_RADIUS,
+        borderWidth: 1,
+        borderColor: own.border,
+        backgroundColor: own.background,
+        overflow: 'hidden'
+      }, surfaceFillVars(own.background)],
+      children: /*#__PURE__*/_jsxs(SurfaceLevelProvider, {
+        level: raised,
+        fill: own.background,
+        children: [rows.map((row, index) => /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [index > 0 ? /*#__PURE__*/_jsx(Divider, {
+            color: own.border
+          }) : null, row]
+        }, index)), price ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [rows.length > 0 ? /*#__PURE__*/_jsx(Divider, {
+            color: own.border
+          }) : null, /*#__PURE__*/_jsx(View, {
+            style: {
+              padding: CHECKOUT_PRICE_PADDING
+            },
+            children: /*#__PURE__*/_jsx(PriceSummary, {
+              ...price,
+              testID: price.testID ?? id('price')
+            })
+          })]
+        }) : null]
+      })
+    }), children != null ? /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: CHECKOUT_SECTION_GAP
+      },
+      children: children
+    }) : null, confirm ? /*#__PURE__*/_jsx(CheckoutConfirm, {
+      ...confirm,
+      style: [{
+        marginTop: CHECKOUT_SECTION_GAP
+      }, confirm.style],
+      testID: confirm.testID ?? id('confirm')
+    }) : null]
+  });
+}
+export const CheckoutSummary = /*#__PURE__*/memo(CheckoutSummaryComponent);
+CheckoutSummary.displayName = 'CheckoutSummary';
+//# sourceMappingURL=CheckoutSummary.js.map

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":[]}