@bearmenu/ui 0.8.16 → 0.8.18

package/dist/chunk-NSNEANOQ.js

@@ -1,104 +0,0 @@
-import { Separator } from './chunk-NWZGSLPU.js';
-import { Skeleton } from './chunk-XBBEX4SF.js';
-import { cn } from './chunk-FEK5XGZW.js';
-import { Radio } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var LIVE_PUCK_PULSE_CLASS = "bm-timeline-live-puck-pulse";
-var TIMELINE_MOBILE_GUTTER_CLASS = "w-[58px]";
-function TimelineHourPuck({
-  time,
-  isLive,
-  liveLabel,
-  variant = "station",
-  className
-}) {
-  const isChip = variant === "chip";
-  return /* @__PURE__ */ jsxs("span", { className: cn("relative flex justify-center", className), children: [
-    isLive && /* @__PURE__ */ jsx("style", { children: `
-          @keyframes ${LIVE_PUCK_PULSE_CLASS} {
-            0%, 100% { box-shadow: 0 0 0 0 color-mix(in oklch, var(--success) 40%, transparent); }
-            50% { box-shadow: 0 0 0 4px color-mix(in oklch, var(--success) 0%, transparent); }
-          }
-          .${LIVE_PUCK_PULSE_CLASS} {
-            animation: ${LIVE_PUCK_PULSE_CLASS} 2.4s ease-in-out infinite;
-          }
-          @media (prefers-reduced-motion: reduce) {
-            .${LIVE_PUCK_PULSE_CLASS} { animation: none; }
-          }
-        ` }),
-    /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: cn(
-          "whitespace-nowrap font-mono tabular-nums",
-          isChip ? cn(
-            "inline-flex h-6 min-w-[58px] items-center justify-center gap-1 rounded-[7px] px-1 text-[12px] font-medium",
-            isLive ? cn("bg-success/10 text-success", LIVE_PUCK_PULSE_CLASS) : "bg-muted text-foreground"
-          ) : cn(
-            "rounded-[7px] border bg-background px-[7px] py-[3px] text-[12.5px] font-medium",
-            isLive ? cn("border-success/40 text-success", LIVE_PUCK_PULSE_CLASS) : "border-border text-foreground"
-          )
-        ),
-        children: [
-          isChip && isLive && /* @__PURE__ */ jsx(Radio, { className: "h-2.5 w-2.5 shrink-0", "aria-hidden": true }),
-          time
-        ]
-      }
-    ),
-    isLive && !!liveLabel && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          isChip ? "sr-only" : cn(
-            "absolute top-[calc(100%+6px)] whitespace-nowrap bg-background px-1",
-            "text-[9.5px] font-extrabold tracking-[0.08em] text-success"
-          )
-        ),
-        children: liveLabel
-      }
-    )
-  ] });
-}
-function TimelineBand({ lane, children, className }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-stretch", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "w-[var(--timeline-lane)] shrink-0", children: lane }),
-    /* @__PURE__ */ jsx("div", { className: "relative flex w-[var(--timeline-spine)] shrink-0 justify-center self-stretch", children: /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-full" }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-col", children })
-  ] });
-}
-function sk(width, height, radiusPx = 12) {
-  return /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      style: { width, height: `${height}px`, borderRadius: `${radiusPx}px` }
-    }
-  );
-}
-function TimelineBandSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-stretch", className), "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex w-[var(--timeline-lane)] shrink-0 flex-col gap-3", children: [
-      sk("100%", 297, 12),
-      sk("70%", 18),
-      sk("45%", 13)
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "relative flex w-[var(--timeline-spine)] shrink-0 justify-center self-stretch", children: /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-full" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-[10px]", children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-        sk("100%", 190, 12),
-        sk("85%", 15),
-        sk("55%", 12)
-      ] }, index)) }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-[11px] py-2", children: [
-        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-x-0 top-0" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-[34px] w-[34px] shrink-0 rounded-md" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-          sk("60%", 13),
-          sk("40%", 11.5)
-        ] })
-      ] }, index)) })
-    ] })
-  ] });
-}
-
-export { TIMELINE_MOBILE_GUTTER_CLASS, TimelineBand, TimelineBandSkeleton, TimelineHourPuck };

package/dist/chunk-SXQZ7DLH.js

