@planetaexo/design-system 0.2.13 → 0.2.14

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React4 = require('react');
+var React18 = require('react');
 var dateFns = require('date-fns');
 var lucideReact = require('lucide-react');
 var clsx = require('clsx');
@@ -11,6 +11,11 @@ var dialog = require('@base-ui/react/dialog');
 var button = require('@base-ui/react/button');
 var classVarianceAuthority = require('class-variance-authority');
 var reactDayPicker = require('react-day-picker');
+var popover = require('@base-ui/react/popover');
+var checkbox = require('@base-ui/react/checkbox');
+var accordion = require('@base-ui/react/accordion');
+var mergeProps = require('@base-ui/react/merge-props');
+var useRender = require('@base-ui/react/use-render');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -30,7 +35,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
+var React18__namespace = /*#__PURE__*/_interopNamespace(React18);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -231,6 +236,23 @@ function DialogTitle(_a) {
     }, props)
   );
 }
+function DialogDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Description,
+    __spreadValues({
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      )
+    }, props)
+  );
+}
 function Calendar(_a) {
   var _b = _a, {
     className,
@@ -399,8 +421,8 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React4__namespace.useRef(null);
-  React4__namespace.useEffect(() => {
+  const ref = React18__namespace.useRef(null);
+  React18__namespace.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -422,10 +444,10 @@ function CalendarDayButton(_a) {
     }, props)
   );
 }
-var FloatingInput = React4__namespace.forwardRef(
+var FloatingInput = React18__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required"]);
-    const inputId = id != null ? id : React4__namespace.useId();
+    const inputId = id != null ? id : React18__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -465,10 +487,10 @@ var FloatingInput = React4__namespace.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React4__namespace.forwardRef(
+var FloatingSelect = React18__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required, children } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required", "children"]);
-    const inputId = id != null ? id : React4__namespace.useId();
+    const inputId = id != null ? id : React18__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "select",
@@ -729,11 +751,11 @@ function PhoneCountrySelect({
   className
 }) {
   var _a;
-  const [open, setOpen] = React4__namespace.useState(false);
-  const containerRef = React4__namespace.useRef(null);
-  const listRef = React4__namespace.useRef(null);
+  const [open, setOpen] = React18__namespace.useState(false);
+  const containerRef = React18__namespace.useRef(null);
+  const listRef = React18__namespace.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React4__namespace.useEffect(() => {
+  React18__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -744,7 +766,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React4__namespace.useEffect(() => {
+  React18__namespace.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -840,9 +862,214 @@ function PhoneCountrySelect({
     )
   ] });
 }
+var COUNTRIES = [
+  { code: "AF", name: "Afghanistan" },
+  { code: "AL", name: "Albania" },
+  { code: "DZ", name: "Algeria" },
+  { code: "AO", name: "Angola" },
+  { code: "AR", name: "Argentina" },
+  { code: "AM", name: "Armenia" },
+  { code: "AU", name: "Australia" },
+  { code: "AT", name: "Austria" },
+  { code: "AZ", name: "Azerbaijan" },
+  { code: "BE", name: "Belgium" },
+  { code: "BO", name: "Bolivia" },
+  { code: "BA", name: "Bosnia" },
+  { code: "BR", name: "Brazil" },
+  { code: "BG", name: "Bulgaria" },
+  { code: "KH", name: "Cambodia" },
+  { code: "CA", name: "Canada" },
+  { code: "CL", name: "Chile" },
+  { code: "CN", name: "China" },
+  { code: "CO", name: "Colombia" },
+  { code: "CR", name: "Costa Rica" },
+  { code: "HR", name: "Croatia" },
+  { code: "CU", name: "Cuba" },
+  { code: "CZ", name: "Czech Republic" },
+  { code: "DK", name: "Denmark" },
+  { code: "DO", name: "Dominican Republic" },
+  { code: "EC", name: "Ecuador" },
+  { code: "EG", name: "Egypt" },
+  { code: "SV", name: "El Salvador" },
+  { code: "ET", name: "Ethiopia" },
+  { code: "FI", name: "Finland" },
+  { code: "FR", name: "France" },
+  { code: "GE", name: "Georgia" },
+  { code: "DE", name: "Germany" },
+  { code: "GH", name: "Ghana" },
+  { code: "GR", name: "Greece" },
+  { code: "GT", name: "Guatemala" },
+  { code: "HN", name: "Honduras" },
+  { code: "HK", name: "Hong Kong" },
+  { code: "HU", name: "Hungary" },
+  { code: "IS", name: "Iceland" },
+  { code: "IN", name: "India" },
+  { code: "ID", name: "Indonesia" },
+  { code: "IR", name: "Iran" },
+  { code: "IQ", name: "Iraq" },
+  { code: "IE", name: "Ireland" },
+  { code: "IL", name: "Israel" },
+  { code: "IT", name: "Italy" },
+  { code: "JM", name: "Jamaica" },
+  { code: "JP", name: "Japan" },
+  { code: "JO", name: "Jordan" },
+  { code: "KZ", name: "Kazakhstan" },
+  { code: "KE", name: "Kenya" },
+  { code: "KW", name: "Kuwait" },
+  { code: "LB", name: "Lebanon" },
+  { code: "LY", name: "Libya" },
+  { code: "MY", name: "Malaysia" },
+  { code: "MX", name: "Mexico" },
+  { code: "MA", name: "Morocco" },
+  { code: "MZ", name: "Mozambique" },
+  { code: "NP", name: "Nepal" },
+  { code: "NL", name: "Netherlands" },
+  { code: "NZ", name: "New Zealand" },
+  { code: "NI", name: "Nicaragua" },
+  { code: "NG", name: "Nigeria" },
+  { code: "NO", name: "Norway" },
+  { code: "PK", name: "Pakistan" },
+  { code: "PA", name: "Panama" },
+  { code: "PY", name: "Paraguay" },
+  { code: "PE", name: "Peru" },
+  { code: "PH", name: "Philippines" },
+  { code: "PL", name: "Poland" },
+  { code: "PT", name: "Portugal" },
+  { code: "QA", name: "Qatar" },
+  { code: "RO", name: "Romania" },
+  { code: "RU", name: "Russia" },
+  { code: "SA", name: "Saudi Arabia" },
+  { code: "SN", name: "Senegal" },
+  { code: "RS", name: "Serbia" },
+  { code: "SG", name: "Singapore" },
+  { code: "ZA", name: "South Africa" },
+  { code: "KR", name: "South Korea" },
+  { code: "ES", name: "Spain" },
+  { code: "LK", name: "Sri Lanka" },
+  { code: "SE", name: "Sweden" },
+  { code: "CH", name: "Switzerland" },
+  { code: "TW", name: "Taiwan" },
+  { code: "TZ", name: "Tanzania" },
+  { code: "TH", name: "Thailand" },
+  { code: "TN", name: "Tunisia" },
+  { code: "TR", name: "Turkey" },
+  { code: "UA", name: "Ukraine" },
+  { code: "AE", name: "United Arab Emirates" },
+  { code: "GB", name: "United Kingdom" },
+  { code: "US", name: "United States" },
+  { code: "UY", name: "Uruguay" },
+  { code: "UZ", name: "Uzbekistan" },
+  { code: "VE", name: "Venezuela" },
+  { code: "VN", name: "Vietnam" },
+  { code: "YE", name: "Yemen" },
+  { code: "ZW", name: "Zimbabwe" }
+];
+function CountrySearchField({
+  value,
+  onChange,
+  required,
+  label = "Country",
+  countries,
+  placeholder = "Search country\u2026",
+  className
+}) {
+  var _a;
+  const list = countries != null ? countries : COUNTRIES;
+  const [query, setQuery] = React18__namespace.useState("");
+  const [open, setOpen] = React18__namespace.useState(false);
+  const containerRef = React18__namespace.useRef(null);
+  const searchRef = React18__namespace.useRef(null);
+  const selected = list.find((c) => c.code === value);
+  const isFloated = open || !!selected;
+  const filtered = query.trim() ? list.filter((c) => c.name.toLowerCase().includes(query.toLowerCase())) : list;
+  React18__namespace.useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      var _a2;
+      if (!((_a2 = containerRef.current) == null ? void 0 : _a2.contains(e.target))) {
+        setOpen(false);
+        setQuery("");
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  const handleOpen = () => {
+    setOpen(true);
+    setQuery("");
+    setTimeout(() => {
+      var _a2;
+      return (_a2 = searchRef.current) == null ? void 0 : _a2.focus();
+    }, 0);
+  };
+  const handleSelect = (code) => {
+    onChange(code);
+    setOpen(false);
+    setQuery("");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: cn("relative w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleOpen,
+        className: cn(
+          "relative flex w-full items-center rounded-lg border border-border bg-background h-14 px-3 text-left transition-colors",
+          open && "border-primary ring-1 ring-primary"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: cn(
+                "pointer-events-none absolute left-3 transition-all duration-150 font-ui",
+                isFloated ? "top-2 text-xs text-primary" : "top-1/2 -translate-y-1/2 text-base text-muted-foreground"
+              ),
+              children: [
+                label,
+                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("flex-1 pt-3 text-base font-ui truncate", selected ? "text-foreground" : "invisible"), children: (_a = selected == null ? void 0 : selected.name) != null ? _a : "\u2014" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: cn("h-4 w-4 shrink-0 text-muted-foreground transition-transform", open && "rotate-180") })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-[calc(100%+4px)] left-0 right-0 z-50 rounded-xl border border-border bg-background shadow-lg overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: searchRef,
+            type: "text",
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            placeholder,
+            className: "flex-1 bg-transparent text-sm font-ui text-foreground placeholder:text-muted-foreground focus:outline-none"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-52 overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 py-2 text-sm font-ui text-muted-foreground", children: "No countries found" }) : filtered.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSelect(c.code),
+          className: cn(
+            "flex w-full items-center px-3 py-2 text-sm font-ui text-left transition-colors hover:bg-muted",
+            c.code === value && "bg-primary/10 text-primary font-semibold"
+          ),
+          children: c.name
+        },
+        c.code
+      )) })
+    ] })
+  ] });
+}
 function AdventureCard({ adventure }) {
   var _a, _b, _c;
-  const [checked, setChecked] = React4__namespace.useState(
+  const [checked, setChecked] = React18__namespace.useState(
     new Set((_b = (_a = adventure.optionals) == null ? void 0 : _a.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _b : [])
   );
   const toggleOptional = (id) => setChecked((prev) => {
@@ -1132,220 +1359,20 @@ function OfferSummarySection({
     )
   ] });
 }
-var COUNTRIES = [
-  { code: "AF", name: "Afghanistan" },
-  { code: "AL", name: "Albania" },
-  { code: "DZ", name: "Algeria" },
-  { code: "AO", name: "Angola" },
-  { code: "AR", name: "Argentina" },
-  { code: "AM", name: "Armenia" },
-  { code: "AU", name: "Australia" },
-  { code: "AT", name: "Austria" },
-  { code: "AZ", name: "Azerbaijan" },
-  { code: "BE", name: "Belgium" },
-  { code: "BO", name: "Bolivia" },
-  { code: "BA", name: "Bosnia" },
-  { code: "BR", name: "Brazil" },
-  { code: "BG", name: "Bulgaria" },
-  { code: "KH", name: "Cambodia" },
-  { code: "CA", name: "Canada" },
-  { code: "CL", name: "Chile" },
-  { code: "CN", name: "China" },
-  { code: "CO", name: "Colombia" },
-  { code: "CR", name: "Costa Rica" },
-  { code: "HR", name: "Croatia" },
-  { code: "CU", name: "Cuba" },
-  { code: "CZ", name: "Czech Republic" },
-  { code: "DK", name: "Denmark" },
-  { code: "DO", name: "Dominican Republic" },
-  { code: "EC", name: "Ecuador" },
-  { code: "EG", name: "Egypt" },
-  { code: "SV", name: "El Salvador" },
-  { code: "ET", name: "Ethiopia" },
-  { code: "FI", name: "Finland" },
-  { code: "FR", name: "France" },
-  { code: "GE", name: "Georgia" },
-  { code: "DE", name: "Germany" },
-  { code: "GH", name: "Ghana" },
-  { code: "GR", name: "Greece" },
-  { code: "GT", name: "Guatemala" },
-  { code: "HN", name: "Honduras" },
-  { code: "HK", name: "Hong Kong" },
-  { code: "HU", name: "Hungary" },
-  { code: "IS", name: "Iceland" },
-  { code: "IN", name: "India" },
-  { code: "ID", name: "Indonesia" },
-  { code: "IR", name: "Iran" },
-  { code: "IQ", name: "Iraq" },
-  { code: "IE", name: "Ireland" },
-  { code: "IL", name: "Israel" },
-  { code: "IT", name: "Italy" },
-  { code: "JM", name: "Jamaica" },
-  { code: "JP", name: "Japan" },
-  { code: "JO", name: "Jordan" },
-  { code: "KZ", name: "Kazakhstan" },
-  { code: "KE", name: "Kenya" },
-  { code: "KW", name: "Kuwait" },
-  { code: "LB", name: "Lebanon" },
-  { code: "LY", name: "Libya" },
-  { code: "MY", name: "Malaysia" },
-  { code: "MX", name: "Mexico" },
-  { code: "MA", name: "Morocco" },
-  { code: "MZ", name: "Mozambique" },
-  { code: "NP", name: "Nepal" },
-  { code: "NL", name: "Netherlands" },
-  { code: "NZ", name: "New Zealand" },
-  { code: "NI", name: "Nicaragua" },
-  { code: "NG", name: "Nigeria" },
-  { code: "NO", name: "Norway" },
-  { code: "PK", name: "Pakistan" },
-  { code: "PA", name: "Panama" },
-  { code: "PY", name: "Paraguay" },
-  { code: "PE", name: "Peru" },
-  { code: "PH", name: "Philippines" },
-  { code: "PL", name: "Poland" },
-  { code: "PT", name: "Portugal" },
-  { code: "QA", name: "Qatar" },
-  { code: "RO", name: "Romania" },
-  { code: "RU", name: "Russia" },
-  { code: "SA", name: "Saudi Arabia" },
-  { code: "SN", name: "Senegal" },
-  { code: "RS", name: "Serbia" },
-  { code: "SG", name: "Singapore" },
-  { code: "ZA", name: "South Africa" },
-  { code: "KR", name: "South Korea" },
-  { code: "ES", name: "Spain" },
-  { code: "LK", name: "Sri Lanka" },
-  { code: "SE", name: "Sweden" },
-  { code: "CH", name: "Switzerland" },
-  { code: "TW", name: "Taiwan" },
-  { code: "TZ", name: "Tanzania" },
-  { code: "TH", name: "Thailand" },
-  { code: "TN", name: "Tunisia" },
-  { code: "TR", name: "Turkey" },
-  { code: "UA", name: "Ukraine" },
-  { code: "AE", name: "United Arab Emirates" },
-  { code: "GB", name: "United Kingdom" },
-  { code: "US", name: "United States" },
-  { code: "UY", name: "Uruguay" },
-  { code: "UZ", name: "Uzbekistan" },
-  { code: "VE", name: "Venezuela" },
-  { code: "VN", name: "Vietnam" },
-  { code: "YE", name: "Yemen" },
-  { code: "ZW", name: "Zimbabwe" }
-];
-function CountrySearchField({
-  value,
-  onChange,
-  required
-}) {
-  var _a;
-  const [query, setQuery] = React4__namespace.useState("");
-  const [open, setOpen] = React4__namespace.useState(false);
-  const containerRef = React4__namespace.useRef(null);
-  const searchRef = React4__namespace.useRef(null);
-  const selected = COUNTRIES.find((c) => c.code === value);
-  const isFloated = open || !!selected;
-  const filtered = query.trim() ? COUNTRIES.filter((c) => c.name.toLowerCase().includes(query.toLowerCase())) : COUNTRIES;
-  React4__namespace.useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      var _a2;
-      if (!((_a2 = containerRef.current) == null ? void 0 : _a2.contains(e.target))) {
-        setOpen(false);
-        setQuery("");
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open]);
-  const handleOpen = () => {
-    setOpen(true);
-    setQuery("");
-    setTimeout(() => {
-      var _a2;
-      return (_a2 = searchRef.current) == null ? void 0 : _a2.focus();
-    }, 0);
-  };
-  const handleSelect = (code) => {
-    onChange(code);
-    setOpen(false);
-    setQuery("");
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative w-full", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: handleOpen,
-        className: cn(
-          "relative flex w-full items-center rounded-lg border border-border bg-background h-14 px-3 text-left transition-colors",
-          open && "border-primary ring-1 ring-primary"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: cn(
-                "pointer-events-none absolute left-3 transition-all duration-150 font-ui",
-                isFloated ? "top-2 text-xs text-primary" : "top-1/2 -translate-y-1/2 text-base text-muted-foreground"
-              ),
-              children: [
-                "Country",
-                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("flex-1 pt-3 text-base font-ui truncate", selected ? "text-foreground" : "invisible"), children: (_a = selected == null ? void 0 : selected.name) != null ? _a : "\u2014" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: cn("h-4 w-4 shrink-0 text-muted-foreground transition-transform", open && "rotate-180") })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-[calc(100%+4px)] left-0 right-0 z-50 rounded-xl border border-border bg-background shadow-lg overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ref: searchRef,
-            type: "text",
-            value: query,
-            onChange: (e) => setQuery(e.target.value),
-            placeholder: "Search country\u2026",
-            className: "flex-1 bg-transparent text-sm font-ui text-foreground placeholder:text-muted-foreground focus:outline-none"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-52 overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 py-2 text-sm font-ui text-muted-foreground", children: "No countries found" }) : filtered.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => handleSelect(c.code),
-          className: cn(
-            "flex w-full items-center px-3 py-2 text-sm font-ui text-left transition-colors hover:bg-muted",
-            c.code === value && "bg-primary/10 text-primary font-semibold"
-          ),
-          children: c.name
-        },
-        c.code
-      )) })
-    ] })
-  ] });
-}
 function BirthDateField({
   label,
   required,
   value,
   onChange
 }) {
-  const [open, setOpen] = React4__namespace.useState(false);
-  const [text, setText] = React4__namespace.useState(value ? dateFns.format(value, "dd/MM/yyyy") : "");
-  const containerRef = React4__namespace.useRef(null);
-  const inputId = React4__namespace.useId();
-  React4__namespace.useEffect(() => {
+  const [open, setOpen] = React18__namespace.useState(false);
+  const [text, setText] = React18__namespace.useState(value ? dateFns.format(value, "dd/MM/yyyy") : "");
+  const containerRef = React18__namespace.useRef(null);
+  const inputId = React18__namespace.useId();
+  React18__namespace.useEffect(() => {
     setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React4__namespace.useEffect(() => {
+  React18__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1446,9 +1473,9 @@ function BookingWizard({
   depositInfo,
   onCancel
 }) {
-  const [step, setStep] = React4__namespace.useState("responsible");
-  const [error, setError] = React4__namespace.useState(null);
-  const [responsible, setResponsible] = React4__namespace.useState({
+  const [step, setStep] = React18__namespace.useState("responsible");
+  const [error, setError] = React18__namespace.useState(null);
+  const [responsible, setResponsible] = React18__namespace.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -1467,7 +1494,7 @@ function BookingWizard({
     return s + ((_b = (_a = a.slots) == null ? void 0 : _a.children) != null ? _b : 0);
   }, 0);
   const totalPax = totalAdults + totalChildren;
-  const [travellers, setTravellers] = React4__namespace.useState(
+  const [travellers, setTravellers] = React18__namespace.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -1475,10 +1502,10 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React4__namespace.useState("full");
-  const [payMethod, setPayMethod] = React4__namespace.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React4__namespace.useState(false);
-  const [termsModalOpen, setTermsModalOpen] = React4__namespace.useState(false);
+  const [payAmount, setPayAmount] = React18__namespace.useState("full");
+  const [payMethod, setPayMethod] = React18__namespace.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React18__namespace.useState(false);
+  const [termsModalOpen, setTermsModalOpen] = React18__namespace.useState(false);
   const setR = (k, v) => setResponsible((p) => __spreadProps(__spreadValues({}, p), { [k]: v }));
   const setT = (i, k, v) => setTravellers((prev) => prev.map((t, idx) => idx === i ? __spreadProps(__spreadValues({}, t), { [k]: v }) : t));
   const setTDob = (i, v) => setTravellers((prev) => prev.map((t, idx) => idx === i ? __spreadProps(__spreadValues({}, t), { dateOfBirth: v }) : t));
@@ -1550,7 +1577,7 @@ function BookingWizard({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border px-5 py-4 bg-muted/20", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground font-heading mb-2", children: "Booking details" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: WIZARD_STEPS.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs(React4__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: WIZARD_STEPS.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs(React18__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -1828,7 +1855,7 @@ function Offer({
   continueDisabled,
   className
 }) {
-  const [showBooking, setShowBooking] = React4__namespace.useState(false);
+  const [showBooking, setShowBooking] = React18__namespace.useState(false);
   const handleBook = () => {
     if (!externalBookingFlow) setShowBooking(true);
     onContinue == null ? void 0 : onContinue();
@@ -1949,9 +1976,9 @@ function AdventureSection({
   onAddSuggestedTraveller
 }) {
   var _a, _b, _c;
-  const [detailsOpen, setDetailsOpen] = React4__namespace.useState(false);
-  const [addModalOpen, setAddModalOpen] = React4__namespace.useState(false);
-  const [newTraveller, setNewTraveller] = React4__namespace.useState({
+  const [detailsOpen, setDetailsOpen] = React18__namespace.useState(false);
+  const [addModalOpen, setAddModalOpen] = React18__namespace.useState(false);
+  const [newTraveller, setNewTraveller] = React18__namespace.useState({
     firstName: "",
     lastName: "",
     passport: "",
@@ -2628,96 +2655,9 @@ function BookingDetails({
   );
 }
 var DEFAULT_LOGO = "/logo-planetaexo.png";
-function BookingConfirmationEmail({
-  recipientName,
-  addTravellersUrl,
-  logoUrl = DEFAULT_LOGO,
-  bookingNumber,
-  activity,
-  adventure,
-  startingDate,
-  numberOfPeople,
-  host,
-  className
-}) {
-  const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      href: addTravellersUrl,
-      className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading hover:bg-primary-800 transition-colors no-underline",
-      children: "Add travellers to your booking"
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading",
-      role: "presentation",
-      children: "Add travellers to your booking"
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn(
-        "max-w-xl mx-auto bg-white text-foreground font-sans text-base leading-relaxed",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 mb-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: logoUrl,
-            alt: "PlanetaEXO",
-            className: "h-[70px] w-auto object-contain"
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-4", children: [
-          "Hi ",
-          recipientName,
-          ","
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "Thank you for booking your adventure with PlanetaEXO \u2014 we're really looking forward to your adventure." }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "To move forward, the first step is to add all travellers included in your booking. Once you do this, each person \u2014 including you \u2014 will receive an email with a link to complete their individual registration." }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8", children: AddTravellersCta }),
-        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-heading font-bold text-foreground", children: "\u{1F4DD} Here's a quick summary of your booking:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "divide-y divide-border", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Booking Number:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: bookingNumber })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Activity:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: activity })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Adventure:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: adventure })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Starting Date:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: startingDate })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Number of People:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: numberOfPeople })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Host:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: host })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "After adding everyone, you will also receive your own registration email, just like the other travellers. Please make sure everyone completes this step so we can organise everything properly." }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "If you have any questions, just reply to this email \u2014 happy to help." })
-      ]
-    }
-  );
-}
-var DEFAULT_LOGO2 = "/logo-planetaexo.png";
 function BookingConfirmation({
   recipientName,
-  logoUrl = DEFAULT_LOGO2,
+  logoUrl = DEFAULT_LOGO,
   bookingReference,
   adventures,
   summaryLineItems,
@@ -3044,14 +2984,3323 @@ function BookingConfirmation({
     }
   );
 }
+var DEFAULT_LOGO2 = "/logo-planetaexo.png";
+function BookingConfirmationEmail({
+  recipientName,
+  addTravellersUrl,
+  logoUrl = DEFAULT_LOGO2,
+  bookingNumber,
+  activity,
+  adventure,
+  startingDate,
+  numberOfPeople,
+  host,
+  className
+}) {
+  const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: addTravellersUrl,
+      className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading hover:bg-primary-800 transition-colors no-underline",
+      children: "Add travellers to your booking"
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading",
+      role: "presentation",
+      children: "Add travellers to your booking"
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "max-w-xl mx-auto bg-white text-foreground font-sans text-base leading-relaxed",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 mb-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: logoUrl,
+            alt: "PlanetaEXO",
+            className: "h-[70px] w-auto object-contain"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-4", children: [
+          "Hi ",
+          recipientName,
+          ","
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "Thank you for booking your adventure with PlanetaEXO \u2014 we're really looking forward to your adventure." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "To move forward, the first step is to add all travellers included in your booking. Once you do this, each person \u2014 including you \u2014 will receive an email with a link to complete their individual registration." }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8", children: AddTravellersCta }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-heading font-bold text-foreground", children: "\u{1F4DD} Here's a quick summary of your booking:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "divide-y divide-border", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Booking Number:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: bookingNumber })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Activity:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: activity })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Adventure:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: adventure })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Starting Date:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: startingDate })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Number of People:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: numberOfPeople })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Host:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: host })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "After adding everyone, you will also receive your own registration email, just like the other travellers. Please make sure everyone completes this step so we can organise everything properly." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "If you have any questions, just reply to this email \u2014 happy to help." })
+      ]
+    }
+  );
+}
+function CounterField({
+  label,
+  sublabel,
+  required,
+  value,
+  min = 0,
+  max = 99,
+  onChange,
+  className
+}) {
+  const decrement = () => {
+    if (value > min) onChange(value - 1);
+  };
+  const increment = () => {
+    if (value < max) onChange(value + 1);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-sm font-ui text-foreground", children: [
+      label,
+      sublabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-normal ml-1", children: sublabel }),
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border bg-background px-4 py-3 h-14", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold text-foreground tabular-nums w-8 font-ui", children: value }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: decrement,
+            disabled: value <= min,
+            "aria-label": `Diminuir ${label}`,
+            className: cn(
+              "inline-flex h-8 w-8 items-center justify-center rounded-full border border-border",
+              "text-foreground transition-colors",
+              "hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              "disabled:pointer-events-none disabled:opacity-30"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: increment,
+            disabled: value >= max,
+            "aria-label": `Aumentar ${label}`,
+            className: cn(
+              "inline-flex h-8 w-8 items-center justify-center rounded-full border border-border",
+              "text-foreground transition-colors",
+              "hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              "disabled:pointer-events-none disabled:opacity-30"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Popover(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+  var _b = _a, {
+    className,
+    align = "center",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = 4
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "alignOffset",
+    "side",
+    "sideOffset"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    popover.Popover.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        popover.Popover.Popup,
+        __spreadValues({
+          "data-slot": "popover-content",
+          className: cn(
+            "z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          )
+        }, props)
+      )
+    }
+  ) });
+}
+function DatePickerField({
+  label,
+  required,
+  value,
+  onChange,
+  placeholder = "Select a date",
+  disabled,
+  fromDate,
+  className
+}) {
+  const [open, setOpen] = React18__namespace.useState(false);
+  const containerRef = React18__namespace.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React18__namespace.useState();
+  const hasValue = !!value;
+  React18__namespace.useEffect(() => {
+    if (!containerRef.current) return;
+    const observer = new ResizeObserver(([entry]) => {
+      setCalendarWidth(entry.contentRect.width);
+    });
+    observer.observe(containerRef.current);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: cn("w-full", className), children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      PopoverTrigger,
+      {
+        disabled,
+        className: cn(
+          "relative flex w-full items-center rounded-lg border border-border bg-background",
+          "px-3 text-left text-base font-ui transition-colors h-14",
+          "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
+          "disabled:pointer-events-none disabled:opacity-50",
+          open && "border-primary ring-1 ring-primary"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: cn(
+                "pointer-events-none absolute left-3 transition-all duration-150 font-ui",
+                hasValue || open ? "top-2 text-xs text-primary" : "top-1/2 -translate-y-1/2 text-base text-muted-foreground"
+              ),
+              children: [
+                label,
+                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "flex-1 truncate mt-3",
+                hasValue ? "text-foreground" : "invisible"
+              ),
+              children: hasValue ? dateFns.format(value, "dd MMM yyyy") : placeholder
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "ml-2 h-4 w-4 shrink-0 text-muted-foreground" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverContent,
+      {
+        className: "p-0",
+        align: "start",
+        style: calendarWidth ? { width: calendarWidth } : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar,
+          {
+            mode: "single",
+            selected: value,
+            onSelect: (date) => {
+              onChange == null ? void 0 : onChange(date);
+              setOpen(false);
+            },
+            fromDate: fromDate != null ? fromDate : /* @__PURE__ */ new Date(),
+            className: "font-ui w-full",
+            autoFocus: true
+          }
+        )
+      }
+    )
+  ] }) });
+}
+function FormSection({
+  title,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-5", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground whitespace-nowrap font-heading", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-border" })
+    ] }),
+    children
+  ] });
+}
+var defaultInitial = {
+  adults: 2,
+  children: 0,
+  travelDate: void 0,
+  budget: "",
+  project: "",
+  civility: "",
+  phoneCountry: "BR",
+  lastName: "",
+  firstName: "",
+  country: "France",
+  phone: "",
+  email: ""
+};
+function BookingForm({
+  defaultValues,
+  onSubmit,
+  submitLabel = "Send my request",
+  loading = false,
+  showHeader = true,
+  title = "Check availability for your trip",
+  subtitle = "Free enquiry \u2013 no commitment",
+  className
+}) {
+  const [values, setValues] = React18__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onSubmit == null ? void 0 : onSubmit(values);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      className: cn("flex flex-col gap-10", className),
+      noValidate: true,
+      children: [
+        showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-black uppercase tracking-wide text-foreground font-heading leading-tight", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-sm text-muted-foreground font-ui", children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: "Who's joining the adventure?", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CounterField,
+            {
+              label: "Adults",
+              required: true,
+              value: values.adults,
+              min: 1,
+              onChange: (v) => set("adults", v)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CounterField,
+            {
+              label: "Children",
+              sublabel: "(under 12)",
+              value: values.children,
+              min: 0,
+              onChange: (v) => set("children", v)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: "Your next trip", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DatePickerField,
+            {
+              label: "Travel date",
+              required: true,
+              value: values.travelDate,
+              onChange: (d) => set("travelDate", d),
+              placeholder: "Pick a date"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FloatingInput,
+            {
+              label: "Budget (per person)",
+              required: true,
+              type: "number",
+              min: 0,
+              value: values.budget,
+              onChange: (e) => set("budget", e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: "Tell us about your trip", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              id: "project",
+              placeholder: " ",
+              rows: 5,
+              value: values.project,
+              onChange: (e) => set("project", e.target.value),
+              className: cn(
+                "peer block w-full resize-none rounded-lg border border-border bg-background",
+                "px-3 pt-6 pb-3 text-base text-foreground font-ui",
+                "transition-colors placeholder-transparent",
+                "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              htmlFor: "project",
+              className: cn(
+                "pointer-events-none absolute left-3 top-4",
+                "text-base text-muted-foreground font-ui transition-all duration-150",
+                "peer-focus:top-2 peer-focus:text-xs peer-focus:text-primary",
+                "peer-not-placeholder-shown:top-2 peer-not-placeholder-shown:text-xs peer-not-placeholder-shown:text-muted-foreground"
+              ),
+              children: [
+                "Your trip in a few words",
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-normal", children: "(optional)" })
+              ]
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { title: "Contact details", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              role: "radiogroup",
+              "aria-label": "Title",
+              className: "flex flex-wrap items-center gap-x-6 gap-y-3",
+              children: ["ms", "mr"].map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "label",
+                {
+                  className: "flex min-h-9 cursor-pointer items-center gap-2.5 font-ui text-sm text-foreground",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name: "civility",
+                        value: c,
+                        checked: values.civility === c,
+                        onChange: () => set("civility", c),
+                        className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
+                      }
+                    ),
+                    c === "ms" ? "Ms." : "Mr."
+                  ]
+                },
+                c
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              FloatingInput,
+              {
+                label: "Last name",
+                required: true,
+                value: values.lastName,
+                onChange: (e) => set("lastName", e.target.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              FloatingInput,
+              {
+                label: "First name",
+                required: true,
+                value: values.firstName,
+                onChange: (e) => set("firstName", e.target.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 sm:col-span-2 lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              FloatingSelect,
+              {
+                label: "Country of residence",
+                required: true,
+                value: values.country,
+                onChange: (e) => set("country", e.target.value),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, hidden: true }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "France", children: "France" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Belgium", children: "Belgium" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Switzerland", children: "Switzerland" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Canada", children: "Canada" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Luxembourg", children: "Luxembourg" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "United Kingdom", children: "United Kingdom" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "United States", children: "United States" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Other", children: "Other" })
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                PhoneCountrySelect,
+                {
+                  value: values.phoneCountry,
+                  onChange: (code) => set("phoneCountry", code),
+                  className: "shrink-0"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    id: "phone",
+                    type: "tel",
+                    placeholder: " ",
+                    value: values.phone,
+                    onChange: (e) => set("phone", e.target.value),
+                    className: cn(
+                      "peer block h-14 w-full rounded-r-lg border border-border bg-background",
+                      "px-3 pt-5 pb-2 text-base text-foreground font-ui",
+                      "transition-colors placeholder-transparent",
+                      "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "label",
+                  {
+                    htmlFor: "phone",
+                    className: cn(
+                      "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2",
+                      "text-base text-muted-foreground font-ui transition-all duration-150",
+                      "peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-xs peer-focus:text-primary",
+                      "peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-xs peer-not-placeholder-shown:text-muted-foreground"
+                    ),
+                    children: [
+                      "Phone ",
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "*" })
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              FloatingInput,
+              {
+                label: "Email",
+                required: true,
+                type: "email",
+                value: values.email,
+                onChange: (e) => set("email", e.target.value)
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: loading,
+            className: cn(
+              "inline-flex items-center justify-center gap-2 rounded-full px-10 py-3.5",
+              "bg-primary text-primary-foreground font-ui font-semibold text-sm",
+              "transition-colors hover:bg-primary/90 focus-visible:outline-none",
+              "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              "disabled:pointer-events-none disabled:opacity-60"
+            ),
+            children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8v4l3-3-3-3v4a8 8 0 00-8 8h4z"
+                  }
+                )
+              ] }),
+              "Sending\u2026"
+            ] }) : submitLabel
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Checkbox(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    checkbox.Checkbox.Root,
+    __spreadProps(__spreadValues({
+      "data-slot": "checkbox",
+      className: cn(
+        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        checkbox.Checkbox.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.CheckIcon,
+            {}
+          )
+        }
+      )
+    })
+  );
+}
+var AccordionVariantContext = React18__namespace.createContext("default");
+function Accordion(_a) {
+  var _b = _a, { className, variant = "default" } = _b, props = __objRest(_b, ["className", "variant"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx(
+    accordion.Accordion.Root,
+    __spreadValues({
+      "data-slot": "accordion",
+      "data-variant": variant,
+      className: cn(
+        "flex w-full flex-col",
+        variant === "faq" && "gap-3",
+        className
+      )
+    }, props)
+  ) });
+}
+function AccordionItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const variant = React18__namespace.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    accordion.Accordion.Item,
+    __spreadValues({
+      "data-slot": "accordion-item",
+      className: cn(
+        variant === "default" && "not-last:border-b",
+        variant === "faq" && "rounded-lg border border-border bg-card",
+        className
+      )
+    }, props)
+  );
+}
+function AccordionTrigger(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  const variant = React18__namespace.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    accordion.Accordion.Trigger,
+    __spreadProps(__spreadValues({
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "group/accordion-trigger relative flex flex-1 items-center justify-between text-left transition-all outline-none",
+        "focus-visible:ring-3 focus-visible:ring-ring/50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
+        variant === "default" && [
+          "rounded-lg border border-transparent py-2.5 text-sm font-medium",
+          "hover:underline focus-visible:border-ring",
+          "**:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground"
+        ],
+        variant === "faq" && [
+          "px-5 py-4 text-base font-bold",
+          "hover:bg-muted/30 rounded-lg"
+        ],
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        variant === "default" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDownIcon,
+            {
+              "data-slot": "accordion-trigger-icon",
+              className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronUpIcon,
+            {
+              "data-slot": "accordion-trigger-icon",
+              className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+            }
+          )
+        ] }),
+        variant === "faq" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "pointer-events-none shrink-0 size-5 text-foreground group-aria-expanded/accordion-trigger:hidden" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, { className: "pointer-events-none hidden shrink-0 size-5 text-foreground group-aria-expanded/accordion-trigger:inline" })
+        ] })
+      ]
+    })
+  ) });
+}
+function AccordionContent(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  const variant = React18__namespace.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    accordion.Accordion.Panel,
+    __spreadProps(__spreadValues({
+      "data-slot": "accordion-content",
+      className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up"
+    }, props), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "h-(--accordion-panel-height) pt-0 data-ending-style:h-0 data-starting-style:h-0",
+            "[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+            variant === "default" && "pb-2.5",
+            variant === "faq" && "px-5 pb-5 text-base text-muted-foreground leading-relaxed",
+            className
+          ),
+          children
+        }
+      )
+    })
+  );
+}
+function FilterPanel({
+  groups,
+  value,
+  onChange,
+  onClearAll,
+  alwaysShowClear = false,
+  title = "Filters",
+  className
+}) {
+  const [internalValue, setInternalValue] = React18__namespace.useState(
+    () => Object.fromEntries(groups.map((g) => [g.id, []]))
+  );
+  const selected = value != null ? value : internalValue;
+  const handleToggle = (groupId, itemId) => {
+    var _a;
+    const current = (_a = selected[groupId]) != null ? _a : [];
+    const next = current.includes(itemId) ? current.filter((id) => id !== itemId) : [...current, itemId];
+    const nextValue = __spreadProps(__spreadValues({}, selected), { [groupId]: next });
+    if (onChange) {
+      onChange(nextValue);
+    } else {
+      setInternalValue(nextValue);
+    }
+  };
+  const handleClearAll = () => {
+    const cleared = Object.fromEntries(groups.map((g) => [g.id, []]));
+    if (onChange) {
+      onChange(cleared);
+    } else {
+      setInternalValue(cleared);
+    }
+    onClearAll == null ? void 0 : onClearAll();
+  };
+  const totalSelected = Object.values(selected).flat().length;
+  const showClear = alwaysShowClear || totalSelected > 0;
+  const defaultOpenValues = groups.filter((g) => g.defaultOpen).map((g) => g.id);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground font-ui", children: title }),
+      totalSelected > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex h-5 w-5 items-center justify-center rounded-full bg-primary text-[10px] font-bold text-primary-foreground", children: totalSelected })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Accordion,
+      {
+        defaultValue: defaultOpenValues,
+        className: "flex flex-col gap-2",
+        children: groups.map((group) => {
+          var _a;
+          const groupSelected = (_a = selected[group.id]) != null ? _a : [];
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            AccordionItem,
+            {
+              value: group.id,
+              className: "border-0 border-b border-border last:border-b-0",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "px-0 py-3.5 hover:no-underline transition-colors", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2.5", children: [
+                  group.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary shrink-0", children: group.icon }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-ui", children: group.label }),
+                  groupSelected.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 inline-flex h-4 w-4 items-center justify-center rounded-full bg-primary text-[9px] font-bold text-primary-foreground", children: groupSelected.length })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-4 pb-3 pt-1", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5", children: group.items.map((item) => {
+                  const checked = groupSelected.includes(item.id);
+                  const checkboxId = `filter-${group.id}-${item.id}`;
+                  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    "label",
+                    {
+                      htmlFor: checkboxId,
+                      className: "flex cursor-pointer items-center gap-3 rounded-md px-1 py-2 transition-colors hover:bg-muted/50",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          Checkbox,
+                          {
+                            id: checkboxId,
+                            checked,
+                            onCheckedChange: () => handleToggle(group.id, item.id),
+                            className: "shrink-0"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-foreground font-ui", children: item.label }),
+                        item.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium text-primary font-ui", children: [
+                          "(",
+                          item.count,
+                          ")"
+                        ] })
+                      ]
+                    }
+                  ) }, item.id);
+                }) }) })
+              ]
+            },
+            group.id
+          );
+        })
+      }
+    ),
+    showClear && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: handleClearAll,
+        className: "self-start text-sm text-muted-foreground underline underline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring font-ui",
+        children: "Remove all filters"
+      }
+    )
+  ] });
+}
+function ItineraryDayCard({
+  stop,
+  onOpen
+}) {
+  const hasDescription = !!stop.description;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      onClick: onOpen,
+      className: "group relative flex-none w-56 sm:w-64 h-80 rounded-2xl overflow-hidden cursor-pointer shadow-sm hover:shadow-lg transition-shadow duration-300",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: stop.coverImage,
+            alt: stop.title,
+            className: "absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-3 right-3 z-10 rounded-md bg-primary px-2 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-primary-foreground font-ui", children: [
+          "Day ",
+          stop.dayNumber
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "absolute inset-x-0 bottom-0 z-10 bg-gradient-to-t from-black/70 via-black/20 to-transparent p-4 transition-opacity duration-300",
+              hasDescription && "group-hover:opacity-0"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-white leading-tight font-heading", children: stop.title }),
+              stop.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-0.5 flex items-center gap-1 text-xs text-white/80 font-ui", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-3 w-3 shrink-0" }),
+                stop.location
+              ] }),
+              stop.route && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 flex items-center gap-1.5 text-xs text-white/80 font-ui", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CarIcon, { className: "h-3 w-3 shrink-0" }),
+                stop.route.distance,
+                " \xB7 ",
+                stop.route.duration
+              ] })
+            ]
+          }
+        ),
+        hasDescription && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-x-0 bottom-0 z-20 bg-background translate-y-full group-hover:translate-y-0 transition-transform duration-300 ease-out p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold text-foreground font-heading leading-tight", children: stop.title }),
+          stop.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-0.5 flex items-center gap-1 text-xs text-muted-foreground font-ui", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-3 w-3 shrink-0 text-primary" }),
+            stop.location
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 line-clamp-3 text-xs text-foreground/80 leading-relaxed [&_p]:inline [&_strong]:font-semibold", children: stop.description }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-2 inline-block text-xs font-semibold text-primary font-ui", children: "Read more \u2192" })
+        ] })
+      ]
+    }
+  );
+}
+function ItineraryModal({
+  stop,
+  allStops,
+  onClose,
+  onPrev,
+  onNext
+}) {
+  var _a, _b, _c;
+  const [imgIndex, setImgIndex] = React18__namespace.useState(0);
+  const images = stop ? [stop.coverImage, ...(_a = stop.images) != null ? _a : []] : [];
+  const isFirst = (stop == null ? void 0 : stop.dayNumber) === ((_b = allStops[0]) == null ? void 0 : _b.dayNumber);
+  const isLast = (stop == null ? void 0 : stop.dayNumber) === ((_c = allStops[allStops.length - 1]) == null ? void 0 : _c.dayNumber);
+  React18__namespace.useEffect(() => {
+    setImgIndex(0);
+  }, [stop == null ? void 0 : stop.dayNumber]);
+  if (!stop) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: !!stop, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogContent,
+    {
+      className: cn(
+        /* Override shadcn defaults: remove padding, gap, grid, max-w-sm */
+        "p-0 gap-0 sm:max-w-2xl max-w-[calc(100%-2rem)] overflow-hidden rounded-2xl",
+        /* Outer flex column: [header+body] / [footer] */
+        "flex flex-col"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { className: "sr-only", children: [
+          stop.title,
+          " \u2014 Day ",
+          stop.dayNumber
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { className: "sr-only", children: [
+          "Itinerary details for Day ",
+          stop.dayNumber
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row flex-1 min-h-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-1 p-6 sm:p-8 overflow-y-auto max-h-[50vh] sm:max-h-[70vh]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading leading-tight", children: stop.title }),
+            stop.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1.5 flex items-center gap-1.5 text-sm text-muted-foreground font-ui", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 shrink-0 text-primary" }),
+              stop.location
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-4 text-sm font-bold text-foreground font-heading", children: [
+              "Day ",
+              stop.dayNumber
+            ] }),
+            stop.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm text-foreground/80 leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2", children: stop.description }),
+            stop.route && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center gap-2 text-sm text-muted-foreground font-ui", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CarIcon, { className: "h-4 w-4 shrink-0 text-primary" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                stop.route.distance,
+                " \xB7 ",
+                stop.route.duration
+              ] })
+            ] })
+          ] }),
+          images.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative sm:w-72 sm:shrink-0 h-52 sm:h-auto bg-muted overflow-hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: images[imgIndex],
+                alt: `${stop.title} ${imgIndex + 1}`,
+                className: "h-full w-full object-cover"
+              },
+              imgIndex
+            ),
+            images.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setImgIndex((i) => (i - 1 + images.length) % images.length),
+                  className: "absolute left-2 top-1/2 -translate-y-1/2 flex h-8 w-8 items-center justify-center rounded-full bg-background/80 shadow hover:bg-background transition-colors",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setImgIndex((i) => (i + 1) % images.length),
+                  className: "absolute right-2 top-1/2 -translate-y-1/2 flex h-8 w-8 items-center justify-center rounded-full bg-background/80 shadow hover:bg-background transition-colors",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-3 inset-x-0 flex justify-center gap-1.5", children: images.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setImgIndex(i),
+                  className: cn(
+                    "h-1.5 rounded-full transition-all",
+                    i === imgIndex ? "w-4 bg-white" : "w-1.5 bg-white/50"
+                  )
+                },
+                i
+              )) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-t border-border px-6 py-3 bg-background shrink-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onPrev,
+              disabled: isFirst,
+              className: cn(
+                "flex items-center gap-1.5 text-sm font-ui transition-colors",
+                isFirst ? "text-muted-foreground/40 pointer-events-none" : "text-foreground hover:text-primary"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full border border-current", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-3.5 w-3.5" }) }),
+                "Last day"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onNext,
+              disabled: isLast,
+              className: cn(
+                "flex items-center gap-1.5 text-sm font-ui transition-colors",
+                isLast ? "text-muted-foreground/40 pointer-events-none" : "text-foreground hover:text-primary"
+              ),
+              children: [
+                "Next day",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full border border-current", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3.5 w-3.5" }) })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function Itinerary({ title, subtitle, stops, className }) {
+  const [activeIndex, setActiveIndex] = React18__namespace.useState(null);
+  const scrollRef = React18__namespace.useRef(null);
+  const activeStop = activeIndex !== null ? stops[activeIndex] : null;
+  const scrollBy = (dir) => {
+    if (!scrollRef.current) return;
+    const amount = 280;
+    scrollRef.current.scrollBy({
+      left: dir === "right" ? amount : -amount,
+      behavior: "smooth"
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", className), children: [
+    (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 text-center px-4", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground font-heading", children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground max-w-md mx-auto leading-relaxed", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group/strip", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => scrollBy("left"),
+          "aria-label": "Scroll left",
+          className: cn(
+            "absolute left-0 top-1/2 -translate-y-1/2 z-20",
+            "-translate-x-1/2 sm:-translate-x-5",
+            "flex h-9 w-9 items-center justify-center rounded-full",
+            "bg-background border border-border shadow-md",
+            "transition-opacity hover:bg-muted",
+            "opacity-0 group-hover/strip:opacity-100"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-4 w-4 text-foreground" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => scrollBy("right"),
+          "aria-label": "Scroll right",
+          className: cn(
+            "absolute right-0 top-1/2 -translate-y-1/2 z-20",
+            "translate-x-1/2 sm:translate-x-5",
+            "flex h-9 w-9 items-center justify-center rounded-full",
+            "bg-background border border-border shadow-md",
+            "transition-opacity hover:bg-muted",
+            "opacity-0 group-hover/strip:opacity-100"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-4 w-4 text-foreground" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: scrollRef,
+          className: cn(
+            "flex gap-3 sm:gap-4 overflow-x-auto pb-4",
+            "snap-x snap-mandatory scroll-smooth",
+            "[&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+            "px-4 sm:px-2"
+          ),
+          children: stops.map((stop, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "snap-start shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ItineraryDayCard, { stop, onOpen: () => setActiveIndex(i) }) }, stop.dayNumber))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ItineraryModal,
+      {
+        stop: activeStop,
+        allStops: stops,
+        onClose: () => setActiveIndex(null),
+        onPrev: () => setActiveIndex((i) => i !== null ? Math.max(0, i - 1) : 0),
+        onNext: () => setActiveIndex(
+          (i) => i !== null ? Math.min(stops.length - 1, i + 1) : 0
+        )
+      }
+    )
+  ] });
+}
+function MenuTrip({
+  sections,
+  activeSection,
+  onSelect,
+  variant = "pill",
+  bold = true,
+  className
+}) {
+  const scrollRef = React18__namespace.useRef(null);
+  React18__namespace.useEffect(() => {
+    if (!scrollRef.current || !activeSection) return;
+    const container = scrollRef.current;
+    const btn = container.querySelector(
+      `[data-section="${activeSection}"]`
+    );
+    if (!btn) return;
+    const btnLeft = btn.offsetLeft;
+    const btnRight = btnLeft + btn.offsetWidth;
+    const cLeft = container.scrollLeft;
+    const cRight = cLeft + container.offsetWidth;
+    if (btnLeft < cLeft) {
+      container.scrollTo({ left: btnLeft - 16, behavior: "smooth" });
+    } else if (btnRight > cRight) {
+      container.scrollTo({ left: btnRight - container.offsetWidth + 16, behavior: "smooth" });
+    }
+  }, [activeSection]);
+  if (variant === "underline") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          "border-b border-border",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-end gap-0", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "relative px-4 py-2.5 text-sm font-ui whitespace-nowrap transition-colors duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+              "after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:rounded-full after:transition-all",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "text-foreground after:bg-primary" : "text-muted-foreground hover:text-foreground after:bg-transparent"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-2", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "rounded-full border px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "border-foreground bg-foreground text-background" : "border-border bg-background text-muted-foreground hover:border-foreground/50 hover:text-foreground"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  if (variant === "floating") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          "py-1 px-0.5",
+          /* padding so shadow isn't clipped by overflow */
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-0.5 rounded-full border border-border/40 bg-background/90 backdrop-blur-md shadow-sm px-1.5 py-1.5", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "bg-foreground text-background shadow-sm" : "text-foreground/60 hover:text-foreground hover:bg-muted/60"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: scrollRef,
+      className: cn(
+        "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-1 p-1", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          "data-section": s.id,
+          type: "button",
+          onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+          className: cn(
+            "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            bold ? "font-semibold" : "font-normal",
+            activeSection === s.id ? "bg-foreground text-background shadow-sm" : "bg-white text-foreground/70 hover:text-foreground shadow-sm"
+          ),
+          children: s.label
+        },
+        s.id
+      )) })
+    }
+  );
+}
+function normalise(p) {
+  return typeof p === "string" ? { src: p } : p;
+}
+function gridCols(total) {
+  if (total === 1) return "grid-cols-1";
+  if (total === 2) return "grid-cols-2";
+  return "grid-cols-3";
+}
+function Lightbox({
+  photos,
+  initialIndex,
+  onClose
+}) {
+  var _a;
+  const [index, setIndex] = React18__namespace.useState(initialIndex);
+  const total = photos.length;
+  const photo = photos[index];
+  const prev = React18__namespace.useCallback(
+    () => setIndex((i) => (i - 1 + total) % total),
+    [total]
+  );
+  const next = React18__namespace.useCallback(
+    () => setIndex((i) => (i + 1) % total),
+    [total]
+  );
+  React18__namespace.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose, prev, next]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "fixed inset-0 z-50 bg-black/92 flex flex-col items-center justify-center",
+      onClick: onClose,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "absolute top-5 right-5 flex h-10 w-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors z-10",
+            "aria-label": "Close lightbox",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-5 w-5" })
+          }
+        ),
+        total > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              prev();
+            },
+            className: "absolute left-4 top-1/2 -translate-y-1/2 flex h-11 w-11 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/25 transition-colors z-10",
+            "aria-label": "Previous photo",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-5 w-5" })
+          }
+        ),
+        total > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              next();
+            },
+            className: "absolute right-4 top-1/2 -translate-y-1/2 flex h-11 w-11 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/25 transition-colors z-10",
+            "aria-label": "Next photo",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-5 w-5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: photo.src,
+            alt: (_a = photo.alt) != null ? _a : `Photo ${index + 1}`,
+            className: "max-w-[calc(100%-6rem)] max-h-[calc(100vh-11rem)] object-contain rounded-lg shadow-2xl",
+            onClick: (e) => e.stopPropagation()
+          }
+        ),
+        (photo.caption || photo.credit) && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "mt-4 flex flex-col items-center gap-0.5 px-16 text-center",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              photo.caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/90 font-ui leading-snug max-w-xl", children: photo.caption }),
+              photo.credit && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-white/45 font-ui", children: [
+                "\xA9 ",
+                photo.credit
+              ] })
+            ]
+          }
+        ),
+        total > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "absolute bottom-5 inset-x-0 flex items-center justify-center gap-3 px-5",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    prev();
+                  },
+                  className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors",
+                  "aria-label": "Previous photo",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: photos.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setIndex(i);
+                  },
+                  "aria-label": `Go to photo ${i + 1}`,
+                  className: cn(
+                    "h-1.5 rounded-full transition-all duration-300 focus-visible:outline-none",
+                    i === index ? "w-6 bg-primary" : "w-1.5 bg-white/40 hover:bg-white/70"
+                  )
+                },
+                i
+              )) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    next();
+                  },
+                  className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors",
+                  "aria-label": "Next photo",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-4 w-4" })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function PhotoTile({
+  photo,
+  index,
+  className,
+  onClick
+}) {
+  var _a, _b;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "relative overflow-hidden group block w-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        className
+      ),
+      "aria-label": (_a = photo.alt) != null ? _a : `Photo ${index + 1}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: photo.src,
+            alt: (_b = photo.alt) != null ? _b : `Photo ${index + 1}`,
+            className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105",
+            loading: "lazy"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomInIcon, { className: "h-8 w-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 drop-shadow-lg" }) })
+      ]
+    }
+  );
+}
+function ShowMoreButton({
+  count,
+  expanded,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "inline-flex items-center gap-2 rounded-full border border-border bg-background px-5 py-2.5",
+        "text-sm font-semibold text-foreground shadow-sm",
+        "hover:bg-muted transition-colors duration-150",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children: expanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
+        "Show less"
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGridIcon, { className: "h-4 w-4 text-muted-foreground" }),
+        "See more (",
+        count,
+        ")"
+      ] })
+    }
+  ) });
+}
+function GridGallery({
+  photos,
+  initialVisible,
+  onOpen
+}) {
+  const [expanded, setExpanded] = React18__namespace.useState(false);
+  const cols = gridCols(photos.length);
+  const hasMore = photos.length > initialVisible;
+  const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid", cols), children: visible.map((p, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      PhotoTile,
+      {
+        photo: p,
+        index: i,
+        className: "aspect-[4/3]",
+        onClick: () => onOpen(i)
+      },
+      i
+    )) }),
+    hasMore && /* @__PURE__ */ jsxRuntime.jsx(
+      ShowMoreButton,
+      {
+        count: photos.length - initialVisible,
+        expanded,
+        onClick: () => setExpanded((v) => !v)
+      }
+    )
+  ] });
+}
+function MasonryGallery({
+  photos,
+  initialVisible,
+  onOpen
+}) {
+  const [expanded, setExpanded] = React18__namespace.useState(false);
+  const hasMore = photos.length > initialVisible;
+  const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "columns-2 sm:columns-3 gap-1 [&>*]:break-inside-avoid [&>*]:mb-1", children: visible.map((p, i) => {
+      var _a, _b;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onOpen(i),
+          className: "relative overflow-hidden group block w-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "aria-label": (_a = p.alt) != null ? _a : `Photo ${i + 1}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: p.src,
+                alt: (_b = p.alt) != null ? _b : `Photo ${i + 1}`,
+                className: "w-full h-auto object-cover transition-transform duration-700 group-hover:scale-105",
+                loading: "lazy"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomInIcon, { className: "h-7 w-7 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 drop-shadow-lg" }) })
+          ]
+        },
+        i
+      );
+    }) }),
+    hasMore && /* @__PURE__ */ jsxRuntime.jsx(
+      ShowMoreButton,
+      {
+        count: photos.length - initialVisible,
+        expanded,
+        onClick: () => setExpanded((v) => !v)
+      }
+    )
+  ] });
+}
+function FilmstripGallery({
+  photos,
+  onOpen
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto flex gap-1 snap-x snap-mandatory pb-1 scrollbar-none", children: photos.map((p, i) => {
+    var _a, _b;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onOpen(i),
+        className: "relative shrink-0 overflow-hidden group h-56 w-auto aspect-[4/3] snap-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "aria-label": (_a = p.alt) != null ? _a : `Photo ${i + 1}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: p.src,
+              alt: (_b = p.alt) != null ? _b : `Photo ${i + 1}`,
+              className: "h-full w-full object-cover transition-transform duration-700 group-hover:scale-105",
+              loading: "lazy"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomInIcon, { className: "h-7 w-7 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 drop-shadow-lg" }) })
+        ]
+      },
+      i
+    );
+  }) });
+}
+function FeaturedGallery({
+  photos,
+  onOpen
+}) {
+  const [expanded, setExpanded] = React18__namespace.useState(false);
+  const featured = photos.slice(0, 3);
+  const extra = photos.slice(3);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-1.5 h-72 sm:h-80 lg:h-96 rounded-xl overflow-hidden", children: [
+      featured[0] && /* @__PURE__ */ jsxRuntime.jsx(
+        PhotoTile,
+        {
+          photo: featured[0],
+          index: 0,
+          className: "col-span-2 h-full",
+          onClick: () => onOpen(0)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 h-full", children: [
+        featured[1] && /* @__PURE__ */ jsxRuntime.jsx(
+          PhotoTile,
+          {
+            photo: featured[1],
+            index: 1,
+            className: "flex-1 min-h-0",
+            onClick: () => onOpen(1)
+          }
+        ),
+        featured[2] && /* @__PURE__ */ jsxRuntime.jsx(
+          PhotoTile,
+          {
+            photo: featured[2],
+            index: 2,
+            className: "flex-1 min-h-0",
+            onClick: () => onOpen(2)
+          }
+        )
+      ] })
+    ] }),
+    expanded && extra.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 overflow-x-auto flex gap-1.5 snap-x snap-mandatory scrollbar-none rounded-xl overflow-hidden pb-0", children: extra.map((p, i) => {
+      var _a, _b;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onOpen(i + 3),
+          className: "relative shrink-0 overflow-hidden group h-40 sm:h-48 aspect-[4/3] snap-start rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "aria-label": (_a = p.alt) != null ? _a : `Photo ${i + 4}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: p.src,
+                alt: (_b = p.alt) != null ? _b : `Photo ${i + 4}`,
+                className: "h-full w-full object-cover transition-transform duration-700 group-hover:scale-105",
+                loading: "lazy"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomInIcon, { className: "h-7 w-7 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 drop-shadow-lg" }) })
+          ]
+        },
+        i + 3
+      );
+    }) }),
+    extra.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      ShowMoreButton,
+      {
+        count: extra.length,
+        expanded,
+        onClick: () => setExpanded((v) => !v)
+      }
+    )
+  ] });
+}
+function PhotoGallery({
+  photos,
+  variant = "grid",
+  initialVisible = 6,
+  onPhotoClick,
+  className
+}) {
+  const [lightboxIndex, setLightboxIndex] = React18__namespace.useState(null);
+  const normalised = React18__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const handleOpen = (index) => {
+    setLightboxIndex(index);
+    onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
+  };
+  if (normalised.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", className), children: [
+    variant === "grid" && /* @__PURE__ */ jsxRuntime.jsx(
+      GridGallery,
+      {
+        photos: normalised,
+        initialVisible,
+        onOpen: handleOpen
+      }
+    ),
+    variant === "masonry" && /* @__PURE__ */ jsxRuntime.jsx(
+      MasonryGallery,
+      {
+        photos: normalised,
+        initialVisible,
+        onOpen: handleOpen
+      }
+    ),
+    variant === "filmstrip" && /* @__PURE__ */ jsxRuntime.jsx(FilmstripGallery, { photos: normalised, onOpen: handleOpen }),
+    variant === "featured" && /* @__PURE__ */ jsxRuntime.jsx(FeaturedGallery, { photos: normalised, onOpen: handleOpen }),
+    lightboxIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
+      Lightbox,
+      {
+        photos: normalised,
+        initialIndex: lightboxIndex,
+        onClose: () => setLightboxIndex(null)
+      }
+    )
+  ] });
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    render
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "render"
+  ]);
+  return useRender.useRender({
+    defaultTagName: "span",
+    props: mergeProps.mergeProps(
+      {
+        className: cn(badgeVariants({ variant }), className)
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+function PricingTrip({
+  priceFrom,
+  currency = "CHF",
+  season,
+  departureTimes,
+  pricingOptions,
+  onBook,
+  bookLabel = "Check availability",
+  variant = "card",
+  className
+}) {
+  const [showPricing, setShowPricing] = React18__namespace.useState(false);
+  if (variant === "compact") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: "from" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-bold text-foreground font-heading leading-none", children: [
+          currency,
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: priceFrom })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onBook,
+          className: cn(
+            "flex-1 rounded-full bg-primary px-4 py-2 text-sm font-semibold",
+            "text-primary-foreground font-ui transition-colors hover:bg-primary/90",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          ),
+          children: bookLabel
+        }
+      )
+    ] });
+  }
+  if (variant === "bar") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-4 rounded-2xl border border-border bg-card px-5 py-3 shadow-sm",
+          className
+        ),
+        children: [
+          season && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden sm:flex items-center gap-1.5 text-sm text-muted-foreground font-ui shrink-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate max-w-[180px]", children: season })
+          ] }),
+          departureTimes && departureTimes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden md:flex items-center gap-1.5 shrink-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1", children: departureTimes.map((t) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "font-ui text-xs px-1.5 py-0.5", children: t }, t)) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 text-right", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: "from" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xl font-bold text-foreground font-heading leading-none", children: [
+              currency,
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: priceFrom })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onBook,
+              className: cn(
+                "shrink-0 flex items-center gap-2 rounded-full bg-primary px-5 py-2.5",
+                "text-sm font-semibold text-primary-foreground font-ui",
+                "transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-4 w-4 shrink-0" }),
+                bookLabel
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide", children: "From" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-3xl font-bold text-foreground font-heading", children: [
+        currency,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: priceFrom }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-normal text-muted-foreground font-ui", children: " / guest" })
+      ] })
+    ] }),
+    season && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-sm text-muted-foreground font-ui", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-4 w-4 shrink-0 text-primary mt-0.5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: season })
+    ] }),
+    departureTimes && departureTimes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-foreground font-ui uppercase tracking-wide", children: "Departure times" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: departureTimes.map((t) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "font-ui text-xs", children: t }, t)) })
+    ] }),
+    pricingOptions && pricingOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowPricing((v) => !v),
+          className: "flex items-center gap-1 text-xs text-primary font-ui text-left hover:underline underline-offset-2",
+          children: showPricing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            "Show pricing options ",
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-3 w-3" })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            "Show pricing options ",
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-3 w-3" })
+          ] })
+        }
+      ),
+      showPricing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: pricingOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center justify-between px-3 py-2.5 text-sm",
+            i < pricingOptions.length - 1 && "border-b border-border"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-ui", children: opt.label }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-right", children: [
+              opt.originalPrice && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground line-through font-ui", children: [
+                currency,
+                " ",
+                opt.originalPrice
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold text-foreground font-ui", children: [
+                currency,
+                " ",
+                opt.price,
+                opt.unit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-normal text-muted-foreground", children: [
+                  " ",
+                  "/ ",
+                  opt.unit
+                ] })
+              ] })
+            ] })
+          ]
+        },
+        i
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBook,
+        className: cn(
+          "w-full rounded-full bg-primary py-3 text-center text-sm font-semibold",
+          "text-primary-foreground font-ui transition-colors hover:bg-primary/90",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+        ),
+        children: bookLabel
+      }
+    )
+  ] });
+}
+var VARIANT = {
+  transparent: {
+    header: "",
+    navItem: "text-white hover:text-white/80",
+    navItemOpen: "text-white bg-white/10",
+    chevron: "text-white/50",
+    lang: "text-white/70 hover:text-white",
+    langOpen: "text-white bg-white/10",
+    langChevron: "text-white/40",
+    icon: "text-white/60 hover:text-white hover:bg-white/10",
+    mobileTrigger: "text-white/70 hover:text-primary-400 hover:bg-white/8",
+    mobileDrawer: "bg-primary-900 border-t border-white/10",
+    mobileLink: "text-white hover:text-primary-400 border-b border-white/10",
+    mobileSub: "text-white/70 font-bold hover:text-primary-400 border-b border-white/8",
+    mobileLangActive: "text-primary-400 font-semibold",
+    mobileLangIdle: "text-white/40 hover:text-primary-400",
+    logoBlend: "mix-blend-screen"
+  },
+  white: {
+    header: "bg-white border-b border-border shadow-sm",
+    navItem: "text-foreground/70 hover:text-foreground",
+    navItemOpen: "text-foreground bg-muted",
+    chevron: "text-foreground/35",
+    lang: "text-foreground/60 hover:text-foreground",
+    langOpen: "text-foreground bg-muted",
+    langChevron: "text-foreground/30",
+    icon: "text-foreground/50 hover:text-foreground hover:bg-muted",
+    mobileTrigger: "text-foreground/50 hover:text-foreground hover:bg-muted",
+    mobileDrawer: "bg-white border-t border-border",
+    mobileLink: "text-foreground/80 hover:text-foreground border-b border-border",
+    mobileSub: "text-foreground/50 font-bold hover:text-foreground border-b border-border/40",
+    mobileLangActive: "text-primary font-semibold",
+    mobileLangIdle: "text-muted-foreground hover:text-foreground",
+    logoBlend: "invert mix-blend-multiply"
+  },
+  dark: {
+    header: "bg-neutral-950 border-b border-white/10",
+    navItem: "text-white/70 hover:text-white",
+    navItemOpen: "text-white bg-white/10",
+    chevron: "text-white/40",
+    lang: "text-white/60 hover:text-white",
+    langOpen: "text-white bg-white/10",
+    langChevron: "text-white/30",
+    icon: "text-white/50 hover:text-white hover:bg-white/10",
+    mobileTrigger: "text-white/50 hover:text-white hover:bg-white/10",
+    mobileDrawer: "bg-neutral-950 border-t border-white/10",
+    mobileLink: "text-white/80 hover:text-white border-b border-white/8",
+    mobileSub: "text-white/45 font-bold hover:text-white border-b border-white/5",
+    mobileLangActive: "text-white font-semibold",
+    mobileLangIdle: "text-white/35 hover:text-white/60",
+    logoBlend: "mix-blend-screen"
+  }
+};
+var DEFAULT_HEADER_LINKS = [
+  { label: "All trips", href: "#" },
+  {
+    label: "Destinations",
+    items: [
+      { label: "Europe", href: "#" },
+      { label: "South America", href: "#" },
+      { label: "Africa", href: "#" },
+      { label: "Asia", href: "#" },
+      { label: "North America", href: "#" },
+      { label: "Oceania", href: "#" }
+    ]
+  },
+  {
+    label: "Travel themes",
+    items: [
+      { label: "Adventure", href: "#" },
+      { label: "Cultural", href: "#" },
+      { label: "Wildlife", href: "#" },
+      { label: "Beach & Coast", href: "#" },
+      { label: "Trekking", href: "#" }
+    ]
+  },
+  {
+    label: "About",
+    items: [
+      { label: "About us", href: "#" },
+      { label: "Sustainability", href: "#" },
+      { label: "Jobs", href: "#" },
+      { label: "FAQ", href: "#" },
+      { label: "Contact", href: "#" },
+      { label: "Gift Card", href: "#" }
+    ]
+  },
+  { label: "Blog", href: "#" }
+];
+var DEFAULT_LANGUAGES = [
+  { code: "EN", label: "English" },
+  { code: "PT", label: "Portugu\xEAs" },
+  { code: "NL", label: "Nederlands" },
+  { code: "DE", label: "Deutsch" },
+  { code: "FR", label: "Fran\xE7ais" },
+  { code: "ES", label: "Espa\xF1ol" }
+];
+function NavDropdown({
+  items,
+  onClose,
+  onMouseEnter,
+  onMouseLeave
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "absolute top-[calc(100%+8px)] left-0 min-w-[200px] rounded-xl bg-white shadow-2xl border border-black/8 py-1.5 z-50",
+      onMouseEnter,
+      onMouseLeave,
+      children: items.map((item) => {
+        var _a;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: (_a = item.href) != null ? _a : "#",
+            onClick: onClose,
+            className: "block px-5 py-2.5 text-sm text-foreground/75 font-ui font-bold hover:text-foreground hover:bg-muted transition-colors whitespace-nowrap",
+            children: item.label
+          },
+          item.label
+        );
+      })
+    }
+  );
+}
+function LangDropdown({
+  languages,
+  activeLang,
+  onSelect,
+  onMouseEnter,
+  onMouseLeave
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "absolute top-[calc(100%+8px)] right-0 min-w-[160px] rounded-xl bg-white shadow-2xl border border-black/8 py-1.5 z-50",
+      onMouseEnter,
+      onMouseLeave,
+      children: languages.map((lang) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(lang.code),
+          className: cn(
+            "flex items-center gap-3 w-full px-5 py-2.5 text-sm font-ui text-left transition-colors hover:bg-muted",
+            lang.code === activeLang ? "text-primary font-semibold" : "text-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold w-8 shrink-0", children: lang.code }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: lang.label })
+          ]
+        },
+        lang.code
+      ))
+    }
+  );
+}
+function SiteHeader({
+  variant = "transparent",
+  links = DEFAULT_HEADER_LINKS,
+  logoSrc = "/logo-planetaexo.png",
+  logoAlt = "Planeta Exo",
+  languages = DEFAULT_LANGUAGES,
+  currentLanguage = "EN",
+  onLanguageChange,
+  onSearch,
+  onAccount,
+  position = variant === "transparent" ? "overlay" : "fixed",
+  className
+}) {
+  const t = VARIANT[variant];
+  const [openMenu, setOpenMenu] = React18__namespace.useState(null);
+  const [langOpen, setLangOpen] = React18__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React18__namespace.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React18__namespace.useState(null);
+  const [activeLang, setActiveLang] = React18__namespace.useState(currentLanguage);
+  const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
+  const menuCloseTimer = React18__namespace.useRef(void 0);
+  const langCloseTimer = React18__namespace.useRef(void 0);
+  const handleMenuEnter = (label) => {
+    clearTimeout(menuCloseTimer.current);
+    setOpenMenu(label);
+  };
+  const handleMenuLeave = () => {
+    menuCloseTimer.current = setTimeout(() => setOpenMenu(null), 120);
+  };
+  const handleLangEnter = () => {
+    clearTimeout(langCloseTimer.current);
+    setLangOpen(true);
+  };
+  const handleLangLeave = () => {
+    langCloseTimer.current = setTimeout(() => setLangOpen(false), 120);
+  };
+  const closeAll = () => {
+    clearTimeout(menuCloseTimer.current);
+    clearTimeout(langCloseTimer.current);
+    setOpenMenu(null);
+    setLangOpen(false);
+  };
+  React18__namespace.useEffect(() => () => {
+    clearTimeout(menuCloseTimer.current);
+    clearTimeout(langCloseTimer.current);
+  }, []);
+  const handleLangSelect = (code) => {
+    setActiveLang(code);
+    onLanguageChange == null ? void 0 : onLanguageChange(code);
+    setLangOpen(false);
+  };
+  const positionClass = position === "overlay" ? "absolute" : position === "fixed" ? "fixed" : "relative";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "header",
+    {
+      className: cn(
+        positionClass,
+        "top-0 left-0 right-0 z-40",
+        t.header,
+        className
+      ),
+      children: [
+        variant === "transparent" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 top-0 h-52 bg-gradient-to-b from-black/55 via-black/20 to-transparent pointer-events-none" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center gap-2 px-6 sm:px-10 h-[72px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", className: "shrink-0 flex items-center mr-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: logoSrc,
+              alt: logoAlt,
+              className: cn("h-11 w-auto select-none", t.logoBlend),
+              draggable: false
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "hidden lg:flex items-center gap-0.5 mx-auto", children: links.map((link) => {
+            var _a, _b;
+            const hasDropdown = !!((_a = link.items) == null ? void 0 : _a.length);
+            const isOpen = openMenu === link.label;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "relative",
+                onMouseEnter: () => hasDropdown && handleMenuEnter(link.label),
+                onMouseLeave: handleMenuLeave,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "a",
+                    {
+                      href: (_b = link.href) != null ? _b : "#",
+                      onClick: hasDropdown ? (e) => e.preventDefault() : void 0,
+                      className: cn(
+                        "flex items-center gap-1 px-3.5 py-1.5 rounded-full",
+                        "text-base font-ui font-black transition-colors whitespace-nowrap",
+                        t.navItem,
+                        isOpen && t.navItemOpen
+                      ),
+                      children: [
+                        link.label,
+                        hasDropdown && /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.ChevronDownIcon,
+                          {
+                            className: cn(
+                              "h-3.5 w-3.5 transition-transform duration-150 shrink-0",
+                              t.chevron,
+                              isOpen && "rotate-180"
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  isOpen && link.items && /* @__PURE__ */ jsxRuntime.jsx(
+                    NavDropdown,
+                    {
+                      items: link.items,
+                      onClose: closeAll,
+                      onMouseEnter: () => handleMenuEnter(link.label),
+                      onMouseLeave: handleMenuLeave
+                    }
+                  )
+                ]
+              },
+              link.label
+            );
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 ml-auto lg:ml-0 shrink-0", children: [
+            languages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "relative hidden lg:block",
+                onMouseEnter: handleLangEnter,
+                onMouseLeave: handleLangLeave,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": "Language",
+                      className: cn(
+                        "flex items-center gap-0.5 px-2.5 py-1.5 rounded-full",
+                        "text-sm font-ui transition-colors",
+                        t.lang,
+                        langOpen && t.langOpen
+                      ),
+                      children: [
+                        activeLang,
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.ChevronDownIcon,
+                          {
+                            className: cn(
+                              "h-3 w-3 transition-transform duration-150",
+                              t.langChevron,
+                              langOpen && "rotate-180"
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  langOpen && /* @__PURE__ */ jsxRuntime.jsx(
+                    LangDropdown,
+                    {
+                      languages,
+                      activeLang,
+                      onSelect: handleLangSelect,
+                      onMouseEnter: handleLangEnter,
+                      onMouseLeave: handleLangLeave
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onSearch,
+                "aria-label": "Search",
+                className: cn(
+                  "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
+                  t.icon
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "h-[18px] w-[18px]" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onAccount,
+                "aria-label": "Account",
+                className: cn(
+                  "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
+                  t.icon
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserIcon, { className: "h-[18px] w-[18px]" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setMobileOpen(true),
+                "aria-label": "Open menu",
+                className: cn(
+                  "flex lg:hidden h-9 w-9 items-center justify-center rounded-full transition-colors ml-0.5",
+                  t.mobileTrigger
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MenuIcon, { className: "h-[18px] w-[18px]" })
+              }
+            )
+          ] })
+        ] }),
+        mobileOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "fixed inset-0 z-50 lg:hidden flex flex-col",
+              variant === "white" ? "bg-white" : "bg-primary-900"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 h-[72px] shrink-0 border-b border-white/8", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: logoSrc,
+                    alt: logoAlt,
+                    className: cn("h-11 w-auto select-none", t.logoBlend),
+                    draggable: false
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setMobileOpen(false),
+                    "aria-label": "Close menu",
+                    className: cn(
+                      "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
+                      t.mobileTrigger
+                    ),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-5 w-5" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex-1 overflow-y-auto px-6 py-6 flex flex-col gap-1", children: links.map((link) => {
+                var _a, _b;
+                const hasDropdown = !!((_a = link.items) == null ? void 0 : _a.length);
+                const isExpanded = openMobileSection === link.label;
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  hasDropdown ? /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => toggleMobileSection(link.label),
+                      className: cn(
+                        "flex items-center justify-between w-full py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
+                        t.mobileLink
+                      ),
+                      children: [
+                        link.label,
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.ChevronDownIcon,
+                          {
+                            className: cn(
+                              "h-5 w-5 transition-transform duration-200 opacity-40",
+                              isExpanded && "rotate-180"
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      href: (_b = link.href) != null ? _b : "#",
+                      onClick: () => setMobileOpen(false),
+                      className: cn(
+                        "flex items-center py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
+                        t.mobileLink
+                      ),
+                      children: link.label
+                    }
+                  ),
+                  hasDropdown && isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0 pl-4 pb-2", children: link.items.map((item) => {
+                    var _a2;
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: (_a2 = item.href) != null ? _a2 : "#",
+                        onClick: () => setMobileOpen(false),
+                        className: cn(
+                          "py-3 text-base font-ui font-bold transition-colors border-b",
+                          t.mobileSub
+                        ),
+                        children: item.label
+                      },
+                      item.label
+                    );
+                  }) })
+                ] }, link.label);
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
+                "shrink-0 px-6 py-5 flex items-center justify-between border-t",
+                variant === "white" ? "border-border" : "border-white/10"
+              ), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
+                  const isActive = lang.code === activeLang;
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React18__namespace.Fragment, { children: [
+                    i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+                      "text-xs select-none",
+                      variant === "white" ? "text-border" : "text-white/15"
+                    ), children: "\xB7" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => handleLangSelect(lang.code),
+                        className: cn(
+                          "font-ui font-black transition-all duration-150 rounded-full",
+                          isActive ? cn(
+                            "text-sm px-3 py-1 border",
+                            variant === "white" ? "text-primary border-primary bg-primary/8" : "text-primary-400 border-primary-400/50 bg-primary-400/10"
+                          ) : cn(
+                            "text-xs px-2 py-1",
+                            variant === "white" ? "text-muted-foreground hover:text-foreground" : "text-white/35 hover:text-white/70"
+                          )
+                        ),
+                        children: lang.code
+                      }
+                    )
+                  ] }, lang.code);
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        onSearch == null ? void 0 : onSearch();
+                        setMobileOpen(false);
+                      },
+                      "aria-label": "Search",
+                      className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "h-[18px] w-[18px]" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        onAccount == null ? void 0 : onAccount();
+                        setMobileOpen(false);
+                      },
+                      "aria-label": "Account",
+                      className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserIcon, { className: "h-[18px] w-[18px]" })
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ThemeToggle({ className }) {
+  const [dark, setDark] = React18__namespace.useState(false);
+  React18__namespace.useEffect(() => {
+    const saved = localStorage.getItem("theme");
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    const isDark = saved === "dark" || !saved && prefersDark;
+    setDark(isDark);
+    document.documentElement.classList.toggle("dark", isDark);
+  }, []);
+  const toggle = () => {
+    const next = !dark;
+    setDark(next);
+    document.documentElement.classList.toggle("dark", next);
+    localStorage.setItem("theme", next ? "dark" : "light");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: toggle,
+      "aria-label": dark ? "Switch to light mode" : "Switch to dark mode",
+      className: cn(
+        "flex h-8 w-8 items-center justify-center rounded-md",
+        "bg-card border border-border text-muted-foreground shadow-sm",
+        "hover:text-foreground hover:bg-muted transition-colors",
+        className
+      ),
+      children: dark ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoonIcon, { className: "h-4 w-4" })
+    }
+  );
+}
+function CalendarIcon5() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] });
+}
+function TrendingIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "17 6 23 6 23 12" })
+  ] });
+}
+function ArrowIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "12 5 19 12 12 19" })
+  ] });
+}
+var sizeConfig = {
+  sm: {
+    card: "h-72 w-56",
+    title: "text-lg font-bold",
+    meta: "text-xs",
+    description: "text-xs"
+  },
+  md: {
+    card: "h-96 w-72",
+    title: "text-xl font-bold",
+    meta: "text-xs",
+    description: "text-sm"
+  },
+  lg: {
+    card: "h-[28rem] w-96",
+    title: "text-2xl font-bold",
+    meta: "text-sm",
+    description: "text-sm"
+  }
+};
+var statusConfig = {
+  "sold-out": {
+    label: "All seats taken",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon5, {})
+  },
+  trending: {
+    label: "Trending",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(TrendingIcon, {})
+  }
+};
+function TripCard({
+  image,
+  imageAlt = "",
+  status,
+  nights,
+  period,
+  title,
+  description,
+  cta,
+  price,
+  size = "md",
+  className
+}) {
+  const s = sizeConfig[size];
+  const statusInfo = status ? statusConfig[status] : null;
+  const meta = [
+    nights ? `${nights} nights` : null,
+    period != null ? period : null
+  ].filter(Boolean).join(" | ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "group relative flex flex-col justify-between overflow-hidden rounded-2xl",
+        "shadow-md transition-shadow duration-300 hover:shadow-xl",
+        s.card,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: image,
+            alt: imageAlt,
+            className: "absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent" }),
+        statusInfo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-xl bg-card/90 px-3 py-1.5 backdrop-blur-sm shadow-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: statusInfo.icon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-foreground font-ui", children: statusInfo.label })
+        ] }) }),
+        !statusInfo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex flex-col gap-1.5 p-5", children: [
+          meta && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-white/70 font-medium font-ui", s.meta), children: meta }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-white leading-snug", s.title), children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-white/80 leading-relaxed mt-0.5", s.description), children: description }),
+          (cta || price) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center justify-between gap-4", children: [
+            cta && /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                onClick: cta.onClick,
+                className: cn(
+                  "group/cta inline-flex items-center gap-1.5 border-b border-white/70 pb-0.5",
+                  "text-sm font-semibold text-white transition-colors hover:border-white hover:text-white",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50",
+                  "font-ui"
+                ),
+                children: [
+                  cta.label,
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "transition-transform duration-150 group-hover/cta:translate-x-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, {}) })
+                ]
+              }
+            ),
+            price && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-white/90 whitespace-nowrap font-ui", children: price })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function useHlsVideo(videoRef, src) {
+  React18__namespace.useEffect(() => {
+    if (!src || !videoRef.current) return;
+    const video = videoRef.current;
+    if (!src.includes(".m3u8")) return;
+    let hlsInstance = null;
+    import('hls.js').then(({ default: Hls }) => {
+      if (!Hls.isSupported()) {
+        video.src = src;
+        return;
+      }
+      hlsInstance = new Hls({
+        /* Start with low-quality level to show first frame ASAP */
+        startLevel: 0,
+        /* Limit initial buffer to 10s — faster start */
+        maxBufferLength: 10,
+        maxMaxBufferLength: 30
+      });
+      hlsInstance.loadSource(src);
+      hlsInstance.attachMedia(video);
+      hlsInstance.on(Hls.Events.MANIFEST_PARSED, () => {
+        video.play().catch(() => {
+        });
+      });
+    });
+    return () => {
+      hlsInstance == null ? void 0 : hlsInstance.destroy();
+    };
+  }, [src, videoRef]);
+}
+function TripHeader({
+  images,
+  videoUrl,
+  title,
+  breadcrumb,
+  destination,
+  duration,
+  tagline,
+  siteHeader,
+  uiVariant = "v1",
+  className
+}) {
+  var _a;
+  const [heroIndex, setHeroIndex] = React18__namespace.useState(0);
+  const [videoReady, setVideoReady] = React18__namespace.useState(false);
+  const videoRef = React18__namespace.useRef(null);
+  const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
+  const validImages = React18__namespace.useMemo(
+    () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
+    [images]
+  );
+  const hasHeroImage = validImages.length > 0;
+  const heroSrc = (i) => {
+    var _a2;
+    return (_a2 = validImages[i]) != null ? _a2 : "";
+  };
+  const safeIndex = Math.min(heroIndex, Math.max(0, validImages.length - 1));
+  const currentSrc = heroSrc(safeIndex);
+  const showCarousel = !videoUrl && validImages.length > 1;
+  const nights = duration ? (_a = duration.nights) != null ? _a : Math.max(duration.days - 1, 1) : null;
+  const hasMeta = !!(destination || duration);
+  useHlsVideo(videoRef, isHls ? videoUrl : void 0);
+  React18__namespace.useEffect(() => {
+    if (!videoUrl) return;
+    const el = videoRef.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          el.play().catch(() => {
+          });
+        } else {
+          el.pause();
+        }
+      },
+      { threshold: 0.1 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [videoUrl]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn("w-full", className),
+      "data-trip-header-variant": uiVariant,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "relative w-full overflow-hidden",
+              hasHeroImage ? "bg-muted" : "bg-zinc-900",
+              siteHeader ? "h-[80vh] min-h-[520px]" : "h-[70vh] min-h-[420px]"
+            ),
+            children: [
+              !videoUrl && !hasHeroImage && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "absolute inset-0 bg-gradient-to-br from-zinc-900 via-zinc-800 to-zinc-950",
+                  "aria-hidden": true
+                }
+              ),
+              videoUrl ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                hasHeroImage ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: validImages[0],
+                    alt: "",
+                    "aria-hidden": true,
+                    fetchPriority: "high",
+                    className: cn(
+                      "absolute inset-0 h-full w-full object-cover transition-opacity duration-700",
+                      videoReady ? "opacity-0 pointer-events-none" : "opacity-100"
+                    )
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "absolute inset-0 bg-gradient-to-br from-zinc-900 via-zinc-800 to-zinc-950 transition-opacity duration-700",
+                    "aria-hidden": true
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "video",
+                  {
+                    ref: videoRef,
+                    src: isHls ? void 0 : videoUrl,
+                    autoPlay: true,
+                    muted: true,
+                    loop: true,
+                    playsInline: true,
+                    preload: "auto",
+                    poster: hasHeroImage ? validImages[0] : void 0,
+                    onCanPlay: () => setVideoReady(true),
+                    className: cn(
+                      "absolute inset-0 h-full w-full object-cover transition-opacity duration-700",
+                      videoReady ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                )
+              ] }) : hasHeroImage ? /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: currentSrc,
+                  alt: title,
+                  fetchPriority: safeIndex === 0 ? "high" : "auto",
+                  className: "absolute inset-0 h-full w-full object-cover transition-opacity duration-700"
+                }
+              ) : null,
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/85 via-black/20 to-transparent" }),
+              siteHeader && /* @__PURE__ */ jsxRuntime.jsx(
+                SiteHeader,
+                {
+                  links: Array.isArray(siteHeader) ? siteHeader : void 0,
+                  position: "overlay"
+                }
+              ),
+              !videoUrl && showCarousel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setHeroIndex(
+                      (i) => (i - 1 + validImages.length) % validImages.length
+                    ),
+                    className: "absolute left-4 top-1/2 -translate-y-1/2 flex h-10 w-10 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm hover:bg-black/50 transition-colors",
+                    "aria-label": "Imagem anterior",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-5 w-5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setHeroIndex((i) => (i + 1) % validImages.length),
+                    className: "absolute right-4 top-1/2 -translate-y-1/2 flex h-10 w-10 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm hover:bg-black/50 transition-colors",
+                    "aria-label": "Pr\xF3xima imagem",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-5 w-5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-5 right-5 flex gap-1.5", children: validImages.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setHeroIndex(i),
+                    className: cn(
+                      "h-1.5 rounded-full transition-all",
+                      i === safeIndex ? "w-5 bg-white" : "w-1.5 bg-white/50"
+                    )
+                  },
+                  i
+                )) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-5xl px-4 sm:px-6", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "relative z-10 pb-10",
+              siteHeader ? "-mt-44" : "-mt-36"
+            ),
+            children: [
+              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React18__namespace.Fragment, { children: [
+                i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-white/70 font-ui hover:text-white/90 cursor-default", children: crumb.label })
+              ] }, i)) }),
+              /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-5xl font-bold text-white font-heading leading-tight", children: title }),
+              hasMeta ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center gap-5 flex-wrap", children: [
+                destination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-white/85", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 shrink-0 text-primary-400" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-ui font-semibold", children: destination })
+                ] }),
+                duration && nights !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-white/85", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoonIcon, { className: "h-4 w-4 shrink-0 text-primary-400" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-ui font-semibold", children: [
+                    nights,
+                    " ",
+                    nights === 1 ? "noite" : "noites"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/40", children: "\xB7" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunIcon, { className: "h-4 w-4 shrink-0 text-primary-400" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-ui font-semibold", children: [
+                    duration.days,
+                    " ",
+                    duration.days === 1 ? "dia" : "dias"
+                  ] })
+                ] })
+              ] }) : tagline ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm sm:text-base text-white/80 font-ui", children: tagline }) : null
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Stars({ count = 5 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex gap-0.5", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    lucideReact.StarIcon,
+    {
+      className: cn(
+        "h-3.5 w-3.5",
+        i < count ? "fill-primary text-primary" : "fill-muted text-muted"
+      )
+    },
+    i
+  )) });
+}
+function ItineraryTimeline({ steps }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "relative flex flex-col gap-0", children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative flex gap-4 pb-8 last:pb-0", children: [
+    i < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3.5 top-7 bottom-0 w-px bg-border" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 mt-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 border-primary bg-background", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-primary font-ui", children: i + 1 }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 pt-0.5 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: step.label }),
+        step.duration && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "outline", className: "text-xs font-ui h-5 px-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, { className: "h-3 w-3 mr-1" }),
+          step.duration
+        ] }),
+        step.isTransfer && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "text-xs font-ui h-5 px-2", children: "Transfer" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground leading-relaxed [&_p:not(:last-child)]:mb-2 [&_strong]:text-foreground [&_strong]:font-semibold", children: step.description })
+    ] })
+  ] }, i)) });
+}
+function Checklist({ items, icon }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2.5 text-sm text-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 shrink-0 text-primary", children: icon != null ? icon : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4" }) }),
+    item
+  ] }, i)) });
+}
+function TripPage({
+  title,
+  tagline,
+  destination,
+  duration,
+  images,
+  videoUrl,
+  breadcrumb,
+  highlights,
+  infoGroups,
+  recommendedFor,
+  overview,
+  itinerary,
+  gallery,
+  included,
+  whatToBring,
+  weather,
+  meetingPoints,
+  faqs,
+  reviews,
+  priceFrom,
+  currency = "CHF",
+  season,
+  departureTimes,
+  pricingOptions,
+  onBook,
+  bookLabel,
+  siteHeader,
+  uiVariant = "v1",
+  features,
+  className
+}) {
+  const [activeSection, setActiveSection] = React18__namespace.useState("");
+  const [navFloating, setNavFloating] = React18__namespace.useState(false);
+  const [navHidden, setNavHidden] = React18__namespace.useState(false);
+  const [isFloating, setIsFloating] = React18__namespace.useState(false);
+  const [sidebarPos, setSidebarPos] = React18__namespace.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React18__namespace.useState(false);
+  const navRef = React18__namespace.useRef(null);
+  const navSentinelRef = React18__namespace.useRef(null);
+  const sentinelRef = React18__namespace.useRef(null);
+  const sidebarPlaceholderRef = React18__namespace.useRef(null);
+  const pricingBarRef = React18__namespace.useRef(null);
+  const galleryRef = React18__namespace.useRef(null);
+  const sections = React18__namespace.useMemo(
+    () => [
+      { id: "key-info", label: "Key info", show: !!(infoGroups == null ? void 0 : infoGroups.length) },
+      { id: "overview", label: "Overview", show: !!overview },
+      { id: "itinerary", label: "Itinerary", show: !!(itinerary == null ? void 0 : itinerary.length) },
+      { id: "included", label: "Included", show: !!((included == null ? void 0 : included.length) || (whatToBring == null ? void 0 : whatToBring.length)) },
+      { id: "what-to-bring", label: "What to bring", show: !!(whatToBring == null ? void 0 : whatToBring.length) },
+      { id: "weather", label: "Weather", show: !!weather },
+      { id: "meeting", label: "Meeting point", show: !!(meetingPoints == null ? void 0 : meetingPoints.length) },
+      { id: "faq", label: "FAQ", show: !!(faqs == null ? void 0 : faqs.length) },
+      { id: "gallery", label: "Photos", show: !!(gallery == null ? void 0 : gallery.length) }
+    ].filter((s) => s.show),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  React18__namespace.useEffect(() => {
+    const sentinel = navSentinelRef.current;
+    if (!sentinel) return;
+    const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
+    document.addEventListener("scroll", update, { passive: true, capture: true });
+    update();
+    return () => document.removeEventListener("scroll", update, { capture: true });
+  }, []);
+  React18__namespace.useEffect(() => {
+    const sentinel = sentinelRef.current;
+    if (!sentinel) return;
+    const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
+    document.addEventListener("scroll", update, { passive: true, capture: true });
+    update();
+    return () => document.removeEventListener("scroll", update, { capture: true });
+  }, []);
+  React18__namespace.useEffect(() => {
+    const measure = () => {
+      if (!sidebarPlaceholderRef.current) return;
+      const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
+      setSidebarPos({ left: rect.left, width: rect.width });
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [isFloating]);
+  React18__namespace.useEffect(() => {
+    const check = () => {
+      var _a;
+      const target = (_a = galleryRef.current) != null ? _a : pricingBarRef.current;
+      if (!target) return;
+      setPricingBarVisible(target.getBoundingClientRect().top < window.innerHeight * 0.75);
+    };
+    document.addEventListener("scroll", check, { passive: true, capture: true });
+    check();
+    return () => document.removeEventListener("scroll", check, { capture: true });
+  }, []);
+  React18__namespace.useEffect(() => {
+    const check = () => {
+      if (!pricingBarRef.current) return;
+      setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
+    };
+    document.addEventListener("scroll", check, { passive: true, capture: true });
+    check();
+    return () => document.removeEventListener("scroll", check, { capture: true });
+  }, []);
+  React18__namespace.useEffect(() => {
+    if (sections.length === 0) return;
+    setActiveSection(sections[0].id);
+    const update = () => {
+      var _a, _b;
+      const navH = ((_b = (_a = navRef.current) == null ? void 0 : _a.offsetHeight) != null ? _b : 56) + 20;
+      for (const { id } of [...sections].reverse()) {
+        const el = document.getElementById(`trip-section-${id}`);
+        if (el && el.getBoundingClientRect().top <= navH) {
+          setActiveSection(id);
+          return;
+        }
+      }
+      setActiveSection(sections[0].id);
+    };
+    document.addEventListener("scroll", update, { passive: true, capture: true });
+    return () => document.removeEventListener("scroll", update, { capture: true });
+  }, [sections]);
+  const scrollToBookingForm = () => {
+    var _a, _b, _c;
+    const el = document.getElementById("trip-booking-form");
+    if (!el) return;
+    const navHeight = ((_b = (_a = navRef.current) == null ? void 0 : _a.offsetHeight) != null ? _b : 56) + 16;
+    const scrollEl = (_c = navRef.current) == null ? void 0 : _c.closest("main");
+    const elTop = el.getBoundingClientRect().top;
+    const containerTop = scrollEl ? scrollEl.getBoundingClientRect().top : 0;
+    const currentScroll = scrollEl ? scrollEl.scrollTop : window.scrollY;
+    const target = currentScroll + (elTop - containerTop) - navHeight;
+    if (scrollEl) {
+      scrollEl.scrollTo({ top: target, behavior: "smooth" });
+    } else {
+      window.scrollTo({ top: target, behavior: "smooth" });
+    }
+  };
+  const scrollToSection = (id) => {
+    var _a, _b, _c;
+    const el = document.getElementById(`trip-section-${id}`);
+    if (!el) return;
+    const navHeight = (_b = (_a = navRef.current) == null ? void 0 : _a.offsetHeight) != null ? _b : 56;
+    const scrollEl = (_c = navRef.current) == null ? void 0 : _c.closest("main");
+    const currentScroll = scrollEl ? scrollEl.scrollTop : window.scrollY;
+    const elTop = el.getBoundingClientRect().top;
+    const containerTop = scrollEl ? scrollEl.getBoundingClientRect().top : 0;
+    const target = currentScroll + (elTop - containerTop) - navHeight - 12;
+    if (scrollEl) {
+      scrollEl.scrollTo({ top: target, behavior: "smooth" });
+    } else {
+      window.scrollTo({ top: target, behavior: "smooth" });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn("w-full overflow-x-hidden", className),
+      "data-ui-variant": uiVariant,
+      "data-features": features ? JSON.stringify(features) : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TripHeader,
+          {
+            images,
+            videoUrl,
+            title,
+            breadcrumb,
+            destination,
+            duration,
+            tagline,
+            siteHeader,
+            uiVariant
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-5xl px-4 sm:px-6", children: [
+          highlights && highlights.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex flex-wrap justify-center gap-6 py-2", children: highlights.map((h, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+            h.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border-2 border-border text-foreground", children: h.icon }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground font-ui", children: h.label })
+          ] }, i)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: navSentinelRef, className: "h-px", "aria-hidden": true }),
+          sections.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "py-2 flex justify-center transition-opacity duration-150",
+                navFloating ? "opacity-0 pointer-events-none" : "opacity-100"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                MenuTrip,
+                {
+                  sections,
+                  activeSection,
+                  onSelect: scrollToSection,
+                  variant: "floating"
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-6" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: sentinelRef, className: "h-px -mt-px", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row gap-8 mt-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 space-y-12 pb-12", children: [
+              infoGroups && infoGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-key-info", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "Key info" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: infoGroups.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                    group.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: group.icon }),
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground font-heading", children: group.title })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: group.items }),
+                  i < infoGroups.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mt-6" })
+                ] }, i)) })
+              ] }),
+              overview && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-overview", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-4", children: "Overview" }),
+                recommendedFor && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5 rounded-xl bg-primary/8 border border-primary/20 p-4 mb-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "h-4 w-4 text-primary mt-0.5 shrink-0" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-foreground font-ui", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Recommended for: " }),
+                    recommendedFor
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: overview })
+              ] }),
+              itinerary && itinerary.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "Itinerary" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ItineraryTimeline, { steps: itinerary })
+              ] }),
+              included && included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-included", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PackageIcon, { className: "h-5 w-5 text-primary" }),
+                  "Included"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: included })
+              ] }),
+              whatToBring && whatToBring.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-what-to-bring", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PackageIcon, { className: "h-5 w-5 text-primary" }),
+                  "What to bring"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: whatToBring, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4" }) })
+              ] }),
+              weather && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-weather", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunIcon, { className: "h-5 w-5 text-primary" }),
+                  "Weather"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-3 rounded-xl bg-muted/60 border border-border p-5", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-foreground leading-relaxed space-y-2 [&_strong]:font-semibold", children: weather }) })
+              ] }),
+              meetingPoints && meetingPoints.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-meeting", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-5 w-5 text-primary" }),
+                  "Meeting point"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: meetingPoints.map((mp, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-border p-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 text-primary" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                    mp.type && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide mb-0.5", children: mp.type === "activity" ? "Activity location" : mp.type === "alternative" ? "Alternative meeting point" : "Meeting point" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-bold text-foreground font-heading", children: mp.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui mt-0.5", children: mp.address })
+                  ] })
+                ] }, i)) })
+              ] }),
+              faqs && faqs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-faq", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "FAQ" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Accordion, { variant: "faq", children: faqs.map((faq, i) => /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: `faq-${i}`, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { children: faq.question }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: faq.answer })
+                ] }, i)) })
+              ] }),
+              reviews && reviews.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mb-10" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-5", children: "What our guests think" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: reviews.map((r, i) => {
+                  var _a;
+                  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border p-5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Stars, { count: (_a = r.rating) != null ? _a : 5 }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-foreground leading-relaxed line-clamp-4", children: [
+                      "\u201C",
+                      r.text,
+                      "\u201D"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-semibold text-muted-foreground font-ui mt-auto", children: [
+                      "\u2014 ",
+                      r.author
+                    ] })
+                  ] }, i);
+                }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { ref: sidebarPlaceholderRef, className: "hidden lg:block lg:w-72 xl:w-80 shrink-0", children: !isFloating && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-20 rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+              PricingTrip,
+              {
+                priceFrom,
+                currency,
+                season,
+                departureTimes,
+                pricingOptions,
+                onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
+                bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                variant: "card"
+              }
+            ) }) })
+          ] })
+        ] }),
+        sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: navRef,
+            className: cn(
+              "fixed top-0 left-0 right-0 z-20 py-3 transition-all duration-200",
+              navFloating && !navHidden ? "translate-y-0 opacity-100" : "-translate-y-full opacity-0 pointer-events-none"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-5xl px-4 sm:px-6 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+              MenuTrip,
+              {
+                sections,
+                activeSection,
+                onSelect: scrollToSection,
+                variant: "floating"
+              }
+            ) })
+          }
+        ),
+        isFloating && !pricingBarVisible && sidebarPos && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "hidden lg:block fixed z-20",
+            style: { top: "5rem", left: sidebarPos.left, width: sidebarPos.width },
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+              PricingTrip,
+              {
+                priceFrom,
+                currency,
+                season,
+                departureTimes,
+                pricingOptions,
+                onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
+                bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                variant: "card"
+              }
+            ) })
+          }
+        ),
+        gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("section", { ref: galleryRef, id: "trip-section-gallery", className: "scroll-mt-20", children: /* @__PURE__ */ jsxRuntime.jsx(
+          PhotoGallery,
+          {
+            photos: gallery,
+            variant: "grid",
+            initialVisible: 6
+          }
+        ) }),
+        gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: pricingBarRef, className: "mx-auto w-full max-w-5xl px-4 sm:px-6 py-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: "trip-booking-form", className: "rounded-2xl border border-border bg-card p-8 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(BookingForm, { onSubmit: onBook ? (values) => onBook() : void 0 }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed bottom-0 inset-x-0 z-30 lg:hidden border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+          PricingTrip,
+          {
+            priceFrom,
+            currency,
+            onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
+            bookLabel: bookLabel != null ? bookLabel : "Book now",
+            variant: "compact"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 lg:hidden" })
+      ]
+    }
+  );
+}
+var sizeConfig2 = {
+  sm: {
+    card: "w-56",
+    image: "h-36",
+    title: "text-sm font-bold",
+    description: "text-xs",
+    price: "text-xs py-2"
+  },
+  md: {
+    card: "w-72",
+    image: "h-52",
+    title: "text-base font-bold",
+    description: "text-sm",
+    price: "text-sm py-2.5"
+  },
+  lg: {
+    card: "w-96",
+    image: "h-64",
+    title: "text-lg font-bold",
+    description: "text-sm",
+    price: "text-sm py-3"
+  }
+};
+function ActivityCard({
+  image,
+  imageAlt = "",
+  badge,
+  icon,
+  title,
+  description,
+  price,
+  onClick,
+  size = "md",
+  className
+}) {
+  const s = sizeConfig2[size];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onClick,
+      onKeyDown: onClick ? (e) => (e.key === "Enter" || e.key === " ") && onClick() : void 0,
+      className: cn(
+        "group flex flex-col overflow-hidden rounded-[1.25rem] bg-card",
+        "border border-border shadow-md transition-shadow duration-200",
+        onClick && "cursor-pointer hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        s.card,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative w-full shrink-0 overflow-hidden", s.image), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: image,
+              alt: imageAlt,
+              className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+            }
+          ),
+          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 top-3 flex h-8 w-8 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm", children: icon }),
+          badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: "rounded-full bg-card/90 text-foreground backdrop-blur-sm shadow-sm border-0 font-medium font-ui",
+              children: badge
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-2 p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-foreground leading-snug font-ui", s.title), children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground leading-relaxed", s.description), children: description }),
+          price && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "w-full rounded-full bg-muted text-center font-semibold text-foreground font-ui",
+                s.price
+              ),
+              children: price
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
 
