@bearmenu/ui 0.8.15 → 0.8.17

package/dist/components/coach-marks.js

@@ -0,0 +1,162 @@
+import { Button } from '../chunk-5LTILG3L.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';
+import { useState, useLayoutEffect, useCallback, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { Lightbulb, ArrowRight } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAD = 8;
+var CALLOUT_WIDTH = 320;
+var CALLOUT_GAP = 14;
+var CALLOUT_ROOM = 280;
+var EDGE = 12;
+var PIN = "pointer-events-none absolute z-[1] flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[oklch(0.26_0.03_60)] text-[13px] font-extrabold text-[oklch(0.82_0.15_85)] ring-2 ring-[oklch(0.82_0.15_85)] shadow-[0_2px_8px_oklch(0.16_0.012_55_/_0.45)] transition-[top,left] duration-300 motion-reduce:transition-none";
+function findTarget(id) {
+  if (typeof document === "undefined") return null;
+  const candidates = document.querySelectorAll(`[data-coach-mark="${id}"]`);
+  for (const candidate of candidates) {
+    if (candidate.getClientRects().length > 0) return candidate;
+  }
+  return null;
+}
+function measure(element) {
+  const box = element.getBoundingClientRect();
+  return { top: box.top, left: box.left, width: box.width, height: box.height };
+}
+function CoachMarks({ open, stops, onClose, onProgress, labels, className }) {
+  const [available, setAvailable] = useState([]);
+  const [index, setIndex] = useState(0);
+  const [rect, setRect] = useState(null);
+  const [viewport, setViewport] = useState({ width: 0, height: 0 });
+  const itinerary = stops.map((stop) => stop.id).join("|");
+  useLayoutEffect(() => {
+    if (!open) return;
+    const present = stops.filter((stop) => findTarget(stop.id));
+    setAvailable(present);
+    setIndex(0);
+    if (present.length === 0) onClose();
+  }, [open, itinerary]);
+  const current = available[index];
+  const currentId = current == null ? void 0 : current.id;
+  const remeasure = useCallback(() => {
+    const element = currentId ? findTarget(currentId) : null;
+    setRect(element ? measure(element) : null);
+    setViewport({ width: window.innerWidth, height: window.innerHeight });
+  }, [currentId]);
+  useLayoutEffect(() => {
+    if (!open || !current) return;
+    const element = findTarget(current.id);
+    if (!element) {
+      const forward = available.findIndex((stop, at) => at > index && findTarget(stop.id));
+      if (forward !== -1) setIndex(forward);
+      else onClose();
+      return;
+    }
+    element.scrollIntoView({ block: "center", behavior: "smooth", inline: "nearest" });
+    remeasure();
+    const settle = setTimeout(remeasure, 400);
+    return () => clearTimeout(settle);
+  }, [open, current, index, available, remeasure, onClose]);
+  useEffect(() => {
+    if (!open || !current) return;
+    onProgress == null ? void 0 : onProgress(index + 1, available.length, current);
+  }, [open, current, index, available.length, onProgress]);
+  useEffect(() => {
+    if (!open) return;
+    window.addEventListener("resize", remeasure);
+    window.addEventListener("scroll", remeasure, true);
+    const onKey = (event) => {
+      if (event.key === "Escape") onClose();
+      if (event.key === "ArrowRight") setIndex((at) => Math.min(at + 1, available.length - 1));
+      if (event.key === "ArrowLeft") setIndex((at) => Math.max(at - 1, 0));
+    };
+    window.addEventListener("keydown", onKey);
+    return () => {
+      window.removeEventListener("resize", remeasure);
+      window.removeEventListener("scroll", remeasure, true);
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [open, remeasure, onClose, available.length]);
+  if (!open || !current || !rect) return null;
+  const last = index === available.length - 1;
+  const spot = {
+    top: rect.top - PAD,
+    left: rect.left - PAD,
+    width: rect.width + PAD * 2,
+    height: rect.height + PAD * 2
+  };
+  const roomBelow = viewport.height - (spot.top + spot.height);
+  const calloutLeft = Math.min(
+    Math.max(spot.left, EDGE),
+    Math.max(EDGE, viewport.width - CALLOUT_WIDTH - EDGE)
+  );
+  const calloutPlace = roomBelow > CALLOUT_ROOM ? { top: spot.top + spot.height + CALLOUT_GAP, left: calloutLeft } : spot.top > CALLOUT_ROOM ? { bottom: viewport.height - spot.top + CALLOUT_GAP, left: calloutLeft } : { bottom: EDGE, left: calloutLeft };
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("fixed inset-0 z-[80]", className),
+        role: "dialog",
+        "aria-modal": true,
+        "aria-label": current.title,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": labels.skip,
+              onClick: onClose,
+              className: "absolute inset-0 cursor-default"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "pointer-events-none absolute rounded-[18px] shadow-[0_0_0_9999px_oklch(0.16_0.012_55_/_0.55)] ring-2 ring-[oklch(0.82_0.15_85)] transition-[top,left,width,height] duration-300 motion-reduce:transition-none",
+              style: spot
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: PIN, style: { top: rect.top - 2, left: rect.left - 2 }, children: index + 1 }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "absolute z-[2] w-[min(320px,calc(100vw-24px))] rounded-2xl border border-border bg-card p-4 text-card-foreground shadow-xl",
+              style: calloutPlace,
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-[oklch(0.82_0.15_85)] px-2.5 py-1 text-[10.5px] font-extrabold uppercase tracking-[0.08em] text-[oklch(0.26_0.03_60)]", children: [
+                  /* @__PURE__ */ jsx(Lightbulb, { className: "h-3 w-3", "aria-hidden": true }),
+                  labels.progress(index + 1, available.length)
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "mt-3 text-[15px] font-bold leading-snug", children: current.title }),
+                /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm leading-relaxed text-muted-foreground", children: current.body }),
+                /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-2", children: [
+                  index > 0 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setIndex(index - 1), children: labels.back }),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      type: "button",
+                      size: "sm",
+                      onClick: () => last ? onClose() : setIndex(index + 1),
+                      children: [
+                        last ? labels.done : labels.next,
+                        !last && /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": true })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", size: "sm", className: "ml-auto", onClick: onClose, children: labels.skip })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+}
+
+export { CoachMarks };