@@ -1,167 +0,0 @@
-import { Separator } from './chunk-NWZGSLPU.js';
-import { Skeleton } from './chunk-XBBEX4SF.js';
-import { cn } from './chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from './chunk-MMUBH76A.js';
-import { Star, Clock, Check, MessageSquare, ChevronRight } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function DefaultLink(_a) {
-  var _b = _a, { href } = _b, props = __objRest(_b, ["href"]);
-  return /* @__PURE__ */ jsx("a", __spreadValues({ href }, props));
-}
-function MenuKitchenList({
-  kitchens,
-  labels,
-  onShowMore,
-  linkComponent = DefaultLink,
-  className
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsx("ol", { children: kitchens.map((kitchen, index) => /* @__PURE__ */ jsxs("li", { className: "[&:first-child>div]:pt-0", children: [
-      index > 0 && /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx(KitchenRow, { kitchen, labels, linkComponent })
-    ] }, kitchen.place.slug)) }),
-    onShowMore && labels.showMore && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onShowMore,
-        className: "mt-2 self-start rounded-md py-2 text-[13px] font-bold text-accent transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
-        children: labels.showMore
-      }
-    )
-  ] });
-}
-function KitchenRow({
-  kitchen,
-  labels,
-  linkComponent: LinkComponent
-}) {
-  const { place, dish } = kitchen;
-  const openNow = place.open_now === true;
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-wrap items-center gap-[11px] py-3 transition-colors hover:bg-muted/30 motion-reduce:transition-none lg:flex-nowrap lg:gap-4 lg:py-3.5", children: [
-    /* @__PURE__ */ jsx(
-      LinkComponent,
-      {
-        href: kitchen.href,
-        "aria-label": labels.openVenue(place.name),
-        className: "absolute inset-0 z-[1] rounded-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "relative h-[46px] w-[46px] shrink-0 overflow-hidden rounded-[11px] bg-[repeating-linear-gradient(135deg,oklch(0.78_0.018_55)_0_8px,oklch(0.84_0.012_58)_8px_16px)] lg:h-[58px] lg:w-[58px] lg:rounded-[13px]", children: [
-      place.thumbnail_url && // eslint-disable-next-line @next/next/no-img-element
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: place.thumbnail_url,
-          alt: "",
-          loading: "lazy",
-          decoding: "async",
-          className: "h-full w-full object-cover"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          title: openNow ? labels.openNow : void 0,
-          className: cn(
-            "absolute right-[5px] top-[5px] h-[7px] w-[7px] rounded-full ring-2 ring-white/85",
-            openNow ? "bg-[var(--free,oklch(0.55_0.13_155))]" : "bg-[oklch(0.8_0.01_60)]"
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 lg:w-[226px] lg:flex-none", children: [
-      /* @__PURE__ */ jsx("span", { className: "truncate text-[14.5px] font-bold tracking-[-0.01em] lg:line-clamp-2 lg:whitespace-normal lg:text-[15.5px] lg:leading-tight", children: place.name }),
-      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 truncate text-xs text-muted-foreground", children: [
-        place.rating && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Star, { className: "h-[11px] w-[11px] shrink-0", "aria-hidden": true }),
-          place.rating.rating,
-          kitchen.metaLabel && " \xB7 "
-        ] }),
-        kitchen.metaLabel
-      ] }),
-      kitchen.hoursLabel && /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: cn(
-            "mt-[3px] inline-flex h-[21px] w-max items-center gap-[5px] rounded-md px-2 text-[10.5px] font-bold",
-            openNow ? "bg-[oklch(0.96_0.02_155)] text-[var(--free,oklch(0.45_0.13_155))]" : "bg-muted text-muted-foreground"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(Clock, { className: "h-2.5 w-2.5 shrink-0", "aria-hidden": true }),
-            kitchen.hoursLabel
-          ]
-        }
-      )
-    ] }),
-    dish && /* DESKTOP ONLY, where it is a column of its own beside the venue.
-               On the phone it wrapped to a third line under the row — kicker, dish,
-               mention count — which turned a four-line venue row into a seven-line
-               block and, ten rows down, buried the venue names the list exists to
-               be scanned for. The dish is not what a reader is choosing here; it is
-               one tap away on the venue's own page, with room to state it.
-    
-               `order-5` puts it last in the visual order without moving it in the
-               DOM, where it belongs to the venue. */
-    /* @__PURE__ */ jsxs("div", { className: "hidden min-w-0 basis-full pl-[57px] lg:order-none lg:block lg:flex-1 lg:basis-auto lg:pl-0", children: [
-      /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: cn(
-            "flex items-center gap-1.5 text-[9px] font-extrabold uppercase tracking-[0.1em]",
-            dish.matched ? "text-accent" : "text-[oklch(0.72_0.01_60)]"
-          ),
-          children: [
-            dish.kicker,
-            dish.matched && dish.matchLabel && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-[5px] bg-accent-subtle px-1.5 py-px text-[10.5px] font-bold normal-case tracking-normal text-accent", children: [
-              /* @__PURE__ */ jsx(Check, { className: "h-2.5 w-2.5 shrink-0", "aria-hidden": true }),
-              dish.matchLabel
-            ] })
-          ]
-        }
-      ),
-      dish.href ? /* @__PURE__ */ jsx(
-        LinkComponent,
-        {
-          href: dish.href,
-          "aria-label": labels.openDish(dish.name),
-          className: "relative z-[2] mt-0.5 block truncate font-serif text-[13.5px] italic underline decoration-[oklch(0.84_0.01_60)] decoration-1 underline-offset-[3px] transition-colors hover:text-accent hover:decoration-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none lg:text-[15px]",
-          children: dish.name
-        }
-      ) : /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate font-serif text-[13.5px] italic lg:text-[15px]", children: dish.name }),
-      dish.meta && /* @__PURE__ */ jsxs("span", { className: "mt-[3px] flex items-center gap-1 text-[11.5px] text-muted-foreground", children: [
-        !dish.matched && /* @__PURE__ */ jsx(MessageSquare, { className: "h-2.5 w-2.5 shrink-0", "aria-hidden": true }),
-        dish.meta
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-[11px] lg:ml-0", children: [
-      kitchen.priceLabel && /* @__PURE__ */ jsx("span", { className: "text-base font-extrabold tabular-nums text-accent", children: kitchen.priceLabel }),
-      /* @__PURE__ */ jsx(ChevronRight, { className: "h-[15px] w-[15px] shrink-0 text-muted-foreground", "aria-hidden": true })
-    ] })
-  ] });
-}
-function MenuKitchenListSkeleton({
-  rows = 10,
-  className
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", className), "aria-hidden": true, children: Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsxs("div", { children: [
-    index > 0 && /* @__PURE__ */ jsx(Separator, {}),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-[11px] py-3 lg:flex-nowrap lg:gap-4 lg:py-3.5", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-[46px] w-[46px] rounded-[11px] lg:h-[58px] lg:w-[58px] lg:rounded-[13px]" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 lg:w-[226px] lg:flex-none", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[60%]" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-[45%]" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-[21px] w-[120px] rounded-md" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "hidden min-w-0 basis-full pl-[57px] lg:order-none lg:block lg:flex-1 lg:basis-auto lg:pl-0", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-[90px]" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-4 w-[70%]" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-3 w-[40%]" })
-      ] }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "ml-auto h-5 w-[56px] lg:ml-0" })
-    ] })
-  ] }, index)) });
-}
-
-export { MenuKitchenList, MenuKitchenListSkeleton };

