@bearmenu/ui 0.8.8 → 0.8.10

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

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * PhotoGround — venue photography as the ground of a card.
+ *
+ * Three cards are built on photographs rather than on panels: the hub's family
+ * card, the cuisines index's family block and the concept card. Each had grown
+ * its own copy of the same stack — a dark ground, a grid of `<img>`s with an
+ * initial for the missing ones, a hue layer, an overlay — and the one rule that
+ * matters for all of them (the tint has to be `mix-blend-color`, the ground
+ * has to be a fixed literal) was written three times. This is the stack, once.
+ *
+ * ## What it owns and what it leaves to the card
+ *
+ * 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
+ * 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.
+ *
+ * ## Two layouts
+ *
+ * `mosaic` tiles every photograph into a grid the caller shapes; `stack` shows
+ * ONE of them, `active`, and cross-fades to the next — a card whose ground
+ * follows a swipe. Same slots, same fallback, same tint either way.
+ *
+ * ## Why the ground is a literal, and why the tint is `color`
+ *
+ * The ground is the backdrop a blend or blur samples before a lazy image lands
+ * and the tile an empty slot shows, so it must not change with the theme —
+ * photography is not themed, and a card that flashed paper-white behind its
+ * photographs in light mode was wrong in exactly the mode most people use.
+ * `mix-blend-mode: color` takes hue and chroma from the tint layer and
+ * luminance from the photograph, so the room keeps its structure and the
+ * family keeps its colour; a plain overlay would have muddied both.
+ */
+/** The ground under the photography. Fixed, and deliberately not a token. */
+declare const PHOTO_GROUND = "bg-[oklch(0.21_0.012_55)]";
+type PhotoGroundProps = {
+    /** One per slot. An absent one draws the slot's initial on the ground. */
+    photos: (string | undefined)[];
+    /** The fallback glyph per slot — a venue's first letter. One is reused for all. */
+    initials: string | string[];
+    /** `mosaic` tiles every slot; `stack` shows `active` and cross-fades. */
+    mode?: "mosaic" | "stack";
+    /** `stack` only: which slot is showing. */
+    active?: number;
+    /** `mosaic` only: the grid template, e.g. `"grid-cols-2 grid-rows-2 lg:grid-cols-3"`. */
+    mosaicClassName?: string;
+    /** `mosaic` only: slots from this index on are desktop-only tiles. */
+    phoneTiles?: number;
+    /** Finished CSS gradient — the family's colour, laid over the photographs. */
+    gradient?: string;
+    /** A uniform dark overlay on every photograph. */
+    overlay?: boolean;
+    /** Extra classes on the overlay, e.g. a hover that lifts it. */
+    overlayClassName?: string;
+    /** How eagerly the first photograph loads. `stack` grounds are above the fold. */
+    loading?: "lazy" | "eager";
+    className?: string;
+};
+declare function PhotoGround({ photos, initials, mode, active, mosaicClassName, phoneTiles, gradient, overlay, overlayClassName, loading, className, }: PhotoGroundProps): react_jsx_runtime.JSX.Element;
+
+export { PHOTO_GROUND, PhotoGround, type PhotoGroundProps };

package/dist/components/photo-ground.js

@@ -0,0 +1,3 @@
+export { PHOTO_GROUND, PhotoGround } from '../chunk-5RWTOT5Y.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/place-about-tab.js

@@ -1,7 +1,7 @@
-export { PlaceAboutTab } from '../chunk-XWMRABZW.js';
+export { PlaceAboutTab } from '../chunk-HSIYYA2E.js';
 import '../chunk-VG3PND3D.js';
-import '../chunk-WSRWFA6K.js';
 import '../chunk-ZDAHKI3A.js';
+import '../chunk-WSRWFA6K.js';
 import '../chunk-7BWTYWM3.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

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

@@ -1,7 +1,7 @@
-import { PlaceAboutTab } from '../chunk-XWMRABZW.js';
+import { PlaceAboutTab } from '../chunk-HSIYYA2E.js';
 import '../chunk-VG3PND3D.js';
