@bearmenu/ui 0.8.13 → 0.8.15

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

@@ -1,9 +1,8 @@
-import { beats, pivot, MotionIcon, returnTransition } from '../chunk-G7IFL4Z4.js';
+import { beats, pivot, returnTransition, MotionIcon, useSvgId } from '../chunk-L3VEMP5A.js';
 import '../chunk-FEK5XGZW.js';
-import { __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
-import * as React from 'react';
+import { __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 import { motion } from 'framer-motion';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var HOUSE_TIMES = [0, 0.16, 0.44, 0.72, 1];
 var houseRoof = {
@@ -137,7 +136,7 @@ var reel = {
   }
 };
 function MotionCalendar(props) {
-  const clipId = `cal-body-${React.useId().replace(/:/g, "")}`;
+  const clipId = useSvgId("cal-body");
   return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: clipId, children: /* @__PURE__ */ jsx("rect", { x: "3.5", y: "10.5", width: "17", height: "11", rx: "1.5" }) }) }),
     /* @__PURE__ */ jsx("path", { d: "M8 2v4" }),
@@ -147,5 +146,197 @@ function MotionCalendar(props) {
     /* @__PURE__ */ jsx("g", { clipPath: `url(#${clipId})`, children: /* @__PURE__ */ jsx(motion.g, { variants: reel, children: ROWS.map((y) => COLS.map((x) => /* @__PURE__ */ jsx("path", { d: `M${x} ${y}h.01` }, `${x}-${y}`))) }) })
   ] }));
 }
