@bearmenu/ui 0.8.15 → 0.8.17

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

@@ -1,10 +1,11 @@
-import { MenuKitchenList } from '../chunk-SXQZ7DLH.js';
-import { HueChip } from '../chunk-CLLY6XB3.js';
+import { MenuKitchenList } from '../chunk-QY66ME5B.js';
+import { HueChip } from '../chunk-6VOWT4YR.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.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 { Wallet } from 'lucide-react';
@@ -15,8 +16,8 @@ function DefaultLink(_a) {
   return /* @__PURE__ */ jsx("a", __spreadValues({ href }, props));
 }
 var GROUND = PHOTO_GROUND;
-var INK = "bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0.12)_0%,oklch(0.16_0.012_55_/_0.55)_38%,oklch(0.16_0.012_55_/_0.92)_62%,oklch(0.16_0.012_55_/_0.96)_100%)] lg:bg-[linear-gradient(to_right,oklch(0.16_0.012_55_/_0.38)_0%,oklch(0.16_0.012_55_/_0.6)_30%,oklch(0.16_0.012_55_/_0.92)_46%,oklch(0.16_0.012_55_/_0.96)_100%)]";
-var PAPER = "lg:bg-[oklch(0.21_0.012_55)]";
+var INK_PHONE = "bg-[linear-gradient(to_bottom,oklch(0.16_0.012_55_/_0.12)_0%,oklch(0.16_0.012_55_/_0.55)_38%,oklch(0.16_0.012_55_/_0.92)_62%,oklch(0.16_0.012_55_/_0.96)_100%)]";
+var INK_WIDE = "lg:bg-[linear-gradient(to_right,oklch(0.16_0.012_55_/_0.32)_0%,oklch(0.16_0.012_55_/_0.62)_34%,oklch(0.16_0.012_55_/_0.9)_52%,oklch(0.16_0.012_55_/_0.96)_100%)]";
 var TEXT_SCRIM = (
   /* `isolate` + `before:-z-10`: a positioned pseudo-element paints ABOVE the
      column's in-flow text unless the column is its own stacking context and
@@ -30,10 +31,12 @@ function MenuFamilyBlock({
   formatCount = String,
   hue,
   gradient,
+  variant = "wide",
   linkComponent: LinkComponent = DefaultLink,
   className
 }) {
   var _a, _b, _c, _d, _e, _f;
+  const wide = variant === "wide";
   const [photo] = (_a = family.photoUrls) != null ? _a : [];
   const venues = (_b = family.venues) != null ? _b : [];
   const overflow = Math.max(family.venueCount - venues.length, 0);
@@ -45,77 +48,108 @@ function MenuFamilyBlock({
       className: cn(
         /* `isolate` confines the blend and the backdrop-filter to this card.
            `dark` scopes every token inside to its dark-theme value. */
-        "dark relative isolate overflow-hidden rounded-[14px] text-foreground",
+        /* A flex column, so a `h-full` card in a rail fills its row: siblings
+           with two rows and with three end on the same baseline. */
+        "dark relative isolate flex flex-col overflow-hidden rounded-[14px] text-foreground",
         GROUND,
         className
       ),
       children: [
         /* @__PURE__ */ jsx(PhotoGround, { photos: [photo], initials: initial, mode: "stack", gradient }),
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("absolute inset-0", INK) }),
-        /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-1 lg:grid-cols-[34%_1fr]", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "relative flex min-h-[220px] flex-col justify-end p-3.5 lg:min-h-[320px] lg:p-5",
-                TEXT_SCRIM
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("absolute inset-0", INK_PHONE, wide && INK_WIDE) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative grid flex-1 grid-cols-1 grid-rows-[auto_1fr]",
+              wide && "lg:grid-cols-[34%_1fr] lg:grid-rows-1"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "relative flex min-h-[220px] flex-col justify-end p-3.5",
+                    wide && "lg:min-h-[320px] lg:p-5",
+                    TEXT_SCRIM
+                  ),
+                  children: [
+                    pill && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "absolute right-3.5 top-3.5 rounded-full bg-[oklch(0.16_0.012_55_/_0.78)] px-2.5 py-1 text-[11px] font-semibold text-white",
+                          wide && "lg:static lg:mb-3 lg:self-start"
+                        ),
+                        children: pill
+                      }
+                    ),
+                    family.kicker && /* @__PURE__ */ jsx("span", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/70", children: family.kicker }),
+                    /* @__PURE__ */ jsx(
+                      "h3",
+                      {
+                        className: cn(
+                          "text-balance font-serif text-[26px] font-semibold leading-tight tracking-[-0.02em] text-white",
+                          wide && "lg:text-[30px]"
+                        ),
+                        children: family.name
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("span", { className: "mt-1 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[13px] font-medium tabular-nums text-white/70", children: [
+                      labels.venueUnit(family.venueCount),
+                      (_f = family.facts) == null ? void 0 : _f.map((fact) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2.5", children: [
+                        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-white/40", children: "\xB7" }),
+                        fact
+                      ] }, fact)),
+                      family.priceBandLabel && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          className: "inline-flex items-center gap-1",
+                          "aria-label": `${labels.priceBand}: ${family.priceBandLabel}`,
+                          children: [
+                            /* @__PURE__ */ jsx(Wallet, { className: "h-3.5 w-3.5 shrink-0 text-white/60", "aria-hidden": true }),
+                            family.priceBandLabel
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      LinkComponent,
+                      {
+                        href: family.href,
+                        "aria-label": labels.browse,
+                        className: cn(buttonVariants({ variant: "ink", size: "pill" }), "mt-3.5 w-max max-w-full"),
+                        children: labels.browseShort && wide ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx("span", { className: "lg:hidden", children: labels.browse }),
+                          /* @__PURE__ */ jsx("span", { className: "hidden lg:inline", children: labels.browseShort })
+                        ] }) : labels.browse
+                      }
+                    )
+                  ]
+                }
               ),
