@bearmenu/ui 0.8.16 → 0.8.17

package/dist/components/concept-convergence.js

@@ -1,7 +1,7 @@
-import { PhotoGround } from '../chunk-CNJQUHCU.js';
+import { PhotoGround } from '../chunk-SWD6CJ35.js';
 import { Convergence } from '../chunk-4XDJXMLF.js';
 import '../chunk-OIV7B44M.js';
-import { Badge } from '../chunk-P43B3ONY.js';
+import { Badge } from '../chunk-5XREWOBB.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/components/doorway-tiles.d.ts

@@ -33,6 +33,17 @@ type DoorwayTile = {
     gradient?: string;
     /** Pre-resolved photograph of the CLASS, from the consumer's own origin. */
     photoUrl?: string;
+    /**
+     * A glyph in the photograph's place — for a tile about an ACTION, not a
+     * thing. A search door has no class to photograph, and any subject put on
+     * it (a table, a lens, a book) reads as one more family; the initial the
+     * fallback draws is a family's initial too. So the print holds the glyph
+     * instead, on the photo ground with the photo fallback's drop shadow, and
+     * the tile keeps its siblings' silhouette. Wins over `photoUrl`.
+     *
+     * A node rather than a name: the app owns its iconography.
+     */
+    icon?: React.ReactNode;
 };
 type DoorwayTilesTreatment = "polaroid" | "ground";
 type DoorwayTilesProps = {

package/dist/components/doorway-tiles.js

@@ -1,4 +1,4 @@
-import { PhotoGround } from '../chunk-CNJQUHCU.js';
+import { PHOTO_GROUND, PHOTO_GLYPH_SHADOW, PhotoGround } from '../chunk-SWD6CJ35.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -13,6 +13,8 @@ var SCRIM = "after:pointer-events-none after:absolute after:inset-x-0 after:bott
 var GROUND_PHOTO = "absolute inset-0 z-0 h-full w-full object-cover mix-blend-multiply transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover:scale-100";
 var GROUND_LIFT = "absolute inset-0 z-0 opacity-[0.22]";
 var GROUND_GLYPH = "absolute inset-0 z-0 flex items-center justify-center font-serif text-[64px] font-semibold leading-none text-white/15";
+var PRINT_ICON = `absolute inset-0 flex items-center justify-center ${PHOTO_GROUND} text-white/90 [&_svg]:h-[44%] [&_svg]:w-[44%] [&_svg]:${PHOTO_GLYPH_SHADOW}`;
+var GROUND_ICON = "absolute inset-0 z-0 flex items-center justify-center text-white/15 [&_svg]:h-[40%] [&_svg]:w-[40%]";
 function DoorwayTiles({
   tiles,
   all,
@@ -31,7 +33,7 @@ function DoorwayTiles({
         className: cn(TILE, SCRIM),
         style: ground,
         children: [
-          isPolaroid ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: POLAROID, children: tile.photoUrl ? (
+          isPolaroid ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: POLAROID, children: tile.icon ? /* @__PURE__ */ jsx("span", { className: PRINT_ICON, children: tile.icon }) : tile.photoUrl ? (
             /* Not lazy: the grid sits directly under the hero, and these
                photographs are the first thing the reader looks at. */
             // eslint-disable-next-line @next/next/no-img-element
@@ -52,7 +54,7 @@ function DoorwayTiles({
               mode: "stack",
               glyphClassName: "text-[44px]"
             }
-          ) }) : tile.photoUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          ) }) : tile.icon ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: GROUND_ICON, children: tile.icon }) : tile.photoUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("img", { src: tile.photoUrl, alt: "", decoding: "async", className: GROUND_PHOTO }),
             /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: GROUND_LIFT, style: ground })
           ] }) : /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: GROUND_GLYPH, children: tile.label.charAt(0) }),

package/dist/components/empty-state.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-36KEHCET.js';
+import { Button } from '../chunk-5LTILG3L.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { Text } from '../chunk-ZLMRVBD7.js';

package/dist/components/event-detail-panel.js

