@bearmenu/ui 0.8.8 → 0.8.9

package/dist/chunk-62ES6N32.js

@@ -0,0 +1,27 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsx } from 'react/jsx-runtime';
+
+function VenueQuotes({ quotes, onCite, citeLabel, limit, className }) {
+  const shown = typeof limit === "number" ? quotes.slice(0, limit) : quotes;
+  if (shown.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-3 lg:grid-cols-2", className), children: shown.map((quote, index) => {
+    var _a, _b;
+    const citations = (_b = (_a = quote.review_ids) == null ? void 0 : _a.length) != null ? _b : 0;
+    const canCite = !!onCite && citations > 0;
+    const text = /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-border pl-3 font-serif text-[13px] italic leading-[1.45] text-muted-foreground", children: `\u201C${quote.text}\u201D` });
+    if (!canCite) return /* @__PURE__ */ jsx("div", { children: text }, index);
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onCite(quote),
+        "aria-label": citeLabel == null ? void 0 : citeLabel(citations),
+        className: "rounded-md text-left transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: text
+      },
+      index
+    );
+  }) });
+}
+
+export { VenueQuotes };

package/dist/chunk-AXV5O2IZ.js

@@ -0,0 +1,58 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_ORDER = [
+  "food",
+  "coffee_quality",
+  "drinks_quality",
+  "service",
+  "value",
+  "ambiance",
+  "portion",
+  "consistency",
+  "cleanliness"
+];
+function VenueGradeDimensions({
+  dimensions,
+  labels,
+  order = DEFAULT_ORDER,
+  formatScore,
+  className
+}) {
+  const present = order.map((key) => ({ key, value: dimensions[key] })).filter(
+    (entry) => typeof entry.value === "number"
+  );
+  if (present.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      className: cn(
+        "grid grid-cols-3 gap-2.5 sm:grid-cols-4 lg:flex lg:gap-2.5",
+        className
+      ),
+      children: present.map(({ key, value }) => {
+        var _a;
+        return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 lg:flex-1", children: [
+          /* @__PURE__ */ jsx("dd", { className: "text-[15px] font-extrabold tracking-[-0.02em] tabular-nums", children: formatScore(value) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "relative block h-[3px] overflow-hidden rounded-full bg-muted",
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "absolute inset-y-0 left-0 rounded-full bg-[var(--gradient-primary,currentColor)]",
+                  style: { width: `${Math.min(100, Math.max(0, value))}%` }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("dt", { className: "text-[10.5px] text-muted-foreground", children: (_a = labels[key]) != null ? _a : key })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export { VenueGradeDimensions };

package/dist/chunk-Q6QH52LJ.js

@@ -0,0 +1,38 @@
+import { Badge } from './chunk-UKBNQO6Q.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsx } from 'react/jsx-runtime';
+
+function SignatureChip({
+  label,
+  onEvidence,
+  surface = "canvas",
+  className
+}) {
+  const shared = "h-4 shrink-0 px-1.5 text-[10px] font-medium uppercase tracking-wider";
+  const onImage = surface === "image";
+  if (!onEvidence) {
+    return /* @__PURE__ */ jsx(Badge, { variant: onImage ? "overlay" : "secondary", className: cn(shared, className), children: label });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        onEvidence();
+      },
+      className: cn(
+        shared,
+        "inline-flex items-center rounded-full border border-dashed",
+        onImage ? "border-background/70 bg-foreground/70 text-background backdrop-blur-sm hover:bg-foreground/85" : "border-accent/40 text-accent hover:bg-accent/10",
+        "focus-visible:outline-none focus-visible:ring-2",
+        onImage ? "focus-visible:ring-background/70" : "focus-visible:ring-accent/40",
+        className
+      ),
+      children: label
+    }
+  );
+}
+
+export { SignatureChip };

package/dist/chunk-TH6W2PWG.js

@@ -0,0 +1,213 @@
+import { SignatureChip } from './chunk-Q6QH52LJ.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
+import { memo } from 'react';
+import { MessageSquareQuote } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function DefaultLink(_a) {
+  var _b = _a, { href } = _b, props = __objRest(_b, ["href"]);
+  return /* @__PURE__ */ jsx("a", __spreadValues({ href }, props));
+}
+function MentionSignal({
+  label,
+  count,
+  onMentions,
+  formatCount = String
+}) {
+  const content = /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
+    /* @__PURE__ */ jsx(MessageSquareQuote, { className: "h-3.5 w-3.5 opacity-60", "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatCount(count) })
+  ] });
+  const shared = cn(
+    // `relative z-[2]` keeps this above the row's stretched link overlay.
+    "relative z-[2] inline-flex shrink-0 items-center text-accent",
+    // Same size and weight as the price at the other end of the meta row — keep
+    // these two in step if the price's type changes.
+    "text-[15px] font-bold",
+    // `min-h-6` holds the tap target at the 24px WCAG 2.5.8 floor; `px-1.5
+    // -mx-1.5` buys the horizontal half without moving the pair on screen.
+    "min-h-6 px-1.5 -mx-1.5"
+  );
+  if (!onMentions) {
+    return /* @__PURE__ */ jsx("span", { className: shared, "aria-label": label, children: content });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "mentions",
+      "aria-label": label,
+      onClick: (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        onMentions();
+      },
+      className: cn(
+        shared,
+        "rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children: content
+    }
+  );
+}
+var MenuItem = memo(function MenuItem2({
+  item,
+  labels,
+  formatPrice,
+  formatCount = String,
+  onOpen,
+  showSignatureBadge = false,
+  signatureTier = "strong",
+  onSignatureEvidence,
+  onMentions,
+  markGradient,
+  venueName,
+  subtitle,
+  href,
+  linkLabel,
+  linkComponent: LinkComponent = DefaultLink,
+  disabled = false,
+  className
+}) {
+  var _a, _b, _c, _d, _e;
+  const firstEntry = (_a = item.sizes_and_prices) == null ? void 0 : _a[0];
+  const quantity = firstEntry == null ? void 0 : firstEntry.size;
+  const hasQuantity = quantity != null && quantity > 0;
+  const allPrices = (_c = (_b = item.sizes_and_prices) == null ? void 0 : _b.map((entry) => entry.price).filter((price) => typeof price === "number" && price > 0)) != null ? _c : [];
+  const minPrice = allPrices.length > 0 ? Math.min(...allPrices) : null;
+  const maxPrice = allPrices.length > 0 ? Math.max(...allPrices) : null;
+  const isPriceRange = minPrice != null && maxPrice != null && minPrice !== maxPrice;
+  const mentionCount = (_e = (_d = item.mentions) != null ? _d : item.review_count) != null ? _e : 0;
+  const isInert = !href && !onOpen;
+  const isActionable = !disabled && !isInert;
+  const handleRowClick = () => {
+    if (disabled) return;
+    onOpen == null ? void 0 : onOpen();
+  };
+  const handleKeyDown = (event) => {
+    if (disabled) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      onOpen == null ? void 0 : onOpen();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: href || isInert ? void 0 : "button",
+      tabIndex: href || isInert ? void 0 : disabled ? -1 : 0,
+      "aria-disabled": disabled || void 0,
+      onClick: href || isInert ? void 0 : handleRowClick,
+      onKeyDown: href || isInert ? void 0 : handleKeyDown,
+      className: cn(
+        "group relative flex min-h-[72px] items-start gap-3 px-4 py-3",
+        // Radius only where the row is a grid cell. Full-bleed rows run edge to
+        // edge, where a corner radius would round against the viewport.
+        "md:rounded-xl",
+        // 180ms is the EXIT; `hover:duration-*` overrides it to 120ms on the
+        // way in. A hover that leaves as fast as it arrives reads as a flicker
+        // when the pointer crosses a list.
+        !isInert && [
+          "transition-[background-color,box-shadow,transform] duration-[180ms] ease-out motion-reduce:transition-none",
+          "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+        ],
+        isActionable && [
+          "cursor-pointer hover:duration-[120ms]",
+          // Opaque, never alpha: `hover:bg-muted/40` composited to a lightness
+          // delta of 0.004 on the light canvas — a hover state that measured as
+          // nothing.
+          "hover:bg-card dark:hover:bg-surface-2",
+          // Grid cells only. On a full-bleed row the shadow runs off both
+          // viewport edges and reads as a smear; that row widens its tab instead.
+          "md:hover:shadow-[var(--shadow-row-hover)]",
+          // Hover lifts, press sinks — the two must not read as one gesture.
+          "active:scale-[0.985] active:duration-[90ms] active:ease-in active:shadow-none",
+          "active:bg-muted",
+          "motion-reduce:active:scale-100",
+          // The mention count is a button inside a button. While the pointer is
+          // on it the row stops claiming the hover, so only one target is lit.
+          "has-[[data-slot=mentions]:hover]:bg-transparent has-[[data-slot=mentions]:hover]:shadow-none"
+        ],
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      children: [
+        href && /* @__PURE__ */ jsx(
+          LinkComponent,
+          {
+            href,
+            "aria-label": linkLabel != null ? linkLabel : item.name,
+            className: "absolute inset-0 z-[1] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent md:rounded-xl"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "-ml-4 w-2 shrink-0 self-stretch rounded-r-full bg-muted",
+              // The full-bleed row's hover signal, since it cannot take a shadow.
+              // `-mr-1` absorbs the extra 4px so the text column does not shift as
+              // the mark grows. Grid cells get the shadow instead and hold the mark
+              // still — the tab encodes which section you are in, so the less it
+              // moves, the better it does that job.
+              !isInert && [
+                "transition-[width] duration-[120ms] ease-out motion-reduce:transition-none",
+                "group-hover:-mr-1 group-hover:w-3 md:group-hover:mr-0 md:group-hover:w-2"
+              ]
+            ),
+            style: markGradient ? { backgroundImage: markGradient } : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-[15px] font-semibold leading-snug text-foreground", children: item.name }),
+            showSignatureBadge && /* @__PURE__ */ jsx(
+              SignatureChip,
+              {
+                label: signatureTier === "weak" ? labels.mentioned : labels.signature,
+                onEvidence: onSignatureEvidence,
+                className: "mt-0.5"
+              }
+            )
+          ] }),
+          venueName && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-[12px] font-medium text-foreground/70", children: venueName }),
+          subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 text-xs italic leading-snug text-muted-foreground", children: subtitle }) : item.description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "mt-0.5 text-xs text-muted-foreground",
+                venueName ? "line-clamp-1" : "line-clamp-2"
+              ),
+              children: item.description
+            }
+          ),
+          (minPrice != null || hasQuantity || mentionCount > 0) && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-baseline justify-between gap-x-2 gap-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-x-2", children: [
+              minPrice != null && /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[15px] font-bold tabular-nums text-foreground", children: isPriceRange ? `${formatPrice(minPrice)}\u2013${formatPrice(maxPrice)}` : formatPrice(minPrice) }),
+                /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: labels.currency })
+              ] }),
+              hasQuantity && /* @__PURE__ */ jsxs("span", { className: "text-[12px] tabular-nums text-muted-foreground", children: [
+                quantity,
+                item.kind === "dish" ? "g" : "ml"
+              ] })
+            ] }),
+            mentionCount > 0 && /* @__PURE__ */ jsx(
+              MentionSignal,
+              {
+                label: labels.mentions(mentionCount),
+                count: mentionCount,
+                onMentions,
+                formatCount
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+
+export { MentionSignal, MenuItem };

package/dist/chunk-THOVPZNN.js

@@ -0,0 +1,37 @@
+import { MenuItem } from './chunk-TH6W2PWG.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function VenueSignatureBlock({
+  item,
+  labels,
+  formatPrice,
+  formatCount,
+  kicker,
+  markGradient,
+  subtitle,
+  href,
+  linkComponent,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("overflow-hidden rounded-xl bg-accent-subtle py-1", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "block px-4 pt-2 text-[9.5px] font-bold uppercase tracking-[0.09em] text-muted-foreground", children: kicker }),
+    /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        item,
+        labels,
+        formatPrice,
+        formatCount,
+        markGradient,
+        subtitle,
+        showSignatureBadge: false,
+        href,
+        linkComponent,
+        className: "min-h-0 md:rounded-none md:hover:bg-transparent md:hover:shadow-none"
+      }
+    )
+  ] });
+}
+
+export { VenueSignatureBlock };

