@bearmenu/ui 0.8.50 → 0.8.52

package/dist/chunk-H4ORZT2D.js

@@ -0,0 +1,14 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function PosterOverlayFrame({
+  overlay,
+  children
+}) {
+  if (!overlay) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+    children,
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-[1]", "aria-hidden": "true", children: overlay })
+  ] });
+}
+
+export { PosterOverlayFrame };

package/dist/{chunk-S5GDARLW.js → chunk-WY2FP76J.js}

@@ -16,6 +16,7 @@ function ruleFromLg(items) {
 function TimelineHour({
   time,
   role = "hour",
+  tone = "default",
   isLive,
   liveLabel,
   countLabel,
@@ -28,6 +29,7 @@ function TimelineHour({
   const isHero = role === "hero";
   const isContinuation = role === "continuation";
   const isUnscheduled = role === "unscheduled";
+  const isLiveGroup = isUnscheduled && tone === "live";
   const hasStation = !isUnscheduled;
   const isCards = layout === "cards";
   const items = React.Children.toArray(children);
@@ -36,10 +38,12 @@ function TimelineHour({
     "section",
     {
       "data-timeline-hour": role,
+      "data-tone": isLiveGroup ? "live" : void 0,
       className: cn(
         "relative flex flex-col pt-2.5",
         // The phone gutter: the puck's column plus the 12px gap `HourBand` had.
-        hasStation && "pl-[70px] lg:pl-0",
+        // A live group keeps it so its cards align with the hours' cards.
+        (hasStation || isLiveGroup) && "pl-[70px] lg:pl-0",
         "lg:pt-[22px]",
         isHero ? cn(
           // The lane. Placed by the grid, not by source order; `self-start`
@@ -88,12 +92,31 @@ function TimelineHour({
             className: cn(
               "items-center gap-2.5",
               isUnscheduled ? "flex h-4" : "hidden lg:flex lg:h-4",
-              isHero && "lg:hidden"
+              isHero && "lg:hidden",
+              // The heading spans the gutter; only the cards sit inset.
+              isLiveGroup && "-ml-[70px] lg:ml-0"
             ),
             children: [
-              isUnscheduled && /* @__PURE__ */ jsx("span", { className: "font-mono text-[11.5px] text-muted-foreground tabular-nums lg:text-xs", children: time }),
-              /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
-              countLabel && /* @__PURE__ */ jsx("span", { className: "text-[10.5px] text-muted-foreground/70 lg:text-[11px]", children: countLabel })
+              isLiveGroup ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-xs font-semibold text-success", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "size-1.5 shrink-0 animate-pulse rounded-full bg-success motion-reduce:animate-none"
+                  }
+                ),
+                time
+              ] }) : isUnscheduled && /* @__PURE__ */ jsx("span", { className: "font-mono text-[11.5px] text-muted-foreground tabular-nums lg:text-xs", children: time }),
+              /* @__PURE__ */ jsx(Separator, { className: cn("flex-1", isLiveGroup && "bg-success/30") }),
+              countLabel && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    isLiveGroup ? "text-xs text-muted-foreground" : "text-[10.5px] text-muted-foreground/70 lg:text-[11px]"
+                  ),
+                  children: countLabel
+                }
+              )
             ]
           }
         ),

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?: "default" | "destructive" | "warning" | "success" | null | undefined;
+    variant?: "default" | "success" | "warning" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
+    variant?: "default" | "success" | "warning" | "destructive" | 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/avatar.d.ts

@@ -5,13 +5,13 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const avatarVariants: (props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "muted" | "brown" | "teal" | "green" | "blue" | "violet" | "rose" | null | undefined;
+    tone?: "brown" | "muted" | "teal" | "green" | "blue" | "violet" | "rose" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 type AvatarTone = NonNullable<VariantProps<typeof avatarVariants>["tone"]>;
 declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "muted" | "brown" | "teal" | "green" | "blue" | "violet" | "rose" | null | undefined;
+    tone?: "brown" | "muted" | "teal" | "green" | "blue" | "violet" | "rose" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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?: "default" | "destructive" | "warning" | "success" | "secondary" | "outline" | "glass" | "overlay" | "brown" | "code" | "onPrimary" | "confirmed" | "pending" | "completed" | "assignee" | "softSuccess" | "softWarning" | "softDestructive" | "softNeutral" | null | undefined;
+    variant?: "secondary" | "default" | "success" | "warning" | "destructive" | "outline" | "glass" | "overlay" | "brown" | "code" | "onPrimary" | "confirmed" | "pending" | "completed" | "assignee" | "softSuccess" | "softWarning" | "softDestructive" | "softNeutral" | null | undefined;
     size?: "status" | "chip" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/banner.d.ts

@@ -31,7 +31,7 @@ import { VariantProps } from 'class-variance-authority';
  * right edge, centred on the text, and never wraps under it.
  */
 declare const bannerVariants: (props?: ({
-    tone?: "destructive" | "warning" | "info" | null | undefined;
+    tone?: "warning" | "destructive" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BannerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & VariantProps<typeof bannerVariants> & {
     /**

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?: "default" | "destructive" | "warning" | "link" | "secondary" | "outline" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "cta" | null | undefined;
+    variant?: "secondary" | "default" | "link" | "warning" | "destructive" | "outline" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "cta" | null | undefined;
     size?: "default" | "icon" | "cta" | "xs" | "sm" | "lg" | "pill" | "cta-sm" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/card.d.ts

@@ -3,12 +3,12 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const cardVariants: (props?: ({
-    variant?: "muted" | "outline" | "glass" | "section" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
+    variant?: "outline" | "glass" | "section" | "muted" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "muted" | "outline" | "glass" | "section" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
+    variant?: "outline" | "glass" | "section" | "muted" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/category-deck.d.ts

@@ -38,9 +38,14 @@ type CategoryDeckProps = {
     /** Defaults to a plain `<a>`. Pass `next/link` in a Next app. */
     linkComponent?: React.ComponentType<CategoryDeckLinkProps>;
     onClick?: (mouseEvent: React.MouseEvent) => void;
+    /**
+     * Decoration laid over the fan's box, unclipped (it may cross the box's
+     * edge), above the cards. Absolutely positioned, `aria-hidden`, no layout.
+     */
+    overlay?: React.ReactNode;
     className?: string;
 };
-declare function CategoryDeck({ name, meta, posters, href, linkComponent: LinkComponent, onClick, className, }: CategoryDeckProps): react_jsx_runtime.JSX.Element;
+declare function CategoryDeck({ name, meta, posters, href, linkComponent: LinkComponent, onClick, overlay, className, }: CategoryDeckProps): react_jsx_runtime.JSX.Element;
 type CategoryDeckSkeletonProps = {
     className?: string;
 };

package/dist/components/category-deck.js

@@ -39,6 +39,7 @@ function CategoryDeck({
   href,
   linkComponent: LinkComponent = DefaultLink,
   onClick,
+  overlay,
   className
 }) {
   const slots = Array.from(
@@ -49,41 +50,44 @@ function CategoryDeck({
     }
   );
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "relative h-[150px] sm:h-[186px]", "aria-hidden": true, children: slots.map((poster, index) => {
-      var _a;
-      const transform = DECK_CARD_TRANSFORMS[index];
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "absolute left-1/2 top-0 aspect-[4/5] w-24 overflow-hidden rounded-[10px] bg-muted",
-            // Keyed to --foreground so the shadow is ink in light mode; in
-            // dark mode that same 18% is a light halo, so it drops to 7%.
-            "shadow-[0_10px_26px_color-mix(in_oklch,var(--foreground)_18%,transparent)]",
-            "dark:shadow-[0_10px_26px_color-mix(in_oklch,var(--foreground)_7%,transparent)]",
-            "sm:w-[120px]",
-            transform.rest,
-            transform.spread,
-            transform.z,
-            DECK_TRANSITION
-          ),
-          children: poster.content ? poster.content : poster.src ? (
-            // eslint-disable-next-line @next/next/no-img-element
-            /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: poster.src,
-                alt: (_a = poster.alt) != null ? _a : "",
-                loading: "lazy",
-                decoding: "async",
-                className: "h-full w-full object-cover"
-              }
-            )
-          ) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-muted" })
-        },
-        index
-      );
-    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative h-[150px] sm:h-[186px]", "aria-hidden": true, children: [
+      slots.map((poster, index) => {
+        var _a;
+        const transform = DECK_CARD_TRANSFORMS[index];
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute left-1/2 top-0 aspect-[4/5] w-24 overflow-hidden rounded-[10px] bg-muted",
+              // Keyed to --foreground so the shadow is ink in light mode; in
+              // dark mode that same 18% is a light halo, so it drops to 7%.
+              "shadow-[0_10px_26px_color-mix(in_oklch,var(--foreground)_18%,transparent)]",
+              "dark:shadow-[0_10px_26px_color-mix(in_oklch,var(--foreground)_7%,transparent)]",
+              "sm:w-[120px]",
+              transform.rest,
+              transform.spread,
+              transform.z,
+              DECK_TRANSITION
+            ),
+            children: poster.content ? poster.content : poster.src ? (
+              // eslint-disable-next-line @next/next/no-img-element
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: poster.src,
+                  alt: (_a = poster.alt) != null ? _a : "",
+                  loading: "lazy",
+                  decoding: "async",
+                  className: "h-full w-full object-cover"
+                }
+              )
+            ) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-muted" })
+          },
+          index
+        );
+      }),
+      overlay && /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-0 z-[3] block", "aria-hidden": true, children: overlay })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[9px] pt-3.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsx("div", { className: "truncate text-[14.5px] font-extrabold tracking-[-0.015em] sm:text-base", children: name }),

