@bearmenu/ui 0.8.24 → 0.8.26

package/dist/components/field.js

@@ -5,46 +5,80 @@ import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx } from 'react/jsx-runtime';
 
-var FieldContext = React.createContext({ id: "", descriptionId: "", errorId: "", hasError: false });
+var FieldContext = React.createContext({ id: "", descriptionId: "", errorId: "", hasError: false, appearance: "default" });
 var Field = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { id: providedId, invalid, orientation = "vertical", className, children } = _b, props = __objRest(_b, ["id", "invalid", "orientation", "className", "children"]);
+    var _b = _a, {
+      id: providedId,
+      invalid,
+      orientation = "vertical",
+      appearance = "default",
+      className,
+      children
+    } = _b, props = __objRest(_b, [
+      "id",
+      "invalid",
+      "orientation",
+      "appearance",
+      "className",
+      "children"
+    ]);
     const generatedId = React.useId();
     const id = providedId != null ? providedId : generatedId;
     const descriptionId = `${id}-description`;
     const errorId = `${id}-error`;
-    return /* @__PURE__ */ jsx(FieldContext.Provider, { value: { id, descriptionId, errorId, hasError: !!invalid }, children: /* @__PURE__ */ jsx(
-      "div",
-      __spreadProps(__spreadValues({
-        ref,
-        "data-slot": "field",
-        "data-invalid": invalid || void 0,
-        className: cn(
-          "flex gap-2",
-          orientation === "vertical" ? "flex-col" : "flex-row items-center",
-          className
+    return /* @__PURE__ */ jsx(
+      FieldContext.Provider,
+      {
+        value: { id, descriptionId, errorId, hasError: !!invalid, appearance },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          __spreadProps(__spreadValues({
+            ref,
+            "data-slot": "field",
+            "data-invalid": invalid || void 0,
+            className: cn(
+              "flex",
+              appearance === "booking" ? "gap-[5px]" : "gap-2",
+              orientation === "vertical" ? "flex-col" : "flex-row items-center",
+              className
+            )
+          }, props), {
+            children
+          })
         )
-      }, props), {
-        children
-      })
-    ) });
+      }
+    );
   }
 );
 Field.displayName = "Field";
 var FieldLabel = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { id, hasError } = React.useContext(FieldContext);
+  const { id, hasError, appearance } = React.useContext(FieldContext);
   return /* @__PURE__ */ jsx(
     Label,
     __spreadValues({
       ref,
       "data-slot": "field-label",
       htmlFor: id,
-      className: cn(hasError && "text-destructive", className)
+      className: cn(
+        appearance === "booking" ? "text-[10.5px] leading-[1.2] font-semibold tracking-[0.04em] text-muted-foreground uppercase" : hasError && "text-destructive",
+        className
+      )
     }, props)
   );
 });
 FieldLabel.displayName = "FieldLabel";
+function FieldOptional(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      "data-slot": "field-optional",
+      className: cn("font-normal normal-case opacity-70", className)
+    }, props)
+  );
+}
 var FieldControl = React.forwardRef(
   (_a, ref) => {
     var props = __objRest(_a, []);
@@ -81,7 +115,7 @@ FieldDescription.displayName = "FieldDescription";
 var FieldError = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-    const { errorId, hasError } = React.useContext(FieldContext);
+    const { errorId, hasError, appearance } = React.useContext(FieldContext);
     if (!hasError || !children) return null;
     return /* @__PURE__ */ jsx(
       "p",
@@ -90,7 +124,14 @@ var FieldError = React.forwardRef(
         id: errorId,
         role: "alert",
         "data-slot": "field-error",
-        className: cn("text-sm text-destructive", className)
+        className: cn(
+          appearance === "booking" ? (
+            // The design's error ink: the solid token is too bright for AA
+            // at 11.5px on white; dark mode's lifted token already clears it.
+            "m-0 text-[11.5px] leading-[1.2] text-[oklch(0.52_0.16_25)] dark:text-destructive"
+          ) : "text-sm text-destructive",
+          className
+        )
       }, props), {
         children
       })
@@ -127,4 +168,4 @@ var FieldLegend = React.forwardRef(
 );
 FieldLegend.displayName = "FieldLegend";
 
-export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, FieldLegend, FieldSet };
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, FieldLegend, FieldOptional, FieldSet };