package/dist/components/hour-band.d.ts

@@ -1,66 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-/**
- * HourBand — one hour on the timeline's axis, with that hour's events beside it.
- *
- * The mobile timeline is an app list, not a page: a 58px gutter carrying a
- * filled hour chip with a hairline dropping from beneath it, and the hour's
- * rows to the right, separated by hairlines of their own. The rows carry no
- * timestamp — this band IS the timestamp, which is why `EventCard` has
- * `hideWhen` and `EventCompactRow` has `hideTime`.
- *
- * The chip is the shared `TimelineHourPuck` in its `chip` variant, so the
- * desktop spine's station and this gutter's label are one object with two
- * looks rather than two objects that drift. The hairline starts BELOW the chip
- * rather than running behind it: a chip is a label at the top of its hour, a
- * station is a tick on a continuous rail, and the two read differently.
- *
- * `isLive` tints the chip and the hairline with `--success`; the live label is
- * kept for screen readers (the chip variant hides it visually). The playhead —
- * the exact current time — is a separate `TimelinePlayhead` rendered between
- * bands by the caller, because an hour spans sixty minutes and "now" is one of
- * them.
- *
- * ROWS ARE SEPARATED HERE, NOT IN THE ROW. `EventCompactRow` deliberately
- * draws no divider (its container does — see its docblock), so this band wraps
- * each child and rules between them. The wrapper, not the child, carries the
- * rule, so the row's own negative-margin hover wash is untouched. Children are
- * read with `Children.toArray`, which drops `null`/`false` so a conditional
- * first row never inherits a rule meant for a second; pass rows as siblings,
- * not inside a fragment — a fragment is one child and gets one wrapper.
- */
-type HourBandProps = {
-    /** The hour, already formatted and localised — "20:00". */
-    time: string;
-    /** Marks this as the hour currently in progress. */
-    isLive?: boolean;
-    /** Screen-reader text for the live hour, e.g. "Now on". Required to render it. */
-    liveLabel?: string;
-    /** The hour's events. Each direct child is one row or card. */
-    children: React.ReactNode;
-    /**
-     * `rows` (default): compact rows, ruled between with a Separator. `cards`:
-     * poster cards, stacked with a 16px gap and no rules — a card is its own
-     * frame, and a hairline between two posters reads as a third object.
-     */
-    layout?: "rows" | "cards";
-    className?: string;
-};
-declare function HourBand({ time, isLive, liveLabel, children, layout, className, }: HourBandProps): react_jsx_runtime.JSX.Element;
-type HourBandSkeletonProps = {
-    /** Rows to reserve space for. */
-    cardCount?: number;
-    className?: string;
-};
-/**
- * The mobile timeline's loading state, mirroring `HourBand` exactly — same
- * gutter, same hairline, same row rhythm — so nothing jumps when data lands.
- *
- * The chip is blocked out at its real size rather than omitted: it is a fixed
- * 58x24 lozenge, so a grey one reads as "a time goes here" without inventing
- * a time. Row footprints mirror `EventCompactRowSkeleton`.
- */
-declare function HourBandSkeleton({ cardCount, className, }: HourBandSkeletonProps): react_jsx_runtime.JSX.Element;
-
-export { HourBand, type HourBandProps, HourBandSkeleton, type HourBandSkeletonProps };

