@bearmenu/ui 0.8.17 → 0.8.18

package/dist/{chunk-WYTJR2YU.js → chunk-5CPBSNWQ.js}

@@ -12,6 +12,9 @@ var snapRailVariants = cva(
   {
     variants: {
       itemWidth: {
+        /** Square door tiles — three and a third per phone screen, so the
+         *  cut fourth says "swipe"; more as the viewport widens. */
+        xs: "[&>*]:w-[30%] sm:[&>*]:w-[22%] md:[&>*]:w-[18%]",
         sm: "[&>*]:w-[46%]",
         md: "[&>*]:w-[60%]",
         lg: "[&>*]:w-[80%]",
@@ -25,7 +28,9 @@ var snapRailVariants = cva(
       bleed: {
         none: "",
         card: "-mx-3.5 px-3.5 scroll-px-3.5",
-        page: "-mx-4 px-4 scroll-px-4"
+        /** The consumer's page gutter, read from `--page-gutter` (16px on a
+         *  phone, 24px from md) — a fixed `-mx-4` was 8px short at md. */
+        page: "-mx-[var(--page-gutter,1rem)] px-[var(--page-gutter,1rem)] scroll-px-[var(--page-gutter,1rem)]"
       }
     },
     defaultVariants: {

package/dist/{chunk-54FQQZZJ.js → chunk-EQYB4Q77.js}

@@ -1,4 +1,4 @@
-import { SnapRail, SnapRailDots } from './chunk-WYTJR2YU.js';
+import { SnapRail, SnapRailDots } from './chunk-5CPBSNWQ.js';
 import { PhotoGround } from './chunk-SWD6CJ35.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import * as React from 'react';

package/dist/chunk-LYREUZH6.js

@@ -0,0 +1,156 @@
+import { TimelineHourPuck, TIMELINE_MOBILE_GUTTER_CLASS } from './chunk-PW247TG2.js';
+import { Separator } from './chunk-NWZGSLPU.js';
+import { Skeleton } from './chunk-XBBEX4SF.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var HEADING_CENTRE_LG = "lg:top-[30px]";
+function TimelineHour({
+  time,
+  role = "hour",
+  isLive,
+  liveLabel,
+  countLabel,
+  note,
+  layout = "cards",
+  children,
+  overflow,
+  className
+}) {
+  const isHero = role === "hero";
+  const isContinuation = role === "continuation";
+  const isUnscheduled = role === "unscheduled";
+  const hasStation = !isUnscheduled;
+  const isCards = layout === "cards";
+  const items = React.Children.toArray(children);
+  const overflowItems = React.Children.toArray(overflow);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-timeline-hour": role,
+      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",
+        "lg:pt-[22px]",
+        isHero ? cn(
+          // The lane. Placed by the grid, not by source order; `self-start`
+          // is load-bearing — a stretched item would be the day's full
+          // height and never stick.
+          // Longhands, not `grid-row`: a `/` inside an arbitrary value
+          // collides with the opacity-modifier parse.
+          "lg:col-start-1 lg:row-start-1 lg:[grid-row-end:span_var(--timeline-rows)] lg:self-start",
+          "lg:sticky lg:top-[var(--timeline-lane-top)] lg:pt-3.5"
+        ) : "lg:col-start-3",
+        className
+      ),
+      children: [
+        hasStation && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TimelineHourPuck,
+            {
+              time,
+              isLive,
+              liveLabel,
+              className: cn(
+                "absolute left-0 top-2.5",
+                TIMELINE_MOBILE_GUTTER_CLASS,
+                // Out on the spine, centred on the heading rule.
+                "lg:left-[calc(var(--timeline-spine)*-0.5)] lg:w-0 lg:-translate-y-1/2",
+                HEADING_CENTRE_LG,
+                isContinuation && "invisible lg:visible",
+                isHero && "lg:hidden"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Separator,
+            {
+              orientation: "vertical",
+              className: cn(
+                "absolute -bottom-2.5 left-[29px] top-10 h-auto -translate-x-1/2 lg:hidden",
+                isLive && "bg-success/30"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "items-center gap-2.5",
+              isUnscheduled ? "flex h-4" : "hidden lg:flex lg:h-4",
+              isHero && "lg:hidden"
+            ),
+            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 })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex min-w-0 flex-col",
+              isCards && "gap-4 pb-2 lg:grid lg:grid-cols-2 lg:gap-5 lg:pb-0 lg:pt-3.5 xl:grid-cols-3",
+              isCards && isHero && "lg:flex lg:pt-0",
+              isUnscheduled && isCards && "pt-3.5"
+            ),
+            children: isCards ? items : items.map((child, index) => /* @__PURE__ */ jsxs("div", { children: [
+              index > 0 && /* @__PURE__ */ jsx(Separator, {}),
+              child
+            ] }, index))
+          }
+        ),
+        overflowItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 pb-2 lg:gap-0 lg:pb-0 lg:pt-2", children: overflowItems.map((child, index) => /* @__PURE__ */ jsxs("div", { children: [
+          index > 0 && /* @__PURE__ */ jsx(Separator, { className: "hidden lg:block" }),
+          child
+        ] }, index)) }),
+        note && /* @__PURE__ */ jsx("p", { className: "pt-[9px] text-[11.5px] text-muted-foreground", children: note })
+      ]
+    }
+  );
+}
+function TimelineHourSkeleton({ cardCount = 2, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn("relative flex flex-col pl-[70px] pt-2.5 lg:col-start-3 lg:pl-0 lg:pt-[22px]", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: cn(
+              "absolute left-0 top-2.5 h-6 rounded-[7px]",
+              TIMELINE_MOBILE_GUTTER_CLASS,
+              "lg:left-[calc(var(--timeline-spine)*-0.5)] lg:h-[26px] lg:w-14 lg:-translate-x-1/2 lg:-translate-y-1/2",
+              HEADING_CENTRE_LG
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Separator,
+          {
+            orientation: "vertical",
+            className: "absolute -bottom-2.5 left-[29px] top-10 h-auto -translate-x-1/2 lg:hidden"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "hidden h-4 items-center gap-2.5 lg:flex", children: [
+          /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 pb-2 lg:grid lg:grid-cols-2 lg:gap-5 lg:pb-0 lg:pt-3.5 xl:grid-cols-3", children: Array.from({ length: cardCount }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "aspect-[4/3] w-full rounded-xl" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-4/5" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+        ] }, index)) })
+      ]
+    }
+  );
+}
+
+export { TimelineHour, TimelineHourSkeleton };

