@bearmenu/ui 0.8.10 → 0.8.12

package/dist/{chunk-UKBNQO6Q.js → chunk-2CXU5WZO.js}

@@ -12,7 +12,7 @@ var badgeVariants = cva(
         secondary: "border-transparent bg-secondary text-secondary-foreground",
         destructive: "border-transparent bg-destructive text-destructive-foreground",
         outline: "text-foreground border-border",
-        overlay: "border-transparent bg-foreground/70 text-background backdrop-blur-sm",
+        overlay: "border-transparent bg-foreground/80 text-background",
         glass: "glass text-foreground border-border/50",
         success: "border-transparent bg-success text-success-foreground",
         warning: "border-transparent bg-warning text-warning-foreground",

package/dist/{chunk-62ES6N32.js → chunk-43RC7MHY.js}

@@ -8,7 +8,7 @@ function VenueQuotes({ quotes, onCite, citeLabel, limit, className }) {
     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` });
+    const text = /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-border pl-3 font-serif text-[13px] leading-[1.45] text-muted-foreground", children: `\u201C${quote.text}\u201D` });
     if (!canCite) return /* @__PURE__ */ jsx("div", { children: text }, index);
     return /* @__PURE__ */ jsx(
       "button",

package/dist/{chunk-Q6QH52LJ.js → chunk-6TEEY5YA.js}

@@ -1,4 +1,4 @@
-import { Badge } from './chunk-UKBNQO6Q.js';
+import { Badge } from './chunk-2CXU5WZO.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -25,7 +25,7 @@ function SignatureChip({
       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",
+        onImage ? "border-background/70 bg-foreground/80 text-background hover:bg-foreground/90" : "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

package/dist/{chunk-UDN7UHJW.js → chunk-7A42J73Q.js}

@@ -1,11 +1,12 @@
 import { SnapRail, SnapRailDots } from './chunk-DTXNDLSE.js';
-import { PhotoGround } from './chunk-5RWTOT5Y.js';
+import { PhotoGround } from './chunk-CNJQUHCU.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import * as React from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var FOOT_GLASS = cn(
-  "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:content-[''] before:backdrop-blur-lg",
+  // Ink only — no backdrop-blur; see `GlassGround` for the measurement.
+  "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:content-['']",
   "before:bg-[oklch(0.16_0.012_55_/_0.9)]",
   "lg:before:[mask-image:linear-gradient(to_top,black_60%,transparent_100%)] lg:before:bg-[linear-gradient(to_top,oklch(0.16_0.012_55_/_0.88)_0%,oklch(0.16_0.012_55_/_0.84)_60%,oklch(0.16_0.012_55_/_0.4)_85%,oklch(0.16_0.012_55_/_0)_100%)]"
 );

package/dist/{chunk-5RWTOT5Y.js → chunk-CNJQUHCU.js}

@@ -14,6 +14,7 @@ function PhotoGround({
   overlay,
   overlayClassName,
   loading = "lazy",
+  glyphClassName,
   className
 }) {
   const initialOf = (index) => {
@@ -39,7 +40,16 @@ function PhotoGround({
       /* Never a grey box: the ground with the venue's initial. A missing
          photograph is not a broken image, and drawing one as a placeholder
          makes a real city look unfinished. */
-      /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "font-serif text-[64px] font-semibold leading-none text-white/15", children: initialOf(index) }) })
+      /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "font-serif text-[64px] font-semibold leading-none text-white/15",
+            glyphClassName
+          ),
+          children: initialOf(index)
+        }
+      ) })
     ) }, index);
   };
   return /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: cn("absolute inset-0 block", PHOTO_GROUND, className), children: [

package/dist/{chunk-TH6W2PWG.js → chunk-UDTG3RSE.js}

@@ -1,4 +1,4 @@
-import { SignatureChip } from './chunk-Q6QH52LJ.js';
+import { SignatureChip } from './chunk-6TEEY5YA.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
 import { memo } from 'react';

package/dist/{chunk-H3BV4VAG.js → chunk-VAXOQS7W.js}

@@ -26,13 +26,23 @@ var buttonVariants = cva(
          * into a dark photo.
          *
          * Deliberately NOT theme-aware, and so deliberately different from
-         * `Badge`'s `overlay` (`bg-foreground/70 text-background`, which
+         * `Badge`'s `overlay` (`bg-foreground/80 text-background`, which
          * inverts). A photo is equally a photo in both themes — this chrome has
          * to contrast with the image beneath it, not with the app canvas, so it
          * stays dark-on-light-glyph either way. Reconcile Badge to this, not the
          * reverse, if the two are ever unified.
          */
-        overlay: "bg-black/40 text-white backdrop-blur-sm hover:bg-black/60 focus-visible:ring-white/70",
+        overlay: "bg-black/50 text-white hover:bg-black/65 focus-visible:ring-white/70",
+        /**
+         * The LABELLED action on a photo surface — "Open the menu", "See all
+         * 46 bars", "How we read menus" — where `overlay` is the unlabelled
+         * chrome. Glass on the ink: translucent white with a hairline, white
+         * type. Same reasoning as `overlay`: not theme-aware, because it
+         * contrasts with the photograph, not the canvas. Pair with `size="pill"`.
+         * Icons trail, never lead: `ArrowRight` when it navigates to a page,
+         * `ChevronRight` when it opens a sheet or drawer.
+         */
+        ink: "border border-white/20 bg-white/[0.16] text-white hover:bg-white/25 focus-visible:ring-white/70 focus-visible:ring-offset-0",
         brown: "bg-brown text-brown-foreground shadow-sm hover:bg-brown/85 hover:shadow",
         antagonist: "bg-primary-foreground text-primary shadow-sm hover:bg-accent hover:text-accent-foreground border border-border hover:border-accent"
       },
@@ -41,6 +51,8 @@ var buttonVariants = cva(
         sm: "h-9 rounded-lg px-4",
         default: "h-11 px-6 py-2",
         lg: "h-12 rounded-2xl px-8",
+        /** The `ink` action's shape. Owns the radius so no variant fights it. */
+        pill: "h-11 rounded-full px-5 text-[13.5px] font-bold",
         icon: "h-11 w-11 rounded-full",
         "icon-xs": "h-8 w-8 rounded-full [&_svg]:size-3.5",
         "icon-sm": "h-9 w-9 rounded-full",

package/dist/{chunk-SY6RV476.js → chunk-WCTHZKU7.js}

@@ -1,18 +1,10 @@
 import { cn } from './chunk-FEK5XGZW.js';
 import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 
 var STOPS = [0, 0.25, 0.5, 0.75, 1];
 var EASE = [0, 0.06, 0.25, 0.56, 1];
-var FROST_SOFT = "[mask-image:linear-gradient(var(--glass-dir),transparent_var(--glass-s0),rgba(0,0,0,0.25)_var(--glass-s1),black_var(--glass-s2))] lg:[mask-image:linear-gradient(var(--glass-lg-dir),transparent_var(--glass-lg-s0),rgba(0,0,0,0.25)_var(--glass-lg-s1),black_var(--glass-lg-s2))]";
-var FROST_HEAVY = "[mask-image:linear-gradient(var(--glass-dir),transparent_var(--glass-s1),rgba(0,0,0,0.25)_var(--glass-s2),rgba(0,0,0,0.6)_var(--glass-s3),black_var(--glass-s4))] lg:[mask-image:linear-gradient(var(--glass-lg-dir),transparent_var(--glass-lg-s1),rgba(0,0,0,0.25)_var(--glass-lg-s2),rgba(0,0,0,0.6)_var(--glass-lg-s3),black_var(--glass-lg-s4))]";
 var INK = "bg-[linear-gradient(var(--glass-dir),oklch(0.16_0.012_55_/_0)_var(--glass-s0),oklch(0.16_0.012_55_/_var(--glass-a1))_var(--glass-s1),oklch(0.16_0.012_55_/_var(--glass-a2))_var(--glass-s2),oklch(0.16_0.012_55_/_var(--glass-a3))_var(--glass-s3),oklch(0.16_0.012_55_/_var(--glass-a4))_var(--glass-s4),oklch(0.16_0.012_55_/_var(--glass-a-peak))_100%)] lg:bg-[linear-gradient(var(--glass-lg-dir),oklch(0.16_0.012_55_/_0)_var(--glass-lg-s0),oklch(0.16_0.012_55_/_var(--glass-a1))_var(--glass-lg-s1),oklch(0.16_0.012_55_/_var(--glass-a2))_var(--glass-lg-s2),oklch(0.16_0.012_55_/_var(--glass-a3))_var(--glass-lg-s3),oklch(0.16_0.012_55_/_var(--glass-a4))_var(--glass-lg-s4),oklch(0.16_0.012_55_/_var(--glass-a-peak))_100%)]";
-var BLUR = {
-  sm: ["backdrop-blur-[2px]", "backdrop-blur-sm"],
-  md: ["backdrop-blur-sm", "backdrop-blur-md"],
-  lg: ["backdrop-blur-md", "backdrop-blur-lg"],
-  xl: ["backdrop-blur-lg", "backdrop-blur-xl"]
-};
 function measure(value) {
   const match = value.trim().match(/^(-?\d*\.?\d+)\s*([a-z%]*)$/i);
   if (!match) throw new Error(`GlassGround: cannot read stop "${value}"`);
@@ -23,13 +15,7 @@ function positions(clear, full) {
   const [to] = measure(full);
   return STOPS.map((fraction) => `${from + (to - from) * fraction}${unit}`);
 }
-function GlassGround({
-  stops,
-  lgStops = stops,
-  peak = 0.96,
-  blur = "xl",
-  className
-}) {
+function GlassGround({ stops, lgStops = stops, peak = 0.96, className }) {
   const base = positions(stops.clear, stops.full);
   const lg = positions(lgStops.clear, lgStops.full);
   const style = __spreadProps(__spreadValues(__spreadValues(__spreadValues({
@@ -38,11 +24,14 @@ function GlassGround({
   }, Object.fromEntries(base.map((position, index) => [`--glass-s${index}`, position]))), Object.fromEntries(lg.map((position, index) => [`--glass-lg-s${index}`, position]))), Object.fromEntries(EASE.slice(1).map((share, index) => [`--glass-a${index + 1}`, String(peak * 0.8 * share)]))), {
     "--glass-a-peak": String(peak)
   });
-  return /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 block", className), style, children: [
-    /* @__PURE__ */ jsx("span", { className: cn("absolute inset-0", BLUR[blur][0], FROST_SOFT) }),
-    /* @__PURE__ */ jsx("span", { className: cn("absolute inset-0", BLUR[blur][1], FROST_HEAVY) }),
-    /* @__PURE__ */ jsx("span", { className: cn("absolute inset-0", INK) })
-  ] });
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn("pointer-events-none absolute inset-0 block", INK, className),
+      style
+    }
+  );
 }
 
 export { GlassGround };

package/dist/{chunk-AKQ57NXY.js → chunk-ZQ53AGML.js}

@@ -38,11 +38,11 @@ function VenueGradeDimensions({
             "div",
             {
               "aria-hidden": true,
-              className: "relative block h-[3px] overflow-hidden rounded-full bg-muted",
+              className: "relative block h-[3px] overflow-hidden rounded-full bg-current/15",
               children: /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: "absolute inset-y-0 left-0 rounded-full bg-[var(--gradient-primary,currentColor)]",
+                  className: "absolute inset-y-0 left-0 rounded-full bg-current bg-[image:var(--gradient-primary)]",
                   style: { width: `${Math.min(100, Math.max(0, value))}%` }
                 }
               )

package/dist/components/alert-dialog.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-H3BV4VAG.js';
+import { buttonVariants } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/badge.js

@@ -1,3 +1,3 @@
-export { Badge, badgeVariants } from '../chunk-UKBNQO6Q.js';
+export { Badge, badgeVariants } from '../chunk-2CXU5WZO.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

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?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "brown" | "antagonist" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "antagonist" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "pill" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../chunk-H3BV4VAG.js';
+export { Button, buttonVariants } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/calendar.js

@@ -1,4 +1,4 @@
-import { buttonVariants, Button } from '../chunk-H3BV4VAG.js';
+import { buttonVariants, Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';

package/dist/components/carousel.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/combobox.js

@@ -1,7 +1,7 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-66MAPLXS.js';
 import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-XNA2INVQ.js';
 import '../chunk-FRPPIXMY.js';
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/concept-compare-rail.js

@@ -1,5 +1,5 @@
-export { ConceptCompareRail } from '../chunk-UDN7UHJW.js';
+export { ConceptCompareRail } from '../chunk-7A42J73Q.js';
 import '../chunk-DTXNDLSE.js';
-import '../chunk-5RWTOT5Y.js';
+import '../chunk-CNJQUHCU.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

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

@@ -69,7 +69,7 @@ type ConceptCompareFigure = {
 type ConceptCompareLabels = {
     /** Small caps kicker, e.g. "DISH CONCEPT". */
     kind: string;
-    /** The badge on the lowest-priced room, e.g. "CHEAPEST". */
+    /** The badge on the lowest-priced room, e.g. "CHEAPEST" — the fallback when a row carries no `badge`. */
     cheapest: string;
     /** The badge on every other room, e.g. "#2". Defaults to `#${rank}`. */
     rank?: (rank: number) => string;

package/dist/components/concept-compare.js

@@ -1,7 +1,7 @@
 import { Separator } from '../chunk-WSRWFA6K.js';
-import { ConceptCompareRail } from '../chunk-UDN7UHJW.js';
+import { ConceptCompareRail } from '../chunk-7A42J73Q.js';
 import '../chunk-DTXNDLSE.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-5RWTOT5Y.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
@@ -20,7 +20,7 @@ var initialOf = (name) => {
 var GROUND = PHOTO_GROUND;
 var PHOTO_OVERLAY_HOVER = "transition-opacity duration-300 group-hover/room:opacity-0 motion-reduce:transition-none";
 var ROOM_SCRIM = "absolute inset-0 bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0)_0%,oklch(0.16_0.012_55_/_0)_30%,oklch(0.16_0.012_55_/_0.55)_58%,oklch(0.16_0.012_55_/_0.9)_100%)]";
-var HEAD_GLASS = "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:content-[''] before:backdrop-blur-lg before:[mask-image:linear-gradient(to_bottom,black_35%,transparent_100%)] before:bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0.8)_0%,oklch(0.16_0.012_55_/_0.6)_35%,oklch(0.16_0.012_55_/_0.22)_75%,oklch(0.16_0.012_55_/_0)_100%)]";
+var HEAD_GLASS = "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:content-[''] before:bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0.86)_0%,oklch(0.16_0.012_55_/_0.7)_35%,oklch(0.16_0.012_55_/_0.28)_75%,oklch(0.16_0.012_55_/_0)_100%)]";
 var COLUMNS = {
   1: "lg:grid-cols-1",
   2: "lg:grid-cols-2",
@@ -106,8 +106,11 @@ function ConceptCompare({
               actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 [&>*]:w-full lg:[&>*]:w-auto", children: actions })
             ] }) : void 0,
             children: rooms.map((room, index) => {
+              var _a2, _b2;
               const href = hrefs == null ? void 0 : hrefs[room.place_slug];
-              const isCheapest = room.price === cheapest;
+              const badge = (_a2 = room.badge) != null ? _a2 : room.price === cheapest ? labels.cheapest : rankOf(index + 1);
+              const isCheapest = badge === labels.cheapest;
+              const lead = (_b2 = room.lead) != null ? _b2 : isCheapest ? "price" : void 0;
               const roomClass = cn(
                 /* Transparent on the phone — the card behind it is the room's
                    photograph — with only its scrim and its line. A photograph of
@@ -136,26 +139,35 @@ function ConceptCompare({
                   {
                     className: cn(
                       "inline-flex h-[22px] w-max items-center gap-1 rounded-full px-2 text-[10px] font-extrabold uppercase tracking-[0.08em]",
-                      isCheapest ? "bg-success text-white" : "bg-white/15 text-white/85 backdrop-blur-[2px]"
+                      isCheapest ? "bg-success text-white" : "bg-white/20 text-white/85"
                     ),
                     children: [
                       isCheapest && /* @__PURE__ */ jsx(ArrowDown, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),
-                      isCheapest ? labels.cheapest : rankOf(index + 1)
+                      badge
                     ]
                   }
                 ),
                 /* @__PURE__ */ jsxs("span", { className: "mt-2.5 flex items-center gap-1.5 text-white", children: [
                   /* @__PURE__ */ jsx(MapPin, { className: "h-3.5 w-3.5 shrink-0 text-white/70", "aria-hidden": true }),
                   /* @__PURE__ */ jsx("b", { className: "min-w-0 flex-1 truncate text-[15px] font-bold leading-tight", children: room.place_name }),
-                  room.rating !== void 0 && /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-[12px] text-white/70", children: [
+                  room.grade ? /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "shrink-0 text-[14px] font-extrabold leading-none tabular-nums text-[oklch(0.82_0.15_85)]",
+                        lead === "grade" && "text-[16px]"
+                      ),
+                      children: room.grade
+                    }
+                  ) : room.rating !== void 0 && /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-[12px] text-white/70", children: [
                     /* @__PURE__ */ jsx(Star, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),
                     /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: room.rating })
                   ] })
                 ] }),
                 room.place_area && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-[12px] text-white/70", children: room.place_area }),