package/dist/components/filter-category-row.js

@@ -1,5 +1,5 @@
 import { Text } from '../chunk-ZLMRVBD7.js';
-import { Badge } from '../chunk-5XREWOBB.js';
+import { Badge } from '../chunk-IEIJP73R.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { ChevronRight } from 'lucide-react';

package/dist/components/hold-countdown.d.ts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * HoldCountdown — "HELD FOR YOU 09:41": how long a table offered from the
+ * waitlist stays reserved for this guest (the booking flow's "A table opened
+ * up").
+ *
+ * Measured from the booking design: a card with a warning-colour hairline,
+ * 14px radius, 15px inset.
+ *   - `stacked` (mobile): centred. The label at 10.5px uppercase with 0.06em
+ *     tracking, muted; the remaining time in mono at 34px bold; a muted
+ *     11.5px line under it ("then it goes to the next person").
+ *   - `inline` (desktop): one row, 18px gaps. The label over the time at
+ *     30px, then the explanation at 12.5px muted taking the free width, then
+ *     the action.
+ *
+ * Counts down from `expiresAt` once a second and calls `onExpire` once, at
+ * zero. It never shows a negative time.
+ */
+type HoldCountdownLabels = {
+    /** "Held for you" */
+    held: string;
+    /** Stacked: "then it goes to the next person". Inline: "After the countdown the table goes to the next person on the list." */
+    explanation: string;
+    /** Spoken form for assistive tech — "9 minutes 41 seconds left". */
+    remaining: (minutes: number, seconds: number) => string;
+};
+type HoldCountdownProps = {
+    /** When the hold ends — ISO string or epoch milliseconds. */
+    expiresAt: string | number;
+    labels: HoldCountdownLabels;
+    layout?: "stacked" | "inline";
+    /** The inline layout's action, typically a `Button variant="cta" size="cta-sm"`. */
+    action?: React.ReactNode;
+    onExpire?: () => void;
+    /** Clock override for stories and tests. */
+    now?: () => number;
+    className?: string;
+};
+declare function HoldCountdown({ expiresAt, labels, layout, action, onExpire, now, className, }: HoldCountdownProps): react_jsx_runtime.JSX.Element;
+
+export { HoldCountdown, type HoldCountdownLabels, type HoldCountdownProps };

package/dist/components/hold-countdown.js

@@ -0,0 +1,90 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var HOLD_BORDER = "border-[oklch(0.62_0.15_70)] dark:border-warning";
+function remainingSeconds(expiresAt, now) {
+  const end = typeof expiresAt === "number" ? expiresAt : Date.parse(expiresAt);
+  return Math.max(0, Math.ceil((end - now) / 1e3));
+}
+function HoldCountdown({
+  expiresAt,
+  labels,
+  layout = "stacked",
+  action,
+  onExpire,
+  now = Date.now,
+  className
+}) {
+  const [left, setLeft] = React.useState(() => remainingSeconds(expiresAt, now()));
+  const expired = React.useRef(false);
+  const onExpireRef = React.useRef(onExpire);
+  onExpireRef.current = onExpire;
+  React.useEffect(() => {
+    expired.current = false;
+    const tick = () => {
+      var _a;
+      const next = remainingSeconds(expiresAt, now());
+      setLeft(next);
+      if (next === 0 && !expired.current) {
+        expired.current = true;
+        (_a = onExpireRef.current) == null ? void 0 : _a.call(onExpireRef);
+      }
+    };
+    tick();
+    const id = window.setInterval(tick, 1e3);
+    return () => window.clearInterval(id);
+  }, [expiresAt, now]);
+  const minutes = Math.floor(left / 60);
+  const seconds = left % 60;
+  const display = `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+  const label = /* @__PURE__ */ jsx("div", { className: "text-[10.5px] leading-[13px] tracking-[0.06em] text-muted-foreground uppercase", children: labels.held });
+  const time = /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "timer",
+      "aria-label": labels.remaining(minutes, seconds),
+      className: cn(
+        "font-mono font-bold tabular-nums text-foreground",
+        layout === "stacked" ? "mt-[5px] text-[34px] leading-[40px]" : "text-[30px] leading-[35px]"
+      ),
+      children: display
+    }
+  );
+  if (layout === "inline") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "hold-countdown",
+        className: cn(
+          "flex items-center gap-[18px] rounded-[14px] border bg-card p-[15px] text-left",
+          HOLD_BORDER,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "shrink-0", children: [
+            label,
+            time
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "flex-1 text-[12.5px] leading-[15px] text-muted-foreground", children: labels.explanation }),
+          action
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "hold-countdown",
+      className: cn("rounded-[14px] border bg-card p-[15px] text-center", HOLD_BORDER, className),
+      children: [
+        label,
+        time,
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11.5px] leading-[14px] text-muted-foreground", children: labels.explanation })
+      ]
+    }
+  );
+}
+
+export { HoldCountdown };

package/dist/components/input.d.ts

@@ -5,6 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 declare const inputVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
     shape?: "pill" | "rounded" | null | undefined;
+    appearance?: "default" | "booking" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
 }

package/dist/components/input.js

@@ -1,3 +1,3 @@
-export { Input, inputVariants } from '../chunk-CZK2MRS2.js';
+export { Input, inputVariants } from '../chunk-VEFKZIK6.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/link-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-5LTILG3L.js';
+import { Button } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import '../chunk-FEK5XGZW.js';

package/dist/components/menu-family-block.js

@@ -3,7 +3,7 @@ import { HueChip } from '../chunk-6VOWT4YR.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { buttonVariants } from '../chunk-5LTILG3L.js';
+import { buttonVariants } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/menu-index-list.js

@@ -1,6 +1,6 @@
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Button } from '../chunk-5LTILG3L.js';
+import { Button } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/menu-item.js

@@ -1,5 +1,5 @@
-export { MentionSignal, MenuItem } from '../chunk-SDWN6L4O.js';
-import '../chunk-BKKQ7GCZ.js';
-import '../chunk-5XREWOBB.js';
+export { MentionSignal, MenuItem } from '../chunk-AHHDC7ML.js';
+import '../chunk-QG6I2ILT.js';
+import '../chunk-IEIJP73R.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/motion-icon-set.d.ts

@@ -15,6 +15,7 @@ declare function MotionHouse(props: MotionIconProps): react_jsx_runtime.JSX.Elem
  * the silhouette alone.
  */
 declare function MotionUtensils(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionCompass(props: MotionIconProps): react_jsx_runtime.JSX.Element;
 declare function MotionMapPin(props: MotionIconProps): react_jsx_runtime.JSX.Element;
 /**
  * Lucide's calendar has no pages — it is a box, a rule and six dots, and
@@ -36,4 +37,4 @@ declare function MotionFlame(props: MotionIconProps): react_jsx_runtime.JSX.Elem
 declare function MotionCalendarClock(props: MotionIconProps): react_jsx_runtime.JSX.Element;
 declare function MotionList(props: MotionIconProps): react_jsx_runtime.JSX.Element;
 
-export { MotionCalendar, MotionCalendarClock, MotionFlame, MotionHouse, MotionLayoutGrid, MotionList, MotionMap, MotionMapPin, MotionUtensils, MotionWine };
+export { MotionCalendar, MotionCalendarClock, MotionCompass, MotionFlame, MotionHouse, MotionLayoutGrid, MotionList, MotionMap, MotionMapPin, MotionUtensils, MotionWine };

package/dist/components/motion-icon-set.js

@@ -87,6 +87,32 @@ function MotionUtensils(props) {
     ] })
   ] }));
 }
+var COMPASS_TIMES = [0, 0.14, 0.58, 0.76, 0.9, 1];
+var compassNeedle = {
+  rest: { rotate: 360, fillOpacity: 0, transition: returnTransition },
+  active: { rotate: 360, fillOpacity: 1, transition: returnTransition },
+  play: {
+    rotate: [0, -24, 380, 352, 364, 360],
+    // The fill lands with the needle: it takes as the swing dies.
+    fillOpacity: [0, 0, 0, 0.6, 1, 1],
+    transition: beats(COMPASS_TIMES, 0.7)
+  }
+};
+function MotionCompass(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx(
+      motion.path,
+      {
+        variants: compassNeedle,
+        style: pivot(12, 12),
+        fill: "currentColor",
+        fillOpacity: 0,
+        d: "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"
+      }
+    )
+  ] }));
+}
 var PIN_TIMES = [0, 0.16, 0.44, 0.72, 1];
 var pinBody = {
   rest: { y: 0, scaleY: 1, transition: returnTransition },
@@ -339,4 +365,4 @@ function MotionList(props) {
   ] }));
 }
 
-export { MotionCalendar, MotionCalendarClock, MotionFlame, MotionHouse, MotionLayoutGrid, MotionList, MotionMap, MotionMapPin, MotionUtensils, MotionWine };
+export { MotionCalendar, MotionCalendarClock, MotionCompass, MotionFlame, MotionHouse, MotionLayoutGrid, MotionList, MotionMap, MotionMapPin, MotionUtensils, MotionWine };

package/dist/components/multi-select-combobox.js

@@ -1,11 +1,11 @@
+import { Checkbox } from '../chunk-L3CDXVEP.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-MCOHLWRS.js';
 import '../chunk-PDTPO6NG.js';
-import { Checkbox } from '../chunk-NMEVJT5Q.js';
-import { Button } from '../chunk-5LTILG3L.js';
+import { Button } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
-import { Badge } from '../chunk-5XREWOBB.js';
+import { Badge } from '../chunk-IEIJP73R.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import * as React from 'react';

package/dist/components/multi-select-menu.js

@@ -1,4 +1,4 @@
-import { Checkbox } from '../chunk-NMEVJT5Q.js';
+import { Checkbox } from '../chunk-L3CDXVEP.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import * as React from 'react';

package/dist/components/pagination.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-5LTILG3L.js';
+import { buttonVariants } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/party-counter.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * PartyCounter — how many people, in the booking flow's "When are you
+ * coming?" and "Change party size" screens.
+ *
+ * Measured from the booking design (`.stepper`): a 52px bordered field on the
+ * card ground, 12px radius, 8px side inset. A round 36px minus on the muted
+ * surface at the left, a round 36px plus filled with `--gradient-primary` at
+ * the right — the plus is the direction the screen is asking about — and the
+ * count between them at 19px bold with its unit at 12px muted.
+ *
+ * At an end the button is disabled, not hidden, so the value never shifts.
+ * The value is announced politely on change; the buttons carry their own
+ * localised names, because a lone "−" reads as nothing to a screen reader.
+ */
+type PartyCounterLabels = {
+    /** "Fewer people" */
+    decrease: string;
+    /** "More people" */
+    increase: string;
+    /** The unit after the number: "people" / "person" — already pluralised by the caller. */
+    unit: (count: number) => string;
+};
+type PartyCounterProps = {
+    value: number;
+    onValueChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    labels: PartyCounterLabels;
+    disabled?: boolean;
+    className?: string;
+};
+declare function PartyCounter({ value, onValueChange, min, max, labels, disabled, className, }: PartyCounterProps): react_jsx_runtime.JSX.Element;
+
+export { PartyCounter, type PartyCounterLabels, type PartyCounterProps };

package/dist/components/party-counter.js

@@ -0,0 +1,61 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';
+import { Minus, Plus } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function PartyCounter({
+  value,
+  onValueChange,
+  min = 1,
+  max = 20,
+  labels,
+  disabled,
+  className
+}) {
+  const atMin = value <= min;
+  const atMax = value >= max;
+  const roundButton = "grid size-9 shrink-0 cursor-pointer place-items-center rounded-full transition-[filter,background-color,opacity] duration-150 motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:cursor-not-allowed disabled:opacity-40 [&_svg]:size-4";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "party-counter",
+      className: cn(
+        "flex h-[52px] items-center justify-between gap-2.5 rounded-xl border border-border bg-card px-2",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": labels.decrease,
+            disabled: disabled || atMin,
+            onClick: () => onValueChange(Math.max(min, value - 1)),
+            className: cn(roundButton, "bg-surface-2 text-foreground hover:bg-muted"),
+            children: /* @__PURE__ */ jsx(Minus, { "aria-hidden": true })
+          }
+        ),
+        /* @__PURE__ */ jsxs("output", { "aria-live": "polite", className: "flex-1 text-center", children: [
+          /* @__PURE__ */ jsx("b", { className: "text-[19px] font-bold tabular-nums text-foreground", children: value }),
+          /* @__PURE__ */ jsx("span", { className: "ml-1 text-xs text-muted-foreground", children: labels.unit(value) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": labels.increase,
+            disabled: disabled || atMax,
+            onClick: () => onValueChange(Math.min(max, value + 1)),
+            className: cn(
+              roundButton,
+              "bg-[image:var(--gradient-primary)] text-white hover:brightness-[0.94]"
+            ),
+            children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": true })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { PartyCounter };

package/dist/components/place-card.js

@@ -6,7 +6,7 @@ import { showsGradeAtom } from '../chunk-I5V446BX.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { springSnappy } from '../chunk-OIV7B44M.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Badge } from '../chunk-5XREWOBB.js';
+import { Badge } from '../chunk-IEIJP73R.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { forwardRef, memo, useState, useMemo } from 'react';

package/dist/components/place-details-mobile.js

@@ -3,7 +3,7 @@ import '../chunk-FMTJGO76.js';
 import '../chunk-MWB7S54O.js';
 import '../chunk-NWZGSLPU.js';
 import { Text } from '../chunk-ZLMRVBD7.js';
-import { Badge } from '../chunk-5XREWOBB.js';
+import { Badge } from '../chunk-IEIJP73R.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { useState } from 'react';

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

@@ -1,6 +1,5 @@
 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
@@ -13,18 +12,8 @@ import { DriftRailLabels } from './drift-rail.js';
 type PosterTapeItem = {
     id: string;
     title: string;
-    /**
-     * 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.
-     */
+    /** Caller-composed, e.g. "Sat 5 · 20:00". Rendered as mono, small. */
     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 />`. */
@@ -40,10 +29,8 @@ 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, labels, className, }: PosterTapeProps): react_jsx_runtime.JSX.Element;
+declare function PosterTape({ items, linkComponent: LinkComponent, durationSeconds, className, }: PosterTapeProps): react_jsx_runtime.JSX.Element;
 
 export { PosterTape, type PosterTapeItem, type PosterTapeLinkProps, type PosterTapeProps };