@@ -1,8 +1,8 @@
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Button } from '../chunk-36KEHCET.js';
+import { Button } from '../chunk-5LTILG3L.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/event-index-row.js

@@ -1,7 +1,7 @@
 import { TagGroup } from '../chunk-PX6RICS5.js';
 import { Tag } from '../chunk-MWB7S54O.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/components/event-list-row-wide.js

@@ -1,9 +1,9 @@
 import { Tag } from '../chunk-MWB7S54O.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { buttonVariants } from '../chunk-36KEHCET.js';
+import { buttonVariants } from '../chunk-5LTILG3L.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/event-list-row.js

@@ -1,8 +1,8 @@
 import { TagGroup } from '../chunk-PX6RICS5.js';
 import { Tag } from '../chunk-MWB7S54O.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';

package/dist/components/facet-group.d.ts

@@ -75,9 +75,16 @@ type FacetGroupProps = Omit<ComponentPropsWithoutRef<"fieldset">, "title" | "chi
     /** e.g. "Show all". Omit to hide the trailing action. */
     moreLabel?: string;
     onMore?: () => void;
+    /**
+     * Whether the trailing action has already expanded the options it controls
+     * — set it when `onMore` reveals more rows in place (and `moreLabel` reads
+     * "Show fewer"), so the button carries `aria-expanded`. Leave it unset when
+     * the action opens another surface.
+     */
+    moreExpanded?: boolean;
     className?: string;
 };