package/dist/chunk-PW247TG2.js

@@ -0,0 +1,81 @@
+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 = "responsive",
+  className
+}) {
+  const chipClasses = cn(
+    "inline-flex h-6 min-w-[58px] items-center justify-center gap-1 rounded-[7px] border border-transparent px-1 text-[12px] font-medium",
+    isLive ? cn("bg-success/10 text-success", LIVE_PUCK_PULSE_CLASS) : "bg-muted text-foreground"
+  );
+  const stationClasses = 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"
+  );
+  const glyphClasses = "h-2.5 w-2.5 shrink-0";
+  const labelHiddenClasses = "sr-only";
+  const labelStationClasses = cn(
+    "absolute top-[calc(100%+6px)] whitespace-nowrap bg-background px-1",
+    "text-[9.5px] font-extrabold tracking-[0.08em] text-success"
+  );
+  const labelResponsiveClasses = cn(
+    "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap p-0 [clip:rect(0,0,0,0)]",
+    "lg:m-0 lg:h-auto lg:w-auto lg:overflow-visible lg:px-1 lg:[clip:auto]",
+    "lg:top-[calc(100%+6px)] lg:bg-background lg:text-[9.5px] lg:font-extrabold lg:tracking-[0.08em] lg:text-success"
+  );
+  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",
+          variant === "chip" && chipClasses,
+          variant === "station" && stationClasses,
+          variant === "responsive" && cn(
+            chipClasses,
+            // The station look from `lg`: bordered, background-filled,
+            // no fixed width. Every chip utility above has an `lg:` twin.
+            "lg:h-auto lg:min-w-0 lg:gap-0 lg:border-border lg:bg-background lg:px-[7px] lg:py-[3px] lg:text-[12.5px] lg:text-foreground",
+            isLive && "lg:border-success/40 lg:bg-background lg:text-success"
+          )
+        ),
+        children: [
+          isLive && variant !== "station" && /* @__PURE__ */ jsx(Radio, { className: cn(glyphClasses, variant === "responsive" && "lg:hidden"), "aria-hidden": true }),
+          time
+        ]
+      }
+    ),
+    isLive && !!liveLabel && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          variant === "chip" && labelHiddenClasses,
+          variant === "station" && labelStationClasses,
+          variant === "responsive" && labelResponsiveClasses
+        ),
+        children: liveLabel
+      }
+    )
+  ] });
+}
+
+export { TIMELINE_MOBILE_GUTTER_CLASS, TimelineHourPuck };

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?: "success" | "warning" | "default" | "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?: "success" | "warning" | "default" | "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/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?: "success" | "warning" | "default" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "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" | "warning" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | 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-rail.js