-import '../chunk-WSRWFA6K.js';
 import '../chunk-ZDAHKI3A.js';
+import '../chunk-WSRWFA6K.js';
 import { Text } from '../chunk-7BWTYWM3.js';
 import { Badge } from '../chunk-UKBNQO6Q.js';
 import { cn } from '../chunk-FEK5XGZW.js';

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

@@ -47,6 +47,13 @@ type PlacePreview = {
         hour: number;
         score: number;
     }>;
+    /**
+     * The review distillation. Drives every menu-hub surface that speaks for a
+     * venue — `<KitchenDossier>`, `<MenuKitchenList>`, `<OpenNowList>` —
+     * because the signature dish, the pull-quotes and the graded dimensions all
+     * live here rather than on the menu itself.
+     */
+    reviews_digest?: PlaceReviewsDigest;
     type?: string;
     business_status?: 'operational' | 'closed_temporarily' | 'closed_permanently';
     phone?: string;
@@ -71,6 +78,110 @@ type PlaceSchedule = Record<WeekdayKey, PlaceHourBlock[]>;
 type PlacePriceRange = {
     price_range_low?: number;
     price_range_high?: number;
+    /** Median price across the place's menu, in the local currency. */
+    median_price?: number;
+};
+/**
+ * Menu items are priced per size; a single-size item still ships one entry.
+ *
+ * Defined here rather than in `menu-types.ts` because `PlaceMustTry` carries
+ * it, and `menu-types.ts` already imports from this file — keeping the
+ * definition here leaves that import one-directional. `menu-types.ts`
+ * re-exports it, so menu code never reaches into place types for it.
+ */
+type MenuSizeAndPrice = {
+    /** Grams or millilitres. */
+    size: number;
+    price: number;
+    discounted_price?: number;
+    discount_percentage?: number;
+};
+/** A digest string with the reviews that back it. `review_ids.length` is the mention count. */
+type CitedText = {
+    text: string;
+    review_ids?: string[];
+};
+/** A digest enum value with the reviews that back it. The value is a language-neutral code. */
+type CitedValue = {
+    value: string;
+    review_ids?: string[];
+};
+/**
+ * One dish or drink the reviews single out.
+ *
+ * `mentions` and `score` come from the item census and are only served by the
+ * place DETAIL endpoint — a listing carries the item without them. Surfaces
+ * that need a count from a list fall back to `review_ids.length`, which is
+ * present in both. `strength`, `why` and `review_ids` are absent for census
+ * items the prose digest never mentioned, so none of them can be assumed.
+ */
+type PlaceMustTry = {
+    name: string;
+    why?: string;
+    strength?: 'signature' | 'frequent' | 'occasional';
+    /** Deep-link slug. Present only when the item matched a live menu row. */
+    slug?: string;
+    sizes_and_prices?: MenuSizeAndPrice[];
+    review_ids?: string[];
+    /** 0–100 census sentiment. Detail endpoint only; 3+ mentions required. */
+    score?: number;
+    /** Censused review mentions of this item. Detail endpoint only. */
+    mentions?: number;
+};
+/**
+ * Per-dimension 0–100 review scores.
+ *
+ * A dimension the reviews never mention is ABSENT, not zero — so a surface
+ * drawing these must render what it is given rather than a fixed row of seven.
+ * Exactly one of `food` / `coffee_quality` / `drinks_quality` is scored per
+ * place: a coffee bar has no food score and a restaurant has no coffee one.
+ */
+type PlaceGradeDimensions = {
+    food?: number;
+    coffee_quality?: number;
+    drinks_quality?: number;
+    value?: number;
+    service?: number;
+    cleanliness?: number;
+    ambiance?: number;
+    portion?: number;
+    consistency?: number;
+};
+type PlaceGrade = {
+    /** 1.0–10.0. */
+    overall?: number;
+    /**
+     * Backend recommendation to show the number at all. When false the caller
+     * should draw a "building confidence" state instead — the DS renders what it
+     * is told, it does not apply the rule.
+     */
+    show_number?: boolean;
+    /** Locale-resolved band label, e.g. "Foarte bun". Already translated upstream. */
+    descriptor?: string;
+    confidence?: 'low' | 'medium' | 'high';
+    capped?: boolean;
+    dimensions?: PlaceGradeDimensions;
+};
+type PlaceReviewsDigest = {
+    grade?: PlaceGrade;
+    grade_note?: string;
+    tagline?: CitedText;
+    verdict?: CitedText;
+    caveat?: CitedText;
+    /** 1–3 standout positives. The pull-quotes on `<KitchenDossier>`. */
+    highlights?: CitedText[];
+    must_try?: PlaceMustTry[];
+    /** Vibe codes (cozy, quiet, family_friendly, …). Localised by the caller. */
+    tags?: CitedValue[];
+    dietary?: CitedValue[];
+    /** small | moderate | generous */
+    portion_size?: CitedValue;
+    /** cheap | fair | mid_range | splurge */
+    value?: CitedValue;
+    /** quiet | moderate | loud */
+    noise_level?: CitedValue;
+    /** Text reviews behind the digest. */
+    review_count?: number;
 };
 /** Labels passed to `<PlaceCard>`. All translation happens in the caller. */
 type PlaceCardLabels = {
@@ -151,4 +262,4 @@ type PlaceDetailsMobileLabels = PlaceAboutTabLabels & {
     noImageAvailable: string;
 };
 
-export type { PlaceAboutTabLabels, PlaceCardLabels, PlaceDetailsMobileLabels, PlaceHourBlock, PlaceLinkKind, PlacePreview, PlacePriceRange, PlaceSchedule, PlaceScheduleWeekLabels, WeekdayKey };
+export type { CitedText, CitedValue, MenuSizeAndPrice, PlaceAboutTabLabels, PlaceCardLabels, PlaceDetailsMobileLabels, PlaceGrade, PlaceGradeDimensions, PlaceHourBlock, PlaceLinkKind, PlaceMustTry, PlacePreview, PlacePriceRange, PlaceReviewsDigest, PlaceSchedule, PlaceScheduleWeekLabels, WeekdayKey };

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

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { QaItem } from './menu-types.js';
+import 'react';
+import './place-types.js';
+
+/**
+ * QaBlock — questions answered from the numbers, as static prose.
+ *
+ * ## Never an accordion
+ *
+ * This block exists to be crawled as much as read: it is the visible half of
+ * the page's `FAQPage` markup, and the rule is that structured data must mirror
+ * content the reader can actually see. Collapsing it hides every answer from
+ * the crawler's first paint and buys nothing — three short answers are cheaper
+ * to scroll past than to expand.
+ *
+ * The caller renders the JSON-LD from the SAME array it passes here, so the
+ * markup and the visible answers cannot drift.
+ *
+ * ## Three across, then one
+ *
+ * Answers are two or three lines each, so a single column wastes the desktop
+ * measure and a two-column grid leaves an orphan. On the phone it is one
+ * column, in order.
+ */
+type QaBlockProps = {
+    items: QaItem[];
+    /** Section heading, e.g. "Questions people ask". Omit where the page supplies one. */
+    heading?: string;
+    /** Heading level for the questions. Defaults to `h3`, under a page's `h2`. */
+    questionAs?: "h3" | "h4";
+    className?: string;
+};
+declare function QaBlock({ items, heading, questionAs: Question, className }: QaBlockProps): react_jsx_runtime.JSX.Element;
+
+export { QaBlock, type QaBlockProps };

package/dist/components/qa-block.js

@@ -0,0 +1,24 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function QaBlock({ items, heading, questionAs: Question = "h3", className }) {
+  return /* @__PURE__ */ jsxs("section", { className: cn(className), children: [
+    heading && /* @__PURE__ */ jsx("h2", { className: "text-[15px] font-bold leading-tight tracking-[-0.01em]", children: heading }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "grid grid-cols-1 gap-[18px] lg:grid-cols-3 lg:gap-[26px]",
+          heading && "mt-3.5"
+        ),
+        children: items.map((item) => /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Question, { className: "text-sm font-bold leading-[1.35] tracking-[-0.01em] lg:text-[15px]", children: item.question }),
+          /* @__PURE__ */ jsx("p", { className: "mt-[7px] text-[13px] leading-[1.65] text-muted-foreground [text-wrap:pretty] lg:text-[13.5px]", children: item.answer })
+        ] }, item.question))
+      }
+    )
+  ] });
+}
+
+export { QaBlock };

