@bearmenu/ui 0.8.16 → 0.8.18

package/dist/{chunk-WYTJR2YU.js → chunk-5CPBSNWQ.js}

@@ -12,6 +12,9 @@ var snapRailVariants = cva(
   {
     variants: {
       itemWidth: {
+        /** Square door tiles — three and a third per phone screen, so the
+         *  cut fourth says "swipe"; more as the viewport widens. */
+        xs: "[&>*]:w-[30%] sm:[&>*]:w-[22%] md:[&>*]:w-[18%]",
         sm: "[&>*]:w-[46%]",
         md: "[&>*]:w-[60%]",
         lg: "[&>*]:w-[80%]",
@@ -25,7 +28,9 @@ var snapRailVariants = cva(
       bleed: {
         none: "",
         card: "-mx-3.5 px-3.5 scroll-px-3.5",
-        page: "-mx-4 px-4 scroll-px-4"
+        /** The consumer's page gutter, read from `--page-gutter` (16px on a
+         *  phone, 24px from md) — a fixed `-mx-4` was 8px short at md. */
+        page: "-mx-[var(--page-gutter,1rem)] px-[var(--page-gutter,1rem)] scroll-px-[var(--page-gutter,1rem)]"
       }
     },
     defaultVariants: {

package/dist/{chunk-36KEHCET.js → chunk-5LTILG3L.js}

@@ -15,9 +15,19 @@ var buttonVariants = cva(
       variant: {
         default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 hover:shadow",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/85 hover:shadow",
-        outline: "border border-border bg-background hover:bg-accent hover:text-accent-foreground hover:border-accent",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-accent hover:text-accent-foreground border border-border hover:border-accent",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        /**
+         * The quiet variants tint on hover, they do not invert. `--accent`
+         * here is the brand brown, so the shadcn default (`hover:bg-accent`,
+         * written for an accent that is a pale grey) turned every outline,
+         * ghost and secondary button into a filled brown block the moment the
+         * pointer touched it — a second primary on every row. The standard
+         * (shadcn on its own tokens, Radix, Polaris, Material) is a step of the
+         * surface: the fill darkens a notch, the border firms up, the type
+         * stays put. `--accent-subtle` is that step; `active:` goes one more.
+         */
+        outline: "border border-border bg-background hover:bg-accent-subtle hover:border-accent/40 active:bg-muted",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm border border-border hover:bg-accent-subtle hover:border-accent/40 active:bg-muted",
+        ghost: "hover:bg-accent-subtle active:bg-muted",
         link: "text-primary underline-offset-4 hover:underline",
         glass: "glass glass-hover text-foreground",
         /**
@@ -45,7 +55,8 @@ var buttonVariants = cva(
          */
         ink: "border border-white/20 bg-white/[0.16] text-white hover:bg-white/25 focus-visible:ring-white/70 focus-visible:ring-offset-0",
         brown: "bg-brown text-brown-foreground shadow-sm hover:bg-brown/85 hover:shadow",
-        antagonist: "bg-primary-foreground text-primary shadow-sm hover:bg-accent hover:text-accent-foreground border border-border hover:border-accent"
+        /** An ON state that is not the primary — a toggled mode, a guide running. */
+        warning: "bg-warning text-warning-foreground shadow-sm hover:bg-warning/90 hover:shadow"
       },
       size: {
         xs: "h-8 rounded-lg px-3 text-xs [&_svg]:size-3.5",

package/dist/{chunk-P43B3ONY.js → chunk-5XREWOBB.js}

@@ -16,7 +16,9 @@ var badgeVariants = cva(
         glass: "glass text-foreground border-border/50",
         success: "border-transparent bg-success text-success-foreground",
         warning: "border-transparent bg-warning text-warning-foreground",
-        brown: "border-transparent bg-brown text-brown-foreground"
+        brown: "border-transparent bg-brown text-brown-foreground",
+        /** A count sitting INSIDE a primary-filled control: its own ink, lifted a notch. */
+        onPrimary: "border-transparent bg-primary-foreground/20 text-primary-foreground"
       },
       // v1.0 motion: "live" surface signal — applies `live-pulse` archetype.
       // Pair with a colored variant (e.g. variant="destructive" live).

package/dist/{chunk-CLLY6XB3.js → chunk-6VOWT4YR.js}

@@ -1,5 +1,5 @@
 import { cn } from './chunk-FEK5XGZW.js';
-import { jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var STRENGTH = {
   /** A labelled facet: readable at 11.5px, still clearly the family's colour. */
@@ -25,14 +25,17 @@ function HueChip({
     {
       "aria-label": ariaLabel,
       className: cn(
-        "inline-flex h-7 items-center gap-1.5 rounded-full px-2.5 text-[11.5px] text-foreground",
+        // One line, and never wider than its row: a chip that wraps grows past
+        // its 28px and paints over its neighbours; a chip that overflows pushes
+        // the row. The label ellipsises instead.
+        "inline-flex h-7 min-w-0 max-w-full items-center gap-1.5 whitespace-nowrap rounded-full px-2.5 text-[11.5px] text-foreground",
         !hue && "bg-muted",
         className
       ),
       style: hue ? { backgroundColor: hueTint(hue, tone, base) } : void 0,
       children: [
         icon,
-        children
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children })
       ]
     }
   );

package/dist/{chunk-S33K4RC5.js → chunk-BKKQ7GCZ.js}

@@ -1,4 +1,4 @@
-import { Badge } from './chunk-P43B3ONY.js';
+import { Badge } from './chunk-5XREWOBB.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-ZLPWEHZO.js → chunk-EQYB4Q77.js}

@@ -1,5 +1,5 @@
-import { SnapRail, SnapRailDots } from './chunk-WYTJR2YU.js';
-import { PhotoGround } from './chunk-CNJQUHCU.js';
+import { SnapRail, SnapRailDots } from './chunk-5CPBSNWQ.js';
+import { PhotoGround } from './chunk-SWD6CJ35.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import * as React from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/chunk-LYREUZH6.js

@@ -0,0 +1,156 @@
+import { TimelineHourPuck, TIMELINE_MOBILE_GUTTER_CLASS } from './chunk-PW247TG2.js';
+import { Separator } from './chunk-NWZGSLPU.js';
+import { Skeleton } from './chunk-XBBEX4SF.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var HEADING_CENTRE_LG = "lg:top-[30px]";
+function TimelineHour({
+  time,
+  role = "hour",
+  isLive,
+  liveLabel,
+  countLabel,
+  note,
+  layout = "cards",
+  children,
+  overflow,
+  className
+}) {
+  const isHero = role === "hero";
+  const isContinuation = role === "continuation";
+  const isUnscheduled = role === "unscheduled";
+  const hasStation = !isUnscheduled;
+  const isCards = layout === "cards";
+  const items = React.Children.toArray(children);
+  const overflowItems = React.Children.toArray(overflow);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-timeline-hour": role,
+      className: cn(
+        "relative flex flex-col pt-2.5",
+        // The phone gutter: the puck's column plus the 12px gap `HourBand` had.
+        hasStation && "pl-[70px] lg:pl-0",
+        "lg:pt-[22px]",
+        isHero ? cn(
+          // The lane. Placed by the grid, not by source order; `self-start`
+          // is load-bearing — a stretched item would be the day's full
+          // height and never stick.
+          // Longhands, not `grid-row`: a `/` inside an arbitrary value
+          // collides with the opacity-modifier parse.
+          "lg:col-start-1 lg:row-start-1 lg:[grid-row-end:span_var(--timeline-rows)] lg:self-start",
+          "lg:sticky lg:top-[var(--timeline-lane-top)] lg:pt-3.5"
+        ) : "lg:col-start-3",
+        className
+      ),
+      children: [
+        hasStation && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TimelineHourPuck,
+            {
+              time,
+              isLive,
+              liveLabel,
+              className: cn(
+                "absolute left-0 top-2.5",
+                TIMELINE_MOBILE_GUTTER_CLASS,
+                // Out on the spine, centred on the heading rule.
+                "lg:left-[calc(var(--timeline-spine)*-0.5)] lg:w-0 lg:-translate-y-1/2",
+                HEADING_CENTRE_LG,
+                isContinuation && "invisible lg:visible",
+                isHero && "lg:hidden"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Separator,
+            {
+              orientation: "vertical",
+              className: cn(
+                "absolute -bottom-2.5 left-[29px] top-10 h-auto -translate-x-1/2 lg:hidden",
+                isLive && "bg-success/30"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "items-center gap-2.5",
+              isUnscheduled ? "flex h-4" : "hidden lg:flex lg:h-4",
+              isHero && "lg:hidden"
+            ),
+            children: [
+              isUnscheduled && /* @__PURE__ */ jsx("span", { className: "font-mono text-[11.5px] text-muted-foreground tabular-nums lg:text-xs", children: time }),
+              /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
+              countLabel && /* @__PURE__ */ jsx("span", { className: "text-[10.5px] text-muted-foreground/70 lg:text-[11px]", children: countLabel })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex min-w-0 flex-col",
+              isCards && "gap-4 pb-2 lg:grid lg:grid-cols-2 lg:gap-5 lg:pb-0 lg:pt-3.5 xl:grid-cols-3",
+              isCards && isHero && "lg:flex lg:pt-0",
+              isUnscheduled && isCards && "pt-3.5"
+            ),
+            children: isCards ? items : items.map((child, index) => /* @__PURE__ */ jsxs("div", { children: [
+              index > 0 && /* @__PURE__ */ jsx(Separator, {}),
+              child
+            ] }, index))
+          }
+        ),
+        overflowItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 pb-2 lg:gap-0 lg:pb-0 lg:pt-2", children: overflowItems.map((child, index) => /* @__PURE__ */ jsxs("div", { children: [
+          index > 0 && /* @__PURE__ */ jsx(Separator, { className: "hidden lg:block" }),
+          child
+        ] }, index)) }),
+        note && /* @__PURE__ */ jsx("p", { className: "pt-[9px] text-[11.5px] text-muted-foreground", children: note })
+      ]
+    }
+  );
+}
+function TimelineHourSkeleton({ cardCount = 2, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn("relative flex flex-col pl-[70px] pt-2.5 lg:col-start-3 lg:pl-0 lg:pt-[22px]", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: cn(
+              "absolute left-0 top-2.5 h-6 rounded-[7px]",
+              TIMELINE_MOBILE_GUTTER_CLASS,
+              "lg:left-[calc(var(--timeline-spine)*-0.5)] lg:h-[26px] lg:w-14 lg:-translate-x-1/2 lg:-translate-y-1/2",
+              HEADING_CENTRE_LG
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Separator,
+          {
+            orientation: "vertical",
+            className: "absolute -bottom-2.5 left-[29px] top-10 h-auto -translate-x-1/2 lg:hidden"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "hidden h-4 items-center gap-2.5 lg:flex", children: [
+          /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 pb-2 lg:grid lg:grid-cols-2 lg:gap-5 lg:pb-0 lg:pt-3.5 xl:grid-cols-3", children: Array.from({ length: cardCount }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "aspect-[4/3] w-full rounded-xl" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-4/5" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+        ] }, index)) })
+      ]
+    }
+  );
+}
+
+export { TimelineHour, TimelineHourSkeleton };