package/dist/components/poster-tape.js

@@ -1,6 +1,4 @@
-import { DriftRail } from '../chunk-I4RUOAU7.js';
-import '../chunk-4OF4T4AI.js';
-import '../chunk-L3VEMP5A.js';
+import { DriftRail } from '../chunk-AHL45DD2.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
@@ -36,13 +34,7 @@ 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__ */ 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
-      ] })
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate font-mono text-[10px] text-muted-foreground sm:text-[10.5px]", children: item.meta })
   ] });
   const itemClasses = "block w-[132px] shrink-0";
   if (item.href) {
@@ -64,10 +56,9 @@ function PosterTape({
   items,
   linkComponent: LinkComponent = DefaultLink,
   durationSeconds = POSTER_TAPE_DEFAULT_DURATION_SECONDS,
-  labels,
   className
 }) {
-  return /* @__PURE__ */ jsx(DriftRail, { durationSeconds, labels, className, children: items.map((item) => /* @__PURE__ */ jsx(PosterTapeItemCard, { item, LinkComponent }, item.id)) });
+  return /* @__PURE__ */ jsx(DriftRail, { durationSeconds, className, children: items.map((item) => /* @__PURE__ */ jsx(PosterTapeItemCard, { item, LinkComponent }, item.id)) });
 }
 
 export { PosterTape };

package/dist/components/searchable-select.js

@@ -1,7 +1,7 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-MCOHLWRS.js';
 import '../chunk-PDTPO6NG.js';
-import { Button } from '../chunk-5LTILG3L.js';
+import { Button } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/signature-chip.js

@@ -1,4 +1,4 @@
-export { SignatureChip } from '../chunk-BKKQ7GCZ.js';
-import '../chunk-5XREWOBB.js';
+export { SignatureChip } from '../chunk-QG6I2ILT.js';
+import '../chunk-IEIJP73R.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/sliding-panels.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-5LTILG3L.js';
+import { Button } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/textarea.d.ts

@@ -1,6 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
 
-type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const textareaVariants: (props?: ({
+    appearance?: "default" | "booking" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<typeof textareaVariants>;
+declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<(props?: ({
+    appearance?: "default" | "booking" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLTextAreaElement>>;
 
-export { Textarea, type TextareaProps };
+export { Textarea, type TextareaProps, textareaVariants };