@bearmenu/ui 0.8.51 → 0.8.53

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/facet-group.d.ts

@@ -58,6 +58,12 @@ type FacetGroupProps = Omit<ComponentPropsWithoutRef<"fieldset">, "title" | "chi
      */
     name?: string;
     size?: FacetGroupSize;
+    /** Wrapping native-input chips for filter panels. Rows remain the default. */
+    layout?: "rows" | "chips";
+    /** Optional bounded chip list; selected options always stay visible. */
+    visibleLimit?: number;
+    showAllLabel?: string | ((count: number) => string);
+    showLessLabel?: string;
     /**
      * Turns the legend into a disclosure toggle for this group's options.
      *
@@ -84,7 +90,7 @@ type FacetGroupProps = Omit<ComponentPropsWithoutRef<"fieldset">, "title" | "chi
     moreExpanded?: boolean;
     className?: string;
 };
-declare function FacetGroup({ title, icon: Icon, options, selection, name, size, collapsible, defaultOpen, onToggle, moreLabel, onMore, moreExpanded, className, ...rest }: FacetGroupProps): react_jsx_runtime.JSX.Element;
+declare function FacetGroup({ title, icon: Icon, options, selection, name, size, layout, visibleLimit, showAllLabel, showLessLabel, collapsible, defaultOpen, onToggle, moreLabel, onMore, moreExpanded, className, ...rest }: FacetGroupProps): react_jsx_runtime.JSX.Element;
 type FacetGroupSkeletonProps = {
     /** How many option rows to draw — match the expected/last-known option count. */
     optionCount?: number;
@@ -92,9 +98,10 @@ type FacetGroupSkeletonProps = {
     showMore?: boolean;
     /** Must match the `<FacetGroup>` it stands in for, or rows shift when data lands. */
     size?: FacetGroupSize;
+    layout?: "rows" | "chips";
     className?: string;
 };
 /** Mirrors `<FacetGroup>`'s geometry exactly so nothing shifts when data lands. */
-declare function FacetGroupSkeleton({ optionCount, showMore, size, className, }: FacetGroupSkeletonProps): react_jsx_runtime.JSX.Element;
+declare function FacetGroupSkeleton({ optionCount, showMore, size, className, layout, }: FacetGroupSkeletonProps): react_jsx_runtime.JSX.Element;
 
 export { FacetGroup, type FacetGroupProps, type FacetGroupSelection, type FacetGroupSize, FacetGroupSkeleton, type FacetGroupSkeletonProps, type FacetOption };

package/dist/components/facet-group.js