-declare function FacetGroup({ title, icon: Icon, options, selection, name, size, collapsible, defaultOpen, onToggle, moreLabel, onMore, className, ...rest }: FacetGroupProps): react_jsx_runtime.JSX.Element;
+declare function FacetGroup({ title, icon: Icon, options, selection, name, size, collapsible, defaultOpen, onToggle, moreLabel, onMore, moreExpanded, className, ...rest }: FacetGroupProps): react_jsx_runtime.JSX.Element;
 type FacetGroupSkeletonProps = {
     /** How many option rows to draw — match the expected/last-known option count. */
     optionCount?: number;

package/dist/components/facet-group.js

@@ -26,6 +26,7 @@ function FacetGroup(_a) {
     onToggle,
     moreLabel,
     onMore,
+    moreExpanded,
     className
   } = _b, rest = __objRest(_b, [
     "title",
@@ -39,6 +40,7 @@ function FacetGroup(_a) {
     "onToggle",
     "moreLabel",
     "onMore",
+    "moreExpanded",
     "className"
   ]);
   const isSingle = selection === "single";
@@ -191,6 +193,7 @@ function FacetGroup(_a) {
         {
           type: "button",
           onClick: onMore,
+          "aria-expanded": moreExpanded,
           className: "cursor-pointer pt-[11px] text-[12.5px] font-bold text-primary transition-colors duration-150 hover:text-primary/80 motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:rounded-sm",
           children: moreLabel
         }

package/dist/components/filter-category-row.js

@@ -1,5 +1,5 @@
 import { Text } from '../chunk-ZLMRVBD7.js';
-import { Badge } from '../chunk-P43B3ONY.js';
+import { Badge } from '../chunk-5XREWOBB.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { ChevronRight } from 'lucide-react';

package/dist/components/hue-chip.js

@@ -1,3 +1,3 @@
-export { HueChip, hueTint } from '../chunk-CLLY6XB3.js';
+export { HueChip, hueTint } from '../chunk-6VOWT4YR.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/item.js

@@ -20,7 +20,10 @@ var itemVariants = cva(
         lg: "px-5 py-4"
       },
       interactive: {
-        true: "cursor-pointer hover:bg-accent hover:text-accent-foreground active:scale-[0.99]",
+        // The surface tint a hover is, not the brand fill: `bg-accent` here is
+        // the brown, and a row that inverts under the cursor loses its muted
+        // description. Same step the buttons take (`--accent-subtle`).
+        true: "cursor-pointer hover:bg-accent-subtle hover:border-accent/40 active:bg-muted active:scale-[0.99]",
         false: ""
       }
     },

package/dist/components/kitchen-dossier.js

@@ -3,7 +3,7 @@ import { VenueQuotes } from '../chunk-43RC7MHY.js';
 import { StoryProvider, StorySegments, StoryPanel } from '../chunk-F6FMZJDG.js';
 import { GlassGround } from '../chunk-ICOU5QHT.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { MessageSquareQuote, Star } from 'lucide-react';

package/dist/components/link-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-36KEHCET.js';
+import { Button } from '../chunk-5LTILG3L.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import '../chunk-FEK5XGZW.js';

package/dist/components/menu-family-block.d.ts

@@ -85,10 +85,17 @@ type MenuFamilyBlockProps = {
     hue?: string;
     /** Finished CSS gradient — the family's colour over the mosaic. */
     gradient?: string;
+    /**
+     * `wide` (default): the phone card below `lg`, the two-column card — photo
+     * third, rows beside it — from `lg`. `compact`: the phone card at every
+     * width, for a rail on a desktop page where the two-column card is too much
+     * to scan across (the browse page's concept rail).
+     */
+    variant?: "wide" | "compact";
     linkComponent?: MenuLinkComponent;
     className?: string;
 };
-declare function MenuFamilyBlock({ family, labels, formatCount, hue, gradient, linkComponent: LinkComponent, className, }: MenuFamilyBlockProps): react_jsx_runtime.JSX.Element;
+declare function MenuFamilyBlock({ family, labels, formatCount, hue, gradient, variant, linkComponent: LinkComponent, className, }: MenuFamilyBlockProps): react_jsx_runtime.JSX.Element;
 /**
  * The block's own loading state, at the block's footprint.
  *

package/dist/components/menu-family-block.js

@@ -1,9 +1,9 @@
-import { MenuKitchenList } from '../chunk-SXQZ7DLH.js';
-import { HueChip } from '../chunk-CLLY6XB3.js';
+import { MenuKitchenList } from '../chunk-QY66ME5B.js';
+import { HueChip } from '../chunk-6VOWT4YR.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { buttonVariants } from '../chunk-36KEHCET.js';
+import { buttonVariants } from '../chunk-5LTILG3L.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';
@@ -16,8 +16,8 @@ function DefaultLink(_a) {
   return /* @__PURE__ */ jsx("a", __spreadValues({ href }, props));
 }
 var GROUND = PHOTO_GROUND;
-var INK = "bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0.12)_0%,oklch(0.16_0.012_55_/_0.55)_38%,oklch(0.16_0.012_55_/_0.92)_62%,oklch(0.16_0.012_55_/_0.96)_100%)] lg:bg-[linear-gradient(to_right,oklch(0.16_0.012_55_/_0.38)_0%,oklch(0.16_0.012_55_/_0.6)_30%,oklch(0.16_0.012_55_/_0.92)_46%,oklch(0.16_0.012_55_/_0.96)_100%)]";
-var PAPER = "lg:bg-[oklch(0.21_0.012_55)]";
+var INK_PHONE = "bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0.12)_0%,oklch(0.16_0.012_55_/_0.55)_38%,oklch(0.16_0.012_55_/_0.92)_62%,oklch(0.16_0.012_55_/_0.96)_100%)]";
+var INK_WIDE = "lg:bg-[linear-gradient(to_right,oklch(0.16_0.012_55_/_0.32)_0%,oklch(0.16_0.012_55_/_0.62)_34%,oklch(0.16_0.012_55_/_0.9)_52%,oklch(0.16_0.012_55_/_0.96)_100%)]";
 var TEXT_SCRIM = (
   /* `isolate` + `before:-z-10`: a positioned pseudo-element paints ABOVE the
      column's in-flow text unless the column is its own stacking context and
@@ -31,10 +31,12 @@ function MenuFamilyBlock({
   formatCount = String,
   hue,
   gradient,
+  variant = "wide",
   linkComponent: LinkComponent = DefaultLink,
   className
 }) {
   var _a, _b, _c, _d, _e, _f;
+  const wide = variant === "wide";
   const [photo] = (_a = family.photoUrls) != null ? _a : [];
   const venues = (_b = family.venues) != null ? _b : [];
   const overflow = Math.max(family.venueCount - venues.length, 0);
@@ -46,77 +48,108 @@ function MenuFamilyBlock({
       className: cn(
         /* `isolate` confines the blend and the backdrop-filter to this card.
            `dark` scopes every token inside to its dark-theme value. */
-        "dark relative isolate overflow-hidden rounded-[14px] text-foreground",
+        /* A flex column, so a `h-full` card in a rail fills its row: siblings
+           with two rows and with three end on the same baseline. */
+        "dark relative isolate flex flex-col overflow-hidden rounded-[14px] text-foreground",
         GROUND,
         className
       ),
       children: [
         /* @__PURE__ */ jsx(PhotoGround, { photos: [photo], initials: initial, mode: "stack", gradient }),
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("absolute inset-0", INK) }),
-        /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-1 lg:grid-cols-[34%_1fr]", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "relative flex min-h-[220px] flex-col justify-end p-3.5 lg:min-h-[320px] lg:p-5",
-                TEXT_SCRIM
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("absolute inset-0", INK_PHONE, wide && INK_WIDE) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative grid flex-1 grid-cols-1 grid-rows-[auto_1fr]",
+              wide && "lg:grid-cols-[34%_1fr] lg:grid-rows-1"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "relative flex min-h-[220px] flex-col justify-end p-3.5",
+                    wide && "lg:min-h-[320px] lg:p-5",
+                    TEXT_SCRIM
+                  ),
+                  children: [
+                    pill && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "absolute right-3.5 top-3.5 rounded-full bg-[oklch(0.16_0.012_55_/_0.78)] px-2.5 py-1 text-[11px] font-semibold text-white",
+                          wide && "lg:static lg:mb-3 lg:self-start"
+                        ),
+                        children: pill
+                      }
+                    ),
+                    family.kicker && /* @__PURE__ */ jsx("span", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/70", children: family.kicker }),
+                    /* @__PURE__ */ jsx(
+                      "h3",
+                      {
+                        className: cn(
+                          "text-balance font-serif text-[26px] font-semibold leading-tight tracking-[-0.02em] text-white",
+                          wide && "lg:text-[30px]"
+                        ),
+                        children: family.name
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("span", { className: "mt-1 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[13px] font-medium tabular-nums text-white/70", children: [
+                      labels.venueUnit(family.venueCount),
+                      (_f = family.facts) == null ? void 0 : _f.map((fact) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2.5", children: [
+                        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-white/40", children: "\xB7" }),
+                        fact
+                      ] }, fact)),
+                      family.priceBandLabel && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          className: "inline-flex items-center gap-1",
+                          "aria-label": `${labels.priceBand}: ${family.priceBandLabel}`,
+                          children: [
+                            /* @__PURE__ */ jsx(Wallet, { className: "h-3.5 w-3.5 shrink-0 text-white/60", "aria-hidden": true }),
+                            family.priceBandLabel
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      LinkComponent,
+                      {
+                        href: family.href,
+                        "aria-label": labels.browse,
+                        className: cn(buttonVariants({ variant: "ink", size: "pill" }), "mt-3.5 w-max max-w-full"),
+                        children: labels.browseShort && wide ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx("span", { className: "lg:hidden", children: labels.browse }),
+                          /* @__PURE__ */ jsx("span", { className: "hidden lg:inline", children: labels.browseShort })
+                        ] }) : labels.browse
+                      }
+                    )
+                  ]
+                }
               ),