package/dist/chunk-PW247TG2.js

@@ -0,0 +1,81 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { Radio } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LIVE_PUCK_PULSE_CLASS = "bm-timeline-live-puck-pulse";
+var TIMELINE_MOBILE_GUTTER_CLASS = "w-[58px]";
+function TimelineHourPuck({
+  time,
+  isLive,
+  liveLabel,
+  variant = "responsive",
+  className
+}) {
+  const chipClasses = cn(
+    "inline-flex h-6 min-w-[58px] items-center justify-center gap-1 rounded-[7px] border border-transparent px-1 text-[12px] font-medium",
+    isLive ? cn("bg-success/10 text-success", LIVE_PUCK_PULSE_CLASS) : "bg-muted text-foreground"
+  );
+  const stationClasses = cn(
+    "rounded-[7px] border bg-background px-[7px] py-[3px] text-[12.5px] font-medium",
+    isLive ? cn("border-success/40 text-success", LIVE_PUCK_PULSE_CLASS) : "border-border text-foreground"
+  );
+  const glyphClasses = "h-2.5 w-2.5 shrink-0";
+  const labelHiddenClasses = "sr-only";
+  const labelStationClasses = cn(
+    "absolute top-[calc(100%+6px)] whitespace-nowrap bg-background px-1",
+    "text-[9.5px] font-extrabold tracking-[0.08em] text-success"
+  );
+  const labelResponsiveClasses = cn(
+    "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap p-0 [clip:rect(0,0,0,0)]",
+    "lg:m-0 lg:h-auto lg:w-auto lg:overflow-visible lg:px-1 lg:[clip:auto]",
+    "lg:top-[calc(100%+6px)] lg:bg-background lg:text-[9.5px] lg:font-extrabold lg:tracking-[0.08em] lg:text-success"
+  );
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative flex justify-center", className), children: [
+    isLive && /* @__PURE__ */ jsx("style", { children: `
+          @keyframes ${LIVE_PUCK_PULSE_CLASS} {
+            0%, 100% { box-shadow: 0 0 0 0 color-mix(in oklch, var(--success) 40%, transparent); }
+            50% { box-shadow: 0 0 0 4px color-mix(in oklch, var(--success) 0%, transparent); }
+          }
+          .${LIVE_PUCK_PULSE_CLASS} {
+            animation: ${LIVE_PUCK_PULSE_CLASS} 2.4s ease-in-out infinite;
+          }
+          @media (prefers-reduced-motion: reduce) {
+            .${LIVE_PUCK_PULSE_CLASS} { animation: none; }
+          }
+        ` }),
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "whitespace-nowrap font-mono tabular-nums",
+          variant === "chip" && chipClasses,
+          variant === "station" && stationClasses,
+          variant === "responsive" && cn(
+            chipClasses,
+            // The station look from `lg`: bordered, background-filled,
+            // no fixed width. Every chip utility above has an `lg:` twin.
+            "lg:h-auto lg:min-w-0 lg:gap-0 lg:border-border lg:bg-background lg:px-[7px] lg:py-[3px] lg:text-[12.5px] lg:text-foreground",
+            isLive && "lg:border-success/40 lg:bg-background lg:text-success"
+          )
+        ),
+        children: [
+          isLive && variant !== "station" && /* @__PURE__ */ jsx(Radio, { className: cn(glyphClasses, variant === "responsive" && "lg:hidden"), "aria-hidden": true }),
+          time
+        ]
+      }
+    ),
+    isLive && !!liveLabel && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          variant === "chip" && labelHiddenClasses,
+          variant === "station" && labelStationClasses,
+          variant === "responsive" && labelResponsiveClasses
+        ),
+        children: liveLabel
+      }
+    )
+  ] });
+}
+
+export { TIMELINE_MOBILE_GUTTER_CLASS, TimelineHourPuck };

