@bearmenu/ui 0.8.48 → 0.8.50

package/dist/{chunk-QY66ME5B.js → chunk-CZ2HC7WY.js}

@@ -1,8 +1,10 @@
+import { GradeAtom } from './chunk-YE4ZQUTI.js';
+import { showsGradeAtom } from './chunk-I5V446BX.js';
 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 { Clock, Check, MessageSquare, ChevronRight, Star } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 function DefaultLink(_a) {
@@ -41,6 +43,25 @@ function MenuKitchenList({
     )
   ] });
 }
+function gradeShown(place, labels) {
+  var _a;
+  return labels.grade !== void 0 && showsGradeAtom((_a = place.reviews_digest) == null ? void 0 : _a.grade, "xs");
+}
+function KitchenRating({
+  place,
+  labels
+}) {
+  var _a;
+  const grade = (_a = place.reviews_digest) == null ? void 0 : _a.grade;
+  if (labels.grade && showsGradeAtom(grade, "xs")) {
+    return /* @__PURE__ */ jsx(GradeAtom, { grade, labels: labels.grade, size: "xs", className: "shrink-0" });
+  }
+  if (!place.rating) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Star, { className: "h-[11px] w-[11px] shrink-0", "aria-hidden": true }),
+    place.rating.rating
+  ] });
+}
 function KitchenRow({
   kitchen,
   labels,
@@ -99,11 +120,8 @@ function KitchenRow({
             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 "
-                ] }),
+                /* @__PURE__ */ jsx(KitchenRating, { place, labels }),
+                kitchen.metaLabel && (gradeShown(place, labels) || place.rating) && " \xB7 ",
                 kitchen.metaLabel
               ] }),
               kitchen.hoursLabel && /* @__PURE__ */ jsxs(

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" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | 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/avatar.d.ts

@@ -5,13 +5,13 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const avatarVariants: (props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "brown" | "muted" | "teal" | "green" | "blue" | "violet" | "rose" | null | undefined;
+    tone?: "muted" | "brown" | "teal" | "green" | "blue" | "violet" | "rose" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 type AvatarTone = NonNullable<VariantProps<typeof avatarVariants>["tone"]>;
 declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "brown" | "muted" | "teal" | "green" | "blue" | "violet" | "rose" | null | undefined;
+    tone?: "muted" | "brown" | "teal" | "green" | "blue" | "violet" | "rose" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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" | "secondary" | "success" | "warning" | "destructive" | "outline" | "glass" | "overlay" | "brown" | "code" | "onPrimary" | "confirmed" | "pending" | "completed" | "assignee" | "softSuccess" | "softWarning" | "softDestructive" | "softNeutral" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | "secondary" | "outline" | "glass" | "overlay" | "brown" | "code" | "onPrimary" | "confirmed" | "pending" | "completed" | "assignee" | "softSuccess" | "softWarning" | "softDestructive" | "softNeutral" | null | undefined;
     size?: "status" | "chip" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/banner.d.ts

@@ -31,7 +31,7 @@ import { VariantProps } from 'class-variance-authority';
  * right edge, centred on the text, and never wraps under it.
  */
 declare const bannerVariants: (props?: ({
-    tone?: "warning" | "destructive" | "info" | null | undefined;
+    tone?: "destructive" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BannerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & VariantProps<typeof bannerVariants> & {
     /**

package/dist/components/button.d.ts

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

package/dist/components/card.d.ts

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

package/dist/components/command.d.ts

@@ -28,7 +28,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -64,7 +64,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "heading"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -82,7 +82,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "onSelect" | "disabled"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/concept-compare.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuConceptPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/doorway-tiles.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/empty-state.d.ts

@@ -53,7 +53,7 @@ interface EmptyStateProps {
  * louder than a load failure the user can retry.
  */
 declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-declare const SearchEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "icon" | "variant"> & React.RefAttributes<HTMLDivElement>>;
-declare const ErrorEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "icon" | "variant"> & React.RefAttributes<HTMLDivElement>>;
+declare const SearchEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "variant" | "icon"> & React.RefAttributes<HTMLDivElement>>;
+declare const ErrorEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "variant" | "icon"> & React.RefAttributes<HTMLDivElement>>;
 
 export { EmptyState, ErrorEmptyState, SearchEmptyState };

package/dist/components/event-detail-panel.d.ts

@@ -1,6 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { G as GradeAtomLabels, a as PlaceGrade } from '../place-types-Dzy6FH67.js';
 import { EventPreview, EventFormatters } from './event-types.js';
+import '../lib/grade.js';
 
 /**
  * EventDetailPanel — the BODY of the event detail sheet, and the body the
@@ -51,7 +53,13 @@ type EventDetailVenue = {
     name: string;
     /** Address line, e.g. "Str. Iuliu Maniu 5". */
     address?: string;
-    /** e.g. "4.7" — rendered with a star. */
+    /**
+     * The venue's BearMenu grade. Shown as the grade pill in the rating's place
+     * when `labels.grade` is given; the star `ratingLabel` then stays only for a
+     * venue without a grade.
+     */
+    grade?: PlaceGrade;
+    /** e.g. "4.7" — Google's rating, rendered with a star. The fallback for an ungraded venue. */
     ratingLabel?: string;
     /** e.g. "open until 20:00" — appended to the meta row when given. */
     openLabel?: string;
@@ -66,6 +74,8 @@ type EventDetailVenue = {
     href?: string;
 };
 type EventDetailPanelLabels = {
+    /** The venue's grade pill. Optional: without it the venue shows the star, as before. */
+    grade?: GradeAtomLabels;
     free: string;
     liveNow: string;
     /** The ended chip, e.g. "Ended". */
@@ -208,7 +218,7 @@ type EventDetailChipRowProps = Pick<EventDetailPanelProps, "event" | "formatters
 declare function EventDetailChipRow({ event, labels, formatters, status, soonLabel, hype, tags, className, }: EventDetailChipRowProps): react_jsx_runtime.JSX.Element;
 type EventDetailVenueCardProps = {
     venue: EventDetailVenue;
-    labels: Pick<EventDetailPanelLabels, "venueNoPage">;
+    labels: Pick<EventDetailPanelLabels, "venueNoPage" | "grade">;
     linkComponent?: React.ComponentType<EventDetailPanelLinkProps>;
     /** Thumbnail size in px: 52 in the sheet, 64 on the page. */
     thumbnailSize?: 52 | 64;

package/dist/components/event-detail-panel.js

@@ -1,3 +1,5 @@
+import { GradeAtom } from '../chunk-YE4ZQUTI.js';
+import { showsGradeAtom } from '../chunk-I5V446BX.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
@@ -463,7 +465,9 @@ function EventDetailVenueCard({
   action,
   className
 }) {
-  const meta = venue.href && (venue.address || venue.ratingLabel || venue.openLabel);
+  const showGrade = labels.grade !== void 0 && showsGradeAtom(venue.grade, "xs");
+  const hasRating = showGrade || Boolean(venue.ratingLabel);
+  const meta = venue.href && (venue.address || hasRating || venue.openLabel);
   const main = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -501,8 +505,16 @@ function EventDetailVenueCard({
       /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-bold", children: venue.name }),
       venue.href ? meta && /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-1.5 text-xs text-muted-foreground", children: [
         venue.address && /* @__PURE__ */ jsx("span", { className: "truncate", children: venue.address }),
-        venue.address && venue.ratingLabel && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-border", children: "\xB7" }),
-        venue.ratingLabel && /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-1", children: [
+        venue.address && hasRating && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-border", children: "\xB7" }),
+        showGrade && labels.grade && venue.grade ? /* @__PURE__ */ jsx(
+          GradeAtom,
+          {
+            grade: venue.grade,
+            labels: labels.grade,
+            size: "xs",
+            className: "shrink-0"
+          }
+        ) : venue.ratingLabel && /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-1", children: [
           /* @__PURE__ */ jsx(Star, { className: "h-[11px] w-[11px]", "aria-hidden": true }),
           venue.ratingLabel
         ] }),

package/dist/components/grade-atom.d.ts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import '../lib/grade.js';
-export { G as GradeAtom, h as GradeAtomLabels, i as GradeAtomProps, j as GradeAtomSize } from '../place-types-C4rR3LTs.js';
+export { i as GradeAtom, G as GradeAtomLabels, j as GradeAtomProps, k as GradeAtomSize } from '../place-types-Dzy6FH67.js';

package/dist/components/item.d.ts

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

package/dist/components/kitchen-dossier.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { MenuVenueSignature, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
-import { P as PlacePreview, C as CitedText, a as PlaceGradeDimensions } from '../place-types-C4rR3LTs.js';
+import { P as PlacePreview, C as CitedText, b as PlaceGradeDimensions } from '../place-types-Dzy6FH67.js';
 import { VenueGradeDimensionKey } from './venue-grade-dimensions.js';
 import '../lib/grade.js';
 

package/dist/components/menu-dead-end.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent, MenuLoosenOption } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-family-block.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuKitchenListLabels } from './menu-kitchen-list.js';
 import { MenuFamilyBlockPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
-import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
+import 'react';
 
 /**
  * MenuFamilyBlock — the cuisines index's family card. One photograph is the ground.

package/dist/components/menu-family-block.js

@@ -1,5 +1,7 @@
-import { MenuKitchenList } from '../chunk-QY66ME5B.js';
+import { MenuKitchenList } from '../chunk-CZ2HC7WY.js';
 import { HueChip } from '../chunk-6VOWT4YR.js';
+import '../chunk-YE4ZQUTI.js';
+import '../chunk-I5V446BX.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';

package/dist/components/menu-family-card.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuFamilyPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-filter-chips.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuFilterChip } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-group-rows.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-index-header.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIndexEntry, MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 type MenuIndexHeaderProps = {

package/dist/components/menu-index-list.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIndexEntry, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-intent-hero.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIntentFigure, MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-item.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuItemPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-kitchen-list.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { G as GradeAtomLabels } from '../place-types-Dzy6FH67.js';
 import { MenuKitchenPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
-import 'react';
-import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
+import 'react';
 
 /**
  * MenuKitchenList — the intent page's spine.
@@ -53,6 +53,13 @@ type MenuKitchenListLabels = {
     openNow: string;
     /** Reveals the next page of rows, e.g. "Show 10 more". */
     showMore?: string;
+    /**
+     * The grade pill's labels. With them, a graded venue shows its BearMenu
+     * grade where the Google star was; the star stays only for a venue with no
+     * grade. Optional so existing callers keep compiling — without it every row
+     * shows the star, as before.
+     */
+    grade?: GradeAtomLabels;
 };
 /**
  * `wide` (default): the intent page's full-width list — from `lg` the venue

package/dist/components/menu-kitchen-list.js

@@ -1,4 +1,6 @@
-export { MenuKitchenList, MenuKitchenListSkeleton } from '../chunk-QY66ME5B.js';
+export { MenuKitchenList, MenuKitchenListSkeleton } from '../chunk-CZ2HC7WY.js';
+import '../chunk-YE4ZQUTI.js';
+import '../chunk-I5V446BX.js';
 import '../chunk-NWZGSLPU.js';
 import '../chunk-XBBEX4SF.js';
 import '../chunk-FEK5XGZW.js';

package/dist/components/menu-mocks.d.ts

@@ -1,6 +1,6 @@
 import { MenuFamilyBlockPreview, MenuConceptPreview, MenuFamilyPreview, MenuFilterChip, MenuIndexEntry, MenuIntentFigure, MenuItemPreview, MenuKitchenPreview, MenuLoosenOption, QaItem, MenuVenuePreview } from './menu-types.js';
 import { DoorwayTile } from './doorway-tiles.js';
-import { P as PlacePreview } from '../place-types-C4rR3LTs.js';
+import { P as PlacePreview } from '../place-types-Dzy6FH67.js';
 import 'react';
 import 'react/jsx-runtime';
 import '../lib/grade.js';

package/dist/components/menu-types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, CSSProperties, ReactNode } from 'react';
-import { M as MenuSizeAndPrice, P as PlacePreview } from '../place-types-C4rR3LTs.js';
+import { M as MenuSizeAndPrice, P as PlacePreview } from '../place-types-Dzy6FH67.js';
 import 'react/jsx-runtime';
 import '../lib/grade.js';
 

package/dist/components/open-now-list.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuVenuePreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/place-about-tab.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PlacePreview, b as PlaceAboutTabLabels, c as PlaceLinkKind } from '../place-types-C4rR3LTs.js';
+import { P as PlacePreview, c as PlaceAboutTabLabels, d as PlaceLinkKind } from '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 interface PlaceAboutTabProps {

package/dist/components/place-card.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { ReactNode, MouseEvent } from 'react';
-import { P as PlacePreview, d as PlaceCardLabels } from '../place-types-C4rR3LTs.js';
+import { P as PlacePreview, e as PlaceCardLabels } from '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/place-card.js

@@ -56,6 +56,10 @@ function PriceLevel({ level, label }) {
     /* @__PURE__ */ jsx("span", { className: "opacity-30", children: "$".repeat(4 - filled) })
   ] });
 }
+function launchYear(launchedAt) {
+  const match = launchedAt ? /^(\d{4})-\d{2}$/.exec(launchedAt) : null;
+  return match ? Number(match[1]) : void 0;
+}
 var STATIC_ROOT_CLASSES = `group relative flex w-full select-none flex-col ${HOVER_MOTION} ${HOVER_LIFT_GRID_GROUP}`;
 var ROOT_CLASSES = `${STATIC_ROOT_CLASSES} cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:rounded-xl`;
 var DEFAULT_SIZES = "(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw";
@@ -72,7 +76,7 @@ var PlaceCard = memo(function PlaceCard2({
   photoOverlay,
   className
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const [imgError, setImgError] = useState(false);
   const MotionLink = useMemo(() => motion.create(LinkComponent), [LinkComponent]);
   const coverUrl = imgError ? void 0 : place.cover_url;
@@ -81,6 +85,8 @@ var PlaceCard = memo(function PlaceCard2({
   const neighbourhood = (_e = (_d = place.areas) == null ? void 0 : _d[0]) == null ? void 0 : _e.name;
   const priceLevel = (_h = (_f = place.price_dishes) == null ? void 0 : _f.price_score) != null ? _h : (_g = place.price_drinks) == null ? void 0 : _g.price_score;
   const showPrice = priceLevel !== void 0 && priceLevel > 0;
+  const year = labels.established ? launchYear(place.launched_at) : void 0;
+  const established = year !== void 0 ? (_i = labels.established) == null ? void 0 : _i.call(labels, year) : void 0;
   const ariaLabel = labels.viewDetails(place.name);
   const handleKeyDown = (e) => {
     if (e.key === "Enter" || e.key === " ") {
@@ -145,10 +151,12 @@ var PlaceCard = memo(function PlaceCard2({
         /* @__PURE__ */ jsx(HeadlineRating, { place, labels })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-        (cuisine || showPrice) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-          cuisine && /* @__PURE__ */ jsx("span", { className: "capitalize", children: cuisine }),
-          cuisine && showPrice && /* @__PURE__ */ jsx("span", { className: "text-border", children: "\xB7" }),
-          showPrice && /* @__PURE__ */ jsx(PriceLevel, { level: priceLevel, label: labels.priceLevel(priceLevel) })
+        (cuisine || showPrice || established) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground", children: [
+          cuisine && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate capitalize", children: cuisine }),
+          cuisine && showPrice && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-border", children: "\xB7" }),
+          showPrice && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(PriceLevel, { level: priceLevel, label: labels.priceLevel(priceLevel) }) }),
+          established && (cuisine || showPrice) && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-border", children: "\xB7" }),
+          established && /* @__PURE__ */ jsx("span", { className: "shrink-0 whitespace-nowrap", children: established })
         ] }),
         distance !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
           /* @__PURE__ */ jsx(MapPin, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),

package/dist/components/place-details-mobile.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PlacePreview, e as PlaceDetailsMobileLabels } from '../place-types-C4rR3LTs.js';
+import { P as PlacePreview, f as PlaceDetailsMobileLabels } from '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 interface PlaceDetailsMobileProps {

package/dist/components/place-schedule-week.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { f as PlaceSchedule, g as PlaceScheduleWeekLabels } from '../place-types-C4rR3LTs.js';
+import { g as PlaceSchedule, h as PlaceScheduleWeekLabels } from '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 interface PlaceScheduleWeekProps {

package/dist/components/place-types.d.ts

@@ -1,3 +1,3 @@
-export { C as CitedText, k as CitedValue, M as MenuSizeAndPrice, b as PlaceAboutTabLabels, d as PlaceCardLabels, e as PlaceDetailsMobileLabels, l as PlaceGrade, a as PlaceGradeDimensions, m as PlaceHourBlock, c as PlaceLinkKind, n as PlaceMustTry, P as PlacePreview, o as PlacePriceRange, p as PlaceReviewsDigest, f as PlaceSchedule, g as PlaceScheduleWeekLabels, W as WeekdayKey } from '../place-types-C4rR3LTs.js';
+export { C as CitedText, l as CitedValue, M as MenuSizeAndPrice, c as PlaceAboutTabLabels, e as PlaceCardLabels, f as PlaceDetailsMobileLabels, a as PlaceGrade, b as PlaceGradeDimensions, m as PlaceHourBlock, d as PlaceLinkKind, n as PlaceMustTry, P as PlacePreview, o as PlacePriceRange, p as PlaceReviewsDigest, g as PlaceSchedule, h as PlaceScheduleWeekLabels, W as WeekdayKey } from '../place-types-Dzy6FH67.js';
 import 'react/jsx-runtime';
 import '../lib/grade.js';

package/dist/components/qa-block.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { QaItem } from './menu-types.js';
 import 'react';
-import '../place-types-C4rR3LTs.js';
+import '../place-types-Dzy6FH67.js';
 import '../lib/grade.js';
 
 /**

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?: "default" | "inherit" | "primary" | "destructive" | 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?: "default" | "inherit" | "primary" | "destructive" | 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/tag.d.ts

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