@bearmenu/ui 0.8.10 → 0.8.11

package/dist/components/kbd.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const kbdVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Kbd: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLElement>>;
 declare const KbdGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 

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

@@ -10,7 +10,7 @@ import { VenueGradeDimensionKey } from './venue-grade-dimensions.js';
  * The hub used to say this three times: a spotlight with everything the
  * digest knows, a ranked row with a grade, a card with the signature dish —
  * and the same kitchen led all three. This is the one card: the venue's
- * photograph clear at the top, a frosted caption rising from the foot with
+ * photograph clear at the top, an inked caption rising from the foot with
  * the identity (rating, name, type · area · reviews), and under it a PANEL
  * that says the three or four things the reviews established one at a time —
  * the dish it is known for, what people say, the grade — with segments at the
@@ -23,12 +23,12 @@ import { VenueGradeDimensionKey } from './venue-grade-dimensions.js';
  * bands. This is the reverse — the room is the subject and the facts are its
  * caption — which is `GlassGround` at its lightest and smallest: anchored to
  * the CAPTION, not the card, so it covers the identity, the panel and the
- * action plus a short lead above them and nothing else; a `sm` blur that
- * only takes the edge off the detail; ink that never passes 0.45; a text
- * shadow under the identity doing the rest. Everything above the caption is
- * the photograph, untouched. The panel is its own glass, so its rule reads
- * as a panel and not a hole. The same layout at every width; the desktop
- * card is wider, not turned on its side.
+ * action plus a short lead above them and nothing else; ink that never
+ * passes 0.6; a text shadow under the identity doing the rest. Everything
+ * above the caption is the photograph, untouched. The panel is a translucent
+ * ink pane (no backdrop blur — see `GlassGround` for the measurement that
+ * removed it), so its rule reads as a panel and not a hole. The same layout
+ * at every width; the desktop card is wider, not turned on its side.
  *
  * ## Two targets, and everything else is "next"
  *

package/dist/components/kitchen-dossier.js

@@ -1,7 +1,7 @@
 import { DIMENSION_ORDER, VenueGradeDimensions } from '../chunk-AKQ57NXY.js';
-import { VenueQuotes } from '../chunk-62ES6N32.js';
+import { VenueQuotes } from '../chunk-43RC7MHY.js';
 import { StoryProvider, StorySegments, StoryPanel } from '../chunk-F6FMZJDG.js';
-import { GlassGround } from '../chunk-SY6RV476.js';
+import { GlassGround } from '../chunk-WCTHZKU7.js';
 import { Separator } from '../chunk-WSRWFA6K.js';
 import { PhotoGround, PHOTO_GROUND } from '../chunk-5RWTOT5Y.js';
 import { cn } from '../chunk-FEK5XGZW.js';
@@ -52,7 +52,7 @@ function KitchenDossier({
             children: item.name
           }
         ) : /* @__PURE__ */ jsx("span", { className: "text-[16px] font-bold leading-tight tracking-[-0.01em] text-white", children: item.name }),
