@bearmenu/ui 0.8.8 → 0.8.9

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

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * "Signature" / "Mentioned" — the marker for a menu item the review digest
+ * backs, shared by `<MenuItem>` and the dish/drink cards so the same claim
+ * never renders two different ways.
+ *
+ * When `onEvidence` is supplied the chip becomes a button that opens the
+ * reviews behind it, and takes a dashed outline to read as interactive. That is
+ * the whole differentiator: every competitor badges items ("Nou", "NEW"), none
+ * can show you why. Without evidence it degrades to a plain label rather than
+ * offering a tap that would reveal nothing.
+ *
+ * `stopPropagation` matters on every host: the row is a `role="button"` and the
+ * cards carry a stretched crawlable `<a>` overlay, so an un-stopped click would
+ * also open the item drawer. On the cards it must additionally out-rank that
+ * overlay's `z-[1]`, hence `relative z-[2]` from the caller.
+ *
+ * `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
+ * says "there is evidence behind this" — in the inverted colour.
+ *
+ * The label is passed in: the DS owns no translation keys.
+ */
+type SignatureChipProps = {
+    /** Already translated. `strong` → "Signature", `weak` → "Mentioned". */
+    label: string;
+    onEvidence?: () => void;
+    /** `image` = over a card cover; `canvas` = in a caption or row. */
+    surface?: "canvas" | "image";
+    className?: string;
+};
+declare function SignatureChip({ label, onEvidence, surface, className, }: SignatureChipProps): react_jsx_runtime.JSX.Element;
+
+export { SignatureChip, type SignatureChipProps };

package/dist/components/signature-chip.js

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

package/dist/components/signature-line-list.d.ts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MenuItemLabels } from './menu-item.js';
+import { MenuVenuePreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
+import 'react';
+import './place-types.js';
+
+/**
+ * SignatureLineList — family, venue, dish, price and reputation on one line.
+ *
+ * The densest surface on the hub, and the one that most nearly justifies the
+ * whole catalogue: every row ties a kitchen to the single thing its reviewers
+ * keep naming, with the price and the count that back it.
+ *
+ * ## Two targets per row, deliberately
+ *
+ * The venue line goes to the venue; the item row goes to the item across every
+ * kitchen that makes it. Those are genuinely different destinations, and
+ * collapsing them into one tap loses the comparison that makes the item worth
+ * showing. They are separate anchors rather than one anchor with a nested
+ * button, which would be invalid markup.
+ *
+ * Below `lg` the row stacks: venue line first, then the full `<MenuItem>`
+ * underneath. The desktop layout puts them side by side. Same markup, one
+ * breakpoint — no second component.
+ *
+ * Server-safe.
+ */
+/** @deprecated Alias of `MenuLinkProps`; kept so existing imports keep working. */
+type SignatureLineListLinkProps = MenuLinkProps;
+type SignatureLineListProps = {
+    venues: MenuVenuePreview[];
+    /** Passed through to each `<MenuItem>`. */
+    labels: MenuItemLabels;
+    formatPrice: (amount: number) => string;
+    formatCount?: (value: number) => string;
+    /** Composed meta line per venue, keyed by place slug, e.g. "romanian · Centru". */
+    metaLabels?: Record<string, string>;
+    /** The row's category mark per venue, keyed by place slug. */
+    hues?: Record<string, string>;
+    linkComponent?: MenuLinkComponent;
+    className?: string;
+};
+declare function SignatureLineList({ venues, labels, formatPrice, formatCount, metaLabels, hues, linkComponent: LinkComponent, className, }: SignatureLineListProps): react_jsx_runtime.JSX.Element;
+
+export { SignatureLineList, type SignatureLineListLinkProps, type SignatureLineListProps };

package/dist/components/signature-line-list.js

@@ -0,0 +1,99 @@
+import { Separator } from '../chunk-WSRWFA6K.js';
+import { MenuItem } from '../chunk-TH6W2PWG.js';
+import '../chunk-Q6QH52LJ.js';
+import '../chunk-UKBNQO6Q.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { Star, ChevronRight } from 'lucide-react';
+import { jsx, jsxs, 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 SignatureLineList({
+  venues,
+  labels,
+  formatPrice,
+  formatCount,
+  metaLabels,
+  hues,
+  linkComponent: LinkComponent = DefaultLink,
+  className
+}) {
+  return /* @__PURE__ */ jsx("ul", { className: cn("flex flex-col", className), children: venues.map((venue, index) => {
+    const { place, signature } = venue;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "grid gap-x-4 py-3.5 lg:grid-cols-[minmax(0,260px)_minmax(0,1fr)] lg:items-center",
+        children: [
+          index > 0 && /* @__PURE__ */ jsx(Separator, { className: "mb-3.5 lg:col-span-2" }),
+          /* @__PURE__ */ jsxs(
+            LinkComponent,
+            {
+              href: venue.href,
+              className: "flex items-center gap-3 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "relative h-12 w-12 shrink-0 overflow-hidden rounded-xl bg-[repeating-linear-gradient(135deg,oklch(0.78_0.018_55)_0_8px,oklch(0.84_0.012_58)_8px_16px)] lg:h-16 lg:w-16", children: [
+                  place.thumbnail_url && // eslint-disable-next-line @next/next/no-img-element
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: place.thumbnail_url,
+                      alt: "",
+                      className: "h-full w-full object-cover",
+                      loading: "lazy"
+                    }
+                  ),
+                  place.open_now && /* @__PURE__ */ jsx(
+                    "i",
+                    {
+                      "aria-hidden": true,
+                      className: "absolute right-1 top-1 h-[7px] w-[7px] rounded-full bg-[var(--free,currentColor)] ring-2 ring-white/80"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block truncate text-[15px] font-bold tracking-[-0.01em]", children: place.name }),
+                  /* @__PURE__ */ jsxs("span", { className: "mt-0.5 flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+                    place.rating && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(Star, { className: "h-[11px] w-[11px]", "aria-hidden": true }),
+                      /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: place.rating.rating })
+                    ] }),
+                    (metaLabels == null ? void 0 : metaLabels[place.slug]) && /* @__PURE__ */ jsx("span", { className: "truncate", children: metaLabels[place.slug] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  ChevronRight,
+                  {
+                    className: "h-4 w-4 shrink-0 text-muted-foreground lg:hidden",
+                    "aria-hidden": true
+                  }
+                )
+              ]
+            }
+          ),
+          signature && /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              item: signature.item,
+              labels,
+              formatPrice,
+              formatCount,
+              markGradient: hues == null ? void 0 : hues[place.slug],
+              subtitle: signature.why,
+              showSignatureBadge: signature.isSignature,
+              href: signature.href,
+              linkComponent: LinkComponent,
+              className: "min-w-0"
+            }
+          )
+        ]
+      },
+      place.slug
+    );
+  }) });
+}
+
+export { SignatureLineList };

package/dist/components/snap-rail.d.ts

@@ -20,15 +20,35 @@ import { VariantProps } from 'class-variance-authority';
  * `card` is the 14px inset of a hub card; `page` is the 16px page gutter.
  */
 declare const snapRailVariants: (props?: ({
-    itemWidth?: "sm" | "lg" | "md" | null | undefined;
+    itemWidth?: "sm" | "lg" | "full" | "md" | null | undefined;
     gap?: "default" | "sm" | null | undefined;
     bleed?: "none" | "page" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type SnapRailProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof snapRailVariants>;
+type SnapRailProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof snapRailVariants> & {
+    /**
+     * Page dots under the rail, one per child, the current one filled. For
+     * `itemWidth="full"`, where no next card peeks in to say there is more.
+     * Decorative: the rail itself is the control, and every card is reachable
+     * by scrolling, so the dots are `aria-hidden`.
+     */
+    dots?: boolean;
+    /** Classes for the dots row, e.g. `lg:hidden` where the rail becomes a grid. */
+    dotsClassName?: string;
+};
 declare const SnapRail: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    itemWidth?: "sm" | "lg" | "md" | null | undefined;
+    itemWidth?: "sm" | "lg" | "full" | "md" | null | undefined;
     gap?: "default" | "sm" | null | undefined;
     bleed?: "none" | "page" | "card" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /**
+     * Page dots under the rail, one per child, the current one filled. For
+     * `itemWidth="full"`, where no next card peeks in to say there is more.
+     * Decorative: the rail itself is the control, and every card is reachable
+     * by scrolling, so the dots are `aria-hidden`.
+     */
+    dots?: boolean;
+    /** Classes for the dots row, e.g. `lg:hidden` where the rail becomes a grid. */
+    dotsClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { SnapRail, type SnapRailProps };

package/dist/components/snap-rail.js

@@ -1,8 +1,8 @@
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var snapRailVariants = cva(
   cn(
@@ -14,7 +14,9 @@ var snapRailVariants = cva(
       itemWidth: {
         sm: "[&>*]:w-[46%]",
         md: "[&>*]:w-[60%]",
-        lg: "[&>*]:w-[80%]"
+        lg: "[&>*]:w-[80%]",
+        /** One card per view — pair with `dots` so the reader knows there is more. */
+        full: "[&>*]:w-full"
       },
       gap: {
         sm: "gap-2",
@@ -35,15 +37,71 @@ var snapRailVariants = cva(
 );
 var SnapRail = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className, itemWidth, gap, bleed } = _b, props = __objRest(_b, ["className", "itemWidth", "gap", "bleed"]);
-    return /* @__PURE__ */ jsx(
+    var _b = _a, { className, itemWidth, gap, bleed, dots, dotsClassName, children } = _b, props = __objRest(_b, ["className", "itemWidth", "gap", "bleed", "dots", "dotsClassName", "children"]);
+    const railRef = React.useRef(null);
+    const [active, setActive] = React.useState(0);
+    const count = React.Children.count(children);
+    const setRefs = React.useCallback(
+      (node) => {
+        railRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    React.useEffect(() => {
+      if (!dots) return;
+      const rail2 = railRef.current;
+      if (!rail2) return;
+      let frame = 0;
+      const sync = () => {
+        frame = 0;
+        const origin = rail2.scrollLeft + parseFloat(getComputedStyle(rail2).scrollPaddingLeft || "0");
+        let best = 0;
+        let bestDistance = Number.POSITIVE_INFINITY;
+        Array.from(rail2.children).forEach((child, index) => {
+          const distance = Math.abs(child.offsetLeft - origin);
+          if (distance < bestDistance) {
+            bestDistance = distance;
+            best = index;
+          }
+        });
+        setActive(best);
+      };
+      const onScroll = () => {
+        if (!frame) frame = requestAnimationFrame(sync);
+      };
+      sync();
+      rail2.addEventListener("scroll", onScroll, { passive: true });
+      return () => {
+        if (frame) cancelAnimationFrame(frame);
+        rail2.removeEventListener("scroll", onScroll);
+      };
+    }, [dots, count]);
+    const rail = /* @__PURE__ */ jsx(
       "div",
-      __spreadValues({
-        ref,
+      __spreadProps(__spreadValues({
+        ref: setRefs,
         "data-slot": "snap-rail",
         className: cn(snapRailVariants({ itemWidth, gap, bleed }), className)
-      }, props)
+      }, props), {
+        children
+      })
     );
+    if (!dots) return rail;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      rail,
+      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: cn("flex justify-center gap-1.5", dotsClassName), children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "h-1.5 rounded-full transition-[width,background-color] duration-200 motion-reduce:transition-none",
+            index === active ? "w-4 bg-foreground" : "w-1.5 bg-foreground/25"
+          )
+        },
+        index
+      )) })
+    ] });
   }
 );
 SnapRail.displayName = "SnapRail";

package/dist/components/spinner.d.ts

@@ -4,11 +4,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerVariants: (props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "inherit" | "default" | "destructive" | "primary" | null | undefined;
+    tone?: "default" | "destructive" | "inherit" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Spinner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "inherit" | "default" | "destructive" | "primary" | null | undefined;
+    tone?: "default" | "destructive" | "inherit" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     /** Visually-hidden label for screen readers. Defaults to "Loading". */
     label?: string;

package/dist/components/stat-banner.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * StatBanner — one claim about the catalogue, carried by a single number.
+ *
+ * These sit between the modules that list things and give the page somewhere to
+ * state what it knows rather than only showing it. Two side by side is the
+ * usual arrangement, which is a caller's grid rather than a `StatBannerPair`
+ * component — pairing is layout, and a consumer wanting one, or three, or a
+ * different order should not have to fight a wrapper for it.
+ *
+ * `scale` draws the distribution the figure sits in — low, the figure, high.
+ * Pass it only when all three are real numbers from the same measurement; a
+ * scale invented around a figure is worse than no scale, because it implies a
+ * spread nobody counted.
+ *
+ * Server-safe.
+ */
+declare const bannerVariants: (props?: ({
+    tone?: "dark" | "warm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StatBannerProps = VariantProps<typeof bannerVariants> & {
+    /** Small caps kicker, e.g. "THE REVIEW CENSUS". */
+    kicker?: string;
+    /**
+     * The headline claim. On the dark tone this is the whole point; on the warm
+     * one it usually sits under `figure`.
+     */
+    headline?: string;
+    body?: string;
+    /** The number itself, pre-formatted, e.g. "100". */
+    figure?: string;
+    /** Unit set small beside the figure, e.g. "%" or "lei". */
+    figureUnit?: string;
+    /** Oversized watermark numeral behind the content. */
+    watermark?: string;
+    /** Low, middle and high of the distribution. All three, or none. */
+    scale?: [string, string, string];
+    /** The action — pass a rendered link or button. */
+    action?: React.ReactNode;
+    className?: string;
+};
+declare function StatBanner({ tone, kicker, headline, body, figure, figureUnit, watermark, scale, action, className, }: StatBannerProps): react_jsx_runtime.JSX.Element;
+
+export { StatBanner, type StatBannerProps };

package/dist/components/stat-banner.js

@@ -0,0 +1,61 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var bannerVariants = cva(
+  "relative flex flex-col gap-2 overflow-hidden rounded-[18px] p-5",
+  {
+    variants: {
+      tone: {
+        /** Dark ground, for the claim that needs the most weight. */
+        dark: "bg-[oklch(0.21_0.012_55)] text-white",
+        /** Tinted ground, for the supporting figure beside it. */
+        warm: "bg-accent-subtle text-foreground"
+      }
+    },
+    defaultVariants: { tone: "dark" }
+  }
+);
+function StatBanner({
+  tone,
+  kicker,
+  headline,
+  body,
+  figure,
+  figureUnit,
+  watermark,
+  scale,
+  action,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(bannerVariants({ tone }), className), children: [
+    watermark && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "pointer-events-none absolute -bottom-8 right-2 select-none font-serif text-[150px] font-bold leading-none opacity-[0.08]",
+        children: watermark
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative z-[1] flex flex-1 flex-col gap-2", children: [
+      kicker && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold tracking-[0.11em] opacity-80", children: kicker }),
+      figure && /* @__PURE__ */ jsxs("div", { className: "text-[40px] font-extrabold leading-none tracking-[-0.03em] tabular-nums", children: [
+        figure,
+        figureUnit && /* @__PURE__ */ jsx("span", { className: "ml-1 text-lg font-extrabold", children: figureUnit })
+      ] }),
+      headline && /* @__PURE__ */ jsx("h3", { className: "font-serif text-xl font-semibold leading-[1.2] tracking-[-0.02em] lg:text-2xl", children: headline }),
+      body && /* @__PURE__ */ jsx("p", { className: "text-[13px] leading-[1.5] opacity-85", children: body }),
+      scale && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2 text-[11px] tabular-nums opacity-70", children: [
+        /* @__PURE__ */ jsx("span", { children: scale[0] }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-current opacity-30" }),
+        /* @__PURE__ */ jsx("span", { children: scale[1] }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-current opacity-30" }),
+        /* @__PURE__ */ jsx("span", { children: scale[2] })
+      ] }),
+      action && /* @__PURE__ */ jsx("div", { className: "mt-auto flex items-center pt-3", children: action })
+    ] })
+  ] });
+}
+
+export { StatBanner };

package/dist/components/tag.d.ts

@@ -3,11 +3,11 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const tagVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | "outline" | "primary" | "quiet" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "success" | "warning" | "primary" | "quiet" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Tag: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | "outline" | "primary" | "quiet" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "success" | "warning" | "primary" | "quiet" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     onRemove?: () => void;

package/dist/components/text.d.ts

@@ -22,9 +22,9 @@ import { VariantProps } from 'class-variance-authority';
  * Weights are 400 / 600 / 700. 500 is not in the system.
  */
 declare const textVariants: (props?: ({
-    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "label" | "small" | "display" | "body-lg" | "body-sm" | "overline" | null | undefined;
-    color?: "inherit" | "default" | "destructive" | "muted" | "primary" | "primary-foreground" | null | undefined;
-    weight?: "bold" | "medium" | "normal" | "semibold" | null | undefined;
+    variant?: "small" | "display" | "h2" | "h3" | "label" | "body" | "caption" | "h1" | "h4" | "body-lg" | "body-sm" | "overline" | null | undefined;
+    color?: "default" | "destructive" | "inherit" | "muted" | "primary" | "primary-foreground" | null | undefined;
+    weight?: "medium" | "bold" | "normal" | "semibold" | null | undefined;
     leading?: "none" | "normal" | "tight" | "snug" | "relaxed" | "loose" | null | undefined;
     tracking?: "normal" | "tight" | "wide" | "wider" | null | undefined;
     wrap?: "balance" | "pretty" | "nowrap" | null | undefined;

package/dist/components/venue-busyness-strip.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * VenueBusynessStrip — when a venue actually fills up, as a bar per hour.
+ *
+ * The API serves one score per hour of the venue's own trading day, so the
+ * strip has no fixed length: a bakery closing at three and a club open until
+ * four draw different numbers of bars, and padding either to 24 would put empty
+ * columns under hours the venue is not open.
+ *
+ * The rush is derived rather than passed: bars at or above `peakRatio` of the
+ * day's own maximum take the accent. A fixed score threshold would mark every
+ * hour at a busy venue and none at a quiet one — busyness is only meaningful
+ * relative to that venue's own day.
+ *
+ * `caption` is composed by the caller ("Usually not busy until 18:00 — the rush
+ * is nine to eleven"), because the sentence needs the venue's clock, its locale
+ * and a plural rule the DS does not own.
+ *
+ * Server-safe.
+ */
+type VenueBusynessStripProps = {
+    busyness: Array<{
+        hour: number;
+        score: number;
+    }>;
+    /** Composed sentence beside the bars. */
+    caption?: string;
+    /** Share of the day's own peak at which an hour counts as the rush. */
+    peakRatio?: number;
+    className?: string;
+};
+declare function VenueBusynessStrip({ busyness, caption, peakRatio, className, }: VenueBusynessStripProps): react_jsx_runtime.JSX.Element | null;
+
+export { VenueBusynessStrip, type VenueBusynessStripProps };

package/dist/components/venue-busyness-strip.js

@@ -0,0 +1,37 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var BAR_MAX_HEIGHT = 22;
+function VenueBusynessStrip({
+  busyness,
+  caption,
+  peakRatio = 0.8,
+  className
+}) {
+  if (busyness.length === 0) return null;
+  const peak = Math.max(...busyness.map((entry) => entry.score));
+  if (peak <= 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center gap-2.5 text-[12.5px] text-muted-foreground", className),
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex h-[22px] items-end gap-[3px]", children: busyness.map(({ hour, score }) => /* @__PURE__ */ jsx(
+          "i",
+          {
+            className: cn(
+              "w-[7px] rounded-t-sm bg-[oklch(0.88_0.02_45)]",
+              score >= peak * peakRatio && "bg-[var(--accent,currentColor)]"
+            ),
+            style: { height: Math.max(2, Math.round(score / peak * BAR_MAX_HEIGHT)) }
+          },
+          hour
+        )) }),
+        caption
+      ]
+    }
+  );
+}
+
+export { VenueBusynessStrip };

package/dist/components/venue-grade-dimensions.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PlaceGradeDimensions } from './place-types.js';
+
+/**
+ * VenueGradeDimensions — the per-dimension review scores as a row of bars.
+ *
+ * ## Why this renders what it is given rather than a fixed row
+ *
+ * A dimension the reviews never mention is ABSENT from the payload, not zero,
+ * and exactly one of `food` / `coffee_quality` / `drinks_quality` is scored per
+ * place — a coffee bar has no food score and a restaurant has no coffee one.
+ * So a component drawing seven fixed columns would invent readings for a third
+ * of the catalogue. It iterates `order`, skips what is missing, and lays out
+ * however many survive.
+ *
+ * Scores arrive 0–100 and display on the 0–10 scale the rest of the product
+ * grades on, so the bar width is the raw value and the numeral is that value
+ * over ten. `formatScore` is injected because a decimal separator is
+ * locale-dependent.
+ *
+ * Server-safe.
+ */
+type VenueGradeDimensionKey = keyof PlaceGradeDimensions;
+type VenueGradeDimensionsProps = {
+    dimensions: PlaceGradeDimensions;
+    /** Dimension key → translated label. Keys with no label fall back to the key. */
+    labels: Partial<Record<VenueGradeDimensionKey, string>>;
+    /** Override the canonical order, or narrow which dimensions show at all. */
+    order?: VenueGradeDimensionKey[];
+    /** 0–100 → display numeral, e.g. `(v) => (v / 10).toFixed(1)`. */
+    formatScore: (value: number) => string;
+    className?: string;
+};
+declare function VenueGradeDimensions({ dimensions, labels, order, formatScore, className, }: VenueGradeDimensionsProps): react_jsx_runtime.JSX.Element | null;
+
+export { type VenueGradeDimensionKey, VenueGradeDimensions, type VenueGradeDimensionsProps };

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

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

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

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CitedText } from './place-types.js';
+
+/**
+ * VenueQuotes — the digest's standout lines, as pull-quotes.
+ *
+ * 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
+ * against the sans everything else uses.
+ *
+ * `onCite` turns a quote into a button that opens the reviews behind it —
+ * `review_ids` is what makes the claim checkable, and a quote nobody can trace
+ * is just copy. Without the handler the quote renders as inert prose, which is
+ * correct on surfaces that have nowhere to open.
+ *
+ * No directive: inert quotes render on the server; passing `onCite` needs a
+ * client caller.
+ */
+type VenueQuotesProps = {
+    quotes: CitedText[];
+    /** Opens the reviews behind one quote. Omit to render inert prose. */
+    onCite?: (quote: CitedText) => void;
+    /** Accessible name for the cite action, e.g. `(n) => "Read 5 reviews"`. */
+    citeLabel?: (reviewCount: number) => string;
+    /** Cap on how many render. The digest ships at most three. */
+    limit?: number;
+    className?: string;
+};
+declare function VenueQuotes({ quotes, onCite, citeLabel, limit, className }: VenueQuotesProps): react_jsx_runtime.JSX.Element | null;
+
+export { VenueQuotes, type VenueQuotesProps };

package/dist/components/venue-quotes.js

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