@bearmenu/ui 0.1.1 → 0.5.0

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/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 };

package/dist/components/place-details-mobile.js

@@ -0,0 +1,187 @@
+import { PlaceAboutTab } from '../chunk-HLQ2IRE7.js';
+import '../chunk-QJ54Z7TC.js';
+import { Text } from '../chunk-4KOMHDZD.js';
+import { Badge } from '../chunk-NKHH23YK.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { useState } from 'react';
+import { UtensilsCrossed, Star, DollarSign, Clock, Info, MessageSquare, CalendarDays } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function formatHour(h) {
+  return `${h.toString().padStart(2, "0")}:00`;
+}
+function formatRating(rating) {
+  return (rating == null ? void 0 : rating.rating) ? rating.rating.toFixed(1) : null;
+}
+function priceLevelFromRanges(place) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const dish = (_d = (_c = (_a = place.price_dishes) == null ? void 0 : _a.price_range_high) != null ? _c : (_b = place.price_dishes) == null ? void 0 : _b.price_range_low) != null ? _d : 0;
+  const drink = (_h = (_g = (_e = place.price_drinks) == null ? void 0 : _e.price_range_high) != null ? _g : (_f = place.price_drinks) == null ? void 0 : _f.price_range_low) != null ? _h : 0;
+  if (dish === 0 && drink === 0) return null;
+  const avg = dish > 0 && drink > 0 ? Math.round((dish + drink) / 2) : dish || drink;
+  return Math.max(1, Math.min(5, avg));
+}
+function getClosingHour(hours, currentHour) {
+  if (!hours.length) return null;
+  const active = hours.find((s) => s.opens_at <= currentHour && s.closes_at > currentHour);
+  if (active) return active.closes_at;
+  const last = hours[hours.length - 1];
+  return last ? last.closes_at : null;
+}
+function getNextOpeningToday(hours, currentHour) {
+  if (!hours.length) return null;
+  const later = hours.find((s) => s.opens_at > currentHour);
+  return later ? later.opens_at : null;
+}
+function PlaceDetailsMobile({
+  place,
+  labels,
+  coverImageUrl,
+  className
+}) {
+  var _a, _b, _c;
+  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 priceLevel = priceLevelFromRanges(place);
+  const hours = (_c = place.hours) != null ? _c : [];
+  const currentHour = (/* @__PURE__ */ new Date()).getHours();
+  const closingHour = place.open_now ? getClosingHour(hours, currentHour) : null;
+  const nextOpening = !place.open_now ? getNextOpeningToday(hours, currentHour) : null;
+  const showCover = !!coverImageUrl && !imgError;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col bg-background", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-4 pt-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-[22px] overflow-hidden relative", children: /* @__PURE__ */ jsxs("div", { className: "h-44 flex items-center justify-center relative overflow-hidden", children: [
+        /* @__PURE__ */ jsxs("div", { className: "absolute bottom-2 right-2 z-20 flex items-center gap-1.5 bg-surface border border-border px-2.5 h-7 rounded-[12px] text-[11px] font-medium text-foreground", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "w-1.5 h-1.5 rounded-full flex-shrink-0",
+                place.open_now ? "bg-green-500" : "bg-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { children: [
+            place.open_now ? labels.statusBadge.openNow : labels.statusBadge.closed,
+            place.open_now && closingHour != null && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              " \xB7 ",
+              labels.statusBadge.closesAt,
+              " ",
+              formatHour(closingHour)
+            ] }),
+            !place.open_now && nextOpening != null && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              " \xB7 ",
+              labels.statusBadge.opensAt,
+              " ",
+              formatHour(nextOpening)
+            ] }),
+            !place.open_now && nextOpening == null && hours[0] && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              " \xB7 ",
+              labels.statusBadge.opensTomorrow,
+              " ",
+              formatHour(hours[0].opens_at)
+            ] })
+          ] })
+        ] }),
+        showCover ? (
+          // eslint-disable-next-line @next/next/no-img-element
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: coverImageUrl,
+              alt: place.name,
+              className: "absolute inset-0 w-full h-full object-cover",
+              onError: () => setImgError(true)
+            }
+          )
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-primary/20 via-primary/10 to-primary/5" }),
+          /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-col items-center justify-center gap-2 h-full", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-full bg-primary/20 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+              UtensilsCrossed,
+              {
+                className: "w-8 h-8 text-primary",
+                strokeWidth: 1.5,
+                "aria-hidden": true
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Text, { as: "p", variant: "caption", color: "muted", weight: "medium", children: labels.noImageAvailable })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "pt-4 px-1", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-[26px] leading-[1.05] font-bold tracking-tight text-foreground break-words", children: place.name }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-[12px] text-muted-foreground", children: [
+          ratingDisplay && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(Star, { className: "w-3 h-3 text-primary fill-primary", "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { className: "text-foreground font-semibold", children: ratingDisplay }),
+            reviewCount != null && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: labels.reviewCount(reviewCount) })
+          ] }),
+          priceLevel != null && /* @__PURE__ */ jsx("div", { className: "flex items-center -space-x-0.5", "aria-label": `Price level ${priceLevel} of 5`, children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx(
+            DollarSign,
+            {
+              className: cn(
+                "w-3 h-3",
+                i < priceLevel ? "text-foreground" : "text-muted-foreground/30"
+              ),
+              strokeWidth: 2.5,
+              "aria-hidden": true
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(Clock, { className: "w-3.5 h-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  place.open_now ? "text-green-600 dark:text-green-400" : "text-muted-foreground"
+                ),
+                children: place.open_now ? labels.statusBadge.openNow : labels.statusBadge.closed
+              }
+            )
+          ] })
+        ] }),
+        place.cuisines && place.cuisines.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-1.5", children: place.cuisines.map((cuisine) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "capitalize text-[11px]", children: cuisine.replace(/-/g, " ") }, cuisine)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-5 px-4", children: /* @__PURE__ */ jsx("div", { className: "border-b border-border", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full", children: [
+      /* @__PURE__ */ jsx(MobileTabPlaceholder, { icon: /* @__PURE__ */ jsx(UtensilsCrossed, { className: "w-3.5 h-3.5" }), label: labels.tabs.menu }),
+      /* @__PURE__ */ jsx(
+        MobileTabPlaceholder,
+        {
+          icon: /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5" }),
+          label: labels.tabs.about,
+          active: true
+        }
+      ),
+      /* @__PURE__ */ jsx(MobileTabPlaceholder, { icon: /* @__PURE__ */ jsx(MessageSquare, { className: "w-3.5 h-3.5" }), label: labels.tabs.reviews }),
+      /* @__PURE__ */ jsx(MobileTabPlaceholder, { icon: /* @__PURE__ */ jsx(CalendarDays, { className: "w-3.5 h-3.5" }), label: labels.tabs.events })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "pb-6", children: /* @__PURE__ */ jsx(PlaceAboutTab, { place, labels }) })
+  ] });
+}
+function MobileTabPlaceholder({
+  icon,
+  label,
+  active
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-1 min-w-0 items-center justify-center gap-1 px-1 py-2.5 text-[12px] font-medium border-b-2 -mb-px",
+        active ? "border-primary text-foreground" : "border-transparent text-muted-foreground"
+      ),
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", "aria-hidden": true, children: icon }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+      ]
+    }
+  );
+}
+
+export { PlaceDetailsMobile };