@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/module/menu-item/MenuItemRow.js

@@ -0,0 +1,229 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { Button } from '../button';
+import { RiAddLine } from "../icons/remix/RiAddLine.js";
+import { Item } from "../item/index.js";
+import { ListingPriceLines } from "../listing-card/parts.js";
+import { Stepper } from "../stepper/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { space } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MENU_ITEM_GEOMETRY } from "./constants.js";
+import { MenuItemDiets, MenuItemSpice, MenuItemThumb } from "./parts.js";
+import { composeMenuItemName, resolveMenuItemPaint, spiceLevel } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A dish in a menu: what it is, what it costs, and how to put one in the
+ * basket.
+ *
+ *   leading   the square photo (72; 56 compact), washed while sold out, with
+ *             the basket count over its corner when no `Stepper` is drawn
+ *   body      the name + the diet pills and the flames; the description,
+ *             clamped to two lines; the price line — an optional struck
+ *             original price, then the price semibold
+ *   trailing  a `Stepper` once something is in the basket and the app can
+ *             change it, otherwise the round add button, and NOTHING while the
+ *             dish is sold out
+ *
+ * It is `Item` with a dish's slots filled in. The row, the press target, the
+ * hover wash, the density rungs and the a11y role translation are `Item`'s job
+ * and this family owns no second copy of any of them; the price line is
+ * `listing-card`'s `ListingPriceLines`, which already draws a struck original
+ * price beside a current one.
+ *
+ * A PRESSABLE ROW AND ITS ADD CONTROL ARE SIBLINGS, NOT PARENT AND CHILD.
+ * `Item`'s pressable form is a real `<button>` on web, a button inside a button
+ * is invalid HTML, and a web click on the inner control ALSO opens the row
+ * (native does not bubble a press, so this is a web-only failure that a native
+ * run cannot find). So a row that both opens the dish and adds it splits into
+ * the row and the control side by side — the same answer `address/AddressRow`
+ * reaches, for the same reason. A row with no press target keeps its control in
+ * `Item`'s trailing slot, where there is nothing to nest inside.
+ *
+ * THE QUANTITY IS DRAWN ONCE. With `onQuantityChange` it lives in the
+ * `Stepper`, which is where a reader would change it; without, it is a count
+ * over the photo. A badge beside a stepper showing the same number is two
+ * controls that mean one thing.
+ */
+function MenuItemRowComponent(props) {
+  const {
+    name,
+    description,
+    price,
+    originalPrice,
+    photo,
+    photoVariant,
+    diets,
+    dietLabels,
+    spice,
+    spiceLabel,
+    quantity = 0,
+    onQuantityChange,
+    onAdd,
+    addLabel,
+    unavailable = false,
+    unavailableLabel = 'Sold out',
+    onPress,
+    density = 'comfortable',
+    accessibilityLabel,
+    style,
+    testID
+  } = props;
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveMenuItemPaint(theme, surface), [theme, surface]);
+  const g = MENU_ITEM_GEOMETRY[density];
+  const compact = density === 'compact';
+  const heat = spiceLevel(spice);
+  const inBasket = quantity > 0;
+  const stepper = inBasket && onQuantityChange != null && !unavailable;
+  const control = unavailable ? null : stepper ? /*#__PURE__*/_jsx(Stepper, {
+    size: "small",
+    value: quantity,
+    min: 0,
+    onValueChange: onQuantityChange,
+    accessibilityLabel: name,
+    testID: testID ? `${testID}-stepper` : undefined
+  }) : onAdd ? /*#__PURE__*/_jsx(Button, {
+    variant: "secondary",
+    size: "small",
+    iconOnly: true,
+    leadingIcon: RiAddLine,
+    accessibilityLabel: addLabel ?? `Add ${name}`,
+    onPress: onAdd,
+    testID: testID ? `${testID}-add` : undefined
+  }) : null;
+  const media = /*#__PURE__*/_jsx(MenuItemThumb, {
+    photo: photo,
+    photoVariant: photoVariant,
+    size: g.thumb,
+    radius: g.thumbRadius,
+    placeholder: paint.thumb,
+    wash: paint.wash,
+    washed: unavailable,
+    overlay: inBasket && !stepper ? /*#__PURE__*/_jsx(Badge, {
+      content: quantity,
+      variant: "solid",
+      color: "primary",
+      size: "medium",
+      testID: testID ? `${testID}-quantity` : undefined
+    }) : null,
+    testID: testID
+  });
+  const body = /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1,
+      minWidth: 0,
+      gap: 2
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: compact ? 'body-semibold' : 'headline-semibold',
+      numberOfLines: 1,
+      testID: testID ? `${testID}-name` : undefined,
+      style: {
+        color: paint.text
+      },
+      children: name
+    }), description ? /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-regular",
+      numberOfLines: 2,
+      testID: testID ? `${testID}-description` : undefined,
+      style: {
+        color: paint.textSecondary
+      },
+      children: description
+    }) : null, /*#__PURE__*/_jsx(MenuItemDiets, {
+      diets: diets ?? [],
+      labels: dietLabels,
+      surface: surface,
+      glyphColor: paint.diet,
+      glyph: g.glyph
+      // `undefined` rather than an element that renders nothing: the row is
+      // drawn at all only when there is something in it, and an empty element
+      // still counts as a mark.
+      ,
+      leading: heat > 0 ? /*#__PURE__*/_jsx(MenuItemSpice, {
+        level: heat,
+        label: spiceLabel,
+        color: paint.spice,
+        glyph: g.glyph,
+        testID: testID
+      }) : undefined,
+      style: {
+        marginTop: 2
+      },
+      testID: testID
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        marginTop: 2,
+        minWidth: 0
+      },
+      children: [/*#__PURE__*/_jsx(ListingPriceLines, {
+        lines: [{
+          price,
+          originalPrice
+        }],
+        size: compact ? 'small' : 'medium',
+        color: paint.text,
+        secondaryColor: paint.textSecondary,
+        style: {
+          flexShrink: 1,
+          minWidth: 0
+        },
+        testID: testID ? `${testID}-price` : undefined
+      }), unavailable ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-medium",
+        numberOfLines: 1,
+        testID: testID ? `${testID}-unavailable` : undefined,
+        style: {
+          color: paint.textSecondary
+        },
+        children: unavailableLabel
+      }) : null]
+    })]
+  });
+  const splitControl = control != null && onPress != null && !unavailable;
+  const row = /*#__PURE__*/_jsx(Item, {
+    leading: media,
+    trailing: splitControl ? null : control,
+    onPress: unavailable ? undefined : onPress,
+    disabled: unavailable,
+    density: density,
+    accessibilityLabel: accessibilityLabel ?? composeMenuItemName(props)
+    // `paddingRight`, never `paddingHorizontal`: `Item` writes the longhand
+    // for the reason its own file records, and a shorthand here would outrank
+    // it on web and not on native.
+    ,
+    style: splitControl ? {
+      paddingRight: space.sm
+    } : style,
+    testID: testID,
+    children: body
+  });
+  if (!splitControl) return row;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingRight: space.lg
+    }, style],
+    testID: testID ? `${testID}-split` : undefined,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1,
+        minWidth: 0
+      },
+      children: row
+    }), control]
+  });
+}
+export const MenuItemRow = /*#__PURE__*/memo(MenuItemRowComponent);
+MenuItemRow.displayName = 'MenuItemRow';
+//# sourceMappingURL=MenuItemRow.js.map

