@bearmenu/ui 0.8.16 → 0.8.18

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.d.ts

@@ -3,12 +3,12 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const itemVariants: (props?: ({
-    variant?: "default" | "muted" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "muted" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {

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-hub-hero.d.ts

@@ -58,8 +58,14 @@ type MenuHubHeroProps = {
      * a 1440px hero.
      */
     tileUrls?: string[];
+    /**
+     * The element the headline renders as. `h1` by default; a page that
+     * already owns its `<h1>` (an sr-only SEO heading, as on `/menu`) passes
+     * `h2` so the document has one h1, not two.
+     */
+    headingLevel?: "h1" | "h2";
     className?: string;
 };
-declare function MenuHubHero({ kicker, kickerIcon, headline, body, figures, proof, proofIcon, action, backgroundUrl, tileUrls, className, }: MenuHubHeroProps): react_jsx_runtime.JSX.Element;
+declare function MenuHubHero({ kicker, kickerIcon, headline, body, figures, proof, proofIcon, action, backgroundUrl, tileUrls, headingLevel: Heading, className, }: MenuHubHeroProps): react_jsx_runtime.JSX.Element;
 
 export { MenuHubHero, type MenuHubHeroFigure, type MenuHubHeroProps };

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

@@ -15,6 +15,7 @@ function MenuHubHero({
   action,
   backgroundUrl,
   tileUrls,
+  headingLevel: Heading = "h1",
   className
 }) {
   return /* @__PURE__ */ jsxs(
@@ -85,7 +86,7 @@ function MenuHubHero({
             kickerIcon,
             kicker
           ] }),
-          /* @__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 }),
+          /* @__PURE__ */ jsx(Heading, { 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 && // 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")

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';

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

@@ -36,6 +36,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
  */
 /** The ground under the photography. Fixed, and deliberately not a token. */
 declare const PHOTO_GROUND = "bg-[oklch(0.21_0.012_55)]";
+/**
+ * The shadow a glyph wears when it stands on `PHOTO_GROUND` in a photograph's
+ * place — the card family's fallback treatment: a ground and a lifted glyph,
+ * never a bare icon on a flat fill. Same literal family as the ground.
+ */
+declare const PHOTO_GLYPH_SHADOW = "drop-shadow-[0_2px_6px_oklch(0.16_0.012_55_/_0.6)]";
 type PhotoGroundProps = {
     /** One per slot. An absent one draws the slot's initial on the ground. */
     photos: (string | undefined)[];
@@ -67,4 +73,4 @@ type PhotoGroundProps = {
 };
 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 };
+export { PHOTO_GLYPH_SHADOW, PHOTO_GROUND, PhotoGround, type PhotoGroundProps };

package/dist/components/photo-ground.js

@@ -1,3 +1,3 @@
-export { PHOTO_GROUND, PhotoGround } from '../chunk-CNJQUHCU.js';
+export { PHOTO_GLYPH_SHADOW, PHOTO_GROUND, PhotoGround } from '../chunk-SWD6CJ35.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/place-card.js

@@ -1,12 +1,12 @@
+import { NEUTRAL_ICON_FILTER } from '../chunk-LQWGZIYA.js';
 import { OVERLAY_PILL } from '../chunk-EZG2NELX.js';
 import { HOVER_IMAGE_MOTION, HOVER_IMAGE_WRAPPER, HOVER_MOTION, HOVER_LIFT_GRID_GROUP } from '../chunk-XCB3F6SF.js';
-import { NEUTRAL_ICON_FILTER } from '../chunk-LQWGZIYA.js';
 import { GradeAtom } from '../chunk-DJD3EMPK.js';
 import { showsGradeAtom } from '../chunk-I5V446BX.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { springSnappy } from '../chunk-OIV7B44M.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Badge } from '../chunk-P43B3ONY.js';
+import { Badge } from '../chunk-5XREWOBB.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { forwardRef, memo, useState, useMemo } from 'react';

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

@@ -3,7 +3,7 @@ import '../chunk-FMTJGO76.js';
 import '../chunk-MWB7S54O.js';
 import '../chunk-NWZGSLPU.js';
 import { Text } from '../chunk-ZLMRVBD7.js';
-import { Badge } from '../chunk-P43B3ONY.js';
+import { Badge } from '../chunk-5XREWOBB.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { useState } from 'react';