package/dist/chunk-YS6BHKZO.js

@@ -0,0 +1,92 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsx } from 'react/jsx-runtime';
+
+var GHOST_ROWS = 13;
+var GHOST_CENTRE = (GHOST_ROWS - 1) / 2;
+var ALPHA_PEAK = 0.44;
+var ALPHA_EDGE = 0;
+var FALLOFF_EXPONENT = 3.4;
+var GHOST_LINE_CHARS = 56;
+function hashString(input) {
+  let hash = 5381;
+  for (let i = 0; i < input.length; i++) hash = hash * 33 ^ input.charCodeAt(i);
+  return Math.abs(hash);
+}
+function MenuField({
+  name,
+  gradient,
+  seedKey,
+  variant = "repeat",
+  className
+}) {
+  if (variant === "display") {
+    const words = name.trim().split(/\s+/).filter(Boolean);
+    const longestWord = Math.max(1, ...words.map((word) => word.length));
+    const lineCount = Math.max(1, words.length);
+    const byWidth = (96 / (longestWord * 0.62)).toFixed(1);
+    const byHeight = (90 / (lineCount * 0.9)).toFixed(1);
+    const fontSize = `clamp(9cqw, min(19cqw, ${byWidth}cqw, ${byHeight}cqh), 19cqw)`;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("relative isolate overflow-hidden", className),
+        style: { backgroundImage: gradient, containerType: "size" },
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute inset-0 flex select-none items-center justify-center p-[4cqw] text-center font-black uppercase leading-[0.9] tracking-[-0.03em] text-white/[0.26]",
+            style: { fontSize },
+            children: name
+          }
+        )
+      }
+    );
+  }
+  const unit = `${name} \xB7 `;
+  const repeats = Math.max(2, Math.ceil(GHOST_LINE_CHARS / Math.max(unit.length, 1)));
+  const ghostLine = unit.repeat(repeats);
+  const seed = hashString(seedKey != null ? seedKey : name);
+  const rows = Array.from({ length: GHOST_ROWS }, (_, row) => {
+    const distance = Math.abs(row - GHOST_CENTRE) / GHOST_CENTRE;
+    const alpha = ALPHA_EDGE + (ALPHA_PEAK - ALPHA_EDGE) * Math.pow(1 - distance, FALLOFF_EXPONENT);
+    return { row, alpha, offset: (seed >> row % 12) % 90 - 45 };
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("relative isolate overflow-hidden", className),
+      style: { backgroundImage: gradient },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute left-1/2 top-1/2 flex h-[180%] w-[180%] -translate-x-1/2 -translate-y-1/2 -rotate-[11deg] select-none flex-col justify-center",
+          children: rows.map(({ row, alpha, offset }) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "block whitespace-nowrap text-center text-[15px] font-bold leading-[1.45] tracking-[-0.01em]",
+              style: {
+                color: `oklch(1 0 0 / ${alpha.toFixed(3)})`,
+                // Emboss, both edges scaled by this row's alpha: a dark edge below
+                // cuts the letterform into the field, a light edge above lifts its
+                // top. The dark edge is kept well under the fill — at parity it
+                // ringed every glyph and dragged the type back toward grey, which
+                // is the opposite of what the fill is doing.
+                textShadow: [
+                  `0 1px 1px oklch(0 0 0 / ${(alpha * 0.4).toFixed(3)})`,
+                  `0 -1px 0 oklch(1 0 0 / ${(alpha * 0.4).toFixed(3)})`
+                ].join(", "),
+                transform: `translateX(${offset}px)`
+              },
+              children: ghostLine
+            },
+            row
+          ))
+        }
+      )
+    }
+  );
+}
+
+export { MenuField };

