@bearmenu/ui 0.8.9 → 0.8.11

package/src/components/venue-spotlight.tsx

@@ -1,236 +0,0 @@
-import { Camera, Star } from "lucide-react";
-import { cn } from "../lib/utils";
-import { Separator } from "./separator";
-import { VenueGradeDimensions, type VenueGradeDimensionKey } from "./venue-grade-dimensions";
-import { VenueQuotes } from "./venue-quotes";
-import { VenueSignatureBlock } from "./venue-signature-block";
-import type { MenuItemLabels } from "./menu-item";
-import type { MenuVenueSignature, MenuLinkProps, MenuLinkComponent } from "./menu-types";
-import type { CitedText, PlacePreview } from "./place-types";
-
-/**
- * VenueSpotlight — one venue given real space: photograph, what it is known
- * for, what reviewers say, how it grades, and when it fills up.
- *
- * The photograph IS the point of this surface. It is the one module on a menu
- * hub that shows an image, and it can, because venue photography is real and
- * licensed where item photography is generated. Absent a photo it degrades to
- * the same diagonal texture the hero uses, never to a bare icon.
- *
- * ## Composed from exported parts
- *
- * `VenueSignatureBlock`, `VenueQuotes`, `VenueGradeDimensions` and
- * `VenueBusynessStrip` are each exported on their own. This composite is the
- * arrangement the hub wants; a consumer filming a single panel, or building a
- * narrower variant, takes the parts instead. Everything here is layout — no
- * part is reachable only through the composite.
- *
- * No directive: it renders on the server unless `onCite` is passed through to
- * the quotes.
- */
-
-/** @deprecated Alias of `MenuLinkProps`; kept so existing imports keep working. */
-export type VenueSpotlightLinkProps = MenuLinkProps;
-
-function DefaultLink({ href, ...props }: VenueSpotlightLinkProps) {
-  return <a href={href} {...props} />;
-}
-
-export type VenueSpotlightLabels = {
-  /** Overlay on the photograph, e.g. "venue photograph". */
-  photoCredit?: string;
-  /** Composed open state, e.g. "Kitchen open until 23:00". Absent when closed or unknown. */
-  openUntil?: string;
-  /** Kicker over the signature, e.g. "WHAT IT IS KNOWN FOR". */
-  signatureKicker: string;
-  /** Composed review count, e.g. "318 reviews". */
-  reviewCount?: string;
-  /** Dimension key → translated label. */
-  dimensions: Partial<Record<VenueGradeDimensionKey, string>>;
-  /** Tag code → translated label. Missing codes render the raw code. */
-  tags?: Record<string, string>;
-  /** Composed value verdict, e.g. "Good value". */
-  valueVerdict?: string;
-  /** Composed busyness sentence. */
-  busyness?: string;
-  /** Accessible name for a quote's cite action. */
-  cite?: (reviewCount: number) => string;
-};
-
-export type VenueSpotlightProps = {
-  place: PlacePreview;
-  href: string;
-  labels: VenueSpotlightLabels;
-  /** Composed meta line, e.g. "pub · Centru". Clause order is locale-dependent. */
-  meta?: string;
-  signature?: MenuVenueSignature;
-  /** CSS gradient for the signature swatch. */
-  signatureGradient?: string;
-  /** Passed through to the signature `<MenuItem>`. */
-  itemLabels: MenuItemLabels;
-  formatPrice: (amount: number) => string;
-  formatCount?: (value: number) => string;
-  /** 0–100 → display numeral for the dimension bars. */
-  formatScore: (value: number) => string;
-  /** Opens the reviews behind a quote. */
-  onCite?: (quote: CitedText) => void;
-  /** The action in the footer — pass a rendered link or button. */
-  action?: React.ReactNode;
-  linkComponent?: MenuLinkComponent;
-  className?: string;
-};
-
-/** Quotes are capped at two: a third pushes the grade row below the fold on a phone. */
-const QUOTE_LIMIT = 2;
-
-export function VenueSpotlight({
-  place,
-  href,
-  labels,
-  meta,
-  signature,
-  signatureGradient,
-  itemLabels,
-  formatPrice,
-  formatCount,
-  formatScore,
-  onCite,
-  action,
-  linkComponent: LinkComponent = DefaultLink,
-  className,
-}: VenueSpotlightProps) {
-  const digest = place.reviews_digest;
-  const tags = digest?.tags ?? [];
-
-  return (
-    <div
-      className={cn(
-        "grid overflow-hidden rounded-[18px] border border-border bg-card lg:grid-cols-[404px_1fr]",
-        className
-      )}
-    >
-      <div className="relative min-h-[220px] bg-[repeating-linear-gradient(135deg,oklch(0.76_0.02_55)_0_10px,oklch(0.83_0.013_58)_10px_20px)] lg:min-h-[340px]">
-        {place.thumbnail_url && (
-          // eslint-disable-next-line @next/next/no-img-element
-          <img
-            src={place.thumbnail_url}
-            alt={place.name}
-            className="absolute inset-0 h-full w-full object-cover"
-          />
-        )}
-
-        {labels.photoCredit && (
-          <span className="absolute left-3.5 top-3.5 inline-flex h-7 items-center gap-1.5 rounded-full bg-black/60 px-2.5 text-[11px] font-bold text-white">
-            <Camera className="h-2.5 w-2.5" aria-hidden />
-            {labels.photoCredit}
-          </span>
-        )}
-
-        {labels.openUntil && (
-          <span className="absolute bottom-3.5 left-3.5 inline-flex h-[30px] items-center gap-[7px] rounded-full bg-background px-3 text-[11.5px] font-bold text-[var(--free,currentColor)]">
-            <i className="h-[7px] w-[7px] rounded-full bg-current" aria-hidden />
-            {labels.openUntil}
-          </span>
-        )}
-      </div>
-
-      <div className="flex flex-col gap-3.5 p-4 lg:p-6">
-        {/*
-          `items-baseline` and a hard `shrink-0` on the rating: the venue name
-          is a long serif line that wraps, and with `items-start` the numeral
-          floated beside its second line instead of sitting on the first. The
-          name column also needs `min-w-0` AND `basis-0` — without the basis a
-          long unbroken word (a venue called "Tortelli Pasta Bar") refuses to
-          wrap and pushes the rating off the card.
-        */}
-        <div className="flex items-baseline justify-between gap-3">
-          <h3 className="min-w-0 flex-1 basis-0 font-serif text-xl font-semibold leading-tight tracking-[-0.02em] lg:text-[28px]">
-            <LinkComponent
-              href={href}
-              className="rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-            >
-              {place.name}
-            </LinkComponent>
-          </h3>
-
-          {place.rating && (
-            <div className="flex shrink-0 items-baseline gap-1.5">
-              <b className="text-xl font-extrabold tabular-nums lg:text-2xl">
-                {place.rating.rating}
-              </b>
-              <Star className="h-3 w-3 self-center text-muted-foreground" aria-hidden />
-            </div>
-          )}
-        </div>
-
-        {(meta || labels.reviewCount) && (
-          <div className="-mt-2 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[12.5px] text-muted-foreground">
-            {meta && <span>{meta}</span>}
-            {meta && labels.reviewCount && <span aria-hidden>·</span>}
-            {labels.reviewCount && <span>{labels.reviewCount}</span>}
-          </div>
-        )}
-
-        {signature && (
-          <VenueSignatureBlock
-            item={signature.item}
-            labels={itemLabels}
-            formatPrice={formatPrice}
-            formatCount={formatCount}
-            kicker={labels.signatureKicker}
-            markGradient={signatureGradient}
-            subtitle={signature.why}
-            href={signature.href}
-            linkComponent={LinkComponent}
-          />
-        )}
-
-        {digest?.highlights && (
-          <VenueQuotes
-            quotes={digest.highlights}
-            limit={QUOTE_LIMIT}
-            onCite={onCite}
-            citeLabel={labels.cite}
-          />
-        )}
-
-        {digest?.grade?.dimensions && <Separator />}
-
-        {digest?.grade?.dimensions && (
-          <VenueGradeDimensions
-            dimensions={digest.grade.dimensions}
-            labels={labels.dimensions}
-            formatScore={formatScore}
-            className="mt-1"
-          />
-        )}
-
-        {(labels.valueVerdict || tags.length > 0) && (
-          <div className="flex flex-wrap items-center gap-2">
-            {labels.valueVerdict && (
-              <span className="inline-flex h-[26px] items-center gap-1.5 rounded-full bg-accent-subtle px-2.5 text-[11.5px] font-bold text-accent">
-                {labels.valueVerdict}
-              </span>
-            )}
-            {tags.map((tag) => (
-              <span
-                key={tag.value}
-                className="inline-flex h-[26px] items-center rounded-full border border-border px-2.5 text-[11.5px] text-muted-foreground"
-              >
-                {labels.tags?.[tag.value] ?? tag.value}
-              </span>
-            ))}
-          </div>
-        )}
-
-        {/* No busyness strip here. Twelve unlabelled bars under a grade row
-            read as a second, unexplained chart — nobody could tell what they
-            measured without the sentence beside them, and the sentence does not
-            fit on this card. `<VenueBusynessStrip>` still exists and belongs on
-            the venue's own page, where it has room to be captioned. */}
-
-        {action && <div className="mt-auto flex justify-end pt-1">{action}</div>}
-      </div>
-    </div>
-  );
-}

package/dist/{chunk-XWMRABZW.js → chunk-HSIYYA2E.js}

@@ -1,6 +1,6 @@
 import { PlaceScheduleWeek } from './chunk-VG3PND3D.js';
-import { Separator } from './chunk-WSRWFA6K.js';
 import { Tag } from './chunk-ZDAHKI3A.js';
+import { Separator } from './chunk-WSRWFA6K.js';
 import { Text } from './chunk-7BWTYWM3.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';