@@ -1,9 +1,17 @@
+import { FilterOptionGroup } from '../chunk-GIJGVFGC.js';
+import '../chunk-RKNPPYRU.js';
+import '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
+import { Button } from '../chunk-GHKTVHQG.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
+import '../chunk-ZLMRVBD7.js';
+import '../chunk-RYPPN2GZ.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 import { useId, useState } from 'react';
 import { ChevronDown, Check } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var ROW_SIZE = {
   comfortable: "-mx-2 min-h-11 rounded-lg px-2",
@@ -21,6 +29,10 @@ function FacetGroup(_a) {
     selection = "multiple",
     name,
     size = "comfortable",
+    layout = "rows",
+    visibleLimit,
+    showAllLabel,
+    showLessLabel,
     collapsible = false,
     defaultOpen = true,
     onToggle,
@@ -35,6 +47,10 @@ function FacetGroup(_a) {
     "selection",
     "name",
     "size",
+    "layout",
+    "visibleLimit",
+    "showAllLabel",
+    "showLessLabel",
     "collapsible",
     "defaultOpen",
     "onToggle",
@@ -50,6 +66,48 @@ function FacetGroup(_a) {
   const setOpen = setIsOpen;
   const fallbackName = useId();
   const groupName = name != null ? name : fallbackName;
+  if (layout === "chips") {
+    const value = options.filter((option) => option.checked).map((option) => option.id);
+    return /* @__PURE__ */ jsx(
+      FilterOptionGroup,
+      {
+        title,
+        options: options.map((option) => __spreadProps(__spreadValues({}, option), { value: option.id })),
+        value,
+        selection,
+        name: groupName,
+        defaultOpen,
+        collapsible,
+        divider: false,
+        visibleLimit,
+        showAllLabel,
+        showLessLabel,
+        disabled: rest.disabled,
+        className,
+        onValueChange: (next) => {
+          if (selection === "single") {
+            if (next[0] != null) onToggle == null ? void 0 : onToggle(String(next[0]), true);
+            return;
+          }
+          for (const option of options) {
+            const checked = next.includes(option.id);
+            if (checked !== !!option.checked) onToggle == null ? void 0 : onToggle(option.id, checked);
+          }
+        },
+        footer: moreLabel && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "link",
+            className: "min-h-11 px-0",
+            onClick: onMore,
+            "aria-expanded": moreExpanded,
+            children: moreLabel
+          }
+        )
+      }
+    );
+  }
   return (
     // NO SEPARATOR OF ITS OWN. This drew `<Separator className="absolute
     // inset-x-0 top-0" />`, which looked like a rule above each group and was
@@ -98,7 +156,14 @@ function FacetGroup(_a) {
                   open ? "mb-[11px]" : "mb-0"
                 ),
                 children: [
-                  Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: "size-3.5 shrink-0", strokeWidth: 2.25 }),
+                  Icon && /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      "aria-hidden": true,
+                      className: "size-3.5 shrink-0",
+                      strokeWidth: 2.25
+                    }
+                  ),
                   title,
                   /* @__PURE__ */ jsx(
                     ChevronDown,
@@ -114,7 +179,14 @@ function FacetGroup(_a) {
               }
             )
           ) : /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-            Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: "size-3.5 shrink-0", strokeWidth: 2.25 }),
+            Icon && /* @__PURE__ */ jsx(
+              Icon,
+              {
+                "aria-hidden": true,
+                className: "size-3.5 shrink-0",
+                strokeWidth: 2.25
+              }
+            ),
             title
           ] })
         }
@@ -164,7 +236,13 @@ function FacetGroup(_a) {
                             "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2",
                             checked ? "border-primary bg-primary" : "border-border bg-background"
                           ),
-                          children: checked && (isSingle ? /* @__PURE__ */ jsx("span", { className: "size-[7px] rounded-full bg-primary-foreground" }) : /* @__PURE__ */ jsx(Check, { className: "h-[11px] w-[11px] text-primary-foreground", strokeWidth: 3 }))
+                          children: checked && (isSingle ? /* @__PURE__ */ jsx("span", { className: "size-[7px] rounded-full bg-primary-foreground" }) : /* @__PURE__ */ jsx(
+                            Check,
+                            {
+                              className: "h-[11px] w-[11px] text-primary-foreground",
+                              strokeWidth: 3
+                            }
+                          ))
                         }
                       ),
                       /* @__PURE__ */ jsx(
@@ -205,18 +283,38 @@ function FacetGroupSkeleton({
   optionCount = 4,
   showMore,
   size = "comfortable",
-  className
+  className,
+  layout = "rows"
 }) {
+  if (layout === "chips")
+    return /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: cn("py-3", className), children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "mb-4 h-4 w-24" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: optionCount }, (_, index) => /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          className: cn("h-11 rounded-2xl", index % 2 ? "w-28" : "w-24")
+        },
+        index
+      )) }),
+      showMore && /* @__PURE__ */ jsx(Skeleton, { className: "mt-3 h-4 w-20" })
+    ] });
   return (
     // Matches the live group: no rule of its own, `py-3`, and the row gap keyed
     // to the same density — or the panel shifts on load by the difference.
     /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: cn("py-3", className), children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "mb-[11px] h-3 w-20" }),