-              children: [
-                pill && /* @__PURE__ */ jsx("span", { className: "absolute right-3.5 top-3.5 rounded-full bg-[oklch(0.16_0.012_55_/_0.78)] px-2.5 py-1 text-[11px] font-semibold text-white lg:static lg:mb-3 lg:self-start", children: pill }),
-                family.kicker && /* @__PURE__ */ jsx("span", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/70", children: family.kicker }),
-                /* @__PURE__ */ jsx("h3", { className: "text-balance font-serif text-[26px] font-semibold leading-tight tracking-[-0.02em] text-white lg:text-[30px]", children: family.name }),
-                /* @__PURE__ */ jsxs("span", { className: "mt-1 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[13px] font-medium tabular-nums text-white/70", children: [
-                  labels.venueUnit(family.venueCount),
-                  (_f = family.facts) == null ? void 0 : _f.map((fact) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2.5", children: [
-                    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-white/40", children: "\xB7" }),
-                    fact
-                  ] }, fact)),
-                  family.priceBandLabel && /* @__PURE__ */ jsxs(
-                    "span",
+              /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-col px-3.5 pb-3.5", wide && "lg:p-5"), children: [
+                family.chips && family.chips.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("flex flex-wrap items-center gap-1.5", wide && "lg:justify-end"), children: family.chips.map((chip) => (
+                  /* Label only. The counts are VENUES beside a dish group's name,
+                     which every reader takes for dishes. */
+                  /* @__PURE__ */ jsx(HueChip, { as: "li", hue, children: chip.label }, chip.slug)
+                )) }),
+                venues.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Separator, { className: "my-3 via-white/15" }),
+                  /* @__PURE__ */ jsx(
+                    MenuKitchenList,
                     {
-                      className: "inline-flex items-center gap-1",
-                      "aria-label": `${labels.priceBand}: ${family.priceBandLabel}`,
-                      children: [
-                        /* @__PURE__ */ jsx(Wallet, { className: "h-3.5 w-3.5 shrink-0 text-white/60", "aria-hidden": true }),
-                        family.priceBandLabel
-                      ]
+                      kitchens: venues,
+                      labels: labels.kitchens,
+                      layout: wide ? "stacked" : "phone",
+                      linkComponent: LinkComponent
                     }
                   )