package/dist/components/empty-state.d.ts

@@ -53,7 +53,7 @@ interface EmptyStateProps {
  * louder than a load failure the user can retry.
  */
 declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-declare const SearchEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "variant" | "icon"> & React.RefAttributes<HTMLDivElement>>;
-declare const ErrorEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "variant" | "icon"> & React.RefAttributes<HTMLDivElement>>;
+declare const SearchEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "icon" | "variant"> & React.RefAttributes<HTMLDivElement>>;
+declare const ErrorEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "icon" | "variant"> & React.RefAttributes<HTMLDivElement>>;
 
 export { EmptyState, ErrorEmptyState, SearchEmptyState };

package/dist/components/event-card.d.ts

@@ -57,6 +57,13 @@ type EventCardProps = {
     badge?: React.ReactNode;
     /** Bottom-left overlay pill naming the category. Include its icon. */
     tagLabel?: React.ReactNode;
+    /**
+     * Decorative overlay inside the poster box (which is `relative` and clips),
+     * for a caller's absolutely positioned ornament. Rendered after the pills,
+     * hidden on the compact row's 64px poster. Must be `aria-hidden` and
+     * pointer-transparent; it never takes layout.
+     */
+    posterOverlay?: React.ReactNode;
     /**
      * Caller-supplied display labels, rendered as small chips in the text area
      * beneath the venue/meta line. `EventPreview.tags` is taxonomy coordinates

package/dist/components/event-card.js

@@ -23,6 +23,7 @@ var EventCard = memo(function EventCard2({
   density = "card",
   badge,
   tagLabel,
+  posterOverlay,
   tags,
   liveStatus,
   hideWhen,
@@ -106,6 +107,14 @@ var EventCard = memo(function EventCard2({
               ),
               children: /* @__PURE__ */ jsx("span", { className: cn(PILL_BASE, "bg-black/55 text-white"), children: tagLabel })
             }
+          ),
+          posterOverlay && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("pointer-events-none absolute inset-0", isRowLg && "lg:hidden"),
+              "aria-hidden": "true",
+              children: posterOverlay
+            }
           )
         ]
       }