-                /* @__PURE__ */ jsx("span", { className: "mt-2 block truncate font-serif text-[14px] italic text-white/90", children: room.alias }),
+                /* @__PURE__ */ jsx("span", { className: "mt-2 block truncate font-serif text-[14px] text-white/90", children: room.alias }),
                 /* @__PURE__ */ jsx(Separator, { className: "my-2.5 via-white/20" }),
-                /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-2", children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
                   /* @__PURE__ */ jsx(
                     "b",
                     {
@@ -166,7 +178,16 @@ function ConceptCompare({
                       children: formatPrice(room.price)
                     }
                   ),
-                  room.mentions !== void 0 && room.mentions > 0 && /* @__PURE__ */ jsx("span", { className: "text-[11.5px] text-white/65", children: labels.mentions(room.mentions) })
+                  room.mentions !== void 0 && room.mentions > 0 && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "text-[11.5px]",
+                        lead === "mentions" ? "font-bold text-white" : "text-white/65"
+                      ),
+                      children: labels.mentions(room.mentions)
+                    }
+                  )
                 ] })
               ] });
               return href ? /* @__PURE__ */ jsx(

package/dist/components/concept-convergence.js

@@ -1,7 +1,7 @@
-import { PhotoGround } from '../chunk-5RWTOT5Y.js';
+import { PhotoGround } from '../chunk-CNJQUHCU.js';
 import { Convergence } from '../chunk-MZL7CGCL.js';
 import '../chunk-LEAYBICI.js';
-import { Badge } from '../chunk-UKBNQO6Q.js';
+import { Badge } from '../chunk-2CXU5WZO.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/components/empty-state.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { Text } from '../chunk-7BWTYWM3.js';
 import { cn } from '../chunk-FEK5XGZW.js';

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

@@ -2,7 +2,7 @@ import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
 import { Separator } from '../chunk-WSRWFA6K.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __spreadProps, __spreadValues, __objRest } from '../chunk-3GWWZKX7.js';

package/dist/components/event-list-row-wide.js

@@ -3,7 +3,7 @@ import { Tag } from '../chunk-ZDAHKI3A.js';
 import { Separator } from '../chunk-WSRWFA6K.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
-import { buttonVariants } from '../chunk-H3BV4VAG.js';
+import { buttonVariants } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/filter-category-row.js

@@ -1,5 +1,5 @@
 import { Text } from '../chunk-7BWTYWM3.js';
-import { Badge } from '../chunk-UKBNQO6Q.js';
+import { Badge } from '../chunk-2CXU5WZO.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { ChevronRight } from 'lucide-react';

package/dist/components/glass-ground.d.ts

@@ -1,46 +1,46 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
- * GlassGround — a frosted, inked caption rising out of one edge of a
- * photograph.
+ * GlassGround — an inked caption rising out of one edge of a photograph.
  *
- * Layers over a `PhotoGround`: two masked `backdrop-blur`s (the frost) and
- * an ink gradient (the contrast), running in one direction — absent where the
- * photograph is the subject, solid where the type is. `MenuFamilyBlock` drew
- * this first; this is the same idea with the stops as data, so a card can say
- * "clear for 128px, then glass" without a sixth copy of the gradient strings.
+ * One layer over a `PhotoGround`: an ink gradient running in one direction —
+ * absent where the photograph is the subject, solid where the type is.
+ * `MenuFamilyBlock` drew this first; this is the same idea with the stops as
+ * data, so a card can say "clear for 128px, then ink" without a sixth copy of
+ * the gradient string.
  *
- * ## Why two blurs, and why the ramps are eased
+ * ## Why there is no blur any more
  *
- * One blur under a linear mask has an edge: the eye reads the line where
- * sharp becomes soft, however gently the mask fades it in. Two blurs — a
- * light one that starts early and a heavier one that starts late — make the
- * softening itself a gradient (the "progressive blur" of a phone's lock
- * screen), and every ramp here is an ease-in through five stops rather than
- * a straight line, because a straight ramp has a visible crease at each end
- * where its slope changes.
+ * This used to be two masked `backdrop-blur`s under the ink — a progressive
+ * frost. Measured on `/menu` in production (2026-09-14): the page carried 73
+ * backdrop-filter composited layers, six dossiers' worth of these among them,
+ * and the main thread spent 9 ms per scrolled frame re-layerising them
+ * (2.7 s over a six-second fling; 56 ms with backdrop-filter disabled). A
+ * frost is not worth a page that cannot scroll on a phone, so the caption
+ * rests on the ink alone, eased through five stops so the ramp has no crease.
+ * See `docs/audits/audit-menu-page-performance-2026-09-14.md` in the app.
  *
  * ## Why the stops are custom properties
  *
- * Tailwind emits only the classes it can read verbatim, so the gradients
- * cannot be assembled from props into a class. The classes below are literal
- * and read `--glass-*` variables; the component writes those inline, having
+ * Tailwind emits only the classes it can read verbatim, so the gradient
+ * cannot be assembled from props into a class. The class below is literal and
+ * reads `--glass-*` variables; the component writes those inline, having
  * interpolated the quarter stops in JS (`clear` and `full` must share a
  * unit). Same mechanism as `HueChip`'s hue. The ink's colour is the
  * package's one scrim literal, `oklch(0.16 0.012 55)`, never `var(--scrim)`.
  *
  * ## The ramp ends where the type begins
  *
- * `clear` is where the frost starts, `full` where it and the ink are solid.
- * Set `full` to the exact seam the content starts at — a ramp that runs past
- * the seam puts the first row of type on half-frost.
+ * `clear` is where the ink starts, `full` where it is solid. Set `full` to
+ * the exact seam the content starts at — a ramp that runs past the seam puts
+ * the first row of type on half-ink.
  */
 type GlassStops = {
     /** Which way the ink runs — toward the type. */
     direction: "to bottom" | "to right";
-    /** Where the frost begins, e.g. `"0px"` or `"24%"`. */
+    /** Where the ink begins, e.g. `"0px"` or `"24%"`. */
     clear: string;
-    /** Where frost and ink are solid — the seam the content starts at. Same unit as `clear`. */
+    /** Where the ink is solid — the seam the content starts at. Same unit as `clear`. */
     full: string;
 };
 type GlassGroundProps = {
@@ -49,18 +49,13 @@ type GlassGroundProps = {
     lgStops?: GlassStops;
     /**
      * How dark the ink gets at the far edge, 0–1. `0.96` is a caption the
-     * photograph is only a texture under; `0.4` is a photograph the caption is
+     * photograph is only a texture under; `0.6` is a photograph the caption is
      * drawn on — the type is lifted, the room stays a room.
      */
     peak?: number;
-    /**
-     * How much the frost softens the photograph where it is solid. `xl` turns
-     * a room into colour; `sm` keeps it a room and only takes the edge off the
-     * detail behind the type.
-     */
-    blur?: "sm" | "md" | "lg" | "xl";
+    /** Placement only. The ink is a `bg-*` on this same element, so a background here would replace it. */
     className?: string;
 };
-declare function GlassGround({ stops, lgStops, peak, blur, className, }: GlassGroundProps): react_jsx_runtime.JSX.Element;
+declare function GlassGround({ stops, lgStops, peak, className }: GlassGroundProps): react_jsx_runtime.JSX.Element;
 
 export { GlassGround, type GlassGroundProps, type GlassStops };

package/dist/components/glass-ground.js

@@ -1,3 +1,3 @@
-export { GlassGround } from '../chunk-SY6RV476.js';
+export { GlassGround } from '../chunk-WCTHZKU7.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/haptic-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import { useHaptic } from '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/input-group.d.ts

@@ -4,11 +4,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const inputGroupVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    shape?: "rounded" | "pill" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const InputGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    shape?: "rounded" | "pill" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const InputGroupInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
 declare const InputGroupAddon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/dist/components/input.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const inputVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    shape?: "rounded" | "pill" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
 }

package/dist/components/item.d.ts

@@ -14,10 +14,20 @@ declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDiv
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     asChild?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const ItemMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ItemContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ItemTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ItemActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, itemVariants };