package/dist/components/hour-band.js

@@ -1,81 +0,0 @@
-import { TimelineHourPuck, TIMELINE_MOBILE_GUTTER_CLASS } from '../chunk-NSNEANOQ.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
-import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { cn } from '../chunk-FEK5XGZW.js';
-import '../chunk-MMUBH76A.js';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function HourBand({
-  time,
-  isLive,
-  liveLabel,
-  children,
-  layout = "rows",
-  className
-}) {
-  const isCards = layout === "cards";
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-3 pt-2.5", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("relative shrink-0", TIMELINE_MOBILE_GUTTER_CLASS), children: [
-      /* @__PURE__ */ jsx(
-        TimelineHourPuck,
-        {
-          time,
-          isLive,
-          liveLabel,
-          variant: "chip"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Separator,
-        {
-          orientation: "vertical",
-          className: cn(
-            "absolute bottom-[-10px] left-1/2 top-[30px] h-auto -translate-x-1/2",
-            isLive && "bg-success/30"
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("flex min-w-0 flex-1 flex-col", isCards && "gap-4 pb-2"),
-        children: React.Children.toArray(children).map((child, index) => /* @__PURE__ */ jsxs("div", { children: [
-          !isCards && index > 0 && /* @__PURE__ */ jsx(Separator, {}),
-          child
-        ] }, index))
-      }
-    )
-  ] });
-}
-function HourBandSkeleton({
-  cardCount = 2,
-  className
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-3 pt-2.5", className), "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("relative shrink-0", TIMELINE_MOBILE_GUTTER_CLASS), children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-[58px] rounded-[7px]" }),
-      /* @__PURE__ */ jsx(
-        Separator,
-        {
-          orientation: "vertical",
-          className: "absolute bottom-[-10px] left-1/2 top-[30px] h-auto -translate-x-1/2"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: Array.from({ length: cardCount }).map((_, index) => /* @__PURE__ */ jsxs("div", { children: [
-      index > 0 && /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-3 py-[11px]", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "aspect-[4/5] w-16 shrink-0 rounded-[10px]" }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-[14px] w-3/4" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "mt-1.5 h-[11.5px] w-1/2" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-[22px] w-16 rounded-full" })
-        ] })
-      ] })
-    ] }, index)) })
-  ] });
-}
-
-export { HourBand, HourBandSkeleton };

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