package/dist/chunk-QY66ME5B.js

@@ -0,0 +1,207 @@
+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';
+import { Star, Clock, Check, MessageSquare, ChevronRight } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function DefaultLink(_a) {
+  var _b = _a, { href } = _b, props = __objRest(_b, ["href"]);
+  return /* @__PURE__ */ jsx("a", __spreadValues({ href }, props));
+}
+function MenuKitchenList({
+  kitchens,
+  labels,
+  onShowMore,
+  layout = "wide",
+  linkComponent = DefaultLink,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsx("ol", { children: kitchens.map((kitchen, index) => /* @__PURE__ */ jsxs("li", { className: "[&:first-child>div]:pt-0", children: [
+      index > 0 && /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsx(
+        KitchenRow,
+        {
+          kitchen,
+          labels,
+          layout,
+          linkComponent
+        }
+      )
+    ] }, kitchen.place.slug)) }),
+    onShowMore && labels.showMore && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onShowMore,
+        className: "mt-2 self-start rounded-md py-2 text-[13px] font-bold text-accent transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+        children: labels.showMore
+      }
+    )
+  ] });
+}
+function KitchenRow({
+  kitchen,
+  labels,
+  layout,
+  linkComponent: LinkComponent
+}) {
+  const { place, dish } = kitchen;
+  const openNow = place.open_now === true;
+  const wide = layout === "wide";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex flex-wrap items-center gap-[11px] py-3 transition-colors hover:bg-muted/30 motion-reduce:transition-none lg:gap-4 lg:py-3.5",
+        wide && "lg:flex-nowrap"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          LinkComponent,
+          {
+            href: kitchen.href,
+            "aria-label": labels.openVenue(place.name),
+            className: "absolute inset-0 z-[1] rounded-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "relative h-[46px] w-[46px] shrink-0 overflow-hidden rounded-[11px] bg-[repeating-linear-gradient(135deg,oklch(0.78_0.018_55)_0_8px,oklch(0.84_0.012_58)_8px_16px)] lg:h-[58px] lg:w-[58px] lg:rounded-[13px]", children: [
+          place.thumbnail_url && // eslint-disable-next-line @next/next/no-img-element
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: place.thumbnail_url,
+              alt: "",
+              loading: "lazy",
+              decoding: "async",
+              className: "h-full w-full object-cover"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              title: openNow ? labels.openNow : void 0,
+              className: cn(
+                "absolute right-[5px] top-[5px] h-[7px] w-[7px] rounded-full ring-2 ring-white/85",
+                openNow ? "bg-[var(--free,oklch(0.55_0.13_155))]" : "bg-[oklch(0.8_0.01_60)]"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-0 flex-1 flex-col gap-0.5",
+              wide && "lg:w-[226px] lg:flex-none"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-[14.5px] font-bold tracking-[-0.01em] lg:line-clamp-2 lg:whitespace-normal lg:text-[15.5px] lg:leading-tight", children: place.name }),
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 truncate text-xs text-muted-foreground", children: [
+                place.rating && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Star, { className: "h-[11px] w-[11px] shrink-0", "aria-hidden": true }),
+                  place.rating.rating,
+                  kitchen.metaLabel && " \xB7 "
+                ] }),
+                kitchen.metaLabel
+              ] }),
+              kitchen.hoursLabel && /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: cn(
+                    "mt-[3px] inline-flex h-[21px] w-max items-center gap-[5px] rounded-md px-2 text-[10.5px] font-bold",
+                    openNow ? "bg-[oklch(0.96_0.02_155)] text-[var(--free,oklch(0.45_0.13_155))]" : "bg-muted text-muted-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Clock, { className: "h-2.5 w-2.5 shrink-0", "aria-hidden": true }),
+                    kitchen.hoursLabel
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        dish && /* DESKTOP ONLY, where it is a column of its own beside the venue.
+                   On the phone it wrapped to a third line under the row — kicker, dish,
+                   mention count — which turned a four-line venue row into a seven-line
+                   block and, ten rows down, buried the venue names the list exists to
+                   be scanned for. The dish is not what a reader is choosing here; it is
+                   one tap away on the venue's own page, with room to state it.
+        
+                   `order-5` puts it last in the visual order without moving it in the
+                   DOM, where it belongs to the venue. In the `stacked` layout it is a
+                   second LINE under the venue, indented past the thumbnail. */
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "hidden min-w-0 basis-full pl-[57px]",
+              layout !== "phone" && "lg:block",
+              wide ? "lg:order-none lg:flex-1 lg:basis-auto lg:pl-0" : "lg:order-5 lg:pl-[74px]"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: cn(
+                    "flex items-center gap-1.5 text-[9px] font-extrabold uppercase tracking-[0.1em]",
+                    dish.matched ? "text-accent" : "text-[oklch(0.72_0.01_60)]"
+                  ),
+                  children: [
+                    dish.kicker,
+                    dish.matched && dish.matchLabel && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-[5px] bg-accent-subtle px-1.5 py-px text-[10.5px] font-bold normal-case tracking-normal text-accent", children: [
+                      /* @__PURE__ */ jsx(Check, { className: "h-2.5 w-2.5 shrink-0", "aria-hidden": true }),
+                      dish.matchLabel
+                    ] })
+                  ]
+                }
+              ),
+              dish.href ? /* @__PURE__ */ jsx(
+                LinkComponent,
+                {
+                  href: dish.href,
+                  "aria-label": labels.openDish(dish.name),
+                  className: "relative z-[2] mt-0.5 block truncate font-serif text-[13.5px] italic underline decoration-[oklch(0.84_0.01_60)] decoration-1 underline-offset-[3px] transition-colors hover:text-accent hover:decoration-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none lg:text-[15px]",
+                  children: dish.name
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate font-serif text-[13.5px] italic lg:text-[15px]", children: dish.name }),
+              dish.meta && /* @__PURE__ */ jsxs("span", { className: "mt-[3px] flex items-center gap-1 text-[11.5px] text-muted-foreground", children: [
+                !dish.matched && /* @__PURE__ */ jsx(MessageSquare, { className: "h-2.5 w-2.5 shrink-0", "aria-hidden": true }),
+                dish.meta
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: cn("ml-auto flex shrink-0 items-center gap-[11px]", wide && "lg:ml-0"), children: [
+          kitchen.priceLabel && /* @__PURE__ */ jsx("span", { className: "text-base font-extrabold tabular-nums text-accent", children: kitchen.priceLabel }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "h-[15px] w-[15px] shrink-0 text-muted-foreground", "aria-hidden": true })
+        ] })
+      ]
+    }
+  );
+}
+function MenuKitchenListSkeleton({
+  rows = 10,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", className), "aria-hidden": true, children: Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsxs("div", { children: [
+    index > 0 && /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-[11px] py-3 lg:flex-nowrap lg:gap-4 lg:py-3.5", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-[46px] w-[46px] rounded-[11px] lg:h-[58px] lg:w-[58px] lg:rounded-[13px]" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 lg:w-[226px] lg:flex-none", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[60%]" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-[45%]" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-[21px] w-[120px] rounded-md" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "hidden min-w-0 basis-full pl-[57px] lg:order-none lg:block lg:flex-1 lg:basis-auto lg:pl-0", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-[90px]" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-4 w-[70%]" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-3 w-[40%]" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "ml-auto h-5 w-[56px] lg:ml-0" })
+    ] })
+  ] }, index)) });
+}
+
+export { MenuKitchenList, MenuKitchenListSkeleton };

