@bearmenu/ui 0.8.22 → 0.8.24

package/dist/{chunk-AHL45DD2.js → chunk-I4RUOAU7.js}

@@ -1,6 +1,7 @@
+import { MotionPlayPause } from './chunk-4OF4T4AI.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { useRef, useState, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var DRIFT_RAIL_DEFAULT_DURATION_SECONDS = 42;
 var DRIFT_RAIL_RESUME_DELAY_MS = 3e3;
@@ -9,6 +10,7 @@ function DriftRail({
   reverse = false,
   durationSeconds = DRIFT_RAIL_DEFAULT_DURATION_SECONDS,
   pauseOnHover = true,
+  labels,
   className
 }) {
   const scrollerRef = useRef(null);
@@ -16,6 +18,8 @@ function DriftRail({
   const [isHovered, setIsHovered] = useState(false);
   const [inView, setInView] = useState(true);
   const [reducedMotion, setReducedMotion] = useState(false);
+  const [isManuallyPaused, setIsManuallyPaused] = useState(false);
+  const [playPauseReplayToken, setPlayPauseReplayToken] = useState(0);
   const heldUntil = useRef(0);
   const mouseDrag = useRef(null);
   const position = useRef(0);
@@ -37,14 +41,14 @@ function DriftRail({
     return () => observer.disconnect();
   }, []);
   useEffect(() => {
-    const scroller = scrollerRef.current;
+    const scroller2 = scrollerRef.current;
     const track = trackRef.current;
-    if (!scroller || !track) return void 0;
+    if (!scroller2 || !track) return void 0;
     let frame = 0;
     let last = performance.now();
-    const drifting = !reducedMotion && inView && !(pauseOnHover && isHovered);
-    if (reverse && scroller.scrollLeft === 0) scroller.scrollLeft = track.scrollWidth / 2;
-    position.current = scroller.scrollLeft;
+    const drifting = !reducedMotion && !isManuallyPaused && inView && !(pauseOnHover && isHovered);
+    if (reverse && scroller2.scrollLeft === 0) scroller2.scrollLeft = track.scrollWidth / 2;
+    position.current = scroller2.scrollLeft;
     const tick = (now) => {
       const half = track.scrollWidth / 2;
       if (half > 0) {
@@ -54,7 +58,7 @@ function DriftRail({
           const delta = perSecond * (now - last) / 1e3;
           position.current += reverse ? -delta : delta;
         } else {
-          position.current = scroller.scrollLeft;
+          position.current = scroller2.scrollLeft;
         }
         let wrapped = false;
         if (position.current >= half) {
@@ -64,14 +68,14 @@ function DriftRail({
           position.current += half;
           wrapped = true;
         }
-        if (driftingNow || wrapped) scroller.scrollLeft = position.current;
+        if (driftingNow || wrapped) scroller2.scrollLeft = position.current;
       }
       last = now;
       frame = requestAnimationFrame(tick);
     };
     frame = requestAnimationFrame(tick);
     return () => cancelAnimationFrame(frame);
-  }, [durationSeconds, inView, isHovered, pauseOnHover, reducedMotion, reverse]);
+  }, [durationSeconds, inView, isHovered, isManuallyPaused, pauseOnHover, reducedMotion, reverse]);
   const hold = () => {
     heldUntil.current = Number.POSITIVE_INFINITY;
   };
@@ -114,7 +118,7 @@ function DriftRail({
       event.stopPropagation();
     }
   };
-  return /* @__PURE__ */ jsx(
+  const scroller = /* @__PURE__ */ jsx(
     "div",
     {
       ref: scrollerRef,
@@ -136,10 +140,33 @@ function DriftRail({
       ),
       children: /* @__PURE__ */ jsxs("div", { ref: trackRef, className: "flex w-max items-stretch gap-3.5", children: [
         children,
-        /* @__PURE__ */ jsx("div", { className: "contents", "aria-hidden": "true", children })
+        /* @__PURE__ */ jsx("div", { className: "contents", "aria-hidden": "true", inert: true, children })
       ] })
     }
   );
+  if (!labels || reducedMotion) return scroller;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    scroller,
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsManuallyPaused((current) => !current),
+        onPointerDown: () => setPlayPauseReplayToken((n) => n + 1),
+        "aria-label": isManuallyPaused ? labels.play : labels.pause,
+        "aria-pressed": isManuallyPaused,
+        className: "flex h-11 w-11 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground transition-colors duration-150 hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 motion-reduce:transition-none",
+        children: /* @__PURE__ */ jsx(
+          MotionPlayPause,
+          {
+            active: !isManuallyPaused,
+            replayToken: playPauseReplayToken,
+            className: "size-4"
+          }
+        )
+      }
+    ) })
+  ] });
 }
 
 export { DriftRail };