-                ] }),
-                /* @__PURE__ */ jsx(
-                  LinkComponent,
-                  {
-                    href: family.href,
-                    "aria-label": labels.browse,
-                    className: cn(buttonVariants({ variant: "ink", size: "pill" }), "mt-3.5 w-max max-w-full"),
-                    children: labels.browseShort ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx("span", { className: "lg:hidden", children: labels.browse }),
-                      /* @__PURE__ */ jsx("span", { className: "hidden lg:inline", children: labels.browseShort })
-                    ] }) : labels.browse
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-col px-3.5 pb-3.5 lg:p-5", PAPER), children: [
-            family.chips && family.chips.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap items-center gap-1.5 lg:justify-end", children: family.chips.map((chip) => (
-              /* Label only. The counts are VENUES beside a dish group's name,
-                 which every reader takes for dishes. */
-              /* @__PURE__ */ jsx(HueChip, { as: "li", hue, children: chip.label }, chip.slug)
-            )) }),
-            venues.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Separator, { className: "my-3 via-white/15" }),
-              /* @__PURE__ */ jsx(
-                MenuKitchenList,
-                {
-                  kitchens: venues,
-                  labels: labels.kitchens,
-                  linkComponent: LinkComponent
-                }
-              )
-            ] })
-          ] })
-        ] })
+                ] })
+              ] })
+            ]
+          }
+        )
       ]
     }
   );

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

@@ -1,5 +1,5 @@
-import { HueChip } from '../chunk-CLLY6XB3.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
+import { HueChip } from '../chunk-6VOWT4YR.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { Wallet } from 'lucide-react';

package/dist/components/menu-filter-chips.d.ts

@@ -58,11 +58,18 @@ type MenuFilterChipsProps = {
     onMorePointerDown?: () => void;
     /** Locale-aware integer formatter for the counts. Defaults to `String`. */
     formatCount?: (value: number) => string;
+    /**
+     * `sm` (36px) is the row under a page header. `lg` (44px) is for a row
+     * inside a sticky bar, where the chips are the only thing the thumb can
+     * reach and 36px sits under the target floor.
+     */
+    chipSize?: MenuFilterChipSize;
     /** Accessible name for the row. */
     ariaLabel?: string;
     className?: string;
 };
-declare function MenuFilterChips({ chips, onToggle, unitLabel, onMore, moreLabel, moreIcon, onMorePointerDown, formatCount, ariaLabel, className, }: MenuFilterChipsProps): react_jsx_runtime.JSX.Element;
+type MenuFilterChipSize = "sm" | "lg";
+declare function MenuFilterChips({ chips, onToggle, unitLabel, onMore, moreLabel, moreIcon, onMorePointerDown, formatCount, chipSize, ariaLabel, className, }: MenuFilterChipsProps): react_jsx_runtime.JSX.Element;
 /**
  * MenuFilterSummary — what the active filters did, and the way out.
  *
@@ -80,8 +87,10 @@ type MenuFilterSummaryProps = {
     className?: string;
 };
 declare function MenuFilterSummary({ summary, clearLabel, onClear, className, }: MenuFilterSummaryProps): react_jsx_runtime.JSX.Element;
-declare function MenuFilterChipsSkeleton({ className }: {
+declare function MenuFilterChipsSkeleton({ className, chipSize, }: {
     className?: string;
+    /** Match the row it stands in for, so the chips do not jump 8px on load. */
+    chipSize?: MenuFilterChipSize;
 }): react_jsx_runtime.JSX.Element;
 
-export { MenuFilterChips, type MenuFilterChipsProps, MenuFilterChipsSkeleton, MenuFilterSummary, type MenuFilterSummaryProps };
+export { type MenuFilterChipSize, MenuFilterChips, type MenuFilterChipsProps, MenuFilterChipsSkeleton, MenuFilterSummary, type MenuFilterSummaryProps };

package/dist/components/menu-filter-chips.js

