@bearmenu/ui 0.8.24 → 0.8.25

package/dist/components/calendar.js

@@ -1,4 +1,4 @@
-import { buttonVariants, Button } from '../chunk-5LTILG3L.js';
+import { buttonVariants, Button } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';
@@ -8,29 +8,80 @@ import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from 'lucide-react
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
 import { jsx } from 'react/jsx-runtime';
 
+var BOOKING_CLASSNAMES = {
+  root: "w-full",
+  months: "relative flex flex-col",
+  month: "flex w-full flex-col",
+  // The caption row is 15px with 7px under it; the chevrons sit in that row.
+  nav: "absolute inset-x-0 top-0 flex h-[15px] w-full items-center justify-between",
+  button_previous: "grid size-6 -m-[4.5px] cursor-pointer place-items-center rounded-full text-muted-foreground hover:bg-surface-2 hover:text-foreground aria-disabled:pointer-events-none aria-disabled:opacity-30 [&_svg]:size-3.5",
+  button_next: "grid size-6 -m-[4.5px] cursor-pointer place-items-center rounded-full text-muted-foreground hover:bg-surface-2 hover:text-foreground aria-disabled:pointer-events-none aria-disabled:opacity-30 [&_svg]:size-3.5",
+  month_caption: "mb-[7px] flex h-[15px] w-full items-center justify-center",
+  caption_label: "text-[12.5px] leading-[15px] font-bold text-foreground select-none",
+  month_grid: "w-full border-collapse",
+  weekdays: "grid grid-cols-7 gap-[3px]",
+  weekday: "pb-[3px] text-center text-[9.5px] font-bold text-muted-foreground select-none",
+  week: "mt-[3px] grid grid-cols-7 gap-[3px]",
+  day: "p-0 text-center select-none",
+  today: "",
+  outside: "invisible",
+  disabled: "",
+  hidden: "invisible"
+};
 function Calendar(_a) {
   var _b = _a, {
     className,
     classNames,
-    showOutsideDays = true,
+    showOutsideDays,
     captionLayout = "label",
     buttonVariant = "ghost",
+    appearance = "default",
     formatters,
-    components
+    components,
+    modifiersClassNames
   } = _b, props = __objRest(_b, [
     "className",
     "classNames",
     "showOutsideDays",
     "captionLayout",
     "buttonVariant",
+    "appearance",
     "formatters",
-    "components"
+    "components",
+    "modifiersClassNames"
   ]);
   const defaultClassNames = getDefaultClassNames();
+  if (appearance === "booking") {
+    return /* @__PURE__ */ jsx(
+      DayPicker,
+      __spreadValues({
+        showOutsideDays: showOutsideDays != null ? showOutsideDays : false,
+        className: cn("group/calendar w-full", className),
+        captionLayout: "label",
+        formatters: __spreadValues({
+          formatWeekdayName: (date) => date.toLocaleString("default", { weekday: "narrow" })
+        }, formatters),
+        classNames: __spreadValues(__spreadValues({}, BOOKING_CLASSNAMES), classNames),
+        modifiersClassNames: __spreadValues({ closed: "is-closed" }, modifiersClassNames),
+        components: __spreadValues({
+          Root: (_a2) => {
+            var _b2 = _a2, { className: className2, rootRef } = _b2, rootProps = __objRest(_b2, ["className", "rootRef"]);
+            return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "calendar", "data-appearance": "booking", ref: rootRef, className: cn(className2) }, rootProps));
+          },
+          Chevron: (_c) => {
+            var _d = _c, { className: className2, orientation } = _d, chevronProps = __objRest(_d, ["className", "orientation"]);
+            return orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, chevronProps)) : /* @__PURE__ */ jsx(ChevronRightIcon, __spreadValues({ className: cn("size-4", className2) }, chevronProps));
+          },
+          DayButton: BookingDayButton
+        }, components)
+      }, props)
+    );
+  }
   return /* @__PURE__ */ jsx(
     DayPicker,
     __spreadValues({
-      showOutsideDays,
+      showOutsideDays: showOutsideDays != null ? showOutsideDays : true,
+      modifiersClassNames,
       className: cn(
         "group/calendar bg-background p-3 [--cell-size:--spacing(9)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
@@ -109,12 +160,12 @@ function Calendar(_a) {
         hidden: cn("invisible", defaultClassNames.hidden)
       }, classNames),
       components: __spreadValues({
-        Root: (_a2) => {
-          var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
+        Root: (_e) => {
+          var _f = _e, { className: className2, rootRef } = _f, props2 = __objRest(_f, ["className", "rootRef"]);
           return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "calendar", ref: rootRef, className: cn(className2) }, props2));
         },
-        Chevron: (_c) => {
-          var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
+        Chevron: (_g) => {
+          var _h = _g, { className: className2, orientation } = _h, props2 = __objRest(_h, ["className", "orientation"]);
           if (orientation === "left") {
             return /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
           }
@@ -124,8 +175,8 @@ function Calendar(_a) {
           return /* @__PURE__ */ jsx(ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
         },
         DayButton: CalendarDayButton,
-        WeekNumber: (_e) => {
-          var _f = _e, { children } = _f, props2 = __objRest(_f, ["children"]);
+        WeekNumber: (_i) => {
+          var _j = _i, { children } = _j, props2 = __objRest(_j, ["children"]);
           return /* @__PURE__ */ jsx("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
         }
       }, components)
@@ -167,5 +218,42 @@ function CalendarDayButton(_a) {
     }, props)
   );
 }
+function BookingDayButton(_a) {
+  var _b = _a, {
+    className,
+    day,
+    modifiers
+  } = _b, props = __objRest(_b, [
+    "className",
+    "day",
+    "modifiers"
+  ]);
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    var _a2;
+    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
+  }, [modifiers.focused]);
+  const closed = Boolean(modifiers.closed);
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadValues({
+      ref,
+      type: "button",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected": modifiers.selected || void 0,
+      "data-closed": closed || void 0,
+      className: cn(
+        "grid h-8 w-full cursor-pointer place-items-center rounded-full font-mono text-[12.5px] leading-none font-medium text-ink-secondary tabular-nums",
+        "transition-colors duration-150 hover:bg-surface-2 motion-reduce:transition-none",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+        modifiers.selected && "bg-[image:var(--gradient-primary)] font-bold text-white hover:bg-transparent hover:brightness-[0.94]",
+        modifiers.disabled && !closed && "cursor-not-allowed opacity-30 hover:bg-transparent",
+        // A closed day is also disabled; it reads as closed, not as past.
+        closed && "cursor-not-allowed text-[oklch(0.7_0_0)] line-through hover:bg-transparent dark:text-ink-tertiary",
+        className
+      )
+    }, props)
+  );
+}
 