-      /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", ROW_GAP[size]), children: Array.from({ length: optionCount }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-[9px]", ROW_SIZE[size]), children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-[5px]" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-24" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "ml-auto h-3 w-5" })
-      ] }, index)) }),
+      /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", ROW_GAP[size]), children: Array.from({ length: optionCount }).map((_, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn("flex items-center gap-[9px]", ROW_SIZE[size]),
+          children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded-[5px]" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-24" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "ml-auto h-3 w-5" })
+          ]
+        },
+        index
+      )) }),
       showMore && /* @__PURE__ */ jsx(Skeleton, { className: "mt-[11px] h-3 w-16" })
     ] })
   );

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/filter-option-chip.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+
+type FilterOptionChipProps = Omit<ComponentPropsWithoutRef<"input">, "type" | "children" | "size"> & {
+    label: string;
+    /** Radios in one group must share a name. */
+    type?: "checkbox" | "radio";
+    /** Omit while counts are unresolved. Zero is a valid, selectable count. */
+    count?: number | null;
+    icon?: ReactNode;
+};
+/** A wrapping filter option with native selection and keyboard semantics. */
+declare function FilterOptionChip({ label, type, count, icon, className, id, disabled, ...input }: FilterOptionChipProps): react_jsx_runtime.JSX.Element;
+
+export { FilterOptionChip, type FilterOptionChipProps };

package/dist/components/filter-option-chip.js

@@ -0,0 +1,3 @@
+export { FilterOptionChip } from '../chunk-RKNPPYRU.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';

package/dist/components/filter-option-group.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type FilterOptionValue = string | number;
+type FilterOptionGroupProps = {
+    title: string;
+    options: {
+        value: FilterOptionValue;
+        label: string;
+        count?: number | null;
+        icon?: ReactNode;
+        section?: string;
+    }[];
+    value: FilterOptionValue[];
+    onValueChange: (value: FilterOptionValue[]) => void;
+    selection?: "multiple" | "single";
+    name?: string;
+    defaultOpen?: boolean;
+    collapsible?: boolean;
+    visibleLimit?: number;
+    showAllLabel?: string | ((count: number) => string);
+    showLessLabel?: string;
+    /** Extra controls or a selection explanation, before the options. */
+    children?: ReactNode;
+    footer?: ReactNode;
+    clearLabel?: string;
+    onClear?: () => void;
+    /** Omit neutral choices from the active summary without changing radio selection. */
+    summaryValues?: FilterOptionValue[];
+    className?: string;
+    divider?: boolean;
+    disabled?: boolean;
+};
+/** Presentation only: callers own filter rules, URL state, counts and translations. */
+declare function FilterOptionGroup({ title, options, value, onValueChange, selection, name, defaultOpen, collapsible, visibleLimit, showAllLabel, showLessLabel, children, footer, clearLabel, onClear, summaryValues, className, divider, disabled, }: FilterOptionGroupProps): react_jsx_runtime.JSX.Element;
+
+export { FilterOptionGroup, type FilterOptionGroupProps, type FilterOptionValue };

package/dist/components/filter-option-group.js

@@ -0,0 +1,10 @@
+export { FilterOptionGroup } from '../chunk-GIJGVFGC.js';
+import '../chunk-RKNPPYRU.js';
+import '../chunk-NWZGSLPU.js';
+import '../chunk-GHKTVHQG.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
+import '../chunk-ZLMRVBD7.js';
+import '../chunk-RYPPN2GZ.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';

package/dist/components/filter-panel-footer.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type FilterPanelFooterProps = {
+    resetLabel: string;
+    resultsLabel: string;
+    onReset: () => void;
+    onResults: () => void;
+    canReset: boolean;
+    pending?: boolean;
+    resetHint?: string;
+};
+/** Persistent actions belong outside the panel's scroll container. */
+declare function FilterPanelFooter({ resetLabel, resultsLabel, onReset, onResults, canReset, pending, resetHint, }: FilterPanelFooterProps): react_jsx_runtime.JSX.Element;
+
+export { FilterPanelFooter, type FilterPanelFooterProps };