@@ -1,5 +1,5 @@
-export { ConceptCompareRail } from '../chunk-54FQQZZJ.js';
-import '../chunk-WYTJR2YU.js';
+export { ConceptCompareRail } from '../chunk-EQYB4Q77.js';
+import '../chunk-5CPBSNWQ.js';
 import '../chunk-SWD6CJ35.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/concept-compare.js

@@ -1,6 +1,6 @@
 import { Separator } from '../chunk-NWZGSLPU.js';
-import { ConceptCompareRail } from '../chunk-54FQQZZJ.js';
-import '../chunk-WYTJR2YU.js';
+import { ConceptCompareRail } from '../chunk-EQYB4Q77.js';
+import '../chunk-5CPBSNWQ.js';
 import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
 import { cn } from '../chunk-FEK5XGZW.js';

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

@@ -37,8 +37,22 @@ type EventCardProps = {
      * `Coverflow`) — it crops less than `3/4` and is not the same as it.
      */
     posterAspect?: "4/3" | "3/4" | "4/5";
-    /** Larger title — the featured/highlight slot. Never a clamp: the title wraps in full either way. */
-    emphasis?: boolean;
+    /**
+     * Larger title — the featured/highlight slot. Never a clamp: the title
+     * wraps in full either way. `"lg"` applies it from the `lg` breakpoint
+     * only: the timeline's day hero is an ordinary card in the phone column and
+     * the lane's feature poster on desktop, one node.
+     */
+    emphasis?: boolean | "lg";
+    /**
+     * `card` (default) at every width. `row-lg`: the card below `lg`, and from
+     * `lg` the compact row `EventCompactRow` draws — a 64px portrait poster
+     * beside the text, overlay pills off, the fee as a chip on the tags row.
+     * The timeline demotes an hour's later events to rows on desktop only, and
+     * a server render cannot swap components per viewport; this is the one
+     * node that paints both.
+     */
+    density?: "card" | "row-lg";
     /** Top-left overlay pill (the design's "Busy" hype marker). Include its icon. */
     badge?: React.ReactNode;
     /** Bottom-left overlay pill naming the category. Include its icon. */
@@ -59,8 +73,12 @@ type EventCardProps = {
      * locale, and "is this live" depends on the app's clock, not the DS's.
      */
     liveStatus?: string;
-    /** Hide the day/time line — the timeline supplies its own hour heading. */
-    hideWhen?: boolean;
+    /**
+     * Hide the day/time line — the timeline supplies its own hour heading.
+     * `"below-lg"` hides it on the phone only: the desktop lane's hero sits
+     * beside whatever hour is passing and has to carry its own start time.
+     */
+    hideWhen?: boolean | "below-lg";
     /**
      * Already over — dims the poster, mutes the title and shows the `endedLabel`
      * chip. Never row-level opacity, which composites the text below AA. Same