@bearmenu/ui 0.8.9 → 0.8.11

package/dist/components/concept-convergence.js

@@ -0,0 +1,53 @@
+import { PhotoGround } from '../chunk-5RWTOT5Y.js';
+import { Convergence } from '../chunk-MZL7CGCL.js';
+import '../chunk-LEAYBICI.js';
+import { Badge } from '../chunk-2CXU5WZO.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ConceptConvergence({ aliases, concept, scale, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3 text-white", className), children: [
+    /* @__PURE__ */ jsx(
+      Convergence,
+      {
+        linesClassName: "text-white/30",
+        sources: aliases.map((alias, index) => /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "inline-flex h-7 max-w-full items-center gap-1.5 rounded-full bg-white/10 px-2.5 text-[11.5px] text-white",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: alias.label }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums text-white/60", children: alias.price })
+            ]
+          },
+          index
+        )),
+        target: /* @__PURE__ */ jsxs("span", { className: "relative isolate block aspect-[4/5] w-[112px] overflow-hidden rounded-[16px] shadow-[0_8px_24px_oklch(0_0_0/0.35)]", children: [
+          /* @__PURE__ */ jsx(
+            PhotoGround,
+            {
+              className: "-z-10",
+              mode: "stack",
+              photos: [concept.photoUrl],
+              initials: concept.title.charAt(0).toLocaleUpperCase(),
+              overlay: true,
+              loading: "eager"
+            }
+          ),
+          /* @__PURE__ */ jsx(Badge, { variant: "overlay", className: "absolute left-2 top-2", children: concept.badge }),
+          /* @__PURE__ */ jsx("span", { className: "absolute inset-x-2 bottom-2 block text-balance font-serif text-[17px] font-semibold leading-tight tracking-[-0.02em] [text-shadow:0_1px_8px_oklch(0_0_0/0.5)]", children: concept.title })
+        ] })
+      }
+    ),
+    scale && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px] tabular-nums text-white/60", children: [
+      /* @__PURE__ */ jsx("span", { children: scale[0] }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-white/20" }),
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-white", children: scale[1] }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-white/20" }),
+      /* @__PURE__ */ jsx("span", { children: scale[2] })
+    ] })
+  ] });
+}
+
+export { ConceptConvergence };

package/dist/components/convergence.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type ConvergeLinesProps = {
+    /** How many sources the lines leave from. */
+    count: number;
+    /** Draw the curves in, source by source. Off: drawn already. */
+    animate?: boolean;
+    className?: string;
+};
+declare function ConvergeLines({ count, animate, className }: ConvergeLinesProps): react_jsx_runtime.JSX.Element;
+type ConvergenceProps = {
+    /** The many. One node each; the stack fans slightly so it reads as a spread, not a list. */
+    sources: ReactNode[];
+    /** The one. */
+    target: ReactNode;
+    /** The entrance choreography. Off for static reuse; the reader's reduced-motion setting is honoured either way. */
+    animate?: boolean;
+    /** The curves' colour, e.g. `"text-white/30"` on a dark stage. Defaults to the border. */
+    linesClassName?: string;
+    className?: string;
+};
+declare function Convergence({ sources, target, animate, linesClassName, className, }: ConvergenceProps): react_jsx_runtime.JSX.Element;
+
+export { ConvergeLines, type ConvergeLinesProps, Convergence, type ConvergenceProps };

package/dist/components/convergence.js

@@ -0,0 +1,4 @@
+export { ConvergeLines, Convergence } from '../chunk-MZL7CGCL.js';
+import '../chunk-LEAYBICI.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/dialog.d.ts

@@ -10,11 +10,11 @@ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const dialogContentVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
+    size?: "sm" | "default" | "lg" | "xl" | "full" | null | undefined;
     scrollBehavior?: "inside" | "outside" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
+    size?: "sm" | "default" | "lg" | "xl" | "full" | null | undefined;
     scrollBehavior?: "inside" | "outside" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     showCloseButton?: boolean;

package/dist/components/empty-state.js

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

package/dist/components/event-card.js

@@ -1,5 +1,5 @@
-import { TagGroup } from '../chunk-6XMYEZVR.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
+import { TagGroup } from '../chunk-6XMYEZVR.js';
 import { Tag } from '../chunk-ZDAHKI3A.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';