@@ -1,67 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-/**
- * HourGroup — an hour heading inside `<TimelineBand>`'s content column: a
- * time, a rule, and a count, with that hour's rows beneath and an optional
- * trailing note (e.g. "3 more not shown").
- *
- * ── `spine` — the desktop default ────────────────────────────────────────
- * Inside a `<TimelineBand>`, pass `spine` and the hour renders as a
- * `TimelineHourPuck` out ON the axis, centred on this heading's own rule,
- * instead of as inline text at the head of the content column. Every hour of
- * the day then reads as a station on the same rail, which is the entire point
- * of the rail; the band itself no longer draws any hour, so there is nothing
- * left to collide with.
- *
- * The offset is `calc(var(--timeline-spine) * -0.5)` — half the gutter, back
- * from the content column's left edge, which lands on the hairline. Written
- * with `*-0.5` rather than `/2` because a slash inside a Tailwind arbitrary
- * value collides with the opacity-modifier parse. The `w-0` wrapper plus the
- * puck's own `justify-center` is what centres it, so no `-translate-x-1/2` is
- * needed and the live label centres on the same line for free.
- *
- * `spine` implies the inline time is suppressed — no caller should have to
- * pass `spine hideTime` to avoid printing the hour twice.
- *
- * Keep the rule and the count. The rule is the only thing tying a puck to the
- * rows it labels across the empty gutter; without it the puck reads as a
- * sticker rather than a station on a track. The count carries information
- * present nowhere else and terminates the rule so it doesn't dissolve.
- *
- * Where a group's rows already carry their own timestamps, `hideTime` drops the
- * time and keeps the rule and count, so the hour is stated exactly once.
- *
- * `size="sm"` is the mobile variant, shrinking the type a half-step and
- * matching `<HourBand>`'s own top offset (18px) rather than the desktop
- * default (22px).
- */
-type HourGroupProps = {
-    /** The hour, already formatted and localised — "20:00". */
-    time: string;
-    /**
-     * Render the hour as a puck out on `<TimelineBand>`'s spine instead of as
-     * inline text. The desktop timeline's default; implies `hideTime`.
-     */
-    spine?: boolean;
-    /** Marks this hour as the one currently in progress. `spine` only. */
-    isLive?: boolean;
-    /** Shown under the puck when live, e.g. "NOW". `spine` only. */
-    liveLabel?: string;
-    /**
-     * Drop the leading time, keeping the rule and count. For groups whose rows
-     * state their own time.
-     */
-    hideTime?: boolean;
-    /** Caller-composed, e.g. "2 events" — mirrors `EventDayHeader`'s `meta`. */
-    countLabel: string;
-    /** Trailing note shown after the rows, e.g. "3 more not shown". */
-    note?: string;
-    /** The hour's rows. */
-    children?: React.ReactNode;
-    size?: "sm" | "default";
-    className?: string;
-};
-declare function HourGroup({ time, spine, isLive, liveLabel, hideTime, countLabel, note, children, size, className, }: HourGroupProps): react_jsx_runtime.JSX.Element;
-
-export { HourGroup, type HourGroupProps };

package/dist/components/hour-group.js

@@ -1,59 +0,0 @@
-import { TimelineHourPuck } from '../chunk-NSNEANOQ.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
-import '../chunk-XBBEX4SF.js';
-import { cn } from '../chunk-FEK5XGZW.js';
-import '../chunk-MMUBH76A.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function HourGroup({
-  time,
-  spine,
-  isLive,
-  liveLabel,
-  hideTime,
-  countLabel,
-  note,
-  children,
-  size = "default",
-  className
-}) {
-  const isSm = size === "sm";
-  return (
-    // The group's top padding lives HERE, not on the heading row, and that is
-    // load-bearing for `spine`: `top-1/2` resolves against the heading row's
-    // PADDING box while `items-center` centres the rule in its CONTENT box, so
-    // with `pt-[22px]` on the row the puck landed 19.25px down and the rule at
-    // 30.25px — 11px apart, the puck visibly riding above the line it is
-    // supposed to sit on. Unpadded, both resolve against the same box and the
-    // puck's centre, the rule and the spine hairline are one line.
-    /* @__PURE__ */ jsxs("div", { className: cn(isSm ? "pt-[18px]" : "pt-[22px]", className), children: [
-      /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2.5", spine && "relative"), children: [
-        spine && /* @__PURE__ */ jsx(
-          TimelineHourPuck,
-          {
-            time,
-            isLive,
-            liveLabel,
-            className: "absolute left-[calc(var(--timeline-spine)*-0.5)] top-1/2 w-0 -translate-y-1/2"
-          }
-        ),
-        !hideTime && !spine && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "font-mono text-muted-foreground tabular-nums",
-              isSm ? "text-[11.5px]" : "text-xs"
-            ),
-            children: time
-          }
-        ),
-        /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
-        /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground/70", isSm ? "text-[10.5px]" : "text-[11px]"), children: countLabel })
-      ] }),
-      children,
-      note && /* @__PURE__ */ jsx("p", { className: "pt-[9px] text-[11.5px] text-muted-foreground", children: note })
-    ] })
-  );
-}
-
-export { HourGroup };