-              children: [
-                pill && /* @__PURE__ */ jsx("span", { className: "absolute right-3.5 top-3.5 rounded-full bg-[oklch(0.16_0.012_55_/_0.78)] px-2.5 py-1 text-[11px] font-semibold text-white lg:static lg:mb-3 lg:self-start", children: pill }),
-                family.kicker && /* @__PURE__ */ jsx("span", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/70", children: family.kicker }),
-                /* @__PURE__ */ jsx("h3", { className: "text-balance font-serif text-[26px] font-semibold leading-tight tracking-[-0.02em] text-white lg:text-[30px]", children: family.name }),
-                /* @__PURE__ */ jsxs("span", { className: "mt-1 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[13px] font-medium tabular-nums text-white/70", children: [
-                  labels.venueUnit(family.venueCount),
-                  (_f = family.facts) == null ? void 0 : _f.map((fact) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2.5", children: [
-                    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-white/40", children: "\xB7" }),
-                    fact
-                  ] }, fact)),
-                  family.priceBandLabel && /* @__PURE__ */ jsxs(
-                    "span",
+              /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-col px-3.5 pb-3.5", wide && "lg:p-5"), children: [
+                family.chips && family.chips.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("flex flex-wrap items-center gap-1.5", wide && "lg:justify-end"), children: family.chips.map((chip) => (
+                  /* Label only. The counts are VENUES beside a dish group's name,
+                     which every reader takes for dishes. */
+                  /* @__PURE__ */ jsx(HueChip, { as: "li", hue, children: chip.label }, chip.slug)
+                )) }),
+                venues.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Separator, { className: "my-3 via-white/15" }),
+                  /* @__PURE__ */ jsx(
+                    MenuKitchenList,
                     {
-                      className: "inline-flex items-center gap-1",
-                      "aria-label": `${labels.priceBand}: ${family.priceBandLabel}`,
-                      children: [
-                        /* @__PURE__ */ jsx(Wallet, { className: "h-3.5 w-3.5 shrink-0 text-white/60", "aria-hidden": true }),
-                        family.priceBandLabel
-                      ]
+                      kitchens: venues,
+                      labels: labels.kitchens,
+                      layout: wide ? "stacked" : "phone",
+                      linkComponent: LinkComponent
                     }
                   )