package/dist/components/event-compact-row.js

@@ -1,5 +1,5 @@
-import { TagGroup } from '../chunk-6XMYEZVR.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
+import { TagGroup } from '../chunk-6XMYEZVR.js';
 import { Tag } from '../chunk-ZDAHKI3A.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';

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

@@ -1,8 +1,8 @@
-import { Separator } from '../chunk-WSRWFA6K.js';
 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-JS3EINZD.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __spreadProps, __spreadValues, __objRest } from '../chunk-3GWWZKX7.js';

package/dist/components/event-index-row.js

@@ -1,6 +1,6 @@
-import { Separator } from '../chunk-WSRWFA6K.js';
 import { TagGroup } from '../chunk-6XMYEZVR.js';
 import { Tag } from '../chunk-ZDAHKI3A.js';
+import { Separator } from '../chunk-WSRWFA6K.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';

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

@@ -1,9 +1,9 @@
-import { Separator } from '../chunk-WSRWFA6K.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
 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-JS3EINZD.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';

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

@@ -1,7 +1,7 @@
-import { Separator } from '../chunk-WSRWFA6K.js';
-import { TagGroup } from '../chunk-6XMYEZVR.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
+import { TagGroup } from '../chunk-6XMYEZVR.js';
 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 { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/explainer-steps.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/**
+ * ExplainerSteps — how something works, as numbered rules a reader can scan.
+ *
+ * Each step is a numeral in a ring, one line of prose, and the live figure
+ * that proves the line, right-aligned with its unit. A thread runs from one
+ * numeral to the next so the three read as a sequence, and the last numeral
+ * is filled: the rules end where the reader is asked to do something.
+ *
+ * A step without a figure shows none — an invented number in the column is
+ * worse than an empty one. But a list where no step has a figure should be
+ * prose, not steps.
+ *
+ * Server-safe. Data in, not children: a server component composes these from
+ * translated strings and numbers, and an array is easier to number than a
+ * child list is to clone.
+ */
+type ExplainerStepItem = {
+    /** One line. Two at most on a phone; a third is a paragraph and belongs elsewhere. */
+    text: ReactNode;
+    /** The live figure, pre-formatted. */
+    figure?: string;
+    /** A unit or caption beside the figure, e.g. "names". */
+    unit?: string;
+};
+type ExplainerStepsProps = {
+    steps: ExplainerStepItem[];
+    className?: string;
+};
+declare function ExplainerSteps({ steps, className }: ExplainerStepsProps): react_jsx_runtime.JSX.Element;
+
+export { type ExplainerStepItem, ExplainerSteps, type ExplainerStepsProps };

package/dist/components/explainer-steps.js

@@ -0,0 +1,36 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ExplainerSteps({ steps, className }) {
+  return /* @__PURE__ */ jsx("ol", { className: cn("flex flex-col", className), children: steps.map((step, index) => {
+    const isLast = index === steps.length - 1;
+    return /* @__PURE__ */ jsxs("li", { className: "relative flex gap-3.5 pb-5 last:pb-0", children: [
+      !isLast && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "absolute bottom-0 left-[11px] top-7 w-px bg-border"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: cn(
+            "relative flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-[11px] font-bold tabular-nums",
+            isLast ? "bg-primary text-primary-foreground" : "border border-border bg-background text-muted-foreground"
+          ),
+          children: index + 1
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 pt-0.5 text-[14px] leading-[1.45] text-foreground", children: step.text }),
+      step.figure && /* @__PURE__ */ jsxs("span", { className: "shrink-0 pt-0.5 text-right text-[15px] font-bold leading-[1.45] tabular-nums text-foreground", children: [
+        step.figure,
+        step.unit && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[11px] font-normal text-muted-foreground", children: step.unit })
+      ] })
+    ] }, index);
+  }) });
+}
+
+export { ExplainerSteps };

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

@@ -0,0 +1,61 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * GlassGround — an inked caption rising out of one edge of a photograph.
+ *
+ * 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 there is no blur any more
+ *
+ * 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 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 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 ink begins, e.g. `"0px"` or `"24%"`. */
+    clear: string;
+    /** Where the ink is solid — the seam the content starts at. Same unit as `clear`. */
+    full: string;
+};
+type GlassGroundProps = {
+    stops: GlassStops;
+    /** Stops from `lg`. Omit to keep the same ramp at every width. */
+    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.6` is a photograph the caption is
+     * drawn on — the type is lifted, the room stays a room.
+     */
+    peak?: number;
+    /** 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, className }: GlassGroundProps): react_jsx_runtime.JSX.Element;
+
+export { GlassGround, type GlassGroundProps, type GlassStops };

package/dist/components/glass-ground.js

@@ -0,0 +1,3 @@
+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-JS3EINZD.js';
 import { useHaptic } from '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/hub-surface.js

@@ -9,7 +9,17 @@ function HubSurface({ flush, className, children }) {
       className: cn(
         "rounded-[18px] border border-border bg-card shadow-none",
         flush ? "overflow-hidden" : "px-3.5 py-4",
-        "lg:overflow-visible lg:rounded-none lg:bg-transparent lg:p-0 lg:shadow-none",
+        /*
+         * `lg:border-0` is load-bearing and was missing.
+         *
+         * Above `lg` this surface stops being a card — the background, the
+         * radius, the padding and the shadow are all dropped so the section
+         * sits on the page. The border was not, so every section on every
+         * desktop page kept a 1px rectangle around content that no longer had
+         * a card behind it. A caller that genuinely wants an edge at desktop
+         * adds `lg:border` in `className`, which lands after this in `cn`.
+         */
+        "lg:overflow-visible lg:rounded-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none",
         className
       ),
       children

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

@@ -0,0 +1,70 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * HueChip — a pill that wears a category's colour as a pale wash.
+ *
+ * Menu surfaces label things with a family's hue: a cuisine's dish groups, a
+ * going-out family's tags, a price band. Every one of them was an inline
+ * `style` with a hand-written `color-mix` next to a hand-written pill class
+ * list, which is how the two below drifted apart and how the mix space bug
+ * survived as long as it did — it had to be found and fixed in each copy.
+ *
+ * ## The mix space is the whole reason this is a component
+ *
+ * **`in oklab`, and never `in oklch`.** They describe the same colours, but
+ * oklch is POLAR, so `color-mix(in oklch, …)` interpolates the hue ANGLE — and
+ * the paper being mixed into is achromatic (`--card` is `oklch(1 0 0)`, hue 0).
+ * Mixing 20% of a family colour into that lands at a fifth of the family's hue:
+ * honey 82° came out at 16°, which is pink, so a Breakfast & Brunch card wore
+ * pink chips under an amber mosaic. Cool families were worse — a bar's 205°
+ * blue mixes to 41°, orange; a club's 300° violet to 60°, mustard.
+ *
+ * oklab is rectangular: mixing toward an achromatic base scales chroma along
+ * the SAME hue instead of rotating it, which is what "a pale version of this
+ * colour" has to mean.
+ *
+ * ## Why an inline style and not a Tailwind class
+ *
+ * The hue is DATA — one of ~40 cuisine values resolved by the app at request
+ * time — not one of a fixed set of variants. Tailwind can only emit classes it
+ * can see at build time, so a class-based version would mean either a
+ * safelisted colour per cuisine (a palette that must be edited to add a
+ * cuisine) or an arbitrary-value class built from a runtime string, which
+ * Tailwind cannot compile. A CSS custom property set inline is the honest
+ * mechanism; this component is the one place that writes it.
+ */
+/** Mix strengths, so callers say what a chip IS rather than picking a number. */
+declare const STRENGTH: {
+    /** A labelled facet: readable at 11.5px, still clearly the family's colour. */
+    readonly chip: 20;
+    /** A quieter wash, for a chip that sits beside a stronger one. */
+    readonly subtle: 12;
+};
+type HueChipTone = keyof typeof STRENGTH;
+/**
+ * The tint itself, exported for the surfaces that need the colour rather than
+ * the pill — a section ground, a hover state. Same rule: `in oklab`.
+ */
+declare function hueTint(hue: string, tone?: HueChipTone, base?: string): string;
+type HueChipProps = {
+    /**
+     * A finished CSS colour — the DS owns no category table, so the app resolves
+     * it. Without one the chip falls back to `--muted`, which is the right
+     * neutral for a facet that has no family behind it.
+     */
+    hue?: string;
+    tone?: HueChipTone;
+    /** The paper the wash is mixed into. Must be the surface the chip sits on. */
+    base?: string;
+    /** Drawn before the label, e.g. a wallet on a price band. */
+    icon?: React.ReactNode;
+    /** `li` inside a list, which is where most of these live. */
+    as?: "span" | "li" | "div";
+    children: React.ReactNode;
+    className?: string;
+    /** For a chip whose visible text is a bare figure, e.g. "22–86 lei". */
+    "aria-label"?: string;
+};
+declare function HueChip({ hue, tone, base, icon, as: Tag, children, className, "aria-label": ariaLabel, }: HueChipProps): react_jsx_runtime.JSX.Element;
+
+export { HueChip, type HueChipProps, type HueChipTone, hueTint };

package/dist/components/hue-chip.js

@@ -0,0 +1,3 @@
+export { HueChip, hueTint } from '../chunk-CLLY6XB3.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

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

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

package/dist/components/input.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const inputVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
     shape?: "rounded" | "pill" | 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

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

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

@@ -0,0 +1,88 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { MenuVenueSignature, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
+import { PlacePreview, CitedText, PlaceGradeDimensions } from './place-types.js';
+import { VenueGradeDimensionKey } from './venue-grade-dimensions.js';
+
+/**
+ * KitchenDossier — one kitchen, told as a story on its own photograph.
+ *
+ * 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, 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
+ * top edge showing which is up. The story runs on its own while the card is
+ * in view; a tap advances.
+ *
+ * ## A photograph with a caption, not a dark card
+ *
+ * `ConceptCompare` is a dark card with a photograph showing through two glass
+ * 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; 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"
+ *
+ * The name and the action open the venue; the dish name in the first part
+ * opens the item. A tap anywhere else on the card advances the story.
+ */
+/** @deprecated Alias of `MenuLinkProps`; kept for symmetry with the other menu surfaces. */
+type KitchenDossierLinkProps = MenuLinkProps;
+type KitchenDossierLabels = {
+    /** Kickers over the three parts. */
+    knownFor: string;
+    whatPeopleSay: string;
+    theGrade: string;
+    /** Currency beside the price, e.g. "lei". */
+    currency: string;
+    /** Beside the mention count, e.g. "4 name it". */
+    mentions: (count: number) => string;
+    /** "427 reviews", composed by the caller. */
+    reviewCount?: string;
+    /** "Open until 22:00", composed by the caller. Omit when closed or unknown. */
+    openUntil?: string;
+    /** Accessible name per segment, e.g. "Part 2 of 3". */
+    part: (index: number, count: number) => string;
+    /** Accessible name of the tap-to-advance. */
+    next: string;
+    /** Dimension key → translated label. */
+    dimensions: Partial<Record<VenueGradeDimensionKey, string>>;
+};
+type KitchenDossierProps = {
+    place: PlacePreview;
+    /** The venue's destination. */
+    href: string;
+    /** "Restaurant · Centru", composed by the caller. */
+    meta?: string;
+    /** Part one. */
+    signature?: MenuVenueSignature;
+    /** Part two — the digest's highlights; two are shown. */
+    quotes?: CitedText[];
+    /** Part three — the grade, with the overall already formatted. */
+    grade?: {
+        overall?: string;
+        dimensions?: PlaceGradeDimensions;
+    };
+    labels: KitchenDossierLabels;
+    formatPrice: (amount: number) => string;
+    /** 0–100 → display numeral. */
+    formatScore: (value: number) => string;
+    /** How long each part shows. */
+    partDurationMs?: number;
+    /** The foot's action — pass a rendered link or button. */
+    action?: ReactNode;
+    linkComponent?: MenuLinkComponent;
+    className?: string;
+};
+declare function KitchenDossier({ place, href, meta, signature, quotes, grade, labels, formatPrice, formatScore, partDurationMs, action, linkComponent: LinkComponent, className, }: KitchenDossierProps): react_jsx_runtime.JSX.Element;
+
+export { KitchenDossier, type KitchenDossierLabels, type KitchenDossierLinkProps, type KitchenDossierProps };