package/dist/components/combobox.js

@@ -1,8 +1,9 @@
 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-5FCC5L5F.js';
-import '../chunk-V4E333QS.js';
+import { Button } from '../chunk-5LTILG3L.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import * as React from 'react';

package/dist/components/concept-compare-rail.js

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

package/dist/components/concept-compare.js

@@ -1,7 +1,7 @@
 import { Separator } from '../chunk-NWZGSLPU.js';
-import { ConceptCompareRail } from '../chunk-ZLPWEHZO.js';
+import { ConceptCompareRail } from '../chunk-54FQQZZJ.js';
 import '../chunk-WYTJR2YU.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';

package/dist/components/concept-convergence.js

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

package/dist/components/date-input.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-declare const DateInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+declare const DateInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Native input type. Defaults to "date". */
     type?: "date" | "datetime-local" | "time" | "month" | "week";
     size?: "sm" | "default" | "lg";

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

@@ -33,6 +33,17 @@ type DoorwayTile = {
     gradient?: string;
     /** Pre-resolved photograph of the CLASS, from the consumer's own origin. */
     photoUrl?: string;
+    /**
+     * A glyph in the photograph's place — for a tile about an ACTION, not a
+     * thing. A search door has no class to photograph, and any subject put on
+     * it (a table, a lens, a book) reads as one more family; the initial the
+     * fallback draws is a family's initial too. So the print holds the glyph
+     * instead, on the photo ground with the photo fallback's drop shadow, and
+     * the tile keeps its siblings' silhouette. Wins over `photoUrl`.
+     *
+     * A node rather than a name: the app owns its iconography.
+     */
+    icon?: React.ReactNode;
 };
 type DoorwayTilesTreatment = "polaroid" | "ground";
 type DoorwayTilesProps = {

package/dist/components/doorway-tiles.js

@@ -1,4 +1,4 @@
-import { PhotoGround } from '../chunk-CNJQUHCU.js';
+import { PHOTO_GROUND, PHOTO_GLYPH_SHADOW, PhotoGround } from '../chunk-SWD6CJ35.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -13,6 +13,8 @@ var SCRIM = "after:pointer-events-none after:absolute after:inset-x-0 after:bott
 var GROUND_PHOTO = "absolute inset-0 z-0 h-full w-full object-cover mix-blend-multiply transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover:scale-100";
 var GROUND_LIFT = "absolute inset-0 z-0 opacity-[0.22]";
 var GROUND_GLYPH = "absolute inset-0 z-0 flex items-center justify-center font-serif text-[64px] font-semibold leading-none text-white/15";
+var PRINT_ICON = `absolute inset-0 flex items-center justify-center ${PHOTO_GROUND} text-white/90 [&_svg]:h-[44%] [&_svg]:w-[44%] [&_svg]:${PHOTO_GLYPH_SHADOW}`;
+var GROUND_ICON = "absolute inset-0 z-0 flex items-center justify-center text-white/15 [&_svg]:h-[40%] [&_svg]:w-[40%]";
 function DoorwayTiles({
   tiles,
   all,
@@ -31,7 +33,7 @@ function DoorwayTiles({
         className: cn(TILE, SCRIM),
         style: ground,
         children: [
-          isPolaroid ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: POLAROID, children: tile.photoUrl ? (
+          isPolaroid ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: POLAROID, children: tile.icon ? /* @__PURE__ */ jsx("span", { className: PRINT_ICON, children: tile.icon }) : tile.photoUrl ? (
             /* Not lazy: the grid sits directly under the hero, and these
                photographs are the first thing the reader looks at. */
             // eslint-disable-next-line @next/next/no-img-element
@@ -52,7 +54,7 @@ function DoorwayTiles({
               mode: "stack",
               glyphClassName: "text-[44px]"
             }
-          ) }) : tile.photoUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          ) }) : tile.icon ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: GROUND_ICON, children: tile.icon }) : tile.photoUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("img", { src: tile.photoUrl, alt: "", decoding: "async", className: GROUND_PHOTO }),
             /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: GROUND_LIFT, style: ground })
           ] }) : /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: GROUND_GLYPH, children: tile.label.charAt(0) }),