package/dist/components/timeline-band.d.ts

@@ -1,64 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-/**
- * The mobile axis gutter, shared by `HourBand` and `TimelinePlayhead` so the
- * hour chips and the current-time label sit in one column. 58px is the width
- * of a five-glyph 24-hour label ("20:00") in the chip's mono type plus its
- * padding; a 12-hour locale's "09:00 AM" overflows it, which is one of the
- * reasons the events surfaces format 24-hour everywhere.
- */
-declare const TIMELINE_MOBILE_GUTTER_CLASS = "w-[58px]";
-type TimelineHourPuckProps = {
-    /** The hour, already formatted and localised — or an em dash for a quiet day. */
-    time: string;
-    /** Marks this as the hour currently in progress. */
-    isLive?: boolean;
-    /** Shown under the puck when live, e.g. "NOW ON". Required to render it. */
-    liveLabel?: string;
-    /**
-     * `station` (default): the bordered puck that sits ON the hairline, for the
-     * desktop spine. `chip`: a filled, fixed-width lozenge with the hairline
-     * starting BELOW it, for the mobile gutter — an app's time label, not a
-     * station on a rail. In `chip` the live label is visually hidden: the tinted
-     * chip plus a small on-air glyph are the visible signal (the glyph so the
-     * state never rests on colour alone once the pulse is reduced away) and the
-     * label stays for screen readers only.
-     */
-    variant?: "station" | "chip";
-    className?: string;
-};
-/**
- * The station on the timeline's axis — ONE object, positioned by its host:
- * `HourGroup` centres it on its own heading rule out in the desktop spine,
- * `HourBand` pins it to the top of the mobile gutter.
- *
- * Extracted because it was hand-rolled twice and the copies had already
- * drifted — this one bordered and `rounded-[7px] px-[7px]`, `hour-band.tsx`'s
- * borderless and `rounded-md px-1.5`. The `bg-background` fill punches through
- * the hairline so the rail reads as continuous behind the label rather than
- * butting into it.
- *
- * The live label is absolutely positioned rather than a flex sibling: hosts
- * centre this puck with `-translate-y-1/2`, and a two-item column would centre
- * the STACK, lifting the puck off the line it exists to sit on.
- */
-declare function TimelineHourPuck({ time, isLive, liveLabel, variant, className, }: TimelineHourPuckProps): react_jsx_runtime.JSX.Element;
-type TimelineBandProps = {
-    /** The lane column — usually a poster card, or empty for a quiet hour. */
-    lane: React.ReactNode;
-    /** The content column, normally one `<HourGroup spine>` per hour. */
-    children: React.ReactNode;
-    className?: string;
-};
-declare function TimelineBand({ lane, children, className }: TimelineBandProps): react_jsx_runtime.JSX.Element;
-type TimelineBandSkeletonProps = {
-    className?: string;
-};
-/**
- * Holds the lane/spine/content geometry so nothing jumps when data lands.
- * The spine renders its hairline with no puck — there's no hour to show yet.
- */
-declare function TimelineBandSkeleton({ className }: TimelineBandSkeletonProps): react_jsx_runtime.JSX.Element;
-
-export { TIMELINE_MOBILE_GUTTER_CLASS, TimelineBand, type TimelineBandProps, TimelineBandSkeleton, type TimelineBandSkeletonProps, TimelineHourPuck, type TimelineHourPuckProps };