package/dist/components/alert.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "overlay" | "glass" | "success" | "warning" | "brown" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "brown" | "antagonist" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "overlay" | "glass" | "brown" | "link" | "ghost" | "antagonist" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/command.d.ts

@@ -8,7 +8,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -38,7 +38,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -47,14 +47,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     progress?: number;
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -64,7 +64,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -73,7 +73,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -82,7 +82,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MenuItemLabels } from './menu-item.js';
+import { MenuConceptPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
+import 'react';
+import './place-types.js';
+
+/**
+ * ConceptCompare — one dish or drink across every kitchen that makes it, under
+ * whatever name each of them uses.
+ *
+ * The keystone module: a single menu can list papanași, only a catalogue can
+ * say that seventy kitchens make them under fifty different names between 8 and
+ * 44 lei. The alias column is what makes it honest — these are not the same row
+ * seventy times, they are seventy differently-named rows we matched, and
+ * showing each kitchen's own wording is the evidence for that.
+ *
+ * ## The row is place-led
+ *
+ * Each row leads with the VENUE PHOTOGRAPH, which is real and licensed. It
+ * replaced a price bar, and the trade is not close: the bar measured the one
+ * value already printed beside it in words, while the thing a reader is
+ * actually choosing between — the restaurant — had no image at all. Five
+ * restaurants that disagree about a name is the story; five bars of similar
+ * length is not.
+ *
+ * ## Two layouts, one component
+ *
+ * From `lg` the row is a table: rank, venue, alias, mentions, price. Below it,
+ * the rows become the production `<MenuItem>` — the alias as the name, the
+ * venue underneath — because a five-column table does not survive 390px and
+ * the item row already solves this exact shape everywhere else in the app.
+ */
+/** @deprecated Alias of `MenuLinkProps`; kept so existing imports keep working. */
+type ConceptCompareLinkProps = MenuLinkProps;
+type ConceptCompareFigure = {
+    /** Pre-formatted, e.g. "44". */
+    value: string;
+    label: string;
+};
+type ConceptCompareLabels = {
+    /** Small caps kicker, e.g. "DISH CONCEPT". */
+    kind: string;
+    /** Column heading over the aliases, e.g. "ON THEIR MENU AS". */
+    alias: string;
+    /** Under each price, e.g. "per portion". */
+    perPortion?: string;
+    /** Badge on the lowest-priced row, e.g. "cheapest shown". */
+    cheapest?: string;
+};
+type ConceptCompareProps = {
+    concept: MenuConceptPreview;
+    labels: ConceptCompareLabels;
+    /** Passed to the mobile `<MenuItem>` rows. */
+    itemLabels: MenuItemLabels;
+    formatPrice: (amount: number) => string;
+    formatCount?: (value: number) => string;
+    /** CSS gradient for the header swatch, when there is no photograph. */
+    gradient: string;
+    /** A real photograph of the concept, when the matched menu row carries one. */
+    imageUrl?: string;
+    figures?: ConceptCompareFigure[];
+    /** Destination per row, keyed by place slug. */
+    hrefs?: Record<string, string>;
+    /** The provenance note in the footer. */
+    footnote?: string;
+    /** Actions in the footer — pass rendered links or buttons. */
+    actions?: React.ReactNode;
+    linkComponent?: MenuLinkComponent;
+    className?: string;
+};
+declare function ConceptCompare({ concept, labels, itemLabels, formatPrice, formatCount, gradient, imageUrl, figures, hrefs, footnote, actions, linkComponent: LinkComponent, className, }: ConceptCompareProps): react_jsx_runtime.JSX.Element;
+
+export { ConceptCompare, type ConceptCompareFigure, type ConceptCompareLabels, type ConceptCompareLinkProps, type ConceptCompareProps };