-export { Calendar, CalendarDayButton };
+export { BookingDayButton, Calendar, CalendarDayButton };

package/dist/components/carousel.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/coach-marks.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/combobox.js

@@ -1,7 +1,7 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
 import { Command, CommandInput, CommandList, CommandLoading, 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/concept-convergence.js

@@ -1,7 +1,7 @@
-import { PhotoGround } from '../chunk-SWD6CJ35.js';
 import { Convergence } from '../chunk-4XDJXMLF.js';
 import '../chunk-OIV7B44M.js';
-import { Badge } from '../chunk-5XREWOBB.js';
+import { PhotoGround } from '../chunk-SWD6CJ35.js';
+import { Badge } from '../chunk-IEIJP73R.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { jsxs, jsx } from 'react/jsx-runtime';

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

@@ -26,28 +26,7 @@ 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. */
@@ -56,14 +35,8 @@ 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, labels, className, }: DriftRailProps): react_jsx_runtime.JSX.Element;
+declare function DriftRail({ children, reverse, durationSeconds, pauseOnHover, className, }: DriftRailProps): react_jsx_runtime.JSX.Element;
 
-export { DriftRail, type DriftRailLabels, type DriftRailProps };
+export { DriftRail, type DriftRailProps };

package/dist/components/drift-rail.js

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

package/dist/components/empty-state.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 { Text } from '../chunk-ZLMRVBD7.js';

package/dist/components/event-card.js

@@ -1,6 +1,6 @@
 import { TagGroup } from '../chunk-PX6RICS5.js';
-import { Tag } from '../chunk-MWB7S54O.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
+import { Tag } from '../chunk-MWB7S54O.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/event-compact-row.js

@@ -1,6 +1,6 @@
 import { TagGroup } from '../chunk-PX6RICS5.js';
-import { Tag } from '../chunk-MWB7S54O.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
+import { Tag } from '../chunk-MWB7S54O.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/event-detail-panel.js

@@ -2,7 +2,7 @@ import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 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/event-list-row-wide.js

@@ -1,9 +1,9 @@
-import { Tag } from '../chunk-MWB7S54O.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
+import { Tag } from '../chunk-MWB7S54O.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Separator } from '../chunk-NWZGSLPU.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/event-list-row.js

@@ -1,6 +1,6 @@
 import { TagGroup } from '../chunk-PX6RICS5.js';
-import { Tag } from '../chunk-MWB7S54O.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
+import { Tag } from '../chunk-MWB7S54O.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';

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/kitchen-dossier.js

@@ -1,5 +1,5 @@
-import { DIMENSION_ORDER, VenueGradeDimensions } from '../chunk-ZQ53AGML.js';
 import { VenueQuotes } from '../chunk-43RC7MHY.js';
+import { DIMENSION_ORDER, VenueGradeDimensions } from '../chunk-ZQ53AGML.js';
 import { StoryProvider, StorySegments, StoryPanel } from '../chunk-F6FMZJDG.js';
 import { GlassGround } from '../chunk-ICOU5QHT.js';
 import { Separator } from '../chunk-NWZGSLPU.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

@@ -2,10 +2,10 @@ 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/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 };