-        signature.why && /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 font-serif text-[13px] italic leading-snug text-white/75", children: signature.why }),
+        signature.why && /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 font-serif text-[13px] leading-snug text-white/75", children: signature.why }),
         (firstEntry || mentions > 0) && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Separator, { className: "my-2.5 via-white/20" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-3", children: [
@@ -131,7 +131,7 @@ function KitchenDossier({
                   className: "-mt-1"
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: "relative min-h-[184px] flex-1", children: labels.openUntil && /* @__PURE__ */ jsxs("span", { className: "absolute left-0 top-3 inline-flex h-[30px] items-center gap-[7px] rounded-full bg-[oklch(0.16_0.012_55_/_0.72)] px-3 text-[11.5px] font-bold text-white backdrop-blur-[2px]", children: [
+              /* @__PURE__ */ jsx("div", { className: "relative min-h-[184px] flex-1", children: labels.openUntil && /* @__PURE__ */ jsxs("span", { className: "absolute left-0 top-3 inline-flex h-[30px] items-center gap-[7px] rounded-full bg-[oklch(0.16_0.012_55_/_0.78)] px-3 text-[11.5px] font-bold text-white", children: [
                 /* @__PURE__ */ jsx("i", { className: "h-[7px] w-[7px] rounded-full bg-success", "aria-hidden": true }),
                 labels.openUntil
               ] }) }),
@@ -145,8 +145,7 @@ function KitchenDossier({
                       GlassGround,
                       {
                         stops: { direction: "to bottom", clear: "0px", full: GLASS_LEAD },
-                        peak: 0.4,
-                        blur: "sm"
+                        peak: 0.6
                       }
                     )
                   }
@@ -165,7 +164,7 @@ function KitchenDossier({
                   StoryPanel,
                   {
                     parts,
-                    className: "rounded-[14px] border border-white/10 bg-[oklch(0.16_0.012_55_/_0.35)] p-4 backdrop-blur-md"
+                    className: "rounded-[14px] border border-white/10 bg-[oklch(0.16_0.012_55_/_0.62)] p-4"
                   }
                 ),
                 action && /* @__PURE__ */ jsx("div", { className: "flex [&>*]:w-full lg:[&>*]:w-auto", children: action })

package/dist/components/link-button.js

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

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

@@ -14,17 +14,16 @@ import './place-types.js';
  *
  *  1. **The mosaic**, full-bleed, wearing the family's hue through a
  *     `mix-blend-color` layer.
- *  2. **A masked backdrop-filter** — absent where the photography is the
- *     subject, full where the rows begin — so the pictures stay sharp where
- *     they are looked at and go soft exactly where they are read over.
- *  3. **An ink gradient** over that. This is what actually buys the contrast:
- *     frost alone blurs without darkening, and blurred mid-tones will not carry
- *     16px type.
+ *  2. **An ink gradient** — absent where the photography is the subject, full
+ *     where the rows begin. This is what buys the contrast. There used to be a
+ *     masked backdrop-filter under it; it was removed for the measurement
+ *     recorded in `GlassGround` (73 blur layers cost `/menu` 9 ms per scrolled
+ *     frame on a phone).
  *
- * On the phone the frost and ink run top to bottom: the name and the action
- * sit on clear photography, the chips and the rows on the frosted foot. On
- * desktop the same three layers turn ninety degrees — the photo column on the
- * left stays clear, the row column on the right is the frosted one. The mosaic
+ * On the phone the ink runs top to bottom: the name and the action sit on
+ * clear photography, the chips and the rows on the inked foot. On desktop the
+ * same layers turn ninety degrees — the photo column on the left stays clear,
+ * the row column on the right is the inked one. The mosaic
  * runs 3×2 there rather than 2×2, because at 1110px a four-tile grid makes each
  * photograph too big to read as texture.
  *

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

@@ -15,7 +15,6 @@ function DefaultLink(_a) {
 var MOSAIC_TILES = 6;
 var PHONE_TILES = 4;
 var GROUND = PHOTO_GROUND;
-var FROST = "backdrop-blur-xl [mask-image:linear-gradient(to_bottom,transparent_0%,black_42%)] lg:[mask-image:linear-gradient(to_right,transparent_36%,black_54%)]";
 var INK = "bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0.42)_0%,oklch(0.16_0.012_55_/_0.6)_30%,oklch(0.16_0.012_55_/_0.9)_48%,oklch(0.16_0.012_55_/_0.96)_100%)] lg:bg-[linear-gradient(to_right,oklch(0.16_0.012_55_/_0.38)_0%,oklch(0.16_0.012_55_/_0.6)_30%,oklch(0.16_0.012_55_/_0.92)_46%,oklch(0.16_0.012_55_/_0.96)_100%)]";
 var TEXT_SCRIM = (
   /* `isolate` + `before:-z-10`: a positioned pseudo-element paints ABOVE the
@@ -59,18 +58,17 @@ function MenuFamilyBlock({
             gradient
           }
         ),
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("absolute inset-0", FROST) }),
         /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("absolute inset-0", INK) }),
         /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-1 lg:grid-cols-[38%_1fr]", children: [
           /* @__PURE__ */ jsxs("div", { className: cn("relative flex flex-col p-3.5 lg:min-h-[320px] lg:justify-end lg:p-5", TEXT_SCRIM), children: [
-            overflow > 0 && /* @__PURE__ */ jsx("span", { className: "mb-16 self-end rounded-full bg-[oklch(0.16_0.012_55_/_0.72)] px-2.5 py-1 text-[11px] font-semibold text-white backdrop-blur-[2px] lg:mb-3 lg:self-start", children: labels.more(overflow) }),
+            overflow > 0 && /* @__PURE__ */ jsx("span", { className: "mb-16 self-end rounded-full bg-[oklch(0.16_0.012_55_/_0.78)] px-2.5 py-1 text-[11px] font-semibold text-white lg:mb-3 lg:self-start", children: labels.more(overflow) }),
             /* @__PURE__ */ jsx("h3", { className: "text-balance font-serif text-[26px] font-semibold leading-tight tracking-[-0.02em] text-white lg:text-[30px]", children: family.name }),
             /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-[13px] font-medium tabular-nums text-white/70", children: labels.venueUnit(family.venueCount) }),
             /* @__PURE__ */ jsx(
               LinkComponent,
               {
                 href: family.href,
-                className: "mt-3.5 inline-flex h-10 w-max items-center rounded-full border border-white/20 bg-white/[0.12] px-4 text-[13.5px] font-bold text-white backdrop-blur-md transition-colors hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white motion-reduce:transition-none",
+                className: "mt-3.5 inline-flex h-10 w-max items-center rounded-full border border-white/20 bg-white/[0.16] px-4 text-[13.5px] font-bold text-white transition-colors hover:bg-white/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white motion-reduce:transition-none",
                 children: labels.browse
               }
             )

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

@@ -11,7 +11,6 @@ function DefaultLink(_a) {
 }
 var MOSAIC_CELLS = 4;
 var GROUND = PHOTO_GROUND;
-var FROST = "backdrop-blur-xl [mask-image:linear-gradient(to_bottom,transparent_28%,black_58%)]";
 var INK = "bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0.78)_0%,oklch(0.16_0.012_55_/_0.5)_34%,oklch(0.16_0.012_55_/_0.86)_62%,oklch(0.16_0.012_55_/_0.96)_100%)]";
 function MenuFamilyCard({
   family,
@@ -47,7 +46,6 @@ function MenuFamilyCard({
             gradient
           }
         ),
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("absolute inset-0 -z-20", FROST) }),
         /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("absolute inset-0 -z-10", INK) }),
         /* @__PURE__ */ jsxs("span", { className: "block text-white", children: [
           /* @__PURE__ */ jsx("b", { className: "block text-[34px] font-extrabold leading-none tracking-[-0.03em] tabular-nums", children: family.venue_count }),
@@ -69,7 +67,7 @@ function MenuFamilyCard({
             ),
             (_d = family.chips) == null ? void 0 : _d.map((chip) => /* @__PURE__ */ jsx(HueChip, { hue, children: chip.label }, chip.slug))
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "mt-3.5 inline-flex h-10 items-center rounded-full border border-white/20 bg-white/[0.12] px-4 text-[13.5px] font-bold text-white backdrop-blur-md transition-colors group-hover:bg-white/20 motion-reduce:transition-none", children: labels.browse })
+          /* @__PURE__ */ jsx("span", { className: "mt-3.5 inline-flex h-10 items-center rounded-full border border-white/20 bg-white/[0.16] px-4 text-[13.5px] font-bold text-white transition-colors group-hover:bg-white/25 motion-reduce:transition-none", children: labels.browse })
         ] })
       ]
     }

package/dist/components/menu-hub-hero.js

@@ -3,6 +3,7 @@ import '../chunk-3GWWZKX7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var TEXTURE_CELLS = 28;
+var PHONE_CELLS = 6;
 function MenuHubHero({
   kicker,
   kickerIcon,
@@ -39,9 +40,10 @@ function MenuHubHero({
           "div",
           {
             "aria-hidden": true,
-            className: "absolute inset-0 grid auto-rows-fr grid-cols-4 gap-0.5 lg:grid-cols-7",
+            className: "absolute inset-0 grid auto-rows-fr grid-cols-3 gap-0.5 lg:grid-cols-7",
             children: Array.from({ length: TEXTURE_CELLS }, (_, cell) => {
               const url = (tileUrls == null ? void 0 : tileUrls.length) ? tileUrls[cell % tileUrls.length] : void 0;
+              const phone = cell < PHONE_CELLS ? void 0 : "hidden lg:block";
               return url ? (
                 // eslint-disable-next-line @next/next/no-img-element
                 /* @__PURE__ */ jsx(
@@ -51,14 +53,17 @@ function MenuHubHero({
                     alt: "",
                     loading: "lazy",
                     decoding: "async",
-                    className: "h-full w-full object-cover"
+                    className: cn("h-full w-full object-cover", phone)
                   },
                   cell
                 )
               ) : /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: "bg-[repeating-linear-gradient(135deg,oklch(0.6_0.02_55)_0_9px,oklch(0.68_0.016_58)_9px_18px)] opacity-[0.42]"
+                  className: cn(
+                    "bg-[repeating-linear-gradient(135deg,oklch(0.6_0.02_55)_0_9px,oklch(0.68_0.016_58)_9px_18px)] opacity-[0.42]",
+                    phone
+                  )
                 },
                 cell
               );
@@ -71,7 +76,7 @@ function MenuHubHero({
             "aria-hidden": true,
             className: cn(
               "absolute inset-0",
-              (tileUrls == null ? void 0 : tileUrls.length) || backgroundUrl ? "bg-[linear-gradient(100deg,oklch(0.16_0.012_55_/_0.96)_0%,oklch(0.16_0.012_55_/_0.88)_52%,oklch(0.16_0.012_55_/_0.72)_100%)]" : "bg-[linear-gradient(100deg,oklch(0.18_0.012_55_/_0.95)_0%,oklch(0.18_0.012_55_/_0.72)_52%,oklch(0.18_0.012_55_/_0.3)_100%)]"
+              (tileUrls == null ? void 0 : tileUrls.length) || backgroundUrl ? "bg-[linear-gradient(100deg,oklch(0.16_0.012_55_/_0.96)_0%,oklch(0.16_0.012_55_/_0.86)_52%,oklch(0.16_0.012_55_/_0.6)_100%)]" : "bg-[linear-gradient(100deg,oklch(0.18_0.012_55_/_0.95)_0%,oklch(0.18_0.012_55_/_0.72)_52%,oklch(0.18_0.012_55_/_0.3)_100%)]"
             )
           }
         ),
@@ -88,7 +93,7 @@ function MenuHubHero({
             /* @__PURE__ */ jsx("div", { className: "mt-[5px] text-xs opacity-[0.72]", children: figure.label })
           ] }, figure.label)) }),
           (proof || action) && /* @__PURE__ */ jsxs("div", { className: "mt-auto flex flex-wrap items-center gap-3 pt-5", children: [
-            proof && /* @__PURE__ */ jsxs("span", { className: "inline-flex min-h-11 items-center gap-2.5 rounded-full bg-white/10 px-4 py-2 text-[13px] backdrop-blur-[6px]", children: [
+            proof && /* @__PURE__ */ jsxs("span", { className: "inline-flex min-h-11 items-center gap-2.5 rounded-full bg-white/[0.14] px-4 py-2 text-[13px]", children: [
               proofIcon,
               proof
             ] }),

package/dist/components/menu-item.js

@@ -1,5 +1,5 @@
-export { MentionSignal, MenuItem } from '../chunk-TH6W2PWG.js';
-import '../chunk-Q6QH52LJ.js';
-import '../chunk-UKBNQO6Q.js';
+export { MentionSignal, MenuItem } from '../chunk-UDTG3RSE.js';
+import '../chunk-6TEEY5YA.js';
+import '../chunk-2CXU5WZO.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/multi-select-combobox.js

@@ -2,9 +2,9 @@ import { Popover, PopoverTrigger, PopoverContent } from '../chunk-66MAPLXS.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-XNA2INVQ.js';
 import '../chunk-FRPPIXMY.js';
 import { Checkbox } from '../chunk-D5QHEHXJ.js';
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-JS3EINZD.js';
 import '../chunk-R47NEOSI.js';
-import { Badge } from '../chunk-UKBNQO6Q.js';
+import { Badge } from '../chunk-2CXU5WZO.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/native-select.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const nativeSelectVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const NativeSelect: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> & VariantProps<(props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLSelectElement>>;
 
 export { NativeSelect, nativeSelectVariants };

package/dist/components/pagination.js

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

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

@@ -14,7 +14,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
  *
  * It owns the photographs and their colour: the ground, the tiles, the fallback
  * initial, the family's hue and an optional uniform dark overlay. It does NOT
- * own the glass — the scrims and frosted bands that carry a card's type run in
+ * own the ink — the scrims and bands that carry a card's type run in
  * a different direction on every card (down the family block's phone, across
  * its desktop, in from both ends of the concept card) and are the card's own.
  *

package/dist/components/place-details-mobile.js

@@ -3,7 +3,7 @@ import '../chunk-VG3PND3D.js';
 import '../chunk-ZDAHKI3A.js';
 import '../chunk-WSRWFA6K.js';
 import { Text } from '../chunk-7BWTYWM3.js';
-import { Badge } from '../chunk-UKBNQO6Q.js';
+import { Badge } from '../chunk-2CXU5WZO.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { useState } from 'react';

package/dist/components/searchable-select.js

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

package/dist/components/select.d.ts

@@ -7,7 +7,7 @@ declare const Select: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -18,8 +18,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
  *
  * `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
+ * contrast guarantee over an arbitrary photo, so it swaps to the same solid
+ * ink 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.

package/dist/components/signature-chip.js

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

package/dist/components/sliding-panels.js

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

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

@@ -22,7 +22,7 @@ import { VariantProps } from 'class-variance-authority';
  */
 declare const snapRailVariants: (props?: ({
     itemWidth?: "sm" | "lg" | "full" | "md" | null | undefined;
-    gap?: "default" | "sm" | null | undefined;
+    gap?: "sm" | "default" | null | undefined;
     bleed?: "none" | "page" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SnapRailProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof snapRailVariants> & {
@@ -44,7 +44,7 @@ type SnapRailProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof
 };
 declare const SnapRail: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
     itemWidth?: "sm" | "lg" | "full" | "md" | null | undefined;
-    gap?: "default" | "sm" | null | undefined;
+    gap?: "sm" | "default" | null | undefined;
     bleed?: "none" | "page" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     /**

package/dist/components/spinner.d.ts

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

package/dist/components/text.d.ts

@@ -23,10 +23,10 @@ import { VariantProps } from 'class-variance-authority';
  */
 declare const textVariants: (props?: ({
     variant?: "h2" | "h3" | "label" | "body" | "caption" | "h1" | "h4" | "small" | "display" | "body-lg" | "body-sm" | "overline" | null | undefined;
-    color?: "inherit" | "default" | "destructive" | "muted" | "primary" | "primary-foreground" | null | undefined;
+    color?: "default" | "inherit" | "destructive" | "muted" | "primary" | "primary-foreground" | null | undefined;
     weight?: "bold" | "medium" | "normal" | "semibold" | null | undefined;
-    leading?: "none" | "normal" | "tight" | "snug" | "relaxed" | "loose" | null | undefined;
-    tracking?: "normal" | "tight" | "wide" | "wider" | null | undefined;
+    leading?: "none" | "tight" | "loose" | "normal" | "snug" | "relaxed" | null | undefined;
+    tracking?: "tight" | "normal" | "wide" | "wider" | null | undefined;
     wrap?: "balance" | "pretty" | "nowrap" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TextTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "label" | "strong" | "em" | "small" | "li" | "dt" | "dd";

package/dist/components/toggle.d.ts

@@ -6,7 +6,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 

package/dist/components/top-ranking-entry.js

@@ -1,8 +1,8 @@
-import { MenuItem } from '../chunk-TH6W2PWG.js';
-import '../chunk-Q6QH52LJ.js';
+import { MenuItem } from '../chunk-UDTG3RSE.js';
+import '../chunk-6TEEY5YA.js';
 import { Separator } from '../chunk-WSRWFA6K.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
-import '../chunk-UKBNQO6Q.js';
+import '../chunk-2CXU5WZO.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
 import { MapPin, Star, MessageSquareQuote } from 'lucide-react';

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

@@ -6,7 +6,7 @@ import { CitedText } from './place-types.js';
  *
  * 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
+ * reviewer speaks in their own register, so they are set in quoted serif
  * against the sans everything else uses.
  *
  * `onCite` turns a quote into a button that opens the reviews behind it —

package/dist/components/venue-quotes.js

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

package/dist/components/venue-wall.js

@@ -6,6 +6,8 @@ function DefaultLink(_a) {
   var _b = _a, { href } = _b, props = __objRest(_b, ["href"]);
   return /* @__PURE__ */ jsx("a", __spreadValues({ href }, props));
 }
+var WALL_CELLS = 18;
+var PHONE_CELLS = 6;
 function VenueWall({
   places,
   hrefs,
@@ -28,7 +30,7 @@ function VenueWall({
       ),
       children: [
         (tileUrls == null ? void 0 : tileUrls.length) ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "absolute inset-0 grid auto-rows-fr grid-cols-4 gap-0.5 lg:grid-cols-6", children: Array.from({ length: 18 }, (_, cell) => (
+          /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "absolute inset-0 grid auto-rows-fr grid-cols-3 gap-0.5 lg:grid-cols-6", children: Array.from({ length: WALL_CELLS }, (_, cell) => (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ jsx(
               "img",
@@ -37,7 +39,7 @@ function VenueWall({
                 alt: "",
                 loading: "lazy",
                 decoding: "async",
-                className: "h-full w-full object-cover"
+                className: cn("h-full w-full object-cover", cell >= PHONE_CELLS && "hidden lg:block")
               },
               cell
             )
@@ -94,7 +96,7 @@ function VenueWall({
               ) }),
               /* @__PURE__ */ jsx("span", { className: "truncate text-[12.5px] font-medium", children: place.name })
             ] });
-            const chipClasses = "inline-flex max-w-[220px] items-center gap-2 rounded-full bg-white/10 py-1 pl-1 pr-3.5 backdrop-blur-[6px]";
+            const chipClasses = "inline-flex max-w-[220px] items-center gap-2 rounded-full bg-white/[0.14] py-1 pl-1 pr-3.5";
             return /* @__PURE__ */ jsx("li", { children: (hrefs == null ? void 0 : hrefs[place.slug]) ? /* @__PURE__ */ jsx(
               LinkComponent,
               {

package/dist/components/weekday-theme-banner.js

@@ -76,7 +76,7 @@ function WeekdayThemeBanner({
               "relative z-[1] hidden border-t border-white/15 p-4 lg:block lg:min-w-[240px] lg:border-l lg:border-t-0 lg:p-5",
               // Over a photograph the rail needs its own ground, or seven lines of
               // small type land on whatever the plate happens to be.
-              imageUrl && "bg-black/45 backdrop-blur-[2px]"
+              imageUrl && "bg-black/55"
             ),
             children: [
               weekLabel && /* @__PURE__ */ jsx("div", { className: "mb-2 text-[10px] font-bold tracking-[0.12em] opacity-70", children: weekLabel }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bearmenu/ui",
-  "version": "0.8.10",
+  "version": "0.8.11",
   "description": "BearMenu design system — shared UI tokens, primitives, and components",
   "license": "UNLICENSED",
   "repository": {

package/src/components/badge.tsx

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

package/src/components/button.tsx

@@ -28,14 +28,14 @@ const 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",
+          "bg-black/50 text-white hover:bg-black/65 focus-visible:ring-white/70",
         brown:
           "bg-brown text-brown-foreground shadow-sm hover:bg-brown/85 hover:shadow",
         antagonist:

package/src/components/concept-compare-rail.tsx

@@ -67,7 +67,8 @@ export type ConceptCompareRailProps = {
  * not `var(--scrim)`, which is the app's token and not this package's.
  */
 const 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/src/components/concept-compare.stories.tsx

@@ -12,7 +12,7 @@ const labels = {
 
 const formatPrice = (amount: number) => `${amount} lei`;
 
-/** A stand-in venue photograph with enough variance that the glass has something to blur. */
+/** A stand-in venue photograph with enough variance that the ink bands have something to sit on. */
 function room(hue: number, label: string) {
   return (
     "data:image/svg+xml;utf8," +
@@ -79,7 +79,7 @@ const hrefs = Object.fromEntries(rooms.map((r) => [r.place_slug, `/places/${r.pl
 const seeAll = (
   <a
     href="/menu/dishes/papanasi"
-    className="inline-flex h-10 items-center justify-center gap-1.5 rounded-full border border-white/20 bg-white/[0.12] px-4 text-[13.5px] font-bold text-white backdrop-blur-md"
+    className="inline-flex h-10 items-center justify-center gap-1.5 rounded-full border border-white/20 bg-white/[0.16] px-4 text-[13.5px] font-bold text-white"
   >
     See all 45 kitchens
   </a>
@@ -111,7 +111,7 @@ const meta: Meta<typeof ConceptCompare> = {
     docs: {
       description: {
         component:
-          "One dish across the kitchens that make it — and **no surfaces at all**. The card is a contact sheet of venue photographs, one per room, and the three readable things float on it through glass: the identity across the top, each kitchen's line over its own photograph, the foot along the bottom. Read ACROSS, not down: four rooms side by side, each with its own name and price. The photographs are placed as cells of the same grid as the rooms, spanning from the head down, so the head's glass genuinely blurs them and every seam lands on a room boundary. Nothing in it is themed — the edge is the only thing that adapts to the page.",
+          "One dish across the kitchens that make it — and **no surfaces at all**. The card is a contact sheet of venue photographs, one per room, and the three readable things float on it on ink bands: the identity across the top, each kitchen's line over its own photograph, the foot along the bottom. Read ACROSS, not down: four rooms side by side, each with its own name and price. The photographs are placed as cells of the same grid as the rooms, spanning from the head down, so the head's ink fades into them and every seam lands on a room boundary. Nothing in it is themed — the edge is the only thing that adapts to the page.",
       },
     },
   },