@@ -14,6 +14,7 @@ function MenuFilterChips({
   moreIcon,
   onMorePointerDown,
   formatCount = String,
+  chipSize = "sm",
   ariaLabel,
   className
 }) {
@@ -30,6 +31,7 @@ function MenuFilterChips({
           Chip,
           {
             chip,
+            size: chipSize,
             onToggle: () => onToggle(chip.key),
             formatCount
           },
@@ -46,7 +48,11 @@ function MenuFilterChips({
           onPointerDown: onMorePointerDown,
           "aria-label": moreLabel,
           "aria-haspopup": "dialog",
-          className: "inline-flex size-10 shrink-0 items-center justify-center rounded-full border border-border text-accent transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none lg:hidden",
+          className: cn(
+            "inline-flex shrink-0 items-center justify-center rounded-full border border-border text-accent transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none lg:hidden",
+            // The one control that never scrolls keeps the chips' height.
+            chipSize === "lg" ? "size-11" : "size-10"
+          ),
           children: moreIcon
         }
       ),
@@ -67,6 +73,7 @@ function MenuFilterChips({
 }
 function Chip({
   chip,
+  size,
   onToggle,
   formatCount
 }) {
@@ -77,7 +84,8 @@ function Chip({
       onClick: onToggle,
       "aria-pressed": chip.active,
       className: cn(
-        "inline-flex h-9 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full border px-4 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+        "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full border px-4 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+        size === "lg" ? "h-11" : "h-9",
         chip.active ? "border-accent font-semibold text-accent shadow-[0_1px_2px_oklch(0.51_0.095_45_/_0.08)]" : "border-border bg-card text-foreground hover:border-accent/40",
         // Dimmed, never disabled — pressing it is how the reader finds out
         // which active filter is in the way.
@@ -112,10 +120,20 @@ function MenuFilterSummary({
   ] });
 }
 var CHIP_WIDTHS = [128, 104, 96, 148, 112, 88];
-function MenuFilterChipsSkeleton({ className }) {
+function MenuFilterChipsSkeleton({
+  className,
+  chipSize = "sm"
+}) {
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 overflow-hidden", className), "aria-hidden": true, children: [
     /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-[92px] shrink-0" }),
-    CHIP_WIDTHS.map((width, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-9 shrink-0 rounded-full", style: { width } }, index))
+    CHIP_WIDTHS.map((width, index) => /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        className: cn("shrink-0 rounded-full", chipSize === "lg" ? "h-11" : "h-9"),
+        style: { width }
+      },
+      index
+    ))
   ] });
 }
 

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

@@ -1,7 +1,8 @@
 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 { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { useState } from 'react';

package/dist/components/menu-item.js

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

package/dist/components/menu-kitchen-list.d.ts

@@ -54,6 +54,17 @@ type MenuKitchenListLabels = {
     /** Reveals the next page of rows, e.g. "Show 10 more". */
     showMore?: string;
 };
+/**
+ * `wide` (default): the intent page's full-width list — from `lg` the venue
+ * takes a fixed 226px column and the dish stands beside it in a column of its
+ * own. `stacked`: the list sits in a narrow column (a concept card's row
+ * half), so the venue keeps the row and the dish takes a SECOND LINE under it
+ * from `lg`; in a half-width card the dish column had ~100px and its kicker,
+ * name and meta wrapped into a stack of single words. `phone`: the phone row
+ * at every width — no dish line, the venue and its price only — for a card
+ * that keeps its phone form on a desktop rail.
+ */
+type MenuKitchenListLayout = "wide" | "stacked" | "phone";
 type MenuKitchenListProps = {
     kitchens: MenuKitchenPreview[];
     labels: MenuKitchenListLabels;
@@ -62,10 +73,11 @@ type MenuKitchenListProps = {
      * navigates for the eleventh — the list is the page.
      */
     onShowMore?: () => void;
+    layout?: MenuKitchenListLayout;
     linkComponent?: MenuLinkComponent;
     className?: string;
 };
-declare function MenuKitchenList({ kitchens, labels, onShowMore, linkComponent, className, }: MenuKitchenListProps): react_jsx_runtime.JSX.Element;
+declare function MenuKitchenList({ kitchens, labels, onShowMore, layout, linkComponent, className, }: MenuKitchenListProps): react_jsx_runtime.JSX.Element;
 /**
  * The list's own loading state, at the row's own footprint.
  *
@@ -80,4 +92,4 @@ declare function MenuKitchenListSkeleton({ rows, className, }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { MenuKitchenList, type MenuKitchenListLabels, type MenuKitchenListLinkProps, type MenuKitchenListProps, MenuKitchenListSkeleton };
+export { MenuKitchenList, type MenuKitchenListLabels, type MenuKitchenListLayout, type MenuKitchenListLinkProps, type MenuKitchenListProps, MenuKitchenListSkeleton };

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

@@ -1,4 +1,4 @@
-export { MenuKitchenList, MenuKitchenListSkeleton } from '../chunk-SXQZ7DLH.js';
+export { MenuKitchenList, MenuKitchenListSkeleton } from '../chunk-QY66ME5B.js';
 import '../chunk-NWZGSLPU.js';
 import '../chunk-XBBEX4SF.js';
 import '../chunk-FEK5XGZW.js';

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

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

package/dist/components/pagination.js

@@ -1,5 +1,6 @@
-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, __spreadProps } from '../chunk-MMUBH76A.js';
 import { ChevronsLeftIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsRightIcon, MoreHorizontalIcon } from 'lucide-react';

package/dist/components/photo-ground.d.ts

@@ -36,6 +36,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
  */
 /** The ground under the photography. Fixed, and deliberately not a token. */
 declare const PHOTO_GROUND = "bg-[oklch(0.21_0.012_55)]";
+/**
+ * The shadow a glyph wears when it stands on `PHOTO_GROUND` in a photograph's
+ * place — the card family's fallback treatment: a ground and a lifted glyph,
+ * never a bare icon on a flat fill. Same literal family as the ground.
+ */
+declare const PHOTO_GLYPH_SHADOW = "drop-shadow-[0_2px_6px_oklch(0.16_0.012_55_/_0.6)]";
 type PhotoGroundProps = {
     /** One per slot. An absent one draws the slot's initial on the ground. */
     photos: (string | undefined)[];
@@ -67,4 +73,4 @@ type PhotoGroundProps = {
 };
 declare function PhotoGround({ photos, initials, mode, active, mosaicClassName, phoneTiles, gradient, overlay, overlayClassName, loading, glyphClassName, className, }: PhotoGroundProps): react_jsx_runtime.JSX.Element;
 
-export { PHOTO_GROUND, PhotoGround, type PhotoGroundProps };
+export { PHOTO_GLYPH_SHADOW, PHOTO_GROUND, PhotoGround, type PhotoGroundProps };

package/dist/components/photo-ground.js

@@ -1,3 +1,3 @@
-export { PHOTO_GROUND, PhotoGround } from '../chunk-CNJQUHCU.js';
+export { PHOTO_GLYPH_SHADOW, PHOTO_GROUND, PhotoGround } from '../chunk-SWD6CJ35.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/place-card.js

@@ -1,12 +1,12 @@
+import { OVERLAY_PILL } from '../chunk-EZG2NELX.js';
 import { HOVER_IMAGE_MOTION, HOVER_IMAGE_WRAPPER, HOVER_MOTION, HOVER_LIFT_GRID_GROUP } from '../chunk-XCB3F6SF.js';
 import { NEUTRAL_ICON_FILTER } from '../chunk-LQWGZIYA.js';
-import { OVERLAY_PILL } from '../chunk-EZG2NELX.js';
 import { GradeAtom } from '../chunk-DJD3EMPK.js';
 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-P43B3ONY.js';
+import { Badge } from '../chunk-5XREWOBB.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-P43B3ONY.js';
+import { Badge } from '../chunk-5XREWOBB.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { useState } from 'react';

package/dist/components/searchable-select.js

@@ -1,8 +1,9 @@
 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-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/section-header.d.ts

@@ -50,9 +50,15 @@ type SectionHeaderProps = {
      * would dilute the headings that matter. Defaults to `"h2"`.
      */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "div";
+    /**
+     * Controls at the end of the title row, after `action` — a rail's
+     * previous / next pair on desktop. The header owns none of their
+     * behaviour; it only holds the slot.
+     */
+    trailing?: React.ReactNode;
     className?: string;
 };
-declare function SectionHeader({ title, count, subtitle, action, actionHref, actionTone, subtitleFrom, linkComponent: LinkComponent, onAction, as: Heading, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
+declare function SectionHeader({ title, count, subtitle, action, actionHref, actionTone, subtitleFrom, linkComponent: LinkComponent, onAction, as: Heading, trailing, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
 type SectionHeaderSkeletonProps = {
     /** Shows the inline count placeholder, matching `SectionHeaderProps["count"]`. */
     showCount?: boolean;

package/dist/components/section-header.js

@@ -31,6 +31,7 @@ function SectionHeader({
   linkComponent: LinkComponent = DefaultLink,
   onAction,
   as: Heading = "h2",
+  trailing,
   className
 }) {
   const actionIcon = /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5", "aria-hidden": true });
@@ -41,13 +42,16 @@ function SectionHeader({
         /* @__PURE__ */ jsx(Heading, { className: "truncate text-[17px] font-bold tracking-[-0.01em] text-foreground md:text-[18px]", children: title }),
         count !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-1.5 shrink-0 text-[12px] tabular-nums text-muted-foreground lg:ml-0.5", children: count })
       ] }),
-      action && (actionHref ? /* @__PURE__ */ jsxs(LinkComponent, { href: actionHref, className: actionClasses, onClick: onAction, children: [
-        action,
-        actionIcon
-      ] }) : onAction ? /* @__PURE__ */ jsxs("button", { type: "button", className: actionClasses, onClick: onAction, children: [
-        action,
-        actionIcon
-      ] }) : null)
+      (action || trailing) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
+        action && (actionHref ? /* @__PURE__ */ jsxs(LinkComponent, { href: actionHref, className: actionClasses, onClick: onAction, children: [
+          action,
+          actionIcon
+        ] }) : onAction ? /* @__PURE__ */ jsxs("button", { type: "button", className: actionClasses, onClick: onAction, children: [
+          action,
+          actionIcon
+        ] }) : null),
+        trailing
+      ] })
     ] }),
     subtitle && /* @__PURE__ */ jsx(
       "p",

package/dist/components/signature-chip.js

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

package/dist/components/sliding-panels.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 { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import * as React from 'react';

package/dist/components/switch.d.ts

@@ -1,6 +1,12 @@
 import * as React from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    /**
+     * Tick on iOS through a `HapticSwitch` laid over the control. Off by default;
+     * a switch that writes a persisted setting opts in.
+     */
+    haptic?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 
 export { Switch };

package/dist/components/switch.js

@@ -1,32 +1,41 @@
+import { HapticSwitch } from '../chunk-RIH2IS7X.js';
+import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-var Switch = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    SwitchPrimitive.Root,
-    __spreadProps(__spreadValues({
-      ref,
-      "data-slot": "switch",
-      className: cn(
-        "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input aria-invalid:ring-2 aria-invalid:ring-destructive/40",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx(
-        SwitchPrimitive.Thumb,
-        {
-          className: cn(
-            "pointer-events-none block size-5 rounded-full bg-background shadow-md ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 data-[state=checked]:bg-primary-foreground"
-          )
-        }
-      )
-    })
-  );
-});
+var Switch = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, haptic = false, disabled } = _b, props = __objRest(_b, ["className", "haptic", "disabled"]);
+    return /* @__PURE__ */ jsxs(
+      SwitchPrimitive.Root,
+      __spreadProps(__spreadValues({
+        ref,
+        "data-slot": "switch",
+        disabled,
+        className: cn(
+          "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input aria-invalid:ring-2 aria-invalid:ring-destructive/40",
+          haptic && "relative",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx(
+            SwitchPrimitive.Thumb,
+            {
+              className: cn(
+                "pointer-events-none block size-5 rounded-full bg-background shadow-md ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 data-[state=checked]:bg-primary-foreground"
+              )
+            }
+          ),
+          haptic && /* @__PURE__ */ jsx(HapticSwitch, { disabled })
+        ]
+      })
+    );
+  }
+);
 Switch.displayName = SwitchPrimitive.Root.displayName;
 
 export { Switch };