@bearmenu/ui 0.8.12 → 0.8.14

package/dist/components/menu-index-header.js

@@ -1,6 +1,6 @@
-import { ScrollFade } from '../chunk-2XCZJWTV.js';
+import { ScrollFade } from '../chunk-GNCWJWFE.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function DefaultLink(_a) {

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

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIndexEntry, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import './place-types.js';
+import '../place-types-BHdeMMiG.js';
+import '../lib/grade.js';
 
 /**
  * MenuIndexList — the complete set: one column on a phone, three from `lg`.
@@ -9,19 +10,19 @@ import './place-types.js';
  * ## This block is why the page can afford to be progressive
  *
  * It carries a crawlable link to EVERY destination the city has — all
- * thirty-eight cuisines, not the eight the page draws in full above. That
- * makes it the page's entire link-equity job, which in turn means the rich
- * blocks are free to load eight at a time behind a "show more": nothing a
- * crawler needs is hidden behind that control, because it is all here.
+ * thirty-eight cuisines, in the markup at every width. That makes it the
+ * page's entire link-equity job, which in turn means the rich cards above
+ * are free to be a swipe rail on a phone: nothing a crawler needs waits on a
+ * swipe, because it is all here.
  *
  * The phone's own "show all" is CSS, not markup: every row is in the DOM and
  * the ones past `collapsedCount` are hidden below `lg` until the button is
  * pressed. A list that mounted its tail on tap would have taken twenty-six
  * links out of the page for the crawler that never taps.
  *
- * Get this backwards — put the whole set behind the disclosure and only eight
- * links in the markup — and the page silently stops linking to thirty pages
- * it is supposed to be the index for.
+ * Get this backwards — mount the rows behind the expander on tap — and the
+ * page silently stops linking to twenty-six pages it is supposed to be the
+ * index for.
  *
  * ## Ordered by count, and the counts overlap
  *

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

@@ -1,9 +1,9 @@
-import { Separator } from '../chunk-WSRWFA6K.js';
-import { Skeleton } from '../chunk-QXHMPJ35.js';
-import { Button } from '../chunk-VAXOQS7W.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
+import { Skeleton } from '../chunk-XBBEX4SF.js';
+import { Button } from '../chunk-F76NCVVR.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { useState } from 'react';
 import { ChevronRight, ChevronDown } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

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

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIntentFigure, MenuLinkComponent } from './menu-types.js';
 import 'react';
-import './place-types.js';
+import '../place-types-BHdeMMiG.js';
+import '../lib/grade.js';
 
 /**
  * MenuIntentHero — the head of an intent page (`/menu/cuisines/italian`).
@@ -52,7 +53,7 @@ type MenuIntentHeroProps = {
      * Finished CSS gradient for the ground, e.g. `linear-gradient(140deg, …)`.
      *
      * A gradient rather than a token name, for the same reason `<MenuField>` and
-     * `<MenuFamilyTiles>` take one: the hue tables are app-owned, and a component
+     * `<DoorwayTiles>` take one: the hue tables are app-owned, and a component
      * referencing `var(--h-pizza)` renders an unstyled panel in any consumer that
      * does not define it. Missing, the panel falls back to the foreground colour
      * — visibly unstyled rather than white text on white.

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

@@ -1,5 +1,5 @@
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 function DefaultLink(_a) {

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

@@ -1,7 +1,8 @@
 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.js';
+import '../place-types-BHdeMMiG.js';
+import '../lib/grade.js';
 
 /**
  * MenuItem — THE menu row.

package/dist/components/menu-item.js

@@ -1,5 +1,5 @@
-export { MentionSignal, MenuItem } from '../chunk-UDTG3RSE.js';
-import '../chunk-6TEEY5YA.js';
-import '../chunk-2CXU5WZO.js';
+export { MentionSignal, MenuItem } from '../chunk-T6S2ZBV6.js';
+import '../chunk-S33K4RC5.js';
+import '../chunk-P43B3ONY.js';
 import '../chunk-FEK5XGZW.js';
-import '../chunk-3GWWZKX7.js';
+import '../chunk-MMUBH76A.js';

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

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuKitchenPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import './place-types.js';
+import '../place-types-BHdeMMiG.js';
+import '../lib/grade.js';
 
 /**
  * MenuKitchenList — the intent page's spine.

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

@@ -1,5 +1,5 @@
-export { MenuKitchenList, MenuKitchenListSkeleton } from '../chunk-24RFI4RQ.js';
-import '../chunk-WSRWFA6K.js';
-import '../chunk-QXHMPJ35.js';
+export { MenuKitchenList, MenuKitchenListSkeleton } from '../chunk-SXQZ7DLH.js';
+import '../chunk-NWZGSLPU.js';
+import '../chunk-XBBEX4SF.js';
 import '../chunk-FEK5XGZW.js';
-import '../chunk-3GWWZKX7.js';
+import '../chunk-MMUBH76A.js';

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

@@ -1,6 +1,9 @@
-import { MenuFamilyBlockPreview, MenuConceptPreview, MenuFamilyPreview, MenuFamilyTile, MenuFilterChip, MenuIndexEntry, MenuIntentFigure, MenuItemPreview, MenuKitchenPreview, MenuLoosenOption, QaItem, MenuVenuePreview } from './menu-types.js';
-import { PlacePreview } from './place-types.js';
+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-BHdeMMiG.js';
 import 'react';
+import 'react/jsx-runtime';
+import '../lib/grade.js';
 
 /**
  * Fixtures for the menu-hub surfaces — used by their stories, and shipped so
@@ -41,9 +44,17 @@ declare const mockDrinkFamily: MenuFamilyPreview;
  * venue's, never a plate's; the last one ships without, so the story shows
  * the initial fallback beside six real tiles.
  */