package/dist/components/scroll-fade.js

@@ -1,121 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var fromMap = {
-  background: "from-background",
-  card: "from-card",
-  muted: "from-muted"
-};
-var sizeMap = {
-  vertical: { sm: "h-6", md: "h-12", lg: "h-20" },
-  horizontal: { sm: "w-8", md: "w-16", lg: "w-28" }
-};
-var ScrollFade = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      orientation = "vertical",
-      fadeColor = "background",
-      size = "md",
-      className,
-      scrollClassName,
-      children
-    } = _b, props = __objRest(_b, [
-      "orientation",
-      "fadeColor",
-      "size",
-      "className",
-      "scrollClassName",
-      "children"
-    ]);
-    const innerRef = React.useRef(null);
-    React.useImperativeHandle(ref, () => innerRef.current);
-    const [atStart, setAtStart] = React.useState(true);
-    const [atEnd, setAtEnd] = React.useState(true);
-    const update = React.useCallback(() => {
-      const el = innerRef.current;
-      if (!el) return;
-      if (orientation === "vertical") {
-        const overflow = el.scrollHeight - el.clientHeight;
-        setAtStart(el.scrollTop <= 1);
-        setAtEnd(overflow <= 1 || el.scrollTop >= overflow - 1);
-      } else {
-        const overflow = el.scrollWidth - el.clientWidth;
-        setAtStart(el.scrollLeft <= 1);
-        setAtEnd(overflow <= 1 || el.scrollLeft >= overflow - 1);
-      }
-    }, [orientation]);
-    React.useEffect(() => {
-      const el = innerRef.current;
-      if (!el) return;
-      update();
-      el.addEventListener("scroll", update, { passive: true });
-      const ro = new ResizeObserver(update);
-      ro.observe(el);
-      return () => {
-        el.removeEventListener("scroll", update);
-        ro.disconnect();
-      };
-    }, [update]);
-    const fromClass = fromMap[fadeColor];
-    const fadeSize = sizeMap[orientation][size];
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "relative isolate flex",
-          orientation === "vertical" ? "flex-col" : "flex-row",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            __spreadProps(__spreadValues({
-              ref: innerRef,
-              className: cn(
-                "min-h-0 min-w-0 flex-1",
-                orientation === "vertical" ? "overflow-y-auto" : "overflow-x-auto",
-                scrollClassName
-              )
-            }, props), {
-              children
-            })
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              "aria-hidden": true,
-              className: cn(
-                "pointer-events-none absolute z-10 transition-opacity duration-300",
-                // `from-30%` adds a solid plateau before the gradient starts
-                // fading — without it the gradient is a pure linear ramp and only
-                // the very top pixel reads as solid, leaving the cut edge visible.
-                // -4px inset pulls the fade past the container edge so the very
-                // edge of clipped content is covered by the solid plateau.
-                orientation === "vertical" ? `inset-x-0 -top-1 ${fadeSize} bg-gradient-to-b from-30%` : `inset-y-0 -left-1 ${fadeSize} bg-gradient-to-r from-30%`,
-                fromClass,
-                atStart ? "opacity-0" : "opacity-100"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              "aria-hidden": true,
-              className: cn(
-                "pointer-events-none absolute z-10 transition-opacity duration-300",
-                orientation === "vertical" ? `inset-x-0 -bottom-1 ${fadeSize} bg-gradient-to-t from-30%` : `inset-y-0 -right-1 ${fadeSize} bg-gradient-to-l from-30%`,
-                fromClass,
-                atEnd ? "opacity-0" : "opacity-100"
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ScrollFade.displayName = "ScrollFade";
-
-export { ScrollFade };
+export { ScrollFade } from '../chunk-2XCZJWTV.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

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

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * "Signature" / "Mentioned" — the marker for a menu item the review digest
+ * backs, shared by `<MenuItem>` and the dish/drink cards so the same claim
+ * never renders two different ways.
+ *
+ * When `onEvidence` is supplied the chip becomes a button that opens the
+ * reviews behind it, and takes a dashed outline to read as interactive. That is
+ * the whole differentiator: every competitor badges items ("Nou", "NEW"), none
+ * can show you why. Without evidence it degrades to a plain label rather than
+ * offering a tap that would reveal nothing.
+ *
+ * `stopPropagation` matters on every host: the row is a `role="button"` and the
+ * cards carry a stretched crawlable `<a>` overlay, so an un-stopped click would
+ * also open the item drawer. On the cards it must additionally out-rank that
+ * overlay's `z-[1]`, hence `relative z-[2]` from the caller.
+ *
+ * `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
+ * says "there is evidence behind this" — in the inverted colour.
+ *
+ * The label is passed in: the DS owns no translation keys.
+ */
+type SignatureChipProps = {
+    /** Already translated. `strong` → "Signature", `weak` → "Mentioned". */
+    label: string;
+    onEvidence?: () => void;
+    /** `image` = over a card cover; `canvas` = in a caption or row. */
+    surface?: "canvas" | "image";
+    className?: string;
+};
+declare function SignatureChip({ label, onEvidence, surface, className, }: SignatureChipProps): react_jsx_runtime.JSX.Element;
+
+export { SignatureChip, type SignatureChipProps };

package/dist/components/signature-chip.js

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

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

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -20,15 +21,57 @@ import { VariantProps } from 'class-variance-authority';
  * `card` is the 14px inset of a hub card; `page` is the 16px page gutter.
  */
 declare const snapRailVariants: (props?: ({
-    itemWidth?: "sm" | "lg" | "md" | null | undefined;
+    itemWidth?: "sm" | "lg" | "full" | "md" | null | undefined;
     gap?: "default" | "sm" | null | undefined;
     bleed?: "none" | "page" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type SnapRailProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof snapRailVariants>;
+type SnapRailProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof snapRailVariants> & {
+    /**
+     * Page dots under the rail, one per child, the current one filled. For
+     * `itemWidth="full"`, where no next card peeks in to say there is more.
+     * Decorative: the rail itself is the control, and every card is reachable
+     * by scrolling, so the dots are `aria-hidden`.
+     */
+    dots?: boolean;
+    /** Classes for the dots row, e.g. `lg:hidden` where the rail becomes a grid. */
+    dotsClassName?: string;
+    /**
+     * Reports the current page whenever it changes — for a caller that wants
+     * to react to the swipe beyond the dots, e.g. a backdrop that follows the
+     * active card. Tracking runs whenever this or `dots` is set.
+     */
+    onActiveChange?: (index: number) => void;
+};
 declare const SnapRail: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    itemWidth?: "sm" | "lg" | "md" | null | undefined;
+    itemWidth?: "sm" | "lg" | "full" | "md" | null | undefined;
     gap?: "default" | "sm" | null | undefined;
     bleed?: "none" | "page" | "card" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    /**
+     * Page dots under the rail, one per child, the current one filled. For
+     * `itemWidth="full"`, where no next card peeks in to say there is more.
+     * Decorative: the rail itself is the control, and every card is reachable
+     * by scrolling, so the dots are `aria-hidden`.
+     */
+    dots?: boolean;
+    /** Classes for the dots row, e.g. `lg:hidden` where the rail becomes a grid. */
+    dotsClassName?: string;
+    /**
+     * Reports the current page whenever it changes — for a caller that wants
+     * to react to the swipe beyond the dots, e.g. a backdrop that follows the
+     * active card. Tracking runs whenever this or `dots` is set.
+     */
+    onActiveChange?: (index: number) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The page dots on their own, for a caller that tracks the rail through
+ * `onActiveChange` and wants the dots somewhere other than directly under it —
+ * inside a foot band, say. Decorative, as on the rail: the rail is the control.
+ */
+declare function SnapRailDots({ count, active, className, }: {
+    count: number;
+    active: number;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
 
-export { SnapRail, type SnapRailProps };
+export { SnapRail, SnapRailDots, type SnapRailProps };

package/dist/components/snap-rail.js

@@ -1,51 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var snapRailVariants = cva(
-  cn(
-    "flex snap-x snap-mandatory overflow-x-auto pb-0.5 scrollbar-hide",
-    "[&>*]:shrink-0 [&>*]:snap-start"
-  ),
-  {
-    variants: {
-      itemWidth: {
-        sm: "[&>*]:w-[46%]",
-        md: "[&>*]:w-[60%]",
-        lg: "[&>*]:w-[80%]"
-      },
-      gap: {
-        sm: "gap-2",
-        default: "gap-3"
-      },
-      bleed: {
-        none: "",
-        card: "-mx-3.5 px-3.5 scroll-px-3.5",
-        page: "-mx-4 px-4 scroll-px-4"
-      }
-    },
-    defaultVariants: {
-      itemWidth: "sm",
-      gap: "default",
-      bleed: "none"
-    }
-  }
-);
-var SnapRail = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, itemWidth, gap, bleed } = _b, props = __objRest(_b, ["className", "itemWidth", "gap", "bleed"]);
-    return /* @__PURE__ */ jsx(
-      "div",
-      __spreadValues({
-        ref,
-        "data-slot": "snap-rail",
-        className: cn(snapRailVariants({ itemWidth, gap, bleed }), className)
-      }, props)
-    );
-  }
-);
-SnapRail.displayName = "SnapRail";
-
-export { SnapRail };
+export { SnapRail, SnapRailDots } from '../chunk-DTXNDLSE.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/stat-banner.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * StatBanner — one claim about the catalogue, carried by a single number.
+ *
+ * These sit between the modules that list things and give the page somewhere to
+ * state what it knows rather than only showing it. Two side by side is the
+ * usual arrangement, which is a caller's grid rather than a `StatBannerPair`
+ * component — pairing is layout, and a consumer wanting one, or three, or a
+ * different order should not have to fight a wrapper for it.
+ *
+ * `scale` draws the distribution the figure sits in — low, the figure, high.
+ * Pass it only when all three are real numbers from the same measurement; a
+ * scale invented around a figure is worse than no scale, because it implies a
+ * spread nobody counted.
+ *
+ * Server-safe.
+ */
+declare const bannerVariants: (props?: ({
+    tone?: "dark" | "warm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StatBannerProps = VariantProps<typeof bannerVariants> & {
+    /** Small caps kicker, e.g. "THE REVIEW CENSUS". */
+    kicker?: string;
+    /**
+     * The headline claim. On the dark tone this is the whole point; on the warm
+     * one it usually sits under `figure`.
+     */
+    headline?: string;
+    body?: string;
+    /** The number itself, pre-formatted, e.g. "100". */
+    figure?: string;
+    /** Unit set small beside the figure, e.g. "%" or "lei". */
+    figureUnit?: string;
+    /** Oversized watermark numeral behind the content. */
+    watermark?: string;
+    /** Low, middle and high of the distribution. All three, or none. */
+    scale?: [string, string, string];
+    /** The action — pass a rendered link or button. */
+    action?: React.ReactNode;
+    className?: string;
+};
+declare function StatBanner({ tone, kicker, headline, body, figure, figureUnit, watermark, scale, action, className, }: StatBannerProps): react_jsx_runtime.JSX.Element;
+
+export { StatBanner, type StatBannerProps };