@bearmenu/ui 0.8.10 → 0.8.12

package/dist/components/menu-hub-hero.js

@@ -3,6 +3,7 @@ import '../chunk-3GWWZKX7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var TEXTURE_CELLS = 28;
+var PHONE_CELLS = 6;
 function MenuHubHero({
   kicker,
   kickerIcon,
@@ -39,9 +40,10 @@ function MenuHubHero({
           "div",
           {
             "aria-hidden": true,
-            className: "absolute inset-0 grid auto-rows-fr grid-cols-4 gap-0.5 lg:grid-cols-7",
+            className: "absolute inset-0 grid auto-rows-fr grid-cols-3 gap-0.5 lg:grid-cols-7",
             children: Array.from({ length: TEXTURE_CELLS }, (_, cell) => {
               const url = (tileUrls == null ? void 0 : tileUrls.length) ? tileUrls[cell % tileUrls.length] : void 0;
+              const phone = cell < PHONE_CELLS ? void 0 : "hidden lg:block";
               return url ? (
                 // eslint-disable-next-line @next/next/no-img-element
                 /* @__PURE__ */ jsx(
@@ -51,14 +53,17 @@ function MenuHubHero({
                     alt: "",
                     loading: "lazy",
                     decoding: "async",
-                    className: "h-full w-full object-cover"
+                    className: cn("h-full w-full object-cover", phone)
                   },
                   cell
                 )
               ) : /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: "bg-[repeating-linear-gradient(135deg,oklch(0.6_0.02_55)_0_9px,oklch(0.68_0.016_58)_9px_18px)] opacity-[0.42]"
+                  className: cn(
+                    "bg-[repeating-linear-gradient(135deg,oklch(0.6_0.02_55)_0_9px,oklch(0.68_0.016_58)_9px_18px)] opacity-[0.42]",
+                    phone
+                  )
                 },
                 cell
               );
@@ -71,7 +76,7 @@ function MenuHubHero({
             "aria-hidden": true,
             className: cn(
               "absolute inset-0",
-              (tileUrls == null ? void 0 : tileUrls.length) || backgroundUrl ? "bg-[linear-gradient(100deg,oklch(0.16_0.012_55_/_0.96)_0%,oklch(0.16_0.012_55_/_0.88)_52%,oklch(0.16_0.012_55_/_0.72)_100%)]" : "bg-[linear-gradient(100deg,oklch(0.18_0.012_55_/_0.95)_0%,oklch(0.18_0.012_55_/_0.72)_52%,oklch(0.18_0.012_55_/_0.3)_100%)]"
+              (tileUrls == null ? void 0 : tileUrls.length) || backgroundUrl ? "bg-[linear-gradient(100deg,oklch(0.16_0.012_55_/_0.96)_0%,oklch(0.16_0.012_55_/_0.86)_52%,oklch(0.16_0.012_55_/_0.6)_100%)]" : "bg-[linear-gradient(100deg,oklch(0.18_0.012_55_/_0.95)_0%,oklch(0.18_0.012_55_/_0.72)_52%,oklch(0.18_0.012_55_/_0.3)_100%)]"
             )
           }
         ),
@@ -80,15 +85,17 @@ function MenuHubHero({
             kickerIcon,
             kicker
           ] }),
-          /* @__PURE__ */ jsx("h1", { className: "max-w-[640px] font-serif text-[32px] font-semibold leading-[1.04] tracking-[-0.025em] lg:text-[50px]", children: headline }),
+          /* @__PURE__ */ jsx("h1", { className: "max-w-[640px] font-serif text-[28px] font-semibold leading-[1.06] tracking-[-0.025em] lg:text-[50px] lg:leading-[1.04]", children: headline }),
           body && /* @__PURE__ */ jsx("p", { className: "hidden max-w-[540px] text-sm leading-[1.6] opacity-[0.84] lg:block lg:text-[15.5px]", children: body }),
-          figures && figures.length > 0 && // Two by two on the phone: four figures in one row wrapped to three and an orphan.
-          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-6 gap-y-3 pt-3 lg:flex lg:flex-wrap lg:gap-x-8 lg:gap-y-4 lg:pt-1.5", children: figures.map((figure) => /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-2xl font-black leading-none tracking-[-0.03em] tabular-nums lg:text-[32px]", children: figure.value }),
-            /* @__PURE__ */ jsx("div", { className: "mt-[5px] text-xs opacity-[0.72]", children: figure.label })
+          figures && figures.length > 0 && // One row of four on the phone. It was two by two, which was the
+          // taller half of a 500px hero; at 20px the widest figure ("19,090")
+          // is ~68px and four of them share a 358px column with room.
+          /* @__PURE__ */ jsx("div", { className: "flex justify-between gap-x-3 pt-2 lg:flex-wrap lg:justify-start lg:gap-x-8 lg:gap-y-4 lg:pt-1.5", children: figures.map((figure) => /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xl font-black leading-none tracking-[-0.02em] tabular-nums lg:text-[32px] lg:tracking-[-0.03em]", children: figure.value }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 text-[11px] leading-tight opacity-[0.72] lg:mt-[5px] lg:text-xs", children: figure.label })
           ] }, figure.label)) }),