package/dist/components/empty-state.js

@@ -1,5 +1,6 @@
-import { Button } from '../chunk-5FCC5L5F.js';
-import '../chunk-V4E333QS.js';
+import { Button } from '../chunk-5LTILG3L.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
 import { Text } from '../chunk-ZLMRVBD7.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';

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

@@ -1,9 +1,10 @@
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Button } from '../chunk-5FCC5L5F.js';
-import '../chunk-V4E333QS.js';
+import { Button } from '../chunk-5LTILG3L.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __spreadProps, __spreadValues, __objRest } from '../chunk-MMUBH76A.js';
 import * as React from 'react';

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

@@ -1,7 +1,7 @@
 import { TagGroup } from '../chunk-PX6RICS5.js';
 import { Tag } from '../chunk-MWB7S54O.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/components/event-list-row-wide.js

@@ -1,10 +1,11 @@
 import { Tag } from '../chunk-MWB7S54O.js';
 import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
-import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { buttonVariants } from '../chunk-5FCC5L5F.js';
-import '../chunk-V4E333QS.js';
+import { buttonVariants } from '../chunk-5LTILG3L.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { memo, useState } from 'react';

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

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

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

@@ -75,9 +75,16 @@ type FacetGroupProps = Omit<ComponentPropsWithoutRef<"fieldset">, "title" | "chi
     /** e.g. "Show all". Omit to hide the trailing action. */
     moreLabel?: string;
     onMore?: () => void;
+    /**
+     * Whether the trailing action has already expanded the options it controls
+     * — set it when `onMore` reveals more rows in place (and `moreLabel` reads
+     * "Show fewer"), so the button carries `aria-expanded`. Leave it unset when
+     * the action opens another surface.
+     */
+    moreExpanded?: boolean;
     className?: string;
 };