package/lib/module/menu-item/MenuItemRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Badge","Button","RiAddLine","Item","ListingPriceLines","Stepper","useSurfaceFill","space","useTheme","Text","MENU_ITEM_GEOMETRY","MenuItemDiets","MenuItemSpice","MenuItemThumb","composeMenuItemName","resolveMenuItemPaint","spiceLevel","jsx","_jsx","jsxs","_jsxs","MenuItemRowComponent","props","name","description","price","originalPrice","photo","photoVariant","diets","dietLabels","spice","spiceLabel","quantity","onQuantityChange","onAdd","addLabel","unavailable","unavailableLabel","onPress","density","accessibilityLabel","style","testID","theme","surface","paint","g","compact","heat","inBasket","stepper","control","size","value","min","onValueChange","undefined","variant","iconOnly","leadingIcon","media","thumb","radius","thumbRadius","placeholder","wash","washed","overlay","content","color","body","flex","minWidth","gap","children","numberOfLines","text","textSecondary","labels","glyphColor","diet","glyph","leading","level","label","marginTop","flexDirection","alignItems","lines","secondaryColor","flexShrink","splitControl","row","trailing","disabled","paddingRight","sm","lg","MenuItemRow","displayName"],"sourceRoot":"../../../src","sources":["menu-item/MenuItemRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/menu-item/constants.js

