@bearmenu/ui 0.1.1 → 0.5.1

package/dist/components/card.d.ts

@@ -8,6 +8,7 @@ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/card.js

@@ -1,4 +1,4 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-UXAYXRFN.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-QJ54Z7TC.js';
 import '../chunk-4KOMHDZD.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/carousel.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-2CUFS5LF.js';
+import { Button } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/checkbox.js

@@ -1,25 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { Check } from 'lucide-react';
-import { jsx } from 'react/jsx-runtime';
-
-var Checkbox = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    CheckboxPrimitive.Root,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "peer h-5 w-5 shrink-0 rounded-md border border-border glass transition-all duration-300 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=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20 hover:border-accent/50 hover:shadow-md",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 animate-in zoom-in-50 duration-200" }) })
-    })
-  );
-});
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-export { Checkbox };
+export { Checkbox } from '../chunk-IQASCH2V.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/command.d.ts

@@ -4,11 +4,11 @@ import { DialogProps } from '@radix-ui/react-dialog';
 
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -25,51 +25,51 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/dropdown-menu.js

@@ -67,7 +67,7 @@ function DropdownMenuCheckboxItem(_a) {
   var _b = _a, {
     className,
     children,
-    checked
+    checked = false
   } = _b, props = __objRest(_b, [
     "className",
     "children",

package/dist/components/empty-state.js

@@ -1,5 +1,5 @@
 import { Text } from '../chunk-4KOMHDZD.js';
-import { Button } from '../chunk-2CUFS5LF.js';
+import { Button } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/haptic-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-2CUFS5LF.js';
+import { Button } from '../chunk-2BMJRXQX.js';
 import { useHaptic } from '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/link-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-2CUFS5LF.js';
+import { Button } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

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

@@ -2,7 +2,7 @@ import { Popover, PopoverTrigger, PopoverContent } from '../chunk-4UO73SKC.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-7H54PTVH.js';
 import '../chunk-4AVS6CV4.js';
 import { Badge } from '../chunk-NKHH23YK.js';
-import { Button } from '../chunk-2CUFS5LF.js';
+import { Button } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/multi-select-menu.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface MultiSelectMenuOption {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+interface MultiSelectMenuProps {
+    options: MultiSelectMenuOption[];
+    selected: string[];
+    onSelectedChange: (values: string[]) => void;
+    /** Trigger element rendered via Radix `asChild` — typically a Button. */
+    trigger: React.ReactNode;
+    /** Optional heading rendered above the option list. */
+    label?: string;
+    align?: "start" | "center" | "end";
+    /** Pixel width of the popover content. Defaults to 220. */
+    width?: number;
+    /** className for the popover content. */
+    contentClassName?: string;
+    emptyText?: string;
+}
+declare function MultiSelectMenu({ options, selected, onSelectedChange, trigger, label, align, width, contentClassName, emptyText, }: MultiSelectMenuProps): react_jsx_runtime.JSX.Element;
+
+export { MultiSelectMenu, type MultiSelectMenuOption, type MultiSelectMenuProps };

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

@@ -0,0 +1,71 @@
+import { Popover, PopoverTrigger, PopoverContent } from '../chunk-4UO73SKC.js';
+import { Checkbox } from '../chunk-IQASCH2V.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MultiSelectMenu({
+  options,
+  selected,
+  onSelectedChange,
+  trigger,
+  label,
+  align = "end",
+  width = 220,
+  contentClassName,
+  emptyText = "No options"
+}) {
+  const selectedSet = React.useMemo(() => new Set(selected), [selected]);
+  function handleToggle(value) {
+    const next = new Set(selectedSet);
+    if (next.has(value)) {
+      next.delete(value);
+    } else {
+      next.add(value);
+    }
+    onSelectedChange(Array.from(next));
+  }
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        align,
+        className: cn("p-2", contentClassName),
+        style: { width },
+        children: [
+          label && /* @__PURE__ */ jsx("div", { className: "text-foreground px-2 py-1.5 text-sm font-semibold", children: label }),
+          /* @__PURE__ */ jsx("div", { role: "group", "aria-label": label, className: "flex flex-col gap-0.5", children: options.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-2 py-1.5 text-sm", children: emptyText }) : options.map((option) => {
+            const checked = selectedSet.has(option.value);
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: cn(
+                  "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none",
+                  "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+                  option.disabled && "pointer-events-none opacity-50"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked,
+                      onCheckedChange: () => handleToggle(option.value),
+                      disabled: option.disabled,
+                      "aria-label": typeof option.label === "string" ? option.label : option.value
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1", children: option.label })
+                ]
+              },
+              option.value
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+
+export { MultiSelectMenu };

package/dist/components/pagination.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-2CUFS5LF.js';
+import { buttonVariants } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';

package/dist/components/phone-frame.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PhoneFrameProps {
+    children: React.ReactNode;
+    className?: string;
+    /** Outer frame width in pixels. Height derives from iPhone 17 Pro Max aspect. Default 220. */
+    width?: number;
+    /**
+     * When set, children are rendered at this virtual viewport width and CSS-scaled
+     * to fit the actual frame. Use this to render mobile UIs at native sizing
+     * (e.g. 390 for iPhone 13/14/15) while displaying inside a smaller frame.
+     */
+    mobileViewportWidth?: number;
+}
+declare function PhoneFrame({ children, className, width, mobileViewportWidth, }: PhoneFrameProps): react_jsx_runtime.JSX.Element;
+
+export { PhoneFrame, type PhoneFrameProps };

package/dist/components/phone-frame.js

@@ -0,0 +1,41 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SCREEN_ASPECT = 956 / 440;
+var FRAME_PADDING = 6;
+function PhoneFrame({
+  children,
+  className,
+  width = 220,
+  mobileViewportWidth
+}) {
+  const screenHeight = Math.round(width * SCREEN_ASPECT);
+  const innerWidth = width - FRAME_PADDING * 2;
+  const scale = mobileViewportWidth ? innerWidth / mobileViewportWidth : 1;
+  const viewportHeight = mobileViewportWidth ? screenHeight / scale : screenHeight;
+  return /* @__PURE__ */ jsx("div", { className: cn("relative mx-auto shrink-0", className), style: { width }, children: /* @__PURE__ */ jsxs("div", { className: "rounded-[2.5rem] border-[1.5px] border-white/15 bg-black/80 p-1.5 shadow-2xl shadow-black/40", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute top-[10px] left-1/2 -translate-x-1/2 w-[68px] h-[20px] bg-black rounded-full z-10" }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "rounded-[2rem] overflow-hidden bg-background relative",
+        style: { height: screenHeight },
+        children: mobileViewportWidth ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: mobileViewportWidth,
+              height: viewportHeight,
+              transform: `scale(${scale})`,
+              transformOrigin: "top left"
+            },
+            children
+          }
+        ) : children
+      }
+    )
+  ] }) });
+}
+
+export { PhoneFrame };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PlacePreview, PlaceAboutTabLabels, PlaceLinkKind } from './place-types.js';
+
+interface PlaceAboutTabProps {
+    place: PlacePreview;
+    labels: PlaceAboutTabLabels;
+    /** Slot for an embedded map (FE only). Omit to skip the map row. */
+    mapSlot?: React.ReactNode;
+    /** Slot for an embedded busyness chart. Rendered only when both this prop and `place.busyness` are present. */
+    busynessSlot?: React.ReactNode;
+    /** Fires when the user clicks a contact link (phone/website/social). The URL is what the caller passed in. */
+    onLinkClick?: (kind: PlaceLinkKind, url: string) => void;
+    className?: string;
+}
+declare function PlaceAboutTab({ place, labels, mapSlot, busynessSlot, onLinkClick, className, }: PlaceAboutTabProps): react_jsx_runtime.JSX.Element;
+
+export { PlaceAboutTab, type PlaceAboutTabProps };

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