package/dist/{chunk-DJD3EMPK.js → chunk-YE4ZQUTI.js}

@@ -94,7 +94,7 @@ function GradeAtom({
     );
   }
   const band = resolveGradeBand(overall);
-  const value = formatGrade(overall);
+  const value = labels.value ? labels.value(Math.round(Math.min(10, Math.max(1, overall)) * 10) / 10) : formatGrade(overall);
   const descriptor = labels.bands[band];
   const showDesc = sz.showDesc && !hideDescriptor;
   const photo = onPhoto ? BAND_CLASSES_PHOTO[band] : null;

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" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "onPrimary" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "warning" | "success" | "onPrimary" | 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?: "default" | "destructive" | "warning" | "link" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "warning" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "pill" | "icon" | "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" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
+    variant?: "outline" | "glass" | "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" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
+    variant?: "outline" | "glass" | "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/command.d.ts

@@ -4,11 +4,11 @@ import { DialogProps } from '@radix-ui/react-dialog';
 
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -28,61 +28,61 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     progress?: number;
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuConceptPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/doorway-tiles.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

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

@@ -26,7 +26,28 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
  * work nobody can see. `prefers-reduced-motion` removes the drift entirely;
  * the rail stays scrollable by hand, which is more than the static strip it
  * used to collapse to.
+ *
+ * THE READER CAN STOP IT FOR GOOD. Hover and touch are holds; a rail that
+ * drifts for longer than five seconds also needs a control the reader can
+ * press (WCAG 2.2.2), and a low-vision reader who cannot follow the motion
+ * needs it to stay stopped. Pass `labels` and the rail renders a pause/play
+ * toggle under its right edge — the same latch, glyph and 44px target as
+ * `WeekendPanel`'s, so the hub's rails all answer to one control. It is not
+ * rendered under `prefers-reduced-motion`, where there is nothing to stop.
+ *
+ * THE DUPLICATE IS INERT. The second copy is what makes the loop seamless,
+ * but its links are the same links again: `aria-hidden` kept them out of the
+ * accessibility tree and left them in the tab order, so a keyboard reader
+ * tabbed through every item twice. `inert` removes them from focus and
+ * hit-testing as well.
  */
+/** Accessible names for the pause/play toggle, injected so the DS owns no copy. */
+type DriftRailLabels = {
+    /** Name announced while the rail drifts (the button pauses it). */
+    pause: string;
+    /** Name announced while the rail is paused (the button resumes it). */
+    play: string;
+};
 type DriftRailProps = {
     children: React.ReactNode;
     /** Runs the loop right-to-left instead of left-to-right. */
@@ -35,8 +56,14 @@ type DriftRailProps = {
     durationSeconds?: number;
     /** Pauses the loop while the pointer hovers the rail. */
     pauseOnHover?: boolean;
+    /**
+     * Accessible names for the pause/play toggle. When given, the toggle
+     * renders whenever the rail drifts (never under `prefers-reduced-motion`);
+     * without it there is no control, as before.
+     */
+    labels?: DriftRailLabels;
     className?: string;
 };
-declare function DriftRail({ children, reverse, durationSeconds, pauseOnHover, className, }: DriftRailProps): react_jsx_runtime.JSX.Element;
+declare function DriftRail({ children, reverse, durationSeconds, pauseOnHover, labels, className, }: DriftRailProps): react_jsx_runtime.JSX.Element;
 
-export { DriftRail, type DriftRailProps };
+export { DriftRail, type DriftRailLabels, type DriftRailProps };

package/dist/components/drift-rail.js

@@ -1,3 +1,5 @@
-export { DriftRail } from '../chunk-AHL45DD2.js';
+export { DriftRail } from '../chunk-I4RUOAU7.js';
+import '../chunk-4OF4T4AI.js';
+import '../chunk-L3VEMP5A.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/grade-atom.d.ts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import '../lib/grade.js';
-export { G as GradeAtom, h as GradeAtomLabels, i as GradeAtomProps, j as GradeAtomSize } from '../place-types-BHdeMMiG.js';
+export { G as GradeAtom, h as GradeAtomLabels, i as GradeAtomProps, j as GradeAtomSize } from '../place-types-C4rR3LTs.js';

package/dist/components/grade-atom.js

@@ -1,4 +1,4 @@
-export { GradeAtom } from '../chunk-DJD3EMPK.js';
+export { GradeAtom } from '../chunk-YE4ZQUTI.js';
 import '../chunk-I5V446BX.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { MenuVenueSignature, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
-import { P as PlacePreview, C as CitedText, a as PlaceGradeDimensions } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview, C as CitedText, a as PlaceGradeDimensions } from '../place-types-C4rR3LTs.js';
 import { VenueGradeDimensionKey } from './venue-grade-dimensions.js';
 import '../lib/grade.js';
 

