@bearmenu/ui 0.8.7 → 0.8.9

package/dist/{chunk-637L7XQ3.js → chunk-3TNPSN4D.js}

@@ -1,10 +1,19 @@
 import { Separator } from './chunk-WSRWFA6K.js';
 import { Skeleton } from './chunk-QXHMPJ35.js';
 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";
-function TimelineHourPuck({ time, isLive, liveLabel, className }) {
+var TIMELINE_MOBILE_GUTTER_CLASS = "w-[58px]";
+function TimelineHourPuck({
+  time,
+  isLive,
+  liveLabel,
+  variant = "station",
+  className
+}) {
+  const isChip = variant === "chip";
   return /* @__PURE__ */ jsxs("span", { className: cn("relative flex justify-center", className), children: [
     isLive && /* @__PURE__ */ jsx("style", { children: `
           @keyframes ${LIVE_PUCK_PULSE_CLASS} {
@@ -18,23 +27,33 @@ function TimelineHourPuck({ time, isLive, liveLabel, className }) {
             .${LIVE_PUCK_PULSE_CLASS} { animation: none; }
           }
         ` }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       "span",
       {
         className: cn(
-          "whitespace-nowrap rounded-[7px] border bg-background px-[7px] py-[3px]",
-          "font-mono text-[12.5px] font-medium tabular-nums",
-          isLive ? cn("border-success/40 text-success", LIVE_PUCK_PULSE_CLASS) : "border-border text-foreground"
+          "whitespace-nowrap font-mono tabular-nums",
+          isChip ? cn(
+            "inline-flex h-6 min-w-[58px] items-center justify-center gap-1 rounded-[7px] px-1 text-[12px] font-medium",
+            isLive ? cn("bg-success/10 text-success", LIVE_PUCK_PULSE_CLASS) : "bg-muted text-foreground"
+          ) : 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"
+          )
         ),
-        children: time
+        children: [
+          isChip && isLive && /* @__PURE__ */ jsx(Radio, { className: "h-2.5 w-2.5 shrink-0", "aria-hidden": true }),
+          time
+        ]
       }
     ),
     isLive && !!liveLabel && /* @__PURE__ */ jsx(
       "span",
       {
         className: cn(
-          "absolute top-[calc(100%+6px)] whitespace-nowrap bg-background px-1",
-          "text-[9.5px] font-extrabold tracking-[0.08em] text-success"
+          isChip ? "sr-only" : cn(
+            "absolute top-[calc(100%+6px)] whitespace-nowrap bg-background px-1",
+            "text-[9.5px] font-extrabold tracking-[0.08em] text-success"
+          )
         ),
         children: liveLabel
       }
@@ -82,4 +101,4 @@ function TimelineBandSkeleton({ className }) {
   ] });
 }
 
-export { TimelineBand, TimelineBandSkeleton, TimelineHourPuck };
+export { TIMELINE_MOBILE_GUTTER_CLASS, TimelineBand, TimelineBandSkeleton, TimelineHourPuck };

package/dist/chunk-62ES6N32.js

@@ -0,0 +1,27 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsx } from 'react/jsx-runtime';
+
+function VenueQuotes({ quotes, onCite, citeLabel, limit, className }) {
+  const shown = typeof limit === "number" ? quotes.slice(0, limit) : quotes;
+  if (shown.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-3 lg:grid-cols-2", className), children: shown.map((quote, index) => {
+    var _a, _b;
+    const citations = (_b = (_a = quote.review_ids) == null ? void 0 : _a.length) != null ? _b : 0;
+    const canCite = !!onCite && citations > 0;
+    const text = /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-border pl-3 font-serif text-[13px] italic leading-[1.45] text-muted-foreground", children: `\u201C${quote.text}\u201D` });
+    if (!canCite) return /* @__PURE__ */ jsx("div", { children: text }, index);
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onCite(quote),
+        "aria-label": citeLabel == null ? void 0 : citeLabel(citations),
+        className: "rounded-md text-left transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: text
+      },
+      index
+    );
+  }) });
+}
+
+export { VenueQuotes };