+var GRID_TIMES = [0, 0.14, 0.6, 0.8, 1];
+var GRID_PITCH = 11;
+var GRID_CHASE = 0.03;
+var slide = (direction) => [0, -1.5, GRID_PITCH + 1.5, GRID_PITCH - 0.4, GRID_PITCH].map((v) => v * direction);
+var chase = (order) => __spreadProps(__spreadValues({}, beats(GRID_TIMES, 0.58)), { delay: order * GRID_CHASE });
+function tileAlongX(direction, order) {
+  return {
+    rest: { x: 0, transition: returnTransition },
+    active: { x: 0, transition: returnTransition },
+    play: { x: slide(direction), transition: chase(order) }
+  };
+}
+function tileAlongY(direction, order) {
+  return {
+    rest: { y: 0, transition: returnTransition },
+    active: { y: 0, transition: returnTransition },
+    play: { y: slide(direction), transition: chase(order) }
+  };
+}
+var tileTopLeft = tileAlongX(1, 0);
+var tileTopRight = tileAlongY(1, 1);
+var tileBottomRight = tileAlongX(-1, 2);
+var tileBottomLeft = tileAlongY(-1, 3);
+function MotionLayoutGrid(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx(motion.rect, { variants: tileTopLeft, width: "7", height: "7", x: "3", y: "3", rx: "1" }),
+    /* @__PURE__ */ jsx(motion.rect, { variants: tileTopRight, width: "7", height: "7", x: "14", y: "3", rx: "1" }),
+    /* @__PURE__ */ jsx(motion.rect, { variants: tileBottomRight, width: "7", height: "7", x: "14", y: "14", rx: "1" }),
+    /* @__PURE__ */ jsx(motion.rect, { variants: tileBottomLeft, width: "7", height: "7", x: "3", y: "14", rx: "1" })
+  ] }));
+}
+var WINE_TIMES = [0, 0.16, 0.6, 0.78, 1];
+var WINE_EMPTY = 15;
+var WINE_LINE = 10;
+var WINE_SLOSH = 8;
+var liquid = {
+  rest: { attrY: WINE_EMPTY, transition: returnTransition },
+  active: { attrY: WINE_LINE, transition: returnTransition },
+  play: {
+    // Sits empty through the squat, rises past the line at the apex, drops
+    // back, settles on the line.
+    attrY: [WINE_EMPTY, WINE_EMPTY, WINE_SLOSH, WINE_LINE + 0.5, WINE_LINE],
+    transition: beats(WINE_TIMES)
+  }
+};
+var glass = {
+  rest: { scaleY: 1, transition: returnTransition },
+  active: { scaleY: 1, transition: returnTransition },
+  play: { scaleY: [1, 0.9, 1.03, 0.98, 1], transition: beats(WINE_TIMES) }
+};
+var BOWL = "M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z";
+function MotionWine(props) {
+  const clipId = useSvgId("wine-bowl");
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: clipId, children: /* @__PURE__ */ jsx("path", { d: BOWL }) }) }),
+    /* @__PURE__ */ jsxs(motion.g, { variants: glass, style: pivot(12, 22), children: [
+      /* @__PURE__ */ jsx("g", { clipPath: `url(#${clipId})`, children: /* @__PURE__ */ jsx(
+        motion.rect,
+        {
+          variants: liquid,
+          fill: "currentColor",
+          stroke: "none",
+          x: "6",
+          y: WINE_EMPTY,
+          width: "12",
+          height: "12"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("path", { d: "M8 22h8" }),
+      /* @__PURE__ */ jsx("path", { d: "M7 10h10" }),
+      /* @__PURE__ */ jsx("path", { d: "M12 15v7" }),
+      /* @__PURE__ */ jsx("path", { d: BOWL })
+    ] })
+  ] }));
+}
+var MAP_TIMES = [0, 0.2, 0.5, 0.66, 0.84, 1];
+var FOLD = [1, 0.2, 1.18, 0.94, 1.03, 1];
+var panelRight = {
+  rest: { scaleX: 1, transition: returnTransition },
+  active: { scaleX: 1, transition: returnTransition },
+  play: { scaleX: FOLD, transition: beats(MAP_TIMES, 0.62) }
+};
+var panelLeft = {
+  rest: { scaleX: 1, transition: returnTransition },
+  active: { scaleX: 1, transition: returnTransition },
+  play: { scaleX: FOLD, transition: __spreadProps(__spreadValues({}, beats(MAP_TIMES, 0.62)), { delay: 0.06 }) }
+};
+function MotionMap(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx("path", { d: "M14.106 5.553a2 2 0 0 0 1.788 0" }),
+    /* @__PURE__ */ jsx("path", { d: "M15.894 20.554a2 2 0 0 1-1.788 0l-4.212-2.106" }),
+    /* @__PURE__ */ jsx("path", { d: "M9.894 3.447 14.106 5.553" }),
+    /* @__PURE__ */ jsxs(motion.g, { variants: panelRight, style: pivot(15, 12), children: [
+      /* @__PURE__ */ jsx("path", { d: "M15.894 5.553l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277" }),
+      /* @__PURE__ */ jsx("path", { d: "M15 5.764v15" })
+    ] }),
+    /* @__PURE__ */ jsxs(motion.g, { variants: panelLeft, style: pivot(9, 12), children: [
+      /* @__PURE__ */ jsx("path", { d: "M9.894 18.448a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0" }),
+      /* @__PURE__ */ jsx("path", { d: "M9 3.236v15" })
+    ] })
+  ] }));
+}
+var FLAME_TIMES = [0, 0.16, 0.42, 0.58, 0.78, 1];
+var flame = {
+  rest: { scaleY: 1, scaleX: 1, skewX: 0, fillOpacity: 0, transition: returnTransition },
+  active: { scaleY: 1, scaleX: 1, skewX: 0, fillOpacity: 0, transition: returnTransition },
+  play: {
+    scaleY: [1, 0.8, 1.38, 1.18, 0.96, 1],
+    scaleX: [1, 1.15, 0.82, 0.95, 1.03, 1],
+    skewX: [0, 0, -8, 7, -2, 0],
+    fillOpacity: [0, 0, 1, 1, 0.35, 0],
+    transition: beats(FLAME_TIMES)
+  }
+};
+function MotionFlame(props) {
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(
+    motion.path,
+    {
+      variants: flame,
+      style: pivot(12, 22),
+      fill: "currentColor",
+      fillOpacity: 0,
+      d: "M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4"
+    }
+  ) }));
+}
+var CLOCK_TIMES = [0, 0.14, 0.62, 0.8, 1];
+var minuteHand = {
+  rest: { rotate: 0, transition: returnTransition },
+  active: { rotate: 0, transition: returnTransition },
+  play: { rotate: [0, -14, 372, 360, 360], transition: beats(CLOCK_TIMES, 0.62) }
+};
+var elapsed = {
+  rest: { pathLength: 0, transition: returnTransition },
+  active: { pathLength: 0.34, transition: returnTransition },
+  play: { pathLength: [0, 0, 0.42, 0.31, 0.34], transition: beats(CLOCK_TIMES, 0.62) }
+};
+function MotionCalendarClock(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx("path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 2v4" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 2v4" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 10h5" }),
+    /* @__PURE__ */ jsx("circle", { cx: "16", cy: "16", r: "6" }),
+    /* @__PURE__ */ jsx("g", { transform: "rotate(-90 16 16.2)", children: /* @__PURE__ */ jsx(
+      motion.circle,
+      {
+        variants: elapsed,
+        cx: "16",
+        cy: "16.2",
+        r: "2",
+        strokeWidth: 4,
+        strokeLinecap: "butt",
+        pathLength: 1,
+        strokeDasharray: "0 1"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(motion.path, { variants: minuteHand, style: pivot(16, 16.2), d: "M16 14v2.2" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 16.2l1.6 1" })
+  ] }));
+}
+var LIST_TIMES = [0, 0.14, 0.62, 0.8, 1];
+var mover = {
+  rest: { y: 0, x: 0, scale: 1, transition: returnTransition },
+  active: { y: 0, x: 0, scale: 1, transition: returnTransition },
+  play: {
+    y: [0, 1.5, -15.2, -13.6, -14],
+    x: [0, 0, 2.5, 0.6, 0],
+    scale: [1, 1, 1.06, 1.02, 1],
+    transition: beats(LIST_TIMES, 0.6)
+  }
+};
+var dropSlot = (delay) => ({
+  rest: { y: 0, transition: returnTransition },
+  active: { y: 0, transition: returnTransition },
+  play: { y: [0, 0, 7.6, 6.7, 7], transition: __spreadProps(__spreadValues({}, beats([0, 0.22, 0.62, 0.8, 1], 0.6)), { delay }) }
+});
+var rowFirst = dropSlot(0.07);
+var rowSecond = dropSlot(0);
+function ListRow({ y }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: `M3 ${y}h.01` }),
+    /* @__PURE__ */ jsx("path", { d: `M8 ${y}h13` })
+  ] });
+}
+function MotionList(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx(motion.g, { variants: rowFirst, children: /* @__PURE__ */ jsx(ListRow, { y: 5 }) }),
+    /* @__PURE__ */ jsx(motion.g, { variants: rowSecond, children: /* @__PURE__ */ jsx(ListRow, { y: 12 }) }),
+    /* @__PURE__ */ jsx(motion.g, { variants: mover, style: pivot(3, 19), children: /* @__PURE__ */ jsx(ListRow, { y: 19 }) })
+  ] }));
+}
 