@@ -0,0 +1,52 @@
+"use strict";
+
+/** Every diet, in the order a dish lists them. */
+export const MENU_ITEM_DIETS = ['vegetarian', 'vegan', 'gluten-free', 'dairy-free', 'halal', 'kosher'];
+
+/** The English words. Apps in other languages pass `dietLabels`. */
+export const MENU_ITEM_DIET_LABELS = {
+  vegetarian: 'Vegetarian',
+  vegan: 'Vegan',
+  'gluten-free': 'Gluten-free',
+  'dairy-free': 'Dairy-free',
+  halal: 'Halal',
+  kosher: 'Kosher'
+};
+
+/**
+ * The two diets that are about what the dish is MADE OF get a glyph; the other
+ * four are certifications and preparations with no drawing, and inventing one
+ * for them would be Bloom asserting a symbol an app's customers have to learn.
+ */
+export const MENU_ITEM_DIET_WITH_GLYPH = ['vegetarian', 'vegan'];
+
+/** The hottest level the flames can say. */
+export const MENU_ITEM_SPICE_MAX = 3;
+/**
+ * 72 is the thumbnail that lets a two-line description sit beside it without
+ * the row growing taller than the picture — the dish's photo and its words end
+ * on the same line. 56 is the basket rung, where the words are one line.
+ */
+export const MENU_ITEM_GEOMETRY = {
+  comfortable: {
+    thumb: 72,
+    thumbRadius: 12,
+    glyph: 14
+  },
+  compact: {
+    thumb: 56,
+    thumbRadius: 10,
+    glyph: 12
+  }
+};
+
+/**
+ * How far a sold-out dish's photo is washed toward the page. The same 0.5
+ * `listing-card` washes an unavailable home at, so a card and a row that both
+ * mean "not this one" fade by the same amount.
+ */
+export const MENU_ITEM_WASH_OPACITY = 0.5;
+
+/** Between two option groups, and between a group's rule and its controls. */
+export const MENU_ITEM_GROUP_GAP = 24;
+//# sourceMappingURL=constants.js.map

package/lib/module/menu-item/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MENU_ITEM_DIETS","MENU_ITEM_DIET_LABELS","vegetarian","vegan","halal","kosher","MENU_ITEM_DIET_WITH_GLYPH","MENU_ITEM_SPICE_MAX","MENU_ITEM_GEOMETRY","comfortable","thumb","thumbRadius","glyph","compact","MENU_ITEM_WASH_OPACITY","MENU_ITEM_GROUP_GAP"],"sourceRoot":"../../../src","sources":["menu-item/constants.ts"],"mappings":";;AAEA;AACA,OAAO,MAAMA,eAAwC,GAAG,CACtD,YAAY,EACZ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,OAAO,EACP,QAAQ,CACT;;AAED;AACA,OAAO,MAAMC,qBAA6D,GAAG;EAC3EC,UAAU,EAAE,YAAY;EACxBC,KAAK,EAAE,OAAO;EACd,aAAa,EAAE,aAAa;EAC5B,YAAY,EAAE,YAAY;EAC1BC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAkD,GAAG,CAAC,YAAY,EAAE,OAAO,CAAC;;AAEzF;AACA,OAAO,MAAMC,mBAAmB,GAAG,CAAC;AAWpC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAA6D,GAAG;EAC3EC,WAAW,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAC;EACtDC,OAAO,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAG;AACnD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,sBAAsB,GAAG,GAAG;;AAEzC;AACA,OAAO,MAAMC,mBAAmB,GAAG,EAAE","ignoreList":[]}

package/lib/module/menu-item/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { MenuItemOptions } from "./MenuItemOptions.js";
+export { MenuItemRow } from "./MenuItemRow.js";
+export { MENU_ITEM_DIET_LABELS, MENU_ITEM_DIETS, MENU_ITEM_GEOMETRY, MENU_ITEM_SPICE_MAX } from "./constants.js";
+export { composeMenuItemName, describeOptionRule, describeSpice, optionDisabled, optionGroupRule, optionSubtitle, resolveMenuItemPaint, spiceLevel, toggleOptionSelection } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/menu-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MenuItemOptions","MenuItemRow","MENU_ITEM_DIET_LABELS","MENU_ITEM_DIETS","MENU_ITEM_GEOMETRY","MENU_ITEM_SPICE_MAX","composeMenuItemName","describeOptionRule","describeSpice","optionDisabled","optionGroupRule","optionSubtitle","resolveMenuItemPaint","spiceLevel","toggleOptionSelection"],"sourceRoot":"../../../src","sources":["menu-item/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,sBAAmB;AACnD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SACEC,qBAAqB,EACrBC,eAAe,EACfC,kBAAkB,EAClBC,mBAAmB,QACd,gBAAa;AAEpB,SACEC,mBAAmB,EACnBC,kBAAkB,EAClBC,aAAa,EACbC,cAAc,EACdC,eAAe,EACfC,cAAc,EACdC,oBAAoB,EACpBC,UAAU,EACVC,qBAAqB,QAChB,aAAU","ignoreList":[]}