package/dist/chunk-AHL45DD2.js

@@ -0,0 +1,145 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { useRef, useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DRIFT_RAIL_DEFAULT_DURATION_SECONDS = 42;
+var DRIFT_RAIL_RESUME_DELAY_MS = 3e3;
+function DriftRail({
+  children,
+  reverse = false,
+  durationSeconds = DRIFT_RAIL_DEFAULT_DURATION_SECONDS,
+  pauseOnHover = true,
+  className
+}) {
+  const scrollerRef = useRef(null);
+  const trackRef = useRef(null);
+  const [isHovered, setIsHovered] = useState(false);
+  const [inView, setInView] = useState(true);
+  const [reducedMotion, setReducedMotion] = useState(false);
+  const heldUntil = useRef(0);
+  const mouseDrag = useRef(null);
+  const position = useRef(0);
+  useEffect(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setReducedMotion(query.matches);
+    const onChange = () => setReducedMotion(query.matches);
+    query.addEventListener("change", onChange);
+    return () => query.removeEventListener("change", onChange);
+  }, []);
+  useEffect(() => {
+    const node = scrollerRef.current;
+    if (!node || typeof IntersectionObserver === "undefined") return void 0;
+    const observer = new IntersectionObserver(([entry]) => setInView(entry.isIntersecting), {
+      threshold: 0
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, []);
+  useEffect(() => {
+    const scroller = scrollerRef.current;
+    const track = trackRef.current;
+    if (!scroller || !track) return void 0;
+    let frame = 0;
+    let last = performance.now();
+    const drifting = !reducedMotion && inView && !(pauseOnHover && isHovered);
+    if (reverse && scroller.scrollLeft === 0) scroller.scrollLeft = track.scrollWidth / 2;
+    position.current = scroller.scrollLeft;
+    const tick = (now) => {
+      const half = track.scrollWidth / 2;
+      if (half > 0) {
+        const driftingNow = drifting && now >= heldUntil.current;
+        if (driftingNow) {
+          const perSecond = half / durationSeconds;
+          const delta = perSecond * (now - last) / 1e3;
+          position.current += reverse ? -delta : delta;
+        } else {
+          position.current = scroller.scrollLeft;
+        }
+        let wrapped = false;
+        if (position.current >= half) {
+          position.current -= half;
+          wrapped = true;
+        } else if (position.current < 0) {
+          position.current += half;
+          wrapped = true;
+        }
+        if (driftingNow || wrapped) scroller.scrollLeft = position.current;
+      }
+      last = now;
+      frame = requestAnimationFrame(tick);
+    };
+    frame = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(frame);
+  }, [durationSeconds, inView, isHovered, pauseOnHover, reducedMotion, reverse]);
+  const hold = () => {
+    heldUntil.current = Number.POSITIVE_INFINITY;
+  };
+  const release = () => {
+    heldUntil.current = performance.now() + DRIFT_RAIL_RESUME_DELAY_MS;
+  };
+  const onPointerDown = (event) => {
+    hold();
+    if (event.pointerType !== "mouse" || event.button !== 0 || !scrollerRef.current) return;
+    mouseDrag.current = {
+      startX: event.clientX,
+      startScroll: scrollerRef.current.scrollLeft,
+      pointerId: event.pointerId
+    };
+  };
+  const onPointerMove = (event) => {
+    var _a, _b, _c, _d;
+    const drag = mouseDrag.current;
+    if (!drag || event.pointerId !== drag.pointerId || !scrollerRef.current) return;
+    const dx = event.clientX - drag.startX;
+    if (Math.abs(dx) > 4 && !((_b = (_a = event.currentTarget).hasPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId))) {
+      (_d = (_c = event.currentTarget).setPointerCapture) == null ? void 0 : _d.call(_c, event.pointerId);
+      event.currentTarget.dataset.dragging = "true";
+    }
+    scrollerRef.current.scrollLeft = drag.startScroll - dx;
+  };
+  const onPointerEnd = (event) => {
+    var _a, _b;
+    release();
+    const drag = mouseDrag.current;
+    mouseDrag.current = null;
+    if (drag && ((_b = (_a = event.currentTarget).hasPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId))) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+    delete event.currentTarget.dataset.dragging;
+  };
+  const onClickCapture = (event) => {
+    if (event.currentTarget.dataset.dragging === "true") {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollerRef,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      onPointerDown,
+      onPointerMove,
+      onPointerUp: onPointerEnd,
+      onPointerCancel: onPointerEnd,
+      onWheel: () => {
+        release();
+      },
+      onDragStart: (event) => event.preventDefault(),
+      onClickCapture,
+      className: cn(
+        "overflow-x-auto overflow-y-hidden py-1.5 scrollbar-hide [touch-action:pan-x]",
+        "cursor-grab select-none data-[dragging=true]:cursor-grabbing",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { ref: trackRef, className: "flex w-max items-stretch gap-3.5", children: [
+        children,
+        /* @__PURE__ */ jsx("div", { className: "contents", "aria-hidden": "true", children })
+      ] })
+    }
+  );
+}
+
+export { DriftRail };

package/dist/chunk-AXV5O2IZ.js

@@ -0,0 +1,58 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_ORDER = [
+  "food",
+  "coffee_quality",
+  "drinks_quality",
+  "service",
+  "value",
+  "ambiance",
+  "portion",
+  "consistency",
+  "cleanliness"
+];
+function VenueGradeDimensions({
+  dimensions,
+  labels,
+  order = DEFAULT_ORDER,
+  formatScore,
+  className
+}) {
+  const present = order.map((key) => ({ key, value: dimensions[key] })).filter(
+    (entry) => typeof entry.value === "number"
+  );
+  if (present.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      className: cn(
+        "grid grid-cols-3 gap-2.5 sm:grid-cols-4 lg:flex lg:gap-2.5",
+        className
+      ),
+      children: present.map(({ key, value }) => {
+        var _a;
+        return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 lg:flex-1", children: [
+          /* @__PURE__ */ jsx("dd", { className: "text-[15px] font-extrabold tracking-[-0.02em] tabular-nums", children: formatScore(value) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "relative block h-[3px] overflow-hidden rounded-full bg-muted",
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "absolute inset-y-0 left-0 rounded-full bg-[var(--gradient-primary,currentColor)]",
+                  style: { width: `${Math.min(100, Math.max(0, value))}%` }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("dt", { className: "text-[10.5px] text-muted-foreground", children: (_a = labels[key]) != null ? _a : key })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export { VenueGradeDimensions };

package/dist/chunk-IYDH5IU6.js

@@ -0,0 +1,66 @@
+import { useState, useRef, useCallback } from 'react';
+
+function useDragSwipe({ threshold = 40, onSwipe, disabled }) {
+  const [dragX, setDragX] = useState(0);
+  const startX = useRef(null);
+  const pointerId = useRef(null);
+  const didDrag = useRef(false);
+  const onPointerDown = useCallback(
+    (event) => {
+      if (disabled || event.button !== 0) return;
+      startX.current = event.clientX;
+      pointerId.current = event.pointerId;
+      didDrag.current = false;
+    },
+    [disabled]
+  );
+  const onPointerMove = useCallback((event) => {
+    var _a, _b;
+    if (startX.current === null || event.pointerId !== pointerId.current) return;
+    const dx = event.clientX - startX.current;
+    if (!didDrag.current && Math.abs(dx) > 6) {
+      didDrag.current = true;
+      (_b = (_a = event.currentTarget).setPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId);
+    }
+    if (didDrag.current) setDragX(dx);
+  }, []);
+  const end = useCallback(
+    (event, cancelled) => {
+      var _a, _b;
+      if (startX.current === null || event.pointerId !== pointerId.current) return;
+      const dx = event.clientX - startX.current;
+      startX.current = null;
+      pointerId.current = null;
+      if ((_b = (_a = event.currentTarget).hasPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId)) {
+        event.currentTarget.releasePointerCapture(event.pointerId);
+      }
+      setDragX(0);
+      if (!cancelled && didDrag.current && Math.abs(dx) >= threshold) {
+        onSwipe(dx < 0 ? 1 : -1);
+      }
+    },
+    [onSwipe, threshold]
+  );
+  const onPointerUp = useCallback((event) => end(event, false), [end]);
+  const onPointerCancel = useCallback(
+    (event) => end(event, true),
+    [end]
+  );
+  const onDragStart = useCallback((event) => {
+    event.preventDefault();
+  }, []);
+  const onClickCapture = useCallback((event) => {
+    if (didDrag.current) {
+      event.preventDefault();
+      event.stopPropagation();
+      didDrag.current = false;
+    }
+  }, []);
+  return {
+    dragX,
+    isDragging: dragX !== 0,
+    handlers: { onPointerDown, onPointerMove, onPointerUp, onPointerCancel, onClickCapture, onDragStart }
+  };
+}
+
+export { useDragSwipe };

package/dist/chunk-OPVKL4VS.js

@@ -0,0 +1,18 @@
+import { useSyncExternalStore } from 'react';
+
+function useMediaQuery(query) {
+  return useSyncExternalStore(
+    (onChange) => {
+      if (typeof window.matchMedia !== "function") return () => {
+      };
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onChange);
+      return () => mql.removeEventListener("change", onChange);
+    },
+    () => typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false,
+    () => false
+  );
+}
+var DESKTOP_MEDIA_QUERY = "(min-width: 1024px)";
+
+export { DESKTOP_MEDIA_QUERY, useMediaQuery };

package/dist/chunk-Q6QH52LJ.js

@@ -0,0 +1,38 @@
+import { Badge } from './chunk-UKBNQO6Q.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsx } from 'react/jsx-runtime';
+
+function SignatureChip({
+  label,
+  onEvidence,
+  surface = "canvas",
+  className
+}) {
+  const shared = "h-4 shrink-0 px-1.5 text-[10px] font-medium uppercase tracking-wider";
+  const onImage = surface === "image";
+  if (!onEvidence) {
+    return /* @__PURE__ */ jsx(Badge, { variant: onImage ? "overlay" : "secondary", className: cn(shared, className), children: label });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        onEvidence();
+      },
+      className: cn(
+        shared,
+        "inline-flex items-center rounded-full border border-dashed",
+        onImage ? "border-background/70 bg-foreground/70 text-background backdrop-blur-sm hover:bg-foreground/85" : "border-accent/40 text-accent hover:bg-accent/10",
+        "focus-visible:outline-none focus-visible:ring-2",
+        onImage ? "focus-visible:ring-background/70" : "focus-visible:ring-accent/40",
+        className
+      ),
+      children: label
+    }
+  );
+}
+
+export { SignatureChip };

package/dist/chunk-TH6W2PWG.js

@@ -0,0 +1,213 @@
+import { SignatureChip } from './chunk-Q6QH52LJ.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
+import { memo } from 'react';
+import { MessageSquareQuote } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function DefaultLink(_a) {
+  var _b = _a, { href } = _b, props = __objRest(_b, ["href"]);
+  return /* @__PURE__ */ jsx("a", __spreadValues({ href }, props));
+}
+function MentionSignal({
+  label,
+  count,
+  onMentions,
+  formatCount = String
+}) {
+  const content = /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
+    /* @__PURE__ */ jsx(MessageSquareQuote, { className: "h-3.5 w-3.5 opacity-60", "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatCount(count) })
+  ] });
+  const shared = cn(
+    // `relative z-[2]` keeps this above the row's stretched link overlay.
+    "relative z-[2] inline-flex shrink-0 items-center text-accent",
+    // Same size and weight as the price at the other end of the meta row — keep
+    // these two in step if the price's type changes.
+    "text-[15px] font-bold",
+    // `min-h-6` holds the tap target at the 24px WCAG 2.5.8 floor; `px-1.5
+    // -mx-1.5` buys the horizontal half without moving the pair on screen.
+    "min-h-6 px-1.5 -mx-1.5"
+  );
+  if (!onMentions) {
+    return /* @__PURE__ */ jsx("span", { className: shared, "aria-label": label, children: content });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "mentions",
+      "aria-label": label,
+      onClick: (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        onMentions();
+      },
+      className: cn(
+        shared,
+        "rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children: content
+    }
+  );
+}
+var MenuItem = memo(function MenuItem2({
+  item,
+  labels,
+  formatPrice,
+  formatCount = String,
+  onOpen,
+  showSignatureBadge = false,
+  signatureTier = "strong",
+  onSignatureEvidence,
+  onMentions,
+  markGradient,
+  venueName,
+  subtitle,
+  href,
+  linkLabel,
+  linkComponent: LinkComponent = DefaultLink,
+  disabled = false,
+  className
+}) {
+  var _a, _b, _c, _d, _e;
+  const firstEntry = (_a = item.sizes_and_prices) == null ? void 0 : _a[0];
+  const quantity = firstEntry == null ? void 0 : firstEntry.size;
+  const hasQuantity = quantity != null && quantity > 0;
+  const allPrices = (_c = (_b = item.sizes_and_prices) == null ? void 0 : _b.map((entry) => entry.price).filter((price) => typeof price === "number" && price > 0)) != null ? _c : [];
+  const minPrice = allPrices.length > 0 ? Math.min(...allPrices) : null;
+  const maxPrice = allPrices.length > 0 ? Math.max(...allPrices) : null;
+  const isPriceRange = minPrice != null && maxPrice != null && minPrice !== maxPrice;
+  const mentionCount = (_e = (_d = item.mentions) != null ? _d : item.review_count) != null ? _e : 0;
+  const isInert = !href && !onOpen;
+  const isActionable = !disabled && !isInert;
+  const handleRowClick = () => {
+    if (disabled) return;
+    onOpen == null ? void 0 : onOpen();
+  };
+  const handleKeyDown = (event) => {
+    if (disabled) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      onOpen == null ? void 0 : onOpen();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: href || isInert ? void 0 : "button",
+      tabIndex: href || isInert ? void 0 : disabled ? -1 : 0,
+      "aria-disabled": disabled || void 0,
+      onClick: href || isInert ? void 0 : handleRowClick,
+      onKeyDown: href || isInert ? void 0 : handleKeyDown,
+      className: cn(
+        "group relative flex min-h-[72px] items-start gap-3 px-4 py-3",
+        // Radius only where the row is a grid cell. Full-bleed rows run edge to
+        // edge, where a corner radius would round against the viewport.
+        "md:rounded-xl",
+        // 180ms is the EXIT; `hover:duration-*` overrides it to 120ms on the
+        // way in. A hover that leaves as fast as it arrives reads as a flicker
+        // when the pointer crosses a list.
+        !isInert && [
+          "transition-[background-color,box-shadow,transform] duration-[180ms] ease-out motion-reduce:transition-none",
+          "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+        ],
+        isActionable && [
+          "cursor-pointer hover:duration-[120ms]",
+          // Opaque, never alpha: `hover:bg-muted/40` composited to a lightness
+          // delta of 0.004 on the light canvas — a hover state that measured as
+          // nothing.
+          "hover:bg-card dark:hover:bg-surface-2",
+          // Grid cells only. On a full-bleed row the shadow runs off both
+          // viewport edges and reads as a smear; that row widens its tab instead.
+          "md:hover:shadow-[var(--shadow-row-hover)]",
+          // Hover lifts, press sinks — the two must not read as one gesture.
+          "active:scale-[0.985] active:duration-[90ms] active:ease-in active:shadow-none",
+          "active:bg-muted",
+          "motion-reduce:active:scale-100",
+          // The mention count is a button inside a button. While the pointer is
+          // on it the row stops claiming the hover, so only one target is lit.
+          "has-[[data-slot=mentions]:hover]:bg-transparent has-[[data-slot=mentions]:hover]:shadow-none"
+        ],
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      children: [
+        href && /* @__PURE__ */ jsx(
+          LinkComponent,
+          {
+            href,
+            "aria-label": linkLabel != null ? linkLabel : item.name,
+            className: "absolute inset-0 z-[1] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent md:rounded-xl"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "-ml-4 w-2 shrink-0 self-stretch rounded-r-full bg-muted",
+              // The full-bleed row's hover signal, since it cannot take a shadow.
+              // `-mr-1` absorbs the extra 4px so the text column does not shift as
+              // the mark grows. Grid cells get the shadow instead and hold the mark
+              // still — the tab encodes which section you are in, so the less it
+              // moves, the better it does that job.
+              !isInert && [
+                "transition-[width] duration-[120ms] ease-out motion-reduce:transition-none",
+                "group-hover:-mr-1 group-hover:w-3 md:group-hover:mr-0 md:group-hover:w-2"
+              ]
+            ),
+            style: markGradient ? { backgroundImage: markGradient } : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-[15px] font-semibold leading-snug text-foreground", children: item.name }),
+            showSignatureBadge && /* @__PURE__ */ jsx(
+              SignatureChip,
+              {
+                label: signatureTier === "weak" ? labels.mentioned : labels.signature,
+                onEvidence: onSignatureEvidence,
+                className: "mt-0.5"
+              }
+            )
+          ] }),
+          venueName && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-[12px] font-medium text-foreground/70", children: venueName }),
+          subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 text-xs italic leading-snug text-muted-foreground", children: subtitle }) : item.description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "mt-0.5 text-xs text-muted-foreground",
+                venueName ? "line-clamp-1" : "line-clamp-2"
+              ),
+              children: item.description
+            }
+          ),
+          (minPrice != null || hasQuantity || mentionCount > 0) && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-baseline justify-between gap-x-2 gap-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-x-2", children: [
+              minPrice != null && /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[15px] font-bold tabular-nums text-foreground", children: isPriceRange ? `${formatPrice(minPrice)}\u2013${formatPrice(maxPrice)}` : formatPrice(minPrice) }),
+                /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: labels.currency })
+              ] }),
+              hasQuantity && /* @__PURE__ */ jsxs("span", { className: "text-[12px] tabular-nums text-muted-foreground", children: [
+                quantity,
+                item.kind === "dish" ? "g" : "ml"
+              ] })
+            ] }),
+            mentionCount > 0 && /* @__PURE__ */ jsx(
+              MentionSignal,
+              {
+                label: labels.mentions(mentionCount),
+                count: mentionCount,
+                onMentions,
+                formatCount
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+
+export { MentionSignal, MenuItem };

package/dist/chunk-THOVPZNN.js

@@ -0,0 +1,37 @@
+import { MenuItem } from './chunk-TH6W2PWG.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function VenueSignatureBlock({
+  item,
+  labels,
+  formatPrice,
+  formatCount,
+  kicker,
+  markGradient,
+  subtitle,
+  href,
+  linkComponent,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("overflow-hidden rounded-xl bg-accent-subtle py-1", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "block px-4 pt-2 text-[9.5px] font-bold uppercase tracking-[0.09em] text-muted-foreground", children: kicker }),
+    /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        item,
+        labels,
+        formatPrice,
+        formatCount,
+        markGradient,
+        subtitle,
+        showSignatureBadge: false,
+        href,
+        linkComponent,
+        className: "min-h-0 md:rounded-none md:hover:bg-transparent md:hover:shadow-none"
+      }
+    )
+  ] });
+}
+
+export { VenueSignatureBlock };