@@ -0,0 +1,6 @@
+export { PlaceAboutTab } from '../chunk-HLQ2IRE7.js';
+import '../chunk-QJ54Z7TC.js';
+import '../chunk-4KOMHDZD.js';
+import '../chunk-NKHH23YK.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { PlacePreview, PlaceCardLabels } from './place-types.js';
+
+interface 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). */
+    priority?: boolean;
+}
+declare const PlaceCard: React.NamedExoticComponent<PlaceCardProps>;
+
+export { PlaceCard, type PlaceCardProps };

package/dist/components/place-card.js

@@ -0,0 +1,145 @@
+import { Text } from '../chunk-4KOMHDZD.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { memo, useState } from 'react';
+import { UtensilsCrossed, Star, Wine, MapPin, Clock } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function formatDistance(meters) {
+  return meters ? `${(meters / 1e3).toFixed(1)} km` : "\u2014";
+}
+function formatRating(rating) {
+  return (rating == null ? void 0 : rating.rating) ? rating.rating.toFixed(1) : null;
+}
+var PlaceCard = memo(function PlaceCard2({
+  place,
+  labels,
+  onClick,
+  className,
+  priority
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const [imgError, setImgError] = useState(false);
+  const ratingDisplay = formatRating(place.rating);
+  const reviewCount = (_b = place.review_count) != null ? _b : (_a = place.rating) == null ? void 0 : _a.count;
+  const showHeader = !!place.thumbnail_url && !imgError;
+  const distanceMeters = (_d = (_c = place.location) == null ? void 0 : _c.distance) == null ? void 0 : _d.meters;
+  const schedule = (_g = (_e = place.today_schedule) == null ? void 0 : _e[0]) != null ? _g : (_f = place.hours) == null ? void 0 : _f[0];
+  const scheduleHour = place.open_now ? schedule == null ? void 0 : schedule.closes_at : schedule == null ? void 0 : schedule.opens_at;
+  const scheduleLabel = place.open_now ? labels.until : labels.opensAt;
+  const sharedClasses = cn(
+    "glass rounded-3xl border border-transparent bg-transparent p-0 text-left text-card-foreground transition-transform duration-300 ease-in-out hover:border-border/20 h-full flex flex-col w-full",
+    onClick && "cursor-pointer [@media(hover:hover)]:hover:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    className
+  );
+  const content = /* @__PURE__ */ jsxs("div", { className: "p-4 flex-1 flex flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 mb-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center overflow-hidden flex-shrink-0", children: showHeader ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: place.thumbnail_url,
+            alt: place.name,
+            title: place.name,
+            width: 48,
+            height: 48,
+            loading: priority ? "eager" : "lazy",
+            decoding: "async",
+            className: "w-full h-full object-cover",
+            onError: () => setImgError(true)
+          }
+        )
+      ) : /* @__PURE__ */ jsx(
+        UtensilsCrossed,
+        {
+          className: "w-6 h-6 text-primary/60",
+          "aria-hidden": "true"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx(Text, { as: "h3", weight: "bold", leading: "tight", color: "default", className: "text-lg mb-2", children: place.name }),
+        ratingDisplay !== null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Star, { className: "w-4 h-4 fill-primary text-primary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: ratingDisplay }),
+          reviewCount !== void 0 && reviewCount !== null && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            "(",
+            reviewCount,
+            ")"
+          ] })
+        ] })
+      ] })
+    ] }),
+    (place.price_dishes || place.price_drinks) && /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs", children: [
+      ((_h = place.price_dishes) == null ? void 0 : _h.price_range_low) != null && ((_i = place.price_dishes) == null ? void 0 : _i.price_range_high) != null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-primary", children: [
+        /* @__PURE__ */ jsx(UtensilsCrossed, { className: "w-4 h-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          place.price_dishes.price_range_low,
+          "-",
+          place.price_dishes.price_range_high,
+          " ",
+          labels.currency
+        ] })
+      ] }),
+      ((_j = place.price_drinks) == null ? void 0 : _j.price_range_low) != null && ((_k = place.price_drinks) == null ? void 0 : _k.price_range_high) != null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-primary", children: [
+        /* @__PURE__ */ jsx(Wine, { className: "w-4 h-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          place.price_drinks.price_range_low,
+          "-",
+          place.price_drinks.price_range_high,
+          " ",
+          labels.currency
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-primary", children: [
+      distanceMeters !== void 0 && distanceMeters !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(MapPin, { className: "w-3 h-3", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs", children: formatDistance(distanceMeters) })
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: "\xB7" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Clock,
+          {
+            className: cn(
+              "w-3 h-3",
+              place.open_now ? "text-green-500" : "text-muted-foreground"
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-xs",
+              place.open_now ? "text-green-500" : "text-muted-foreground"
+            ),
+            children: place.open_now ? labels.open : labels.closed
+          }
+        ),
+        scheduleHour != null && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-xs",
+              place.open_now ? "text-green-500" : "text-muted-foreground"
+            ),
+            children: `\xB7 ${scheduleLabel} ${String(scheduleHour).padStart(2, "0")}:00`
+          }
+        )
+      ] })
+    ] }) }),
+    place.description && /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(Text, { as: "p", variant: "caption", color: "muted", className: "line-clamp-2", children: place.description }) })
+  ] });
+  if (onClick) {
+    return /* @__PURE__ */ jsx("button", { type: "button", className: sharedClasses, onClick: () => onClick(place), children: content });
+  }
+  return /* @__PURE__ */ jsx("div", { className: sharedClasses, children: content });
+});
+PlaceCard.displayName = "PlaceCard";
+
+export { PlaceCard };

package/dist/components/place-details-mobile.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PlacePreview, PlaceDetailsMobileLabels } from './place-types.js';
+
+interface PlaceDetailsMobileProps {
+    place: PlacePreview;
+    labels: PlaceDetailsMobileLabels;
+    /** Pre-resolved cover image URL. When omitted or it 404s, an icon fallback renders. */
+    coverImageUrl?: string;
+    className?: string;
+}
+/**
+ * Read-only mobile preview of a place's details page with the About tab selected.
+ * Used in admin's live profile preview (inside `<PhoneFrame>`). Pure presentational
+ * — all i18n via `labels`, no router/analytics. Tabs are visual only.
+ */
+declare function PlaceDetailsMobile({ place, labels, coverImageUrl, className, }: PlaceDetailsMobileProps): react_jsx_runtime.JSX.Element;
+
+export { PlaceDetailsMobile, type PlaceDetailsMobileProps };