package/lib/module/menu-item/parts.js

@@ -0,0 +1,196 @@
+"use strict";
+
+import React from 'react';
+import { Image, Platform, View } from 'react-native';
+import { Chip } from "../chip/index.js";
+import { RiFireLine } from "../icons/remix/RiFireLine.js";
+import { RiLeafLine } from "../icons/remix/RiLeafLine.js";
+import { RiPlantLine } from "../icons/remix/RiPlantLine.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { resolvePhoto } from "../listing-card/shared.js";
+import { MENU_ITEM_DIET_LABELS, MENU_ITEM_SPICE_MAX, MENU_ITEM_WASH_OPACITY } from "./constants.js";
+import { describeSpice, spiceLevel, uniqueDiets } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The pieces a dish row and a dish sheet both draw, so the two cannot drift
+ * apart. Internal: not on the family barrel.
+ */
+
+const IS_WEB = Platform.OS === 'web';
+
+/** Only the two diets that are about what the dish is MADE OF carry a glyph. */
+const DIET_GLYPH = {
+  vegetarian: RiLeafLine,
+  vegan: RiPlantLine
+};
+
+// ---------------------------------------------------------------------------
+
+/**
+ * The diet pills, in a wrapping row 6 apart. Duplicates are drawn once.
+ *
+ * `aria-hidden`: every word here is already in the row's own accessible name,
+ * in full and in the same order, so announcing the pills too would say each
+ * diet twice.
+ */
+export function MenuItemDiets({
+  diets,
+  labels,
+  surface,
+  glyphColor,
+  glyph,
+  leading,
+  style,
+  testID
+}) {
+  const unique = uniqueDiets(diets);
+  if (unique.length === 0 && leading == null) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: [{
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      gap: 6
+    }, style],
+    testID: testID ? `${testID}-marks` : undefined,
+    children: [leading, unique.map(diet => {
+      const Glyph = DIET_GLYPH[diet];
+      return /*#__PURE__*/_jsx(Chip, {
+        size: "small",
+        variant: "subtle",
+        color: Glyph ? 'success' : 'default',
+        surface: surface,
+        startIcon: Glyph ? /*#__PURE__*/_jsx(Glyph, {
+          width: glyph,
+          height: glyph,
+          fill: glyphColor
+        }) : undefined,
+        testID: testID ? `${testID}-diet-${diet}` : undefined,
+        children: labels?.[diet] ?? MENU_ITEM_DIET_LABELS[diet]
+      }, diet);
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+
+/**
+ * The heat, as that many flames out of three.
+ *
+ * ONE accessible element with one name ("Spicy 2 of 3") — a run of three
+ * identical glyphs announces nothing at all, and named individually it would
+ * say "flame, flame" and leave the reader to count. Inside `MenuItemRow` it
+ * sits in the marks row, which is `aria-hidden` because the ROW's own name
+ * already says the heat in the same words; the name here is what makes the
+ * component correct on its own, anywhere else.
+ */
+export function MenuItemSpice({
+  level,
+  label,
+  color,
+  glyph,
+  style,
+  testID
+}) {
+  const shown = spiceLevel(level);
+  if (shown === 0) return null;
+  return /*#__PURE__*/_jsx(View, {
+    accessible: true
+    // `role="img"` on web only, the shape `Rating` uses: a plain `div` with an
+    // `aria-label` and no role is not announced there, while on native
+    // `accessible` + the label is already one node with one name.
+    ,
+    ...(IS_WEB ? {
+      role: 'img'
+    } : null),
+    accessibilityLabel: describeSpice(shown, label),
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 1
+    }, style],
+    testID: testID ? `${testID}-spice` : undefined,
+    children: Array.from({
+      length: Math.min(shown, MENU_ITEM_SPICE_MAX)
+    }, (_, index) => /*#__PURE__*/_jsx(RiFireLine, {
+      width: glyph,
+      height: glyph,
+      fill: color
+    }, index))
+  });
+}
+
+// ---------------------------------------------------------------------------
+
+/**
+ * The dish's square picture, or the plain placeholder square when it has none.
+ *
+ * Its geometry and its two colours arrive as PROPS rather than as a density and
+ * a paint object, because `cart-panel` draws the same square at its own rung —
+ * a basket line and a menu row are the same dish, and two implementations of
+ * one square is how the wash ends up at two different opacities.
+ */
+export function MenuItemThumb({
+  photo,
+  photoVariant,
+  size,
+  radius,
+  placeholder,
+  wash,
+  washed = false,
+  overlay,
+  testID
+}) {
+  const resolver = useImageResolver();
+  const uri = photo ? resolvePhoto(photo, resolver, photoVariant) : undefined;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: size,
+      height: size,
+      flexShrink: 0,
+      borderRadius: radius,
+      backgroundColor: placeholder
+    },
+    testID: testID ? `${testID}-photo` : undefined,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        borderRadius: radius,
+        overflow: 'hidden'
+      },
+      children: [uri ? /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri
+        },
+        resizeMode: "cover",
+        accessibilityIgnoresInvertColors: true,
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }) : null, washed ? /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: {
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          backgroundColor: wash,
+          opacity: MENU_ITEM_WASH_OPACITY
+        },
+        testID: testID ? `${testID}-wash` : undefined
+      }) : null]
+    }), overlay ? /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: -6,
+        right: -6
+      },
+      children: overlay
+    }) : null]
+  });
+}
+//# sourceMappingURL=parts.js.map