-declare const mockFamilyTiles: MenuFamilyTile[];
+declare const mockFamilyTiles: DoorwayTile[];
 /** The closing tile: stone, so it reads as the index and not as an eighth cuisine. */
-declare const mockFamilyTilesAll: MenuFamilyTile;
+declare const mockFamilyTilesAll: DoorwayTile;
+/**
+ * The homepage's seven occasions in the day's order, ground treatment: the
+ * mood's hue multiplied over a room. The last one ships without a photograph
+ * so the story shows the initial on the bare hue.
+ */
+declare const mockOccasionTiles: DoorwayTile[];
+/** The closing tile: stone, so it reads as the index and not as an eighth mood. */
+declare const mockOccasionTilesAll: DoorwayTile;
 /** Formatters the stories pass. Real callers inject locale-aware ones. */
 declare const mockFormatters: {
     price: (value: number) => string;
@@ -94,4 +105,4 @@ declare const mockFamilyBlock: MenuFamilyBlockPreview;
 declare const mockBareFamilyBlock: MenuFamilyBlockPreview;
 declare const mockQa: QaItem[];
 
-export { mockBareFamilyBlock, mockConcept, mockDrinkFamily, mockFamily, mockFamilyBlock, mockFamilyTiles, mockFamilyTilesAll, mockFilterChips, mockFormatters, mockGradients, mockHubLabels, mockIndexEntries, mockIntentFigures, mockItems, mockKitchens, mockLoosenOptions, mockMatchedKitchens, mockPlaces, mockQa, mockVenues };
+export { mockBareFamilyBlock, mockConcept, mockDrinkFamily, mockFamily, mockFamilyBlock, mockFamilyTiles, mockFamilyTilesAll, mockFilterChips, mockFormatters, mockGradients, mockHubLabels, mockIndexEntries, mockIntentFigures, mockItems, mockKitchens, mockLoosenOptions, mockMatchedKitchens, mockOccasionTiles, mockOccasionTilesAll, mockPlaces, mockQa, mockVenues };

package/dist/components/menu-mocks.js

@@ -1,4 +1,4 @@
-import { __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 
 // src/components/menu-mocks.ts
 var mockGradients = {
@@ -351,6 +351,27 @@ var mockFamilyTilesAll = {
   gradient: "linear-gradient(150deg, oklch(0.50 0.03 70), oklch(0.40 0.028 64))",
   photoUrl: familyPhoto(60)
 };
+var occasionGradient = (l, c, h) => `linear-gradient(150deg, oklch(${l} ${c} ${h}), color-mix(in oklab, oklch(${l} ${c} ${h}) 82%, black))`;
+var occasionPhoto = (hue) => "data:image/svg+xml;utf8," + encodeURIComponent(
+  `<svg xmlns="http://www.w3.org/2000/svg" width="640" height="320"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="hsl(${hue} 20% 88%)"/><stop offset="1" stop-color="hsl(${hue} 18% 52%)"/></linearGradient></defs><rect width="640" height="320" fill="url(#g)"/><circle cx="420" cy="120" r="70" fill="white" opacity=".6"/><rect x="60" y="200" width="220" height="80" fill="hsl(${hue} 15% 40%)" opacity=".5"/></svg>`
+);
+var mockOccasionTiles = [
+  { slug: "brunch", label: "Brunch", countLabel: "314 places", href: "/menu/cuisines/breakfast-brunch", gradient: occasionGradient(0.62, 0.14, 82), photoUrl: occasionPhoto(40) },
+  { slug: "laptop-and-coffee", label: "Laptop and coffee", countLabel: "52 places", href: "/occasions/laptop-and-coffee", gradient: occasionGradient(0.44, 0.1, 52), photoUrl: occasionPhoto(30) },
+  { slug: "quiet", label: "Somewhere quiet", countLabel: "108 places", href: "/occasions/quiet", gradient: occasionGradient(0.38, 0.09, 255), photoUrl: occasionPhoto(210) },
+  { slug: "something-sweet", label: "Something sweet", countLabel: "120 places", href: "/occasions/something-sweet", gradient: occasionGradient(0.5, 0.08, 335), photoUrl: occasionPhoto(330) },
+  { slug: "with-friends", label: "With friends", countLabel: "158 places", href: "/occasions/with-friends", gradient: occasionGradient(0.6, 0.14, 358), photoUrl: occasionPhoto(10) },
+  { slug: "date-night", label: "Date night", countLabel: "53 places", href: "/occasions/date-night", gradient: occasionGradient(0.44, 0.15, 18), photoUrl: occasionPhoto(0) },
+  { slug: "late-night", label: "Late night", countLabel: "59 places", href: "/occasions/late-night", gradient: occasionGradient(0.34, 0.1, 300) }
+];
+var mockOccasionTilesAll = {
+  slug: "all",
+  label: "All occasions",
+  countLabel: "14 sets",
+  href: "/occasions",
+  gradient: "linear-gradient(150deg, oklch(0.50 0.03 70), oklch(0.40 0.028 64))",
+  photoUrl: occasionPhoto(60)
+};
 var mockFormatters = {
   price: (value) => `${value} lei`,
   number: (value) => value.toLocaleString("en-US"),
@@ -513,4 +534,4 @@ var mockQa = [
   }
 ];
 
-export { mockBareFamilyBlock, mockConcept, mockDrinkFamily, mockFamily, mockFamilyBlock, mockFamilyTiles, mockFamilyTilesAll, mockFilterChips, mockFormatters, mockGradients, mockHubLabels, mockIndexEntries, mockIntentFigures, mockItems, mockKitchens, mockLoosenOptions, mockMatchedKitchens, mockPlaces, mockQa, mockVenues };
+export { mockBareFamilyBlock, mockConcept, mockDrinkFamily, mockFamily, mockFamilyBlock, mockFamilyTiles, mockFamilyTilesAll, mockFilterChips, mockFormatters, mockGradients, mockHubLabels, mockIndexEntries, mockIntentFigures, mockItems, mockKitchens, mockLoosenOptions, mockMatchedKitchens, mockOccasionTiles, mockOccasionTilesAll, mockPlaces, mockQa, mockVenues };

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

@@ -1,5 +1,7 @@
 import { ComponentType, CSSProperties, ReactNode } from 'react';
-import { MenuSizeAndPrice, PlacePreview } from './place-types.js';
+import { M as MenuSizeAndPrice, P as PlacePreview } from '../place-types-BHdeMMiG.js';
+import 'react/jsx-runtime';
+import '../lib/grade.js';
 
 /**
  * Structural mirror of the openapi `Dish` / `Drink` schemas, decoupled from any
@@ -203,37 +205,6 @@ type MenuVenueSignature = {
     /** The digest called this the venue's signature rather than merely frequent. */
     isSignature?: boolean;
 };
-/**
- * A family tile — a cuisine on the dishes tab, a going-out family on the
- * drinks tab — as the hub's doorway grid draws it: a hue, a name, a venue
- * count and one venue's photograph.
- *
- * `href` is required: a tile that cannot resolve to a real destination is not
- * rendered rather than linking nowhere.
- */
-type MenuFamilyTile = {
-    slug: string;
-    label: string;
-    /**
-     * The venue count, already formatted by the caller — "64", "1,204" — because
-     * thousands separators are locale-dependent and the DS owns no locale.
-     */
-    countLabel?: string;
-    href: string;
-    /**
-     * Finished CSS gradient for the tile's ground, e.g.
-     * `linear-gradient(150deg, …)`.
-     *
-     * A gradient rather than a token name, for the same reason `<MenuField>`
-     * takes one: the hue tables are app-owned, and a component referencing
-     * `var(--h-pizza)` renders an invisible tile in any consumer that does not
-     * happen to define that variable. A missing gradient falls back to `bg-muted`
-     * — visible and obviously unstyled, rather than white text on white.
-     */
-    gradient?: string;
-    /** Pre-resolved VENUE photograph. Venue photography is real; item photography is not. */
-    photoUrl?: string;
-};
 /**
  * One figure in the intent hero — a number the reader can tap to filter by.
  *
@@ -361,7 +332,9 @@ type MenuIndexEntry = {
     gradient?: string;
 };
 /**
- * A family on the cuisines index — the hub's card, opened out sideways.
+ * A family on the cuisines index — the hub's card, opened out sideways — and,
+ * with `kicker` / `facts` / `badge`, a concept on the dishes index: the same
+ * card with the unit swapped, as the design draws it.
  *
  * Deliberately thin. The reader here is choosing a cuisine, not a venue, and
  * every field the block does NOT carry is a decision the next page owns.
@@ -369,7 +342,21 @@ type MenuIndexEntry = {
 type MenuFamilyBlockPreview = {
     slug: string;
     name: string;
+    /** Small caps over the name, e.g. "DESSERT CONCEPT". Composed by the caller. */
+    kicker?: string;
     venueCount: number;
+    /**
+     * Further pre-formatted facts on the count line, after the unit and before
+     * the price band, e.g. `["50 names"]`. Each is one fact; the block draws the
+     * separators.
+     */
+    facts?: string[];
+    /**
+     * The pill in the photo's corner, e.g. "168 mentions". When given it replaces
+     * the "+N more" overflow pill, which the concept card has no room for beside
+     * a name-chip overflow that already says it.
+     */
+    badge?: string;
     /** Facet chips. Labels only — the block never prints their counts. */
     chips?: MenuFamilyChip[];
     /** Composed price band, e.g. "22–86 lei". */
@@ -441,4 +428,4 @@ type MenuHubLabels = {
     until: string;
 };
 
-export { type MenuConceptPreview, type MenuConceptRow, type MenuFamilyBlockPreview, type MenuFamilyChip, type MenuFamilyPreview, type MenuFamilyTile, type MenuFilterChip, type MenuFormatters, type MenuHubLabels, type MenuIndexEntry, type MenuIntentFigure, type MenuItemPlaceRef, type MenuItemPreview, type MenuKitchenDish, type MenuKitchenPreview, type MenuLinkComponent, type MenuLinkProps, type MenuLoosenOption, MenuSizeAndPrice, type MenuVenuePreview, type MenuVenueSignature, type QaItem };
+export { type MenuConceptPreview, type MenuConceptRow, type MenuFamilyBlockPreview, type MenuFamilyChip, type MenuFamilyPreview, type MenuFilterChip, type MenuFormatters, type MenuHubLabels, type MenuIndexEntry, type MenuIntentFigure, type MenuItemPlaceRef, type MenuItemPreview, type MenuKitchenDish, type MenuKitchenPreview, type MenuLinkComponent, type MenuLinkProps, type MenuLoosenOption, MenuSizeAndPrice, type MenuVenuePreview, type MenuVenueSignature, type QaItem };

package/dist/components/motion-icon-actions.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MotionIconProps } from './motion-icon.js';
+import 'framer-motion';
+import 'react';
+
+type MotionDirection = "right" | "left";
+declare function MotionArrow({ direction, ...props }: MotionIconProps & {
+    direction?: MotionDirection;
+}): react_jsx_runtime.JSX.Element;
+declare function MotionCaret({ direction, ...props }: MotionIconProps & {
+    direction?: MotionDirection;
+}): react_jsx_runtime.JSX.Element;
+declare function MotionX(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionCircleX(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionExternalLink(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionSend(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionNavigation(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionLocate(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionMaximize(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionPhone(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionMail(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionFlag(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionLogIn(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionLogOut(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionSettings(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+
+export { MotionArrow, MotionCaret, MotionCircleX, type MotionDirection, MotionExternalLink, MotionFlag, MotionLocate, MotionLogIn, MotionLogOut, MotionMail, MotionMaximize, MotionNavigation, MotionPhone, MotionSend, MotionSettings, MotionX };