+exports.ActivityCard = ActivityCard;
 exports.BookingConfirmation = BookingConfirmation;
 exports.BookingConfirmationEmail = BookingConfirmationEmail;
 exports.BookingDetails = BookingDetails;
+exports.BookingForm = BookingForm;
+exports.COUNTRIES = COUNTRIES;
+exports.CounterField = CounterField;
+exports.CountrySearchField = CountrySearchField;
+exports.DEFAULT_HEADER_LINKS = DEFAULT_HEADER_LINKS;
+exports.DEFAULT_LANGUAGES = DEFAULT_LANGUAGES;
+exports.DatePickerField = DatePickerField;
+exports.FilterPanel = FilterPanel;
 exports.FloatingInput = FloatingInput;
 exports.FloatingSelect = FloatingSelect;
+exports.Itinerary = Itinerary;
+exports.MenuTrip = MenuTrip;
 exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;
+exports.PhoneCountrySelect = PhoneCountrySelect;
+exports.PhotoGallery = PhotoGallery;
+exports.PricingTrip = PricingTrip;
+exports.SiteHeader = SiteHeader;
+exports.ThemeToggle = ThemeToggle;
+exports.TripCard = TripCard;
+exports.TripHeader = TripHeader;
+exports.TripPage = TripPage;
 exports.cn = cn;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map