package/lib/module/menu-item/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Platform","View","Chip","RiFireLine","RiLeafLine","RiPlantLine","useImageResolver","resolvePhoto","MENU_ITEM_DIET_LABELS","MENU_ITEM_SPICE_MAX","MENU_ITEM_WASH_OPACITY","describeSpice","spiceLevel","uniqueDiets","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","DIET_GLYPH","vegetarian","vegan","MenuItemDiets","diets","labels","surface","glyphColor","glyph","leading","style","testID","unique","length","importantForAccessibility","flexDirection","flexWrap","alignItems","gap","undefined","children","map","diet","Glyph","size","variant","color","startIcon","width","height","fill","MenuItemSpice","level","label","shown","accessible","role","accessibilityLabel","Array","from","Math","min","_","index","MenuItemThumb","photo","photoVariant","radius","placeholder","wash","washed","overlay","resolver","uri","flexShrink","borderRadius","backgroundColor","flex","overflow","source","resizeMode","accessibilityIgnoresInvertColors","pointerEvents","position","top","right","bottom","left","opacity"],"sourceRoot":"../../../src","sources":["menu-item/parts.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/menu-item/shared.js

@@ -0,0 +1,131 @@
+"use strict";
+
+/**
+ * Everything `menu-item` decides WITHOUT rendering: what a group's rule says,
+ * what one press does to a selection, and the sentence a screen reader hears
+ * for a row. Pure, so `MenuItem.test.tsx` asserts each one directly.
+ */
+import { surfaceFillOn, surfaceTextOn, hairlineOn } from "../styles/surface-levels.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { MENU_ITEM_DIET_LABELS, MENU_ITEM_SPICE_MAX } from "./constants.js";
+export function resolveMenuItemPaint(theme, surface) {
+  return {
+    ...surfaceTextOn(theme, surface),
+    thumb: surfaceFillOn(theme, surface),
+    wash: surface,
+    spice: resolveAccentColors(theme.colors, 'error', 'subtle').foreground,
+    diet: resolveAccentColors(theme.colors, 'success', 'subtle').foreground,
+    rule: hairlineOn(theme, surface)
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Rows
+// ---------------------------------------------------------------------------
+
+/** The diets actually drawn: de-duplicated, in the order given. */
+export function uniqueDiets(diets) {
+  return diets ? Array.from(new Set(diets)) : [];
+}
+
+/** `0` for no flames; anything else clamped into `1..3`. */
+export function spiceLevel(spice) {
+  if (!spice || spice <= 0) return 0;
+  return Math.min(Math.round(spice), MENU_ITEM_SPICE_MAX);
+}
+
+/** "Spicy 2 of 3" — the flames in words, since a glyph run announces nothing. */
+export function describeSpice(level, label = 'Spicy') {
+  return `${label} ${level} of ${MENU_ITEM_SPICE_MAX}`;
+}
+
+/**
+ * The row as one sentence, in the order it is read on screen. The description
+ * is NOT in it: it is clamped on screen and would be read in full here, which
+ * turns a scannable list into a recipe book.
+ */
+export function composeMenuItemName(props) {
+  const parts = [props.name];
+  for (const diet of uniqueDiets(props.diets)) {
+    parts.push(props.dietLabels?.[diet] ?? MENU_ITEM_DIET_LABELS[diet]);
+  }
+  const heat = spiceLevel(props.spice);
+  if (heat > 0) parts.push(describeSpice(heat, props.spiceLabel));
+  if (props.originalPrice) parts.push(`${props.price}, originally ${props.originalPrice}`);else parts.push(props.price);
+  if (props.quantity && props.quantity > 0) parts.push(`${props.quantity} in basket`);
+  if (props.unavailable) parts.push(props.unavailableLabel ?? 'Sold out');
+  return parts.join(', ');
+}
+
+// ---------------------------------------------------------------------------
+//  Option groups
+// ---------------------------------------------------------------------------
+
+/** A group's rule, with the defaults filled in: `max` 1, `min` 0. */
+export function optionGroupRule(group) {
+  const max = Math.max(1, group.max ?? 1);
+  const min = Math.min(Math.max(0, group.min ?? 0), max);
+  return {
+    min,
+    max,
+    multiple: max > 1,
+    required: min >= 1
+  };
+}
+
+/**
+ * The rule in words — "Choose 1", "Up to 3", "Choose 2 to 4", "Optional".
+ *
+ * English, and overridable per group with `ruleLabel`. The one case worth
+ * naming is `max: 1, min: 0`: "Up to 1" is not a sentence anybody says, so a
+ * single optional choice reads as "Optional".
+ */
+export function describeOptionRule(group) {
+  if (group.ruleLabel != null) return group.ruleLabel;
+  const {
+    min,
+    max
+  } = optionGroupRule(group);
+  if (min === max) return `Choose ${max}`;
+  if (min === 0) return max === 1 ? 'Optional' : `Up to ${max}`;
+  return `Choose ${min} to ${max}`;
+}
+
+/**
+ * What one press does to a group's selection.
+ *
+ * A single-choice group REPLACES; a multi-choice group toggles. At the cap, an
+ * option that is not already chosen is refused — the caller draws it disabled,
+ * so this branch is the backstop rather than the user's experience. Refusing
+ * beats evicting the earliest choice: a reader who presses a fourth extra and
+ * watches the first one vanish has been told nothing about the rule.
+ */
+export function toggleOptionSelection(current, optionId, rule) {
+  const chosen = current ?? [];
+  if (!rule.multiple) return [optionId];
+  if (chosen.includes(optionId)) return chosen.filter(id => id !== optionId);
+  if (chosen.length >= rule.max) return [...chosen];
+  return [...chosen, optionId];
+}
+
+/** Whether an option can still be pressed: its own `disabled`, or the group at its cap. */
+export function optionDisabled(option, current, rule) {
+  if (option.disabled === true) return true;
+  if (!rule.multiple) return false;
+  const chosen = current ?? [];
+  return chosen.length >= rule.max && !chosen.includes(option.id);
+}
+
+/**
+ * The option's second line: its description and its price, joined.
+ *
+ * ONE text column, because that is what the grouped-choice contract has:
+ * `RadioGroup`/`Checkbox` draw a label and a description and nothing else, and
+ * a right-aligned price column would mean hand-rolling `role="radiogroup"` over
+ * Bloom's own rows — the debt `docs/composition.mdx` names and keeps a list of.
+ */
+export function optionSubtitle(option) {
+  if (option.description && option.price) return `${option.description} · ${option.price}`;
+  return option.description ?? option.price ?? undefined;
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/menu-item/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["surfaceFillOn","surfaceTextOn","hairlineOn","resolveAccentColors","MENU_ITEM_DIET_LABELS","MENU_ITEM_SPICE_MAX","resolveMenuItemPaint","theme","surface","thumb","wash","spice","colors","foreground","diet","rule","uniqueDiets","diets","Array","from","Set","spiceLevel","Math","min","round","describeSpice","level","label","composeMenuItemName","props","parts","name","push","dietLabels","heat","spiceLabel","originalPrice","price","quantity","unavailable","unavailableLabel","join","optionGroupRule","group","max","multiple","required","describeOptionRule","ruleLabel","toggleOptionSelection","current","optionId","chosen","includes","filter","id","length","optionDisabled","option","disabled","optionSubtitle","description","undefined"],"sourceRoot":"../../../src","sources":["menu-item/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/menu-item/types.js

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