package/dist/{chunk-T6S2ZBV6.js → chunk-SDWN6L4O.js}

@@ -1,4 +1,4 @@
-import { SignatureChip } from './chunk-S33K4RC5.js';
+import { SignatureChip } from './chunk-BKKQ7GCZ.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from './chunk-MMUBH76A.js';
 import { memo } from 'react';

package/dist/{chunk-CNJQUHCU.js → chunk-SWD6CJ35.js}

@@ -2,6 +2,7 @@ import { cn } from './chunk-FEK5XGZW.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var PHOTO_GROUND = "bg-[oklch(0.21_0.012_55)]";
+var PHOTO_GLYPH_SHADOW = "drop-shadow-[0_2px_6px_oklch(0.16_0.012_55_/_0.6)]";
 var OVERLAY = "absolute inset-0 bg-[oklch(0.16_0.012_55_/_0.5)]";
 function PhotoGround({
   photos,
@@ -79,4 +80,4 @@ function PhotoGround({
   ] });
 }
 
-export { PHOTO_GROUND, PhotoGround };
+export { PHOTO_GLYPH_SHADOW, PHOTO_GROUND, PhotoGround };

package/dist/{chunk-HDR7V6IZ.js → chunk-TIQNM4XD.js}

@@ -10,7 +10,14 @@ var toggleVariants = cva(
     variants: {
       variant: {
         default: "bg-transparent",
-        outline: "border border-border bg-transparent hover:bg-accent/50 hover:text-accent-foreground data-[state=on]:border-primary"
+        outline: "border border-border bg-transparent hover:bg-accent/50 hover:text-accent-foreground data-[state=on]:border-primary",
+        /**
+         * One cell of a segmented control: a raised card on the group's
+         * muted capsule when on, quiet type when off. The group
+         * (`ToggleGroup variant="segmented"`) supplies the capsule; the cell
+         * never fills with the accent, which would read as a primary button.
+         */
+        segmented: "h-10 w-11 rounded-full text-muted-foreground hover:bg-transparent hover:text-foreground data-[state=on]:bg-card data-[state=on]:text-foreground data-[state=on]:shadow-[var(--shadow-card)]"
       },
       size: {
         default: "h-9 px-2 min-w-9",

package/dist/components/alert-dialog.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/alert.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
+    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
+    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | "outline" | "secondary" | "glass" | "overlay" | "brown" | null | undefined;
+    variant?: "success" | "warning" | "default" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "onPrimary" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/badge.js

@@ -1,3 +1,3 @@
-export { Badge, badgeVariants } from '../chunk-P43B3ONY.js';
+export { Badge, badgeVariants } from '../chunk-5XREWOBB.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "antagonist" | null | undefined;
+    variant?: "link" | "warning" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "pill" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/button.js

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