-                ] }),
-                /* @__PURE__ */ jsx(
-                  LinkComponent,
-                  {
-                    href: family.href,
-                    "aria-label": labels.browse,
-                    className: cn(buttonVariants({ variant: "ink", size: "pill" }), "mt-3.5 w-max max-w-full"),
-                    children: labels.browseShort ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx("span", { className: "lg:hidden", children: labels.browse }),
-                      /* @__PURE__ */ jsx("span", { className: "hidden lg:inline", children: labels.browseShort })
-                    ] }) : labels.browse
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-col px-3.5 pb-3.5 lg:p-5", PAPER), children: [
-            family.chips && family.chips.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap items-center gap-1.5 lg:justify-end", children: family.chips.map((chip) => (
-              /* Label only. The counts are VENUES beside a dish group's name,
-                 which every reader takes for dishes. */
-              /* @__PURE__ */ jsx(HueChip, { as: "li", hue, children: chip.label }, chip.slug)
-            )) }),
-            venues.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Separator, { className: "my-3 via-white/15" }),
-              /* @__PURE__ */ jsx(
-                MenuKitchenList,
-                {
-                  kitchens: venues,
-                  labels: labels.kitchens,
-                  linkComponent: LinkComponent
-                }
-              )
-            ] })
-          ] })
-        ] })
+                ] })
+              ] })
+            ]
+          }
+        )
       ]
     }
   );

package/dist/components/menu-family-card.js

@@ -1,5 +1,5 @@
-import { HueChip } from '../chunk-CLLY6XB3.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
+import { HueChip } from '../chunk-6VOWT4YR.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { Wallet } from 'lucide-react';

package/dist/components/menu-filter-chips.d.ts

@@ -58,11 +58,18 @@ type MenuFilterChipsProps = {
     onMorePointerDown?: () => void;
     /** Locale-aware integer formatter for the counts. Defaults to `String`. */
     formatCount?: (value: number) => string;
+    /**
+     * `sm` (36px) is the row under a page header. `lg` (44px) is for a row
+     * inside a sticky bar, where the chips are the only thing the thumb can
+     * reach and 36px sits under the target floor.
+     */
+    chipSize?: MenuFilterChipSize;
     /** Accessible name for the row. */
     ariaLabel?: string;
     className?: string;
 };