package/dist/components/menu-dead-end.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent, MenuLoosenOption } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-family-block.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuKitchenListLabels } from './menu-kitchen-list.js';
 import { MenuFamilyBlockPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-family-card.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuFamilyPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-filter-chips.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuFilterChip } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-group-rows.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-index-header.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIndexEntry, MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 type MenuIndexHeaderProps = {

package/dist/components/menu-index-list.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIndexEntry, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIntentFigure, MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-item.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuItemPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-kitchen-list.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuKitchenPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-mocks.d.ts

@@ -1,6 +1,6 @@
 import { MenuFamilyBlockPreview, MenuConceptPreview, MenuFamilyPreview, MenuFilterChip, MenuIndexEntry, MenuIntentFigure, MenuItemPreview, MenuKitchenPreview, MenuLoosenOption, QaItem, MenuVenuePreview } from './menu-types.js';
 import { DoorwayTile } from './doorway-tiles.js';
-import { P as PlacePreview } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview } from '../place-types-C4rR3LTs.js';
 import 'react';
 import 'react/jsx-runtime';
 import '../lib/grade.js';

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

@@ -1,5 +1,5 @@
 import { ComponentType, CSSProperties, ReactNode } from 'react';
-import { M as MenuSizeAndPrice, P as PlacePreview } from '../place-types-BHdeMMiG.js';
+import { M as MenuSizeAndPrice, P as PlacePreview } from '../place-types-C4rR3LTs.js';
 import 'react/jsx-runtime';
 import '../lib/grade.js';
 

package/dist/components/open-now-list.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuVenuePreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/place-about-tab.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PlacePreview, b as PlaceAboutTabLabels, c as PlaceLinkKind } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview, b as PlaceAboutTabLabels, c as PlaceLinkKind } from '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 interface PlaceAboutTabProps {

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { ReactNode, MouseEvent } from 'react';
-import { P as PlacePreview, d as PlaceCardLabels } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview, d as PlaceCardLabels } from '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/place-card.js

@@ -1,7 +1,7 @@
 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 { NEUTRAL_ICON_FILTER } from '../chunk-LQWGZIYA.js';
-import { GradeAtom } from '../chunk-DJD3EMPK.js';
+import { GradeAtom } from '../chunk-YE4ZQUTI.js';
 import { showsGradeAtom } from '../chunk-I5V446BX.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { springSnappy } from '../chunk-OIV7B44M.js';

package/dist/components/place-details-mobile.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PlacePreview, e as PlaceDetailsMobileLabels } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview, e as PlaceDetailsMobileLabels } from '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 interface PlaceDetailsMobileProps {

package/dist/components/place-schedule-week.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { f as PlaceSchedule, g as PlaceScheduleWeekLabels } from '../place-types-BHdeMMiG.js';
+import { f as PlaceSchedule, g as PlaceScheduleWeekLabels } from '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 interface PlaceScheduleWeekProps {

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