package/dist/components/filter-panel-footer.js

@@ -0,0 +1,63 @@
+import { Button } from '../chunk-GHKTVHQG.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
+import { Text } from '../chunk-ZLMRVBD7.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function FilterPanelFooter({
+  resetLabel,
+  resultsLabel,
+  onReset,
+  onResults,
+  canReset,
+  pending,
+  resetHint
+}) {
+  return /* @__PURE__ */ jsxs(
+    "footer",
+    {
+      className: "shrink-0 border-t border-border bg-card px-4 pt-3 pb-[max(1rem,env(safe-area-inset-bottom))]",
+      "data-slot": "filter-panel-footer",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              className: "min-h-11 h-auto flex-1 whitespace-normal py-2",
+              disabled: !canReset,
+              onClick: onReset,
+              children: resetLabel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              className: "min-h-11 h-auto flex-[2] whitespace-normal py-2",
+              disabled: pending,
+              "aria-busy": pending || void 0,
+              onClick: onResults,
+              children: resultsLabel
+            }
+          )
+        ] }),
+        resetHint && /* @__PURE__ */ jsx(
+          Text,
+          {
+            as: "p",
+            variant: "caption",
+            color: "muted",
+            className: "mt-2 leading-relaxed",
+            children: resetHint
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { FilterPanelFooter };

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,

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

@@ -81,6 +81,13 @@ type PlaceCardProps = {
      * trending badge on the API's `trending` flag).
      */
     photoOverlay?: ReactNode;
+    /**
+     * Drawn in place of the green open-now dot, in the dot's top-right slot
+     * (roughly 16-20px square). Decorative: it is only rendered when
+     * `place.open_now === true` and should be `aria-hidden`. The closed badge is
+     * untouched.
+     */
+    openIndicator?: ReactNode;
     className?: string;
 };
 declare const PlaceCard: React$1.NamedExoticComponent<PlaceCardProps>;

package/dist/components/place-card.js

@@ -1,6 +1,6 @@
+import { HOVER_IMAGE_MOTION, HOVER_IMAGE_WRAPPER, HOVER_MOTION, HOVER_LIFT_GRID_GROUP } from '../chunk-XCB3F6SF.js';
 import { NEUTRAL_ICON_FILTER } from '../chunk-LQWGZIYA.js';
 import { OVERLAY_PILL } from '../chunk-EZG2NELX.js';
-import { HOVER_IMAGE_MOTION, HOVER_IMAGE_WRAPPER, HOVER_MOTION, HOVER_LIFT_GRID_GROUP } from '../chunk-XCB3F6SF.js';
 import { GradeAtom } from '../chunk-YE4ZQUTI.js';
 import { showsGradeAtom } from '../chunk-I5V446BX.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
@@ -74,6 +74,7 @@ var PlaceCard = memo(function PlaceCard2({
   onOpen,
   footer,
   photoOverlay,
+  openIndicator,
   className
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -132,13 +133,20 @@ var PlaceCard = memo(function PlaceCard2({
               }
             ) })
           ),
-          place.open_now === true && /* @__PURE__ */ jsx(
+          place.open_now === true && (openIndicator ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "pointer-events-none absolute right-2 top-2 flex items-center justify-center",
+              "aria-hidden": true,
+              children: openIndicator
+            }
+          ) : /* @__PURE__ */ jsx(
             "span",
             {
               className: "absolute right-2.5 top-2.5 h-2 w-2 rounded-full bg-green-500 ring-2 ring-white/70",
               "aria-hidden": true
             }
-          ),
+          )),
           place.open_now === false && /* `Badge variant="overlay"` + the shared cover geometry: this pill and
              the caller's `photoOverlay` sit on the same photo and must match. */
           /* @__PURE__ */ jsx(Badge, { variant: "overlay", className: cn(OVERLAY_PILL, "absolute right-2 top-2"), children: labels.closed })

package/dist/components/poster-stack.d.ts

@@ -50,6 +50,8 @@ type PosterStackPoster = {
     caption?: string;
     /** Rendered when `src` is absent or fails. Defaults to `<EventPosterFallback />`. */
     fallback?: React.ReactNode;
+    /** Decorative overlay on the poster face (it tilts and floats with the poster): an absolutely positioned, `aria-hidden` ornament. */
+    overlay?: React.ReactNode;
     /** Load now at high priority instead of lazily. For the poster that is the
      *  page's LCP element; every other poster stays lazy. */
     eager?: boolean;

package/dist/components/poster-stack.js

@@ -96,7 +96,8 @@ function PosterStack({
                 }
               )
             ) : (_a = poster.fallback) != null ? _a : /* @__PURE__ */ jsx(EventPosterFallback, {}),
-            poster.caption && /* @__PURE__ */ jsx("span", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent px-2 pb-2 pt-6", children: /* @__PURE__ */ jsx("span", { className: "line-clamp-2 text-[11px] font-semibold leading-[1.25] text-white md:text-[12.5px]", children: poster.caption }) })
+            poster.caption && /* @__PURE__ */ jsx("span", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent px-2 pb-2 pt-6", children: /* @__PURE__ */ jsx("span", { className: "line-clamp-2 text-[11px] font-semibold leading-[1.25] text-white md:text-[12.5px]", children: poster.caption }) }),
+            poster.overlay
           ] });
           return /* @__PURE__ */ jsx(
             "div",

package/dist/components/section-header.d.ts

@@ -56,9 +56,14 @@ type SectionHeaderProps = {
      * behaviour; it only holds the slot.
      */
     trailing?: React.ReactNode;
+    /**
+     * Absolute decoration anchored to the title group's own box. Takes no
+     * layout; the group is `relative` for it. Decorative and `aria-hidden`.
+     */
+    titleAdornment?: React.ReactNode;
     className?: string;
 };
-declare function SectionHeader({ title, count, subtitle, action, actionHref, actionTone, subtitleFrom, linkComponent: LinkComponent, onAction, as: Heading, trailing, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
+declare function SectionHeader({ title, count, subtitle, action, actionHref, actionTone, subtitleFrom, linkComponent: LinkComponent, onAction, as: Heading, trailing, titleAdornment, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
 type SectionHeaderSkeletonProps = {
     /** Shows the inline count placeholder, matching `SectionHeaderProps["count"]`. */
     showCount?: boolean;

package/dist/components/section-header.js

@@ -32,15 +32,17 @@ function SectionHeader({
   onAction,
   as: Heading = "h2",
   trailing,
+  titleAdornment,
   className
 }) {
   const actionIcon = /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5", "aria-hidden": true });
   const actionClasses = cn(ACTION_BASE_CLASSES, ACTION_TONE_CLASSES[actionTone]);
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col mb-3.5", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 items-baseline", children: [
         /* @__PURE__ */ jsx(Heading, { className: "truncate text-[17px] font-bold tracking-[-0.01em] text-foreground md:text-[18px]", children: title }),
-        count !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-1.5 shrink-0 text-[12px] tabular-nums text-muted-foreground lg:ml-0.5", children: count })
+        count !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-1.5 shrink-0 text-[12px] tabular-nums text-muted-foreground lg:ml-0.5", children: count }),
+        titleAdornment
       ] }),
       (action || trailing) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
         action && (actionHref ? /* @__PURE__ */ jsxs(LinkComponent, { href: actionHref, className: actionClasses, onClick: onAction, children: [

package/dist/components/timeline-day.js

@@ -1,4 +1,4 @@
-import { TimelineHourSkeleton } from '../chunk-S5GDARLW.js';
+import { TimelineHourSkeleton } from '../chunk-WY2FP76J.js';
 import '../chunk-BRXI6EDO.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';