-declare function MenuFilterChips({ chips, onToggle, unitLabel, onMore, moreLabel, moreIcon, onMorePointerDown, formatCount, ariaLabel, className, }: MenuFilterChipsProps): react_jsx_runtime.JSX.Element;
+type MenuFilterChipSize = "sm" | "lg";
+declare function MenuFilterChips({ chips, onToggle, unitLabel, onMore, moreLabel, moreIcon, onMorePointerDown, formatCount, chipSize, ariaLabel, className, }: MenuFilterChipsProps): react_jsx_runtime.JSX.Element;
 /**
  * MenuFilterSummary — what the active filters did, and the way out.
  *
@@ -80,8 +87,10 @@ type MenuFilterSummaryProps = {
     className?: string;
 };
 declare function MenuFilterSummary({ summary, clearLabel, onClear, className, }: MenuFilterSummaryProps): react_jsx_runtime.JSX.Element;
-declare function MenuFilterChipsSkeleton({ className }: {
+declare function MenuFilterChipsSkeleton({ className, chipSize, }: {
     className?: string;
+    /** Match the row it stands in for, so the chips do not jump 8px on load. */
+    chipSize?: MenuFilterChipSize;
 }): react_jsx_runtime.JSX.Element;
 
-export { MenuFilterChips, type MenuFilterChipsProps, MenuFilterChipsSkeleton, MenuFilterSummary, type MenuFilterSummaryProps };
+export { type MenuFilterChipSize, MenuFilterChips, type MenuFilterChipsProps, MenuFilterChipsSkeleton, MenuFilterSummary, type MenuFilterSummaryProps };

package/dist/components/menu-filter-chips.js