@@ -1,3 +1,3 @@
-export { C as CitedText, k as CitedValue, M as MenuSizeAndPrice, b as PlaceAboutTabLabels, d as PlaceCardLabels, e as PlaceDetailsMobileLabels, l as PlaceGrade, a as PlaceGradeDimensions, m as PlaceHourBlock, c as PlaceLinkKind, n as PlaceMustTry, P as PlacePreview, o as PlacePriceRange, p as PlaceReviewsDigest, f as PlaceSchedule, g as PlaceScheduleWeekLabels, W as WeekdayKey } from '../place-types-BHdeMMiG.js';
+export { C as CitedText, k as CitedValue, M as MenuSizeAndPrice, b as PlaceAboutTabLabels, d as PlaceCardLabels, e as PlaceDetailsMobileLabels, l as PlaceGrade, a as PlaceGradeDimensions, m as PlaceHourBlock, c as PlaceLinkKind, n as PlaceMustTry, P as PlacePreview, o as PlacePriceRange, p as PlaceReviewsDigest, f as PlaceSchedule, g as PlaceScheduleWeekLabels, W as WeekdayKey } from '../place-types-C4rR3LTs.js';
 import 'react/jsx-runtime';
 import '../lib/grade.js';

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

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { DriftRailLabels } from './drift-rail.js';
 
 /**
  * PosterTape — the closing marquee: small 4:5 posters drifting past at a
@@ -12,8 +13,18 @@ import { ReactNode } from 'react';
 type PosterTapeItem = {
     id: string;
     title: string;
-    /** Caller-composed, e.g. "Sat 5 · 20:00". Rendered as mono, small. */
+    /**
+     * Caller-composed, e.g. "Sat 5" — or "Sat 5 · 20:00" when `time` is not
+     * given. Rendered as mono, small, and truncated at the tape's width.
+     */
     meta: string;
+    /**
+     * The time, e.g. "20:00", rendered after `meta` and never truncated. The
+     * tape is 132px wide and a long localised date ("sâm., 5 sept. · 17:00")
+     * used to clip to "17:…" — the one figure the reader came for. Split it out
+     * and the date is what gives way.
+     */
+    time?: string;
     posterUrl?: string;
     href?: string;
     /** Rendered instead of the poster when it's absent or failed to load. Defaults to `<EventPosterFallback />`. */
@@ -29,8 +40,10 @@ type PosterTapeProps = {
     /** Defaults to a plain `<a>`. Pass `next/link` in a Next app. */
     linkComponent?: React.ComponentType<PosterTapeLinkProps>;
     durationSeconds?: number;
+    /** Forwarded to `<DriftRail>`: names for its pause/play toggle, which renders only when given. */
+    labels?: DriftRailLabels;
     className?: string;
 };
-declare function PosterTape({ items, linkComponent: LinkComponent, durationSeconds, className, }: PosterTapeProps): react_jsx_runtime.JSX.Element;
+declare function PosterTape({ items, linkComponent: LinkComponent, durationSeconds, labels, className, }: PosterTapeProps): react_jsx_runtime.JSX.Element;
 
 export { PosterTape, type PosterTapeItem, type PosterTapeLinkProps, type PosterTapeProps };

package/dist/components/poster-tape.js

@@ -1,4 +1,6 @@
-import { DriftRail } from '../chunk-AHL45DD2.js';
+import { DriftRail } from '../chunk-I4RUOAU7.js';
+import '../chunk-4OF4T4AI.js';
+import '../chunk-L3VEMP5A.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
@@ -34,7 +36,13 @@ function PosterTapeItemCard({
       )
     ) : (_a = item.fallback) != null ? _a : /* @__PURE__ */ jsx(EventPosterFallback, {}) }),
     /* @__PURE__ */ jsx("div", { className: "mt-1.5 text-[11px] font-semibold leading-[1.3] sm:mt-[7px] sm:text-[11.5px]", children: item.title }),
-    /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate font-mono text-[10px] text-muted-foreground sm:text-[10.5px]", children: item.meta })
+    /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex gap-1 font-mono text-[10px] text-muted-foreground sm:text-[10.5px]", children: [
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: item.meta }),
+      item.time && /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
+        "\xB7 ",
+        item.time
+      ] })
+    ] })
   ] });
   const itemClasses = "block w-[132px] shrink-0";
   if (item.href) {
@@ -56,9 +64,10 @@ function PosterTape({
   items,
   linkComponent: LinkComponent = DefaultLink,
   durationSeconds = POSTER_TAPE_DEFAULT_DURATION_SECONDS,
+  labels,
   className
 }) {
-  return /* @__PURE__ */ jsx(DriftRail, { durationSeconds, className, children: items.map((item) => /* @__PURE__ */ jsx(PosterTapeItemCard, { item, LinkComponent }, item.id)) });
+  return /* @__PURE__ */ jsx(DriftRail, { durationSeconds, labels, className, children: items.map((item) => /* @__PURE__ */ jsx(PosterTapeItemCard, { item, LinkComponent }, item.id)) });
 }
 
 export { PosterTape };