-export { MotionCalendar, MotionHouse, MotionMapPin, MotionUtensils };
+export { MotionCalendar, MotionCalendarClock, MotionFlame, MotionHouse, MotionLayoutGrid, MotionList, MotionMap, MotionMapPin, MotionUtensils, MotionWine };

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

@@ -56,10 +56,24 @@ declare function poses(rest: PoseValues, active: PoseValues, play: Record<string
  *
  * Both effects compare against a ref rather than trusting the dependency array,
  * so they fire once per actual change and not once per render.
+ *
+ * A gesture's last keyframe draws the same PICTURE as the held pose, but not
+ * always with the same VALUES: the grid's tiles end one slot around the
+ * board, the calendar's reel ends four rows up. Left there, the next `rest`
+ * tween would perform a second, backwards gesture on leave. So once `play`
+ * resolves the values snap — invisibly — to the pose they depict: `active`
+ * straight away if the state has arrived, else `rest` after a grace period
+ * that a late-arriving `active` cancels. Leaving while a play is in flight
+ * defers to that same snap rather than springing the parts back mid-gesture.
  */
 declare function useIconGesture(active: boolean, replayToken: number): framer_motion.LegacyAnimationControls;
+/**
+ * An id safe inside `url(#…)`: React 18's `useId` contains colons, React 19's
+ * may contain guillemets, and neither survives a fragment reference.
+ */
+declare function useSvgId(prefix: string): string;
 declare function MotionIcon({ active, replayToken, className, children, }: MotionIconProps & {
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-export { MotionIcon, type MotionIconProps, type MotionIconVariant, beats, pivot, poses, returnTransition, useIconGesture };
+export { MotionIcon, type MotionIconProps, type MotionIconVariant, beats, pivot, poses, returnTransition, useIconGesture, useSvgId };

package/dist/components/motion-icon.js

@@ -1,3 +1,3 @@
-export { MotionIcon, beats, pivot, poses, returnTransition, useIconGesture } from '../chunk-G7IFL4Z4.js';
+export { MotionIcon, beats, pivot, poses, returnTransition, useIconGesture, useSvgId } from '../chunk-L3VEMP5A.js';
 import '../chunk-FEK5XGZW.js';
-import '../chunk-3GWWZKX7.js';
+import '../chunk-MMUBH76A.js';

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

@@ -1,12 +1,12 @@
-import { Popover, PopoverTrigger, PopoverContent } from '../chunk-66MAPLXS.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-XNA2INVQ.js';
-import '../chunk-FRPPIXMY.js';
-import { Checkbox } from '../chunk-D5QHEHXJ.js';
-import { Button } from '../chunk-VAXOQS7W.js';
-import '../chunk-R47NEOSI.js';
-import { Badge } from '../chunk-2CXU5WZO.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-5FCC5L5F.js';
+import '../chunk-V4E333QS.js';
+import { Badge } from '../chunk-P43B3ONY.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import '../chunk-3GWWZKX7.js';
+import '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import { ChevronsUpDown, X } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

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

@@ -1,6 +1,6 @@
-import { Checkbox } from '../chunk-D5QHEHXJ.js';
+import { Checkbox } from '../chunk-NMEVJT5Q.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import '../chunk-3GWWZKX7.js';
+import '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/components/native-select.js

@@ -1,5 +1,5 @@
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import { ChevronDown } from 'lucide-react';
 import { cva } from 'class-variance-authority';

package/dist/components/open-now-list.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuVenuePreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import './place-types.js';
+import '../place-types-BHdeMMiG.js';
+import '../lib/grade.js';
 
 /**
  * OpenNowList — who is still serving, and until when.

package/dist/components/open-now-list.js

@@ -1,6 +1,6 @@
-import { Separator } from '../chunk-WSRWFA6K.js';
+import { Separator } from '../chunk-NWZGSLPU.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { Clock, ChevronRight } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/components/pagination.js

@@ -1,7 +1,7 @@
-import { buttonVariants } from '../chunk-VAXOQS7W.js';
-import '../chunk-R47NEOSI.js';
+import { buttonVariants } from '../chunk-5FCC5L5F.js';
+import '../chunk-V4E333QS.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadValues, __spreadProps } from '../chunk-MMUBH76A.js';
 import { ChevronsLeftIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsRightIcon, MoreHorizontalIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/components/phone-frame.js

@@ -1,5 +1,5 @@
 import { cn } from '../chunk-FEK5XGZW.js';
-import '../chunk-3GWWZKX7.js';
+import '../chunk-MMUBH76A.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var SCREEN_ASPECT = 956 / 440;

package/dist/components/photo-ground.js

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

package/dist/components/place-about-tab.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PlacePreview, PlaceAboutTabLabels, PlaceLinkKind } from './place-types.js';
+import { P as PlacePreview, b as PlaceAboutTabLabels, c as PlaceLinkKind } from '../place-types-BHdeMMiG.js';
+import '../lib/grade.js';
 
 interface PlaceAboutTabProps {
     place: PlacePreview;

package/dist/components/place-about-tab.js

@@ -1,7 +1,7 @@
-export { PlaceAboutTab } from '../chunk-HSIYYA2E.js';
-import '../chunk-VG3PND3D.js';
-import '../chunk-ZDAHKI3A.js';
-import '../chunk-WSRWFA6K.js';
-import '../chunk-7BWTYWM3.js';
+export { PlaceAboutTab } from '../chunk-HQU6QVAN.js';
+import '../chunk-FMTJGO76.js';
+import '../chunk-MWB7S54O.js';
+import '../chunk-NWZGSLPU.js';
+import '../chunk-ZLMRVBD7.js';
 import '../chunk-FEK5XGZW.js';
-import '../chunk-3GWWZKX7.js';
+import '../chunk-MMUBH76A.js';

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

@@ -1,17 +1,99 @@
-import * as React from 'react';
-import { PlacePreview, PlaceCardLabels } from './place-types.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import { ReactNode, MouseEvent } from 'react';
+import { P as PlacePreview, d as PlaceCardLabels } from '../place-types-BHdeMMiG.js';
+import '../lib/grade.js';
 
-interface PlaceCardProps {
+/**
+ * PlaceCard — the 4:3 cover card every place rail and grid reuses.
+ *
+ * RENDERS AN ANCHOR WHENEVER `href` IS GIVEN. Pass `href` AND `onOpen`: the
+ * anchor is real for crawlers, middle-click and "open in new tab", while a
+ * plain left-click is intercepted to open the in-page drawer. Without `href`
+ * the root is a `role="button"` (Enter / Space open too).
+ *
+ * Like `event-card.tsx`, this takes a DS-owned view model, injected labels and
+ * injected framework pieces — no app schema, no app hooks, no i18n. The link
+ * and the image are both injectable: a plain `<a>` / `<img>` by default, and
+ * `next/link` / `next/image` in a Next app, so the consumer keeps its srcset,
+ * its priority preload and its image loader on the card that is its LCP.
+ */
+type PlaceCardLinkProps = {
+    href: string;
+    className?: string;
+    children: ReactNode;
+    onClick?: (mouseEvent: MouseEvent<HTMLAnchorElement>) => void;
+    "aria-label"?: string;
+};
+type PlaceCardImageProps = {
+    src: string;
+    alt: string;
+    /** Responsive `sizes` hint; the default `<img>` ignores it. */
+    sizes: string;
+    /** The LCP candidate — preload / `loading="eager"`. */
+    priority: boolean;
+    /** Positions the image to fill the 4:3 box (`absolute inset-0 h-full w-full object-cover` + hover motion). */
+    className: string;
+    onError: () => void;
+};
+type PlaceCardProps = {
     place: PlacePreview;
     labels: PlaceCardLabels;
-    /** Locale tag (e.g. `"en"`, `"ro"`). Reserved for future Intl number/distance formatting. */
-    locale?: string;
-    /** Optional click handler. When omitted the card renders as a non-interactive div. */
-    onClick?: (place: PlacePreview) => void;
-    className?: string;
-    /** Forwarded to the thumbnail's `loading` attribute (`"eager"` when true). */
+    /** Marks this as the LCP candidate — forwarded to `imageComponent`. */
     priority?: boolean;
-}
-declare const PlaceCard: React.NamedExoticComponent<PlaceCardProps>;
+    /**
+     * Responsive image `sizes` hint. Defaults to a viewport-width formula for
+     * grid layouts; rail callers (220px-wide carousels) should pass `"220px"` so
+     * the browser doesn't download a viewport-width variant for a tiny card.
+     */
+    imageSizes?: string;
+    /**
+     * Real detail-page URL. When set the card root renders as a crawlable
+     * anchor; a plain left-click is still intercepted to call `onOpen`, while
+     * modified / middle-clicks navigate. When omitted the root is a
+     * `role="button"`.
+     */
+    href?: string;
+    /**
+     * Defaults to a plain `<a>`. Pass a ref-forwarding `next/link` adapter in a
+     * Next app. MUST be module-scoped: the root is `motion.create(linkComponent)`
+     * keyed on its identity, so an inline component remounts the card (and
+     * re-requests its cover) on every render.
+     */
+    linkComponent?: React.ComponentType<PlaceCardLinkProps>;
+    /** Defaults to a plain `<img>`. Pass a `next/image` adapter in a Next app. Module-scoped, like `linkComponent`. */
+    imageComponent?: React.ComponentType<PlaceCardImageProps>;
+    /** Opens the in-page drawer / sheet. A left-click on the anchor is prevented in favour of this. */
+    onOpen?: (place: PlacePreview) => void;
+    /**
+     * Optional non-interactive context slot rendered below the place's own
+     * info rows, e.g. concept page: "Served as X / 45 RON / 300g". MUST be
+     * display-only — no buttons or links — since the card itself is the click
+     * target.
+     */
+    footer?: ReactNode;
+    /**
+     * Rendered over the photo's top-left corner as a SIBLING of the interactive
+     * root, not a child — so it MAY be a button or link (e.g. a trending marker
+     * that opens a popover) without nesting interactives inside the card's
+     * anchor / `role="button"`. It lifts with the card via the shared
+     * `group/card` wrapper. The caller decides when it renders (fe gates its
+     * trending badge on the API's `trending` flag).
+     */
+    photoOverlay?: ReactNode;
+    className?: string;
+};
+declare const PlaceCard: React$1.NamedExoticComponent<PlaceCardProps>;
+type PlaceCardSkeletonProps = {
+    /** Matches `PlaceCardProps["footer"]` — the caller's placeholder for its own footer, under the same divider. */
+    footer?: ReactNode;
+    className?: string;
+};
+/**
+ * Mirrors `<PlaceCard>`'s geometry so nothing shifts when data lands: the 4:3
+ * cover, the title row with its right-hand metric chip, the cuisine · price
+ * line and the location line.
+ */
+declare function PlaceCardSkeleton({ footer, className }: PlaceCardSkeletonProps): react_jsx_runtime.JSX.Element;
 
-export { PlaceCard, type PlaceCardProps };
+export { PlaceCard, type PlaceCardImageProps, type PlaceCardLinkProps, type PlaceCardProps, PlaceCardSkeleton, type PlaceCardSkeletonProps };