-          (proof || action) && /* @__PURE__ */ jsxs("div", { className: "mt-auto flex flex-wrap items-center gap-3 pt-5", children: [
-            proof && /* @__PURE__ */ jsxs("span", { className: "inline-flex min-h-11 items-center gap-2.5 rounded-full bg-white/10 px-4 py-2 text-[13px] backdrop-blur-[6px]", children: [
+          (proof || action) && /* @__PURE__ */ jsxs("div", { className: "mt-auto flex flex-wrap items-center gap-3 pt-4 lg:pt-5", children: [
+            proof && /* @__PURE__ */ jsxs("span", { className: "inline-flex min-h-11 items-center gap-2.5 rounded-full bg-white/[0.14] px-4 py-2 text-[13px]", children: [
               proofIcon,
               proof
             ] }),

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

@@ -4,19 +4,24 @@ import 'react';
 import './place-types.js';
 
 /**
- * MenuIndexList — the complete set, four across.
+ * MenuIndexList — the complete set: one column on a phone, three from `lg`.
  *
  * ## This block is why the page can afford to be progressive
  *
  * It carries a crawlable link to EVERY destination the city has — all
- * thirty-eight cuisines, not the ten the page draws in full below. That makes
- * it the page's entire link-equity job, which in turn means the rich blocks
- * underneath are free to load ten at a time behind a "show more": nothing a
- * crawler needs is hidden behind that control, because it is all up here.
+ * thirty-eight cuisines, not the eight the page draws in full above. That
+ * makes it the page's entire link-equity job, which in turn means the rich
+ * blocks are free to load eight at a time behind a "show more": nothing a
+ * crawler needs is hidden behind that control, because it is all here.
  *
- * Get this backwards — put the whole set behind the disclosure and only ten
- * links in the markup — and the page silently stops linking to twenty-eight
- * pages it is supposed to be the index for.
+ * The phone's own "show all" is CSS, not markup: every row is in the DOM and
+ * the ones past `collapsedCount` are hidden below `lg` until the button is
+ * pressed. A list that mounted its tail on tap would have taken twenty-six
+ * links out of the page for the crawler that never taps.
+ *
+ * Get this backwards — put the whole set behind the disclosure and only eight
+ * links in the markup — and the page silently stops linking to thirty pages
+ * it is supposed to be the index for.
  *
  * ## Ordered by count, and the counts overlap
  *
@@ -24,6 +29,10 @@ import './place-types.js';
  * places, because a trattoria is Italian AND pizza AND international. So this
  * is a ranked list of ways in, never a partition, and no copy near it may total
  * the numbers or call them a breakdown.
+ *
+ * A client component for the one piece of state the expander needs; the
+ * `linkComponent` a server caller hands in must therefore be a client
+ * reference (`ClientLink`), not `next/link` itself.
  */
 /** @deprecated Alias of `MenuLinkProps`; kept for symmetry with the other menu surfaces. */
 type MenuIndexListLinkProps = MenuLinkProps;
@@ -33,13 +42,23 @@ type MenuIndexListProps = {
     title: string;
     /** One line under it, e.g. "Ordered by kitchens — every one has its own page". */
     subtitle?: string;
-    /** Locale-aware integer formatter. Defaults to `String`. */
-    formatCount?: (value: number) => string;
+    /**
+     * Rows shown on a phone before the expander; the rest are hidden below `lg`
+     * until it is pressed. Omit to show every row at every width.
+     */
+    collapsedCount?: number;
+    /** The expander's labels, e.g. "Show all 38 cuisines" / "Show fewer". */
+    expandLabels?: {
+        showAll: string;
+        showFewer: string;
+    };
+    /** The colour mark beside each name, keyed by slug. Falls back to the border colour. */
+    hues?: Record<string, string>;
     linkComponent?: MenuLinkComponent;
     className?: string;
 };
-declare function MenuIndexList({ entries, title, subtitle, formatCount, linkComponent: LinkComponent, className, }: MenuIndexListProps): react_jsx_runtime.JSX.Element;
-/** Two columns on a phone, four from `lg` — the grid the list itself renders. */
+declare function MenuIndexList({ entries, title, subtitle, collapsedCount, expandLabels, hues, linkComponent: LinkComponent, className, }: MenuIndexListProps): react_jsx_runtime.JSX.Element;
+/** One column on a phone, three from `lg` — the grid the list itself renders. */
 declare function MenuIndexListSkeleton({ rows, className, }: {
     rows?: number;
     className?: string;

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

@@ -1,8 +1,11 @@
 import { Separator } from '../chunk-WSRWFA6K.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
+import { Button } from '../chunk-VAXOQS7W.js';
+import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
-import { ChevronRight } from 'lucide-react';
+import { useState } from 'react';
+import { ChevronRight, ChevronDown } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function DefaultLink(_a) {
@@ -13,10 +16,14 @@ function MenuIndexList({
   entries,
   title,
   subtitle,
-  formatCount = String,
+  collapsedCount,
+  expandLabels,
+  hues,
   linkComponent: LinkComponent = DefaultLink,
   className
 }) {
+  const [expanded, setExpanded] = useState(false);
+  const collapsible = collapsedCount !== void 0 && expandLabels !== void 0 && entries.length > collapsedCount;
   return /* @__PURE__ */ jsxs(
     "section",
     {
@@ -29,44 +36,74 @@ function MenuIndexList({
           /* @__PURE__ */ jsx("h2", { className: "text-[15px] font-bold tracking-[-0.01em]", children: title }),
           subtitle && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[12.5px] text-muted-foreground", children: subtitle })
         ] }),
-        /* @__PURE__ */ jsx("ul", { className: "grid grid-cols-2 gap-x-5 lg:grid-cols-4 lg:gap-x-8", children: entries.map((entry) => /* @__PURE__ */ jsxs("li", { children: [
-          /* @__PURE__ */ jsx(Separator, {}),
-          /* @__PURE__ */ jsxs(
-            LinkComponent,
+        /* @__PURE__ */ jsx("ul", { className: "grid grid-cols-1 lg:grid-cols-3 lg:gap-x-8", children: entries.map((entry, index) => {
+          var _a;
+          const hue = hues == null ? void 0 : hues[entry.slug];
+          return /* @__PURE__ */ jsxs(
+            "li",
             {
-              href: entry.href,
-              className: "group flex items-center gap-2.5 py-2.5 transition-colors hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring motion-reduce:transition-none",
+              className: cn(
+                collapsible && !expanded && index >= collapsedCount && "max-lg:hidden"
+              ),
               children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": true,
-                    className: cn(
-                      "h-2.5 w-2.5 shrink-0 rounded-[3px]",
-                      !entry.gradient && "bg-border"
-                    ),
-                    style: entry.gradient ? { backgroundImage: entry.gradient } : void 0
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13.5px]", children: entry.name }),
-                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[13px] tabular-nums text-muted-foreground", children: formatCount(entry.count) }),
-                /* @__PURE__ */ jsx(
-                  ChevronRight,
+                /* @__PURE__ */ jsx(Separator, {}),
+                /* @__PURE__ */ jsxs(
+                  LinkComponent,
                   {
-                    className: "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-colors group-hover:text-accent motion-reduce:transition-none",
-                    "aria-hidden": true
+                    href: entry.href,
+                    className: "group flex items-center gap-2.5 py-2.5 transition-colors hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring motion-reduce:transition-none",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          "aria-hidden": true,
+                          className: cn("h-2 w-2 shrink-0 rounded-full", !hue && !entry.gradient && "bg-border"),
+                          style: hue ? { backgroundColor: hue } : entry.gradient ? { backgroundImage: entry.gradient } : void 0
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: entry.name }),
+                      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[13px] tabular-nums text-muted-foreground", children: (_a = entry.countLabel) != null ? _a : String(entry.count) }),
+                      /* @__PURE__ */ jsx(
+                        ChevronRight,
+                        {
+                          className: "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-colors group-hover:text-accent motion-reduce:transition-none",
+                          "aria-hidden": true
+                        }
+                      )
+                    ]
                   }
                 )
               ]
-            }
-          )
-        ] }, entry.slug)) })
+            },
+            entry.slug
+          );
+        }) }),
+        collapsible && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            fullWidth: true,
+            className: "mt-2 lg:hidden",
+            "aria-expanded": expanded,
+            onClick: () => setExpanded((open) => !open),
+            children: [
+              expanded ? expandLabels.showFewer : expandLabels.showAll,
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: cn("transition-transform motion-reduce:transition-none", expanded && "rotate-180"),
+                  "aria-hidden": true
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );
 }
 function MenuIndexListSkeleton({
-  rows = 24,
+  rows = 12,
   className
 }) {
   return /* @__PURE__ */ jsxs(
@@ -80,10 +117,10 @@ function MenuIndexListSkeleton({
       children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-[15px] w-[140px]" }),
         /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-3 w-[240px]" }),
-        /* @__PURE__ */ jsx("ul", { className: "mt-2 grid grid-cols-2 gap-x-5 lg:grid-cols-4 lg:gap-x-8", children: Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsxs("li", { children: [
+        /* @__PURE__ */ jsx("ul", { className: "mt-2 grid grid-cols-1 lg:grid-cols-3 lg:gap-x-8", children: Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsxs("li", { children: [
           /* @__PURE__ */ jsx(Separator, {}),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 py-2.5", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-2.5 rounded-[3px]" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-2 rounded-full" }),
             /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 flex-1" }),
             /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-6" })
           ] })

package/dist/components/menu-intent-hero.d.ts

@@ -52,7 +52,7 @@ type MenuIntentHeroProps = {
      * Finished CSS gradient for the ground, e.g. `linear-gradient(140deg, …)`.
      *
      * A gradient rather than a token name, for the same reason `<MenuField>` and
-     * `<MenuIntentTiles>` take one: the hue tables are app-owned, and a component
+     * `<MenuFamilyTiles>` take one: the hue tables are app-owned, and a component
      * referencing `var(--h-pizza)` renders an unstyled panel in any consumer that
      * does not define it. Missing, the panel falls back to the foreground colour
      * — visibly unstyled rather than white text on white.

package/dist/components/menu-item.js

@@ -1,5 +1,5 @@
-export { MentionSignal, MenuItem } from '../chunk-TH6W2PWG.js';
-import '../chunk-Q6QH52LJ.js';
-import '../chunk-UKBNQO6Q.js';
+export { MentionSignal, MenuItem } from '../chunk-UDTG3RSE.js';
+import '../chunk-6TEEY5YA.js';
+import '../chunk-2CXU5WZO.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/menu-mocks.d.ts

@@ -1,4 +1,4 @@
-import { MenuFamilyBlockPreview, MenuConceptPreview, MenuFamilyPreview, MenuFilterChip, MenuIndexEntry, MenuIntentFigure, MenuIntentTile, MenuItemPreview, MenuKitchenPreview, MenuLoosenOption, QaItem, MenuVenuePreview } from './menu-types.js';
+import { MenuFamilyBlockPreview, MenuConceptPreview, MenuFamilyPreview, MenuFamilyTile, MenuFilterChip, MenuIndexEntry, MenuIntentFigure, MenuItemPreview, MenuKitchenPreview, MenuLoosenOption, QaItem, MenuVenuePreview } from './menu-types.js';
 import { PlacePreview } from './place-types.js';
 import 'react';
 
@@ -36,7 +36,14 @@ declare const mockConcept: MenuConceptPreview;
 declare const mockFamily: MenuFamilyPreview;
 /** The drinks counterpart, and the reason `chip.count` is optional. */
 declare const mockDrinkFamily: MenuFamilyPreview;
-declare const mockIntentTiles: MenuIntentTile[];
+/**
+ * The hub's seven cuisines, in the registry's order. The photograph is a
+ * venue's, never a plate's; the last one ships without, so the story shows
+ * the initial fallback beside six real tiles.
+ */
+declare const mockFamilyTiles: MenuFamilyTile[];
+/** The closing tile: stone, so it reads as the index and not as an eighth cuisine. */
+declare const mockFamilyTilesAll: MenuFamilyTile;
 /** Formatters the stories pass. Real callers inject locale-aware ones. */
 declare const mockFormatters: {
     price: (value: number) => string;
@@ -87,4 +94,4 @@ declare const mockFamilyBlock: MenuFamilyBlockPreview;
 declare const mockBareFamilyBlock: MenuFamilyBlockPreview;
 declare const mockQa: QaItem[];
 
-export { mockBareFamilyBlock, mockConcept, mockDrinkFamily, mockFamily, mockFamilyBlock, mockFilterChips, mockFormatters, mockGradients, mockHubLabels, mockIndexEntries, mockIntentFigures, mockIntentTiles, mockItems, mockKitchens, mockLoosenOptions, mockMatchedKitchens, mockPlaces, mockQa, mockVenues };
+export { mockBareFamilyBlock, mockConcept, mockDrinkFamily, mockFamily, mockFamilyBlock, mockFamilyTiles, mockFamilyTilesAll, mockFilterChips, mockFormatters, mockGradients, mockHubLabels, mockIndexEntries, mockIntentFigures, mockItems, mockKitchens, mockLoosenOptions, mockMatchedKitchens, mockPlaces, mockQa, mockVenues };

package/dist/components/menu-mocks.js

@@ -330,15 +330,27 @@ var mockDrinkFamily = {
   price_median: 28,
   venue_photo_urls: []
 };
-var intentGradient = (hue) => `linear-gradient(150deg, oklch(0.52 0.14 ${hue}), oklch(0.43 0.13 ${hue - 4}))`;
-var mockIntentTiles = [
-  { slug: "italian", label: "Italian tonight", caption: "247 kitchens", href: "/top/italian?open=now", gradient: intentGradient(40) },
-  { slug: "burgeri", label: "Burgers", caption: "229 kitchens", href: "/top/burgeri", gradient: intentGradient(25) },
-  { slug: "restaurante", label: "Open right now", caption: "by the hour", href: "/top/restaurante?open=now", gradient: intentGradient(60) },
-  { slug: "brunch", label: "Brunch", caption: "314 kitchens", href: "/top/brunch", gradient: intentGradient(75) },
-  { slug: "vegan", label: "Vegan", caption: "108 kitchens", href: "/top/vegan", gradient: intentGradient(148) },
-  { slug: "centru", label: "In Centru", caption: "by neighbourhood", href: "/top/centru", gradient: intentGradient(300) }
+var familyGradient = (hue) => `linear-gradient(150deg, oklch(0.52 0.14 ${hue}), oklch(0.43 0.13 ${hue - 4}))`;
+var familyPhoto = (hue) => "data:image/svg+xml;utf8," + encodeURIComponent(
+  `<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="hsl(${hue} 28% 60%)"/><stop offset="1" stop-color="hsl(${hue} 22% 26%)"/></linearGradient></defs><rect width="320" height="320" fill="url(#g)"/><circle cx="100" cy="110" r="56" fill="hsl(${hue} 40% 82%)" opacity=".55"/><rect x="170" y="190" width="120" height="90" fill="hsl(${hue} 15% 18%)" opacity=".7"/></svg>`
+);
+var mockFamilyTiles = [
+  { slug: "italian", label: "Italian", countLabel: "66", href: "/menu/cuisines/italian", gradient: familyGradient(38), photoUrl: familyPhoto(30) },
+  { slug: "romanian", label: "Romanian", countLabel: "64", href: "/menu/cuisines/romanian", gradient: familyGradient(25), photoUrl: familyPhoto(10) },
+  { slug: "breakfast-brunch", label: "Breakfast & brunch", countLabel: "64", href: "/menu/cuisines/breakfast-brunch", gradient: familyGradient(82), photoUrl: familyPhoto(45) },
+  { slug: "vegetarian", label: "Vegetarian", countLabel: "64", href: "/menu/cuisines/vegetarian", gradient: familyGradient(148), photoUrl: familyPhoto(120) },
+  { slug: "pizza", label: "Pizza", countLabel: "63", href: "/menu/cuisines/pizza", gradient: familyGradient(58), photoUrl: familyPhoto(20) },
+  { slug: "vegan", label: "Vegan", countLabel: "38", href: "/menu/cuisines/vegan", gradient: familyGradient(135), photoUrl: familyPhoto(100) },
+  { slug: "bakery", label: "Bakeries & patisseries", countLabel: "65", href: "/menu/cuisines/bakery", gradient: familyGradient(72) }
 ];
+var mockFamilyTilesAll = {
+  slug: "all",
+  label: "All 38 cuisines",
+  countLabel: "The full index",
+  href: "/menu/cuisines",
+  gradient: "linear-gradient(150deg, oklch(0.50 0.03 70), oklch(0.40 0.028 64))",
+  photoUrl: familyPhoto(60)
+};
 var mockFormatters = {
   price: (value) => `${value} lei`,
   number: (value) => value.toLocaleString("en-US"),
@@ -501,4 +513,4 @@ var mockQa = [
   }
 ];
 
-export { mockBareFamilyBlock, mockConcept, mockDrinkFamily, mockFamily, mockFamilyBlock, mockFilterChips, mockFormatters, mockGradients, mockHubLabels, mockIndexEntries, mockIntentFigures, mockIntentTiles, mockItems, mockKitchens, mockLoosenOptions, mockMatchedKitchens, mockPlaces, mockQa, mockVenues };
+export { mockBareFamilyBlock, mockConcept, mockDrinkFamily, mockFamily, mockFamilyBlock, mockFamilyTiles, mockFamilyTilesAll, mockFilterChips, mockFormatters, mockGradients, mockHubLabels, mockIndexEntries, mockIntentFigures, mockItems, mockKitchens, mockLoosenOptions, mockMatchedKitchens, mockPlaces, mockQa, mockVenues };

package/dist/components/menu-types.d.ts

@@ -126,6 +126,20 @@ type MenuConceptRow = {
     featured?: boolean;
     /** Portion, already formatted with its unit, e.g. "260g". */
     portion_label?: string;
+    /**
+     * What this room WON — "CHEAPEST", "MOST NAMED", "HIGHEST GRADE",
+     * "DEAREST" — already localised. A card whose rooms are four winners rather
+     * than four ranks sets one per room; without it the card falls back to
+     * "cheapest, then #2, #3, #4".
+     */
+    badge?: string;
+    /** Which figure the badge is about; that figure is emphasised. */
+    lead?: 'price' | 'mentions' | 'grade';
+    /**
+     * The venue's BearMenu grade, pre-formatted ("9.2"). Takes the star's
+     * place beside the kitchen's name; `rating` (Google's) shows only without it.
+     */
+    grade?: string;
 };
 /**
  * A browsable grouping of venues — a cuisine on the dishes tab, a drink family
@@ -190,17 +204,21 @@ type MenuVenueSignature = {
     isSignature?: boolean;
 };
 /**
- * An intent tile — a family plus a constraint, resolving to a category page.
+ * A family tile — a cuisine on the dishes tab, a going-out family on the
+ * drinks tab — as the hub's doorway grid draws it: a hue, a name, a venue
+ * count and one venue's photograph.
  *
- * Only about thirty-two of the thirty-eight cuisines have a page, so `href` is
- * required: a tile that cannot resolve to a real destination is not rendered
- * rather than linking nowhere.
+ * `href` is required: a tile that cannot resolve to a real destination is not
+ * rendered rather than linking nowhere.
  */
-type MenuIntentTile = {
+type MenuFamilyTile = {
     slug: string;
     label: string;
-    /** Supporting line, e.g. "247 kitchens". Already formatted by the caller. */
-    caption?: string;
+    /**
+     * The venue count, already formatted by the caller — "64", "1,204" — because
+     * thousands separators are locale-dependent and the DS owns no locale.
+     */
+    countLabel?: string;
     href: string;
     /**
      * Finished CSS gradient for the tile's ground, e.g.
@@ -213,8 +231,8 @@ type MenuIntentTile = {
      * — visible and obviously unstyled, rather than white text on white.
      */
     gradient?: string;
-    /** Icon node, resolved by the caller — the DS does not pick icons for it. */
-    icon?: ReactNode;
+    /** Pre-resolved VENUE photograph. Venue photography is real; item photography is not. */
+    photoUrl?: string;
 };
 /**
  * One figure in the intent hero — a number the reader can tap to filter by.
@@ -333,6 +351,11 @@ type MenuIndexEntry = {
     slug: string;
     name: string;
     count: number;
+    /**
+     * `count`, already formatted ("1,204"). The list is a client component and a
+     * formatter cannot cross into it from a server caller; a string can.
+     */
+    countLabel?: string;
     href: string;
     /** Finished CSS gradient for the mark. Falls back to the border colour. */
     gradient?: string;
@@ -418,4 +441,4 @@ type MenuHubLabels = {
     until: string;
 };
 
-export { type MenuConceptPreview, type MenuConceptRow, type MenuFamilyBlockPreview, type MenuFamilyChip, type MenuFamilyPreview, type MenuFilterChip, type MenuFormatters, type MenuHubLabels, type MenuIndexEntry, type MenuIntentFigure, type MenuIntentTile, type MenuItemPlaceRef, type MenuItemPreview, type MenuKitchenDish, type MenuKitchenPreview, type MenuLinkComponent, type MenuLinkProps, type MenuLoosenOption, MenuSizeAndPrice, type MenuVenuePreview, type MenuVenueSignature, type QaItem };
+export { type MenuConceptPreview, type MenuConceptRow, type MenuFamilyBlockPreview, type MenuFamilyChip, type MenuFamilyPreview, type MenuFamilyTile, type MenuFilterChip, type MenuFormatters, type MenuHubLabels, type MenuIndexEntry, type MenuIntentFigure, type MenuItemPlaceRef, type MenuItemPreview, type MenuKitchenDish, type MenuKitchenPreview, type MenuLinkComponent, type MenuLinkProps, type MenuLoosenOption, MenuSizeAndPrice, type MenuVenuePreview, type MenuVenueSignature, type QaItem };

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

@@ -2,9 +2,9 @@ import { Popover, PopoverTrigger, PopoverContent } from '../chunk-66MAPLXS.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-XNA2INVQ.js';
 import '../chunk-FRPPIXMY.js';
 import { Checkbox } from '../chunk-D5QHEHXJ.js';
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
-import { Badge } from '../chunk-UKBNQO6Q.js';
+import { Badge } from '../chunk-2CXU5WZO.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/pagination.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-H3BV4VAG.js';
+import { buttonVariants } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';

package/dist/components/photo-ground.d.ts

@@ -14,7 +14,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
  *
  * It owns the photographs and their colour: the ground, the tiles, the fallback
  * initial, the family's hue and an optional uniform dark overlay. It does NOT
- * own the glass — the scrims and frosted bands that carry a card's type run in
+ * own the ink — the scrims and bands that carry a card's type run in
  * a different direction on every card (down the family block's phone, across
  * its desktop, in from both ends of the concept card) and are the card's own.
  *
@@ -57,8 +57,14 @@ type PhotoGroundProps = {
     overlayClassName?: string;
     /** How eagerly the first photograph loads. `stack` grounds are above the fold. */
     loading?: "lazy" | "eager";
+    /**
+     * Classes on the fallback initial — its size, when the ground is smaller
+     * than a card. The 64px default fills a card cell; a tile's 88px polaroid
+     * passes `text-[44px]`.
+     */
+    glyphClassName?: string;
     className?: string;
 };
-declare function PhotoGround({ photos, initials, mode, active, mosaicClassName, phoneTiles, gradient, overlay, overlayClassName, loading, className, }: PhotoGroundProps): react_jsx_runtime.JSX.Element;
+declare function PhotoGround({ photos, initials, mode, active, mosaicClassName, phoneTiles, gradient, overlay, overlayClassName, loading, glyphClassName, className, }: PhotoGroundProps): react_jsx_runtime.JSX.Element;
 
 export { PHOTO_GROUND, PhotoGround, type PhotoGroundProps };

package/dist/components/photo-ground.js

@@ -1,3 +1,3 @@
-export { PHOTO_GROUND, PhotoGround } from '../chunk-5RWTOT5Y.js';
+export { PHOTO_GROUND, PhotoGround } from '../chunk-CNJQUHCU.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/place-details-mobile.js

@@ -3,7 +3,7 @@ import '../chunk-VG3PND3D.js';
 import '../chunk-ZDAHKI3A.js';
 import '../chunk-WSRWFA6K.js';
 import { Text } from '../chunk-7BWTYWM3.js';
-import { Badge } from '../chunk-UKBNQO6Q.js';
+import { Badge } from '../chunk-2CXU5WZO.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { useState } from 'react';

package/dist/components/searchable-select.js

@@ -1,7 +1,7 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-66MAPLXS.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-XNA2INVQ.js';
 import '../chunk-FRPPIXMY.js';
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/signature-chip.d.ts

@@ -18,8 +18,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
  *
  * `surface="image"` is for card covers, where the chip sits over the photo
  * rather than in the caption block. The accent-on-canvas palette has no
- * contrast guarantee over an arbitrary photo, so it swaps to the same frosted
- * fill the place badge uses there and keeps the dashed edge — which is what
+ * contrast guarantee over an arbitrary photo, so it swaps to the same solid
+ * ink fill the place badge uses there and keeps the dashed edge — which is what
  * says "there is evidence behind this" — in the inverted colour.
  *
  * The label is passed in: the DS owns no translation keys.

package/dist/components/signature-chip.js

@@ -1,4 +1,4 @@
-export { SignatureChip } from '../chunk-Q6QH52LJ.js';
-import '../chunk-UKBNQO6Q.js';
+export { SignatureChip } from '../chunk-6TEEY5YA.js';
+import '../chunk-2CXU5WZO.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/sliding-panels.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/top-ranking-entry.js

@@ -1,8 +1,8 @@
-import { MenuItem } from '../chunk-TH6W2PWG.js';
-import '../chunk-Q6QH52LJ.js';
+import { MenuItem } from '../chunk-UDTG3RSE.js';
+import '../chunk-6TEEY5YA.js';
 import { Separator } from '../chunk-WSRWFA6K.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
-import '../chunk-UKBNQO6Q.js';
+import '../chunk-2CXU5WZO.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
 import { MapPin, Star, MessageSquareQuote } from 'lucide-react';

package/dist/components/venue-grade-dimensions.js

@@ -1,3 +1,3 @@
-export { DIMENSION_ORDER, VenueGradeDimensions } from '../chunk-AKQ57NXY.js';
+export { DIMENSION_ORDER, VenueGradeDimensions } from '../chunk-ZQ53AGML.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/venue-quotes.d.ts

@@ -6,7 +6,7 @@ import { CitedText } from './place-types.js';
  *
  * These are `reviews_digest.highlights`: one to three short positives already
  * resolved into the request locale. They are the only place on a hub where a
- * reviewer speaks in their own register, so they are set in serif italic
+ * reviewer speaks in their own register, so they are set in quoted serif
  * against the sans everything else uses.
  *
  * `onCite` turns a quote into a button that opens the reviews behind it —

package/dist/components/venue-quotes.js

@@ -1,3 +1,3 @@
-export { VenueQuotes } from '../chunk-62ES6N32.js';
+export { VenueQuotes } from '../chunk-43RC7MHY.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';