-declare function FacetGroup({ title, icon: Icon, options, selection, name, size, collapsible, defaultOpen, onToggle, moreLabel, onMore, className, ...rest }: FacetGroupProps): react_jsx_runtime.JSX.Element;
+declare function FacetGroup({ title, icon: Icon, options, selection, name, size, collapsible, defaultOpen, onToggle, moreLabel, onMore, moreExpanded, className, ...rest }: FacetGroupProps): react_jsx_runtime.JSX.Element;
 type FacetGroupSkeletonProps = {
     /** How many option rows to draw — match the expected/last-known option count. */
     optionCount?: number;

package/dist/components/facet-group.js

@@ -26,6 +26,7 @@ function FacetGroup(_a) {
     onToggle,
     moreLabel,
     onMore,
+    moreExpanded,
     className
   } = _b, rest = __objRest(_b, [
     "title",
@@ -39,6 +40,7 @@ function FacetGroup(_a) {
     "onToggle",
     "moreLabel",
     "onMore",
+    "moreExpanded",
     "className"
   ]);
   const isSingle = selection === "single";
@@ -191,6 +193,7 @@ function FacetGroup(_a) {
         {
           type: "button",
           onClick: onMore,
+          "aria-expanded": moreExpanded,
           className: "cursor-pointer pt-[11px] text-[12.5px] font-bold text-primary transition-colors duration-150 hover:text-primary/80 motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:rounded-sm",
           children: moreLabel
         }

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

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

package/dist/components/haptic-switch.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const HAPTIC_SWITCH_SLOT = "haptic-switch";
+/** True when a click's target is the overlay switch rather than the host. */
+declare function isHapticSwitchTarget(target: EventTarget | null): boolean;
+type HapticSwitchProps = {
+    /** Mirror the host's disabled state; a disabled switch neither flips nor ticks. */
+    disabled?: boolean;
+};
+/**
+ * The only haptic iOS Safari has left.
+ *
+ * WebKit plays the system toggle haptic when an `<input type="checkbox" switch>`
+ * flips under the user's finger, and since iOS 26.5 under the finger is the
+ * only way — a programmatic click on the input or its label no longer counts
+ * (WebKit #65327). So the switch goes INSIDE the control, stretched over it and
+ * invisible, and the tap that lands on the control lands on the switch first.
+ * The click then bubbles to the host's own handler as usual.
+ *
+ * What the host must do:
+ * - be positioned (`relative` at least) so `inset-0` fills it;
+ * - not call `preventDefault()` on the click — that cancels the toggle, and
+ *   the toggle is the haptic;
+ * - if it is `type="submit"`, submit explicitly: the click target is the
+ *   switch, so the button's implicit submission never runs. `Button` does
+ *   this through `form.requestSubmit()`.
+ *
+ * Renders nothing on the server and on non-iOS clients (so the first client
+ * render matches SSR). Keyboard and assistive-tech activation land on the host,
+ * not the switch, and stay silent. `opacity: 0`, never `display: none` — a
+ * switch that is not rendered does not tick.
+ */
+declare function HapticSwitch({ disabled }: HapticSwitchProps): react_jsx_runtime.JSX.Element | null;
+
+export { HAPTIC_SWITCH_SLOT, HapticSwitch, isHapticSwitchTarget };

package/dist/components/haptic-switch.js

@@ -0,0 +1,3 @@
+export { HAPTIC_SWITCH_SLOT, HapticSwitch, isHapticSwitchTarget } from '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
+import '../chunk-MMUBH76A.js';

package/dist/components/hue-chip.js

@@ -1,3 +1,3 @@
-export { HueChip, hueTint } from '../chunk-CLLY6XB3.js';
+export { HueChip, hueTint } from '../chunk-6VOWT4YR.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/item.js

@@ -20,7 +20,10 @@ var itemVariants = cva(
         lg: "px-5 py-4"
       },
       interactive: {
-        true: "cursor-pointer hover:bg-accent hover:text-accent-foreground active:scale-[0.99]",
+        // The surface tint a hover is, not the brand fill: `bg-accent` here is
+        // the brown, and a row that inverts under the cursor loses its muted
+        // description. Same step the buttons take (`--accent-subtle`).
+        true: "cursor-pointer hover:bg-accent-subtle hover:border-accent/40 active:bg-muted active:scale-[0.99]",
         false: ""
       }
     },

package/dist/components/kitchen-dossier.js

@@ -1,9 +1,9 @@
-import { VenueQuotes } from '../chunk-43RC7MHY.js';
 import { DIMENSION_ORDER, VenueGradeDimensions } from '../chunk-ZQ53AGML.js';
+import { VenueQuotes } from '../chunk-43RC7MHY.js';
 import { StoryProvider, StorySegments, StoryPanel } from '../chunk-F6FMZJDG.js';
 import { GlassGround } from '../chunk-ICOU5QHT.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { MessageSquareQuote, Star } from 'lucide-react';

package/dist/components/link-button.js

@@ -1,5 +1,6 @@
-import { Button } from '../chunk-5FCC5L5F.js';
-import '../chunk-V4E333QS.js';
+import { Button } from '../chunk-5LTILG3L.js';
+import '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';

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

@@ -85,10 +85,17 @@ type MenuFamilyBlockProps = {
     hue?: string;
     /** Finished CSS gradient — the family's colour over the mosaic. */
     gradient?: string;
+    /**
+     * `wide` (default): the phone card below `lg`, the two-column card — photo
+     * third, rows beside it — from `lg`. `compact`: the phone card at every
+     * width, for a rail on a desktop page where the two-column card is too much
+     * to scan across (the browse page's concept rail).
+     */
+    variant?: "wide" | "compact";
     linkComponent?: MenuLinkComponent;
     className?: string;
 };
-declare function MenuFamilyBlock({ family, labels, formatCount, hue, gradient, linkComponent: LinkComponent, className, }: MenuFamilyBlockProps): react_jsx_runtime.JSX.Element;
+declare function MenuFamilyBlock({ family, labels, formatCount, hue, gradient, variant, linkComponent: LinkComponent, className, }: MenuFamilyBlockProps): react_jsx_runtime.JSX.Element;
 /**
  * The block's own loading state, at the block's footprint.
  *