@@ -14,6 +14,7 @@ function MenuFilterChips({
   moreIcon,
   onMorePointerDown,
   formatCount = String,
+  chipSize = "sm",
   ariaLabel,
   className
 }) {
@@ -30,6 +31,7 @@ function MenuFilterChips({
           Chip,
           {
             chip,
+            size: chipSize,
             onToggle: () => onToggle(chip.key),
             formatCount
           },
@@ -46,7 +48,11 @@ function MenuFilterChips({
           onPointerDown: onMorePointerDown,
           "aria-label": moreLabel,
           "aria-haspopup": "dialog",
-          className: "inline-flex size-10 shrink-0 items-center justify-center rounded-full border border-border text-accent transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none lg:hidden",
+          className: cn(
+            "inline-flex shrink-0 items-center justify-center rounded-full border border-border text-accent transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none lg:hidden",
+            // The one control that never scrolls keeps the chips' height.
+            chipSize === "lg" ? "size-11" : "size-10"
+          ),
           children: moreIcon
         }
       ),
@@ -67,6 +73,7 @@ function MenuFilterChips({
 }
 function Chip({
   chip,
+  size,
   onToggle,
   formatCount
 }) {
@@ -77,7 +84,8 @@ function Chip({
       onClick: onToggle,
       "aria-pressed": chip.active,
       className: cn(
-        "inline-flex h-9 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full border px-4 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+        "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full border px-4 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+        size === "lg" ? "h-11" : "h-9",
         chip.active ? "border-accent font-semibold text-accent shadow-[0_1px_2px_oklch(0.51_0.095_45_/_0.08)]" : "border-border bg-card text-foreground hover:border-accent/40",
         // Dimmed, never disabled — pressing it is how the reader finds out
         // which active filter is in the way.
@@ -112,10 +120,20 @@ function MenuFilterSummary({
   ] });
 }
 var CHIP_WIDTHS = [128, 104, 96, 148, 112, 88];
-function MenuFilterChipsSkeleton({ className }) {
+function MenuFilterChipsSkeleton({
+  className,
+  chipSize = "sm"
+}) {
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 overflow-hidden", className), "aria-hidden": true, children: [
     /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-[92px] shrink-0" }),
-    CHIP_WIDTHS.map((width, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-9 shrink-0 rounded-full", style: { width } }, index))
+    CHIP_WIDTHS.map((width, index) => /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        className: cn("shrink-0 rounded-full", chipSize === "lg" ? "h-11" : "h-9"),
+        style: { width }
+      },
+      index
+    ))
   ] });
 }
 

package/dist/components/menu-index-list.js

@@ -1,6 +1,6 @@
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Button } from '../chunk-36KEHCET.js';
+import { Button } from '../chunk-5LTILG3L.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/menu-item.js

@@ -1,5 +1,5 @@
-export { MentionSignal, MenuItem } from '../chunk-T6S2ZBV6.js';
-import '../chunk-S33K4RC5.js';
-import '../chunk-P43B3ONY.js';
+export { MentionSignal, MenuItem } from '../chunk-SDWN6L4O.js';
+import '../chunk-BKKQ7GCZ.js';
+import '../chunk-5XREWOBB.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/menu-kitchen-list.d.ts

@@ -54,6 +54,17 @@ type MenuKitchenListLabels = {
     /** Reveals the next page of rows, e.g. "Show 10 more". */
     showMore?: string;
 };
+/**
+ * `wide` (default): the intent page's full-width list — from `lg` the venue
+ * takes a fixed 226px column and the dish stands beside it in a column of its
+ * own. `stacked`: the list sits in a narrow column (a concept card's row
+ * half), so the venue keeps the row and the dish takes a SECOND LINE under it
+ * from `lg`; in a half-width card the dish column had ~100px and its kicker,
+ * name and meta wrapped into a stack of single words. `phone`: the phone row
+ * at every width — no dish line, the venue and its price only — for a card
+ * that keeps its phone form on a desktop rail.
+ */
+type MenuKitchenListLayout = "wide" | "stacked" | "phone";
 type MenuKitchenListProps = {
     kitchens: MenuKitchenPreview[];
     labels: MenuKitchenListLabels;
@@ -62,10 +73,11 @@ type MenuKitchenListProps = {
      * navigates for the eleventh — the list is the page.
      */
     onShowMore?: () => void;
+    layout?: MenuKitchenListLayout;
     linkComponent?: MenuLinkComponent;
     className?: string;
 };
-declare function MenuKitchenList({ kitchens, labels, onShowMore, linkComponent, className, }: MenuKitchenListProps): react_jsx_runtime.JSX.Element;
+declare function MenuKitchenList({ kitchens, labels, onShowMore, layout, linkComponent, className, }: MenuKitchenListProps): react_jsx_runtime.JSX.Element;
 /**
  * The list's own loading state, at the row's own footprint.
  *
@@ -80,4 +92,4 @@ declare function MenuKitchenListSkeleton({ rows, className, }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { MenuKitchenList, type MenuKitchenListLabels, type MenuKitchenListLinkProps, type MenuKitchenListProps, MenuKitchenListSkeleton };
+export { MenuKitchenList, type MenuKitchenListLabels, type MenuKitchenListLayout, type MenuKitchenListLinkProps, type MenuKitchenListProps, MenuKitchenListSkeleton };

package/dist/components/menu-kitchen-list.js

@@ -1,4 +1,4 @@
-export { MenuKitchenList, MenuKitchenListSkeleton } from '../chunk-SXQZ7DLH.js';
+export { MenuKitchenList, MenuKitchenListSkeleton } from '../chunk-QY66ME5B.js';
 import '../chunk-NWZGSLPU.js';
 import '../chunk-XBBEX4SF.js';
 import '../chunk-FEK5XGZW.js';

package/dist/components/multi-select-combobox.js

@@ -2,10 +2,10 @@ import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-MCOHLWRS.js';
 import '../chunk-PDTPO6NG.js';
 import { Checkbox } from '../chunk-NMEVJT5Q.js';
-import { Button } from '../chunk-36KEHCET.js';
+import { Button } from '../chunk-5LTILG3L.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
-import { Badge } from '../chunk-P43B3ONY.js';
+import { Badge } from '../chunk-5XREWOBB.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import * as React from 'react';

package/dist/components/pagination.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-36KEHCET.js';
+import { buttonVariants } from '../chunk-5LTILG3L.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';