package/dist/components/event-compact-row.d.ts

@@ -87,6 +87,12 @@ type EventCompactRowProps = {
     priority?: boolean;
     /** Rendered in place of the poster when it is absent or fails to load. Defaults to `<EventPosterFallback />`. */
     fallback?: React.ReactNode;
+    /**
+     * Decoration laid over the poster's box, unclipped (it may cross the
+     * poster's edge), above the row. Absolutely positioned, `aria-hidden`,
+     * pointer-transparent; it takes no layout.
+     */
+    posterOverlay?: React.ReactNode;
 };
 declare const EventCompactRow: React$1.NamedExoticComponent<EventCompactRowProps>;
 type EventCompactRowSkeletonProps = {

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

@@ -1,4 +1,5 @@
 import { TagGroup } from '../chunk-PX6RICS5.js';
+import { PosterOverlayFrame } from '../chunk-H4ORZT2D.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
 import { Tag } from '../chunk-MWB7S54O.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
@@ -30,7 +31,8 @@ var EventCompactRow = memo(function EventCompactRow2({
   onClick,
   className,
   priority,
-  fallback = /* @__PURE__ */ jsx(EventPosterFallback, {})
+  fallback = /* @__PURE__ */ jsx(EventPosterFallback, {}),
+  posterOverlay
 }) {
   var _a;
   const [imgError, setImgError] = useState(false);
@@ -43,7 +45,7 @@ var EventCompactRow = memo(function EventCompactRow2({
   const showEnded = isEnded && !!endedLabel;
   const separator = /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-border", children: "\xB7" });
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(PosterOverlayFrame, { overlay: posterOverlay, children: /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(
@@ -71,7 +73,7 @@ var EventCompactRow = memo(function EventCompactRow2({
           fallback
         )
       }
-    ),
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsx(
         "div",

package/dist/components/event-hub-hero.d.ts

@@ -25,6 +25,11 @@ type EventHubHeroStat = {
     label: string;
     /** `live` marks the figure that is happening right now. */
     tone?: "default" | "live";
+    /**
+     * Decoration beside the figure, absolutely positioned just past its right
+     * edge: no layout. Decorative and `aria-hidden`.
+     */
+    adornment?: React.ReactNode;
 };
 type EventHubHeroProps = {
     /** Small caps-style label above the title, e.g. "Updated today". */

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

@@ -68,15 +68,26 @@ function EventHubHero({
                       "lg:min-w-0 lg:rounded-none lg:border-0 lg:bg-transparent lg:p-0"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsxs(
                         "span",
                         {
                           className: cn(
                             "text-[19px] font-black leading-none tracking-[-0.02em] tabular-nums",
                             isLive ? "text-success" : "text-foreground",
-                            "lg:text-[30px] lg:tracking-[-0.03em]"
+                            "lg:text-[30px] lg:tracking-[-0.03em]",
+                            stat.adornment && "relative w-fit"
                           ),
-                          children: stat.value
+                          children: [
+                            stat.value,
+                            stat.adornment && /* @__PURE__ */ jsx(
+                              "span",
+                              {
+                                className: "pointer-events-none absolute left-full top-1/2 ml-1.5 -translate-y-1/2",
+                                "aria-hidden": true,
+                                children: stat.adornment
+                              }
+                            )
+                          ]
                         }
                       ),
                       /* @__PURE__ */ jsx("span", { className: "mt-0.5 text-[11px] text-muted-foreground lg:mt-[5px] lg:text-[12.5px]", children: stat.label })

package/dist/components/event-list-row-wide.d.ts

@@ -86,6 +86,12 @@ type EventListRowWideProps = {
      * line. Same prop and same reason as `EventIndexRow`.
      */
     hideRule?: boolean;
+    /**
+     * Decoration laid over the thumbnail's box, unclipped (it may cross the
+     * thumbnail's edge). Absolutely positioned, `aria-hidden`,
+     * pointer-transparent; it takes no layout.
+     */
+    posterOverlay?: ReactNode;
 };
 declare const EventListRowWide: React$1.NamedExoticComponent<EventListRowWideProps>;
 type EventListRowWideSkeletonProps = {

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

@@ -1,3 +1,4 @@
+import { PosterOverlayFrame } from '../chunk-H4ORZT2D.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
 import { Tag } from '../chunk-MWB7S54O.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
@@ -30,7 +31,8 @@ var EventListRowWide = memo(function EventListRowWide2({
   className,
   priority,
   fallback = /* @__PURE__ */ jsx(EventPosterFallback, {}),
-  hideRule
+  hideRule,
+  posterOverlay
 }) {
   var _a, _b;
   const [imgError, setImgError] = useState(false);
@@ -69,7 +71,7 @@ var EventListRowWide = memo(function EventListRowWide2({
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "aspect-square w-[104px] shrink-0 overflow-hidden rounded-[10px] bg-muted", children: showPoster ? (
+    /* @__PURE__ */ jsx(PosterOverlayFrame, { overlay: posterOverlay, children: /* @__PURE__ */ jsx("div", { className: "aspect-square w-[104px] shrink-0 overflow-hidden rounded-[10px] bg-muted", children: showPoster ? (
       // eslint-disable-next-line @next/next/no-img-element
       /* @__PURE__ */ jsx(
         "img",
@@ -82,7 +84,7 @@ var EventListRowWide = memo(function EventListRowWide2({
           onError: () => setImgError(true)
         }
       )
-    ) : fallback }),
+    ) : fallback }) }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         href ? /* @__PURE__ */ jsx(

package/dist/components/event-tonight-strip.d.ts

@@ -40,9 +40,11 @@ type EventTonightStripProps = {
     href?: string;
     /** Defaults to a plain `<a>`. Pass `next/link` in a Next app. */
     linkComponent?: React.ComponentType<EventTonightStripLinkProps>;
+    /** Replaces the pulsing dot of the `live` tone, in the dot's own slot. Decorative. */
+    liveIndicator?: React.ReactNode;
     className?: string;
 };
-declare function EventTonightStrip({ tone, lead, details, actionLabel, href, linkComponent: LinkComponent, className, }: EventTonightStripProps): react_jsx_runtime.JSX.Element;
+declare function EventTonightStrip({ tone, lead, details, actionLabel, href, linkComponent: LinkComponent, liveIndicator, className, }: EventTonightStripProps): react_jsx_runtime.JSX.Element;
 declare function EventTonightStripSkeleton({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;

package/dist/components/event-tonight-strip.js

@@ -3,7 +3,7 @@ import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import { Clock, CalendarDays, ChevronRight } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function DefaultLink(_a) {
   var _b = _a, { href } = _b, props = __objRest(_b, ["href"]);
@@ -16,10 +16,11 @@ function EventTonightStrip({
   actionLabel,
   href,
   linkComponent: LinkComponent = DefaultLink,
+  liveIndicator,
   className
 }) {
   const interactive = !!href;
-  const mark = tone === "live" ? /* @__PURE__ */ jsxs("span", { className: "relative flex h-2.5 w-2.5", "aria-hidden": true, children: [
+  const mark = tone === "live" && liveIndicator ? /* @__PURE__ */ jsx("span", { className: "flex h-4 w-4 items-center justify-center", "aria-hidden": true, children: liveIndicator }) : tone === "live" ? /* @__PURE__ */ jsxs("span", { className: "relative flex h-2.5 w-2.5", "aria-hidden": true, children: [
     /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full rounded-full bg-success/40 motion-live-pulse motion-reduce:animate-none" }),
     /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2.5 w-2.5 rounded-full bg-success" })
   ] }) : tone === "tonight" ? /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }) : /* @__PURE__ */ jsx(

package/dist/components/featured-rail-item.d.ts

@@ -24,6 +24,8 @@ type FeaturedRailItemProps = {
     note: string;
     /** Top-left overlay pill. Include its icon. */
     tagLabel?: React.ReactNode;
+    /** Decorative overlay inside the poster box (`relative`, clipping): an absolutely positioned, `aria-hidden` ornament. */
+    posterOverlay?: React.ReactNode;
     posterUrl?: string;
     href?: string;
     /** Defaults to a plain `<a>`. Pass `next/link` in a Next app. */
@@ -33,7 +35,7 @@ type FeaturedRailItemProps = {
     /** Rendered instead of the poster when it's absent or failed to load. Defaults to `<EventPosterFallback />`. */
     fallback?: ReactNode;
 };
-declare function FeaturedRailItem({ title, venue, note, tagLabel, posterUrl, href, linkComponent: LinkComponent, onClick, className, fallback, }: FeaturedRailItemProps): react_jsx_runtime.JSX.Element;
+declare function FeaturedRailItem({ title, venue, note, tagLabel, posterOverlay, posterUrl, href, linkComponent: LinkComponent, onClick, className, fallback, }: FeaturedRailItemProps): react_jsx_runtime.JSX.Element;
 type FeaturedRailItemSkeletonProps = {
     className?: string;
 };

package/dist/components/featured-rail-item.js

@@ -14,6 +14,7 @@ function FeaturedRailItem({
   venue,
   note,
   tagLabel,
+  posterOverlay,
   posterUrl,
   href,
   linkComponent: LinkComponent = DefaultLink,
@@ -40,7 +41,8 @@ function FeaturedRailItem({
           }
         )
       ) : fallback,
-      tagLabel && /* @__PURE__ */ jsx("div", { className: "absolute inset-x-2 top-2 flex items-start", children: /* @__PURE__ */ jsx("span", { className: "inline-flex h-6 max-w-full items-center gap-1 rounded-full bg-black/55 px-2 text-[11px] font-semibold text-white", children: tagLabel }) })
+      tagLabel && /* @__PURE__ */ jsx("div", { className: "absolute inset-x-2 top-2 flex items-start", children: /* @__PURE__ */ jsx("span", { className: "inline-flex h-6 max-w-full items-center gap-1 rounded-full bg-black/55 px-2 text-[11px] font-semibold text-white", children: tagLabel }) }),
+      posterOverlay
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "px-0.5 pt-2.5", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-[13.5px] font-bold leading-[1.3]", children: title }),

package/dist/components/item.d.ts

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

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

@@ -83,9 +83,15 @@ type KitchenDossierProps = {
     partDurationMs?: number;
     /** The foot's action — pass a rendered link or button. */
     action?: ReactNode;
+    /**
+     * Drawn in place of the open-until pill's dot, in the dot's slot (roughly
+     * 16-22px square). Decorative and `aria-hidden`; only rendered with
+     * `labels.openUntil`.
+     */
+    openIndicator?: 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;
+declare function KitchenDossier({ place, href, meta, signature, quotes, grade, labels, formatPrice, formatScore, partDurationMs, action, openIndicator, linkComponent: LinkComponent, className, }: KitchenDossierProps): react_jsx_runtime.JSX.Element;
 
 export { KitchenDossier, type KitchenDossierLabels, type KitchenDossierLinkProps, type KitchenDossierProps };

package/dist/components/kitchen-dossier.js

@@ -32,6 +32,7 @@ function KitchenDossier({
   formatScore,
   partDurationMs,
   action,
+  openIndicator,
   linkComponent: LinkComponent = DefaultLink,
   className
 }) {
@@ -129,7 +130,7 @@ function KitchenDossier({
                 }
               ),
               /* @__PURE__ */ jsx("div", { className: "relative min-h-[184px] flex-1", children: labels.openUntil && /* @__PURE__ */ jsxs("span", { className: "absolute left-0 top-3 inline-flex h-[30px] items-center gap-[7px] rounded-full bg-[oklch(0.16_0.012_55_/_0.78)] px-3 text-[11.5px] font-bold text-white", children: [
-                /* @__PURE__ */ jsx("i", { className: "h-[7px] w-[7px] rounded-full bg-success", "aria-hidden": true }),
+                openIndicator ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center justify-center", "aria-hidden": true, children: openIndicator }) : /* @__PURE__ */ jsx("i", { className: "h-[7px] w-[7px] rounded-full bg-success", "aria-hidden": true }),
                 labels.openUntil
               ] }) }),
               /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-3.5", children: [

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

@@ -64,8 +64,14 @@ type MenuHubHeroProps = {
      * `h2` so the document has one h1, not two.
      */
     headingLevel?: "h1" | "h2";
+    /**
+     * A decorative layer over the photographs and their scrim, under the text:
+     * fill the banner with `absolute inset-0`. Clipped by the banner's rounded
+     * edge. Decorative and `aria-hidden`.
+     */
+    sceneOverlay?: React.ReactNode;
     className?: string;
 };
-declare function MenuHubHero({ kicker, kickerIcon, headline, body, figures, proof, proofIcon, action, backgroundUrl, tileUrls, headingLevel: Heading, className, }: MenuHubHeroProps): react_jsx_runtime.JSX.Element;
+declare function MenuHubHero({ kicker, kickerIcon, headline, body, figures, proof, proofIcon, action, backgroundUrl, tileUrls, headingLevel: Heading, sceneOverlay, className, }: MenuHubHeroProps): react_jsx_runtime.JSX.Element;
 
 export { MenuHubHero, type MenuHubHeroFigure, type MenuHubHeroProps };

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

@@ -16,6 +16,7 @@ function MenuHubHero({
   backgroundUrl,
   tileUrls,
   headingLevel: Heading = "h1",
+  sceneOverlay,
   className
 }) {
   return /* @__PURE__ */ jsxs(
@@ -81,6 +82,7 @@ function MenuHubHero({
             )
           }
         ),
+        sceneOverlay && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0", children: sceneOverlay }),
         /* @__PURE__ */ jsxs("div", { className: "relative z-[1] flex w-full flex-col justify-center gap-3 p-5 text-white lg:gap-4 lg:px-12 lg:py-11", children: [
           kicker && /* @__PURE__ */ jsxs("span", { className: "inline-flex w-max items-center gap-[7px] rounded-full bg-white/15 px-3 py-1.5 text-[11px] font-extrabold tracking-[0.11em]", children: [
             kickerIcon,