@planetaexo/design-system 0.3.15 → 0.3.17

package/dist/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var React19 = require('react');
+var React21 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var dateFns = require('date-fns');
 var lucideReact = require('lucide-react');
 var separator = require('@base-ui/react/separator');
 var dialog = require('@base-ui/react/dialog');
 var button = require('@base-ui/react/button');
+var dateFns = require('date-fns');
 var reactDayPicker = require('react-day-picker');
 var popover = require('@base-ui/react/popover');
 var checkbox = require('@base-ui/react/checkbox');
@@ -36,7 +36,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React19__namespace = /*#__PURE__*/_interopNamespace(React19);
+var React21__namespace = /*#__PURE__*/_interopNamespace(React21);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -101,7 +101,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React19__namespace.forwardRef(
+var Button = React21__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -296,201 +296,10 @@ function DialogDescription(_a) {
     }, props)
   );
 }
-function Calendar(_a) {
-  var _b = _a, {
-    className,
-    classNames,
-    showOutsideDays = true,
-    captionLayout = "label",
-    buttonVariant = "ghost",
-    locale,
-    formatters,
-    components
-  } = _b, props = __objRest(_b, [
-    "className",
-    "classNames",
-    "showOutsideDays",
-    "captionLayout",
-    "buttonVariant",
-    "locale",
-    "formatters",
-    "components"
-  ]);
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactDayPicker.DayPicker,
-    __spreadValues({
-      showOutsideDays,
-      className: cn(
-        "group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        className
-      ),
-      captionLayout,
-      locale,
-      formatters: __spreadValues({
-        formatMonthDropdown: (date) => date.toLocaleString(locale == null ? void 0 : locale.code, { month: "short" })
-      }, formatters),
-      classNames: __spreadValues({
-        root: cn("w-fit", defaultClassNames.root),
-        months: cn(
-          "relative flex flex-col gap-4 md:flex-row",
-          defaultClassNames.months
-        ),
-        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
-        nav: cn(
-          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
-          defaultClassNames.nav
-        ),
-        button_previous: cn(
-          buttonVariants2({ variant: buttonVariant }),
-          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
-          defaultClassNames.button_previous
-        ),
-        button_next: cn(
-          buttonVariants2({ variant: buttonVariant }),
-          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
-          defaultClassNames.button_next
-        ),
-        month_caption: cn(
-          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
-          defaultClassNames.month_caption
-        ),
-        dropdowns: cn(
-          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
-          defaultClassNames.dropdowns
-        ),
-        dropdown_root: cn(
-          "relative rounded-(--cell-radius)",
-          defaultClassNames.dropdown_root
-        ),
-        dropdown: cn(
-          "absolute inset-0 bg-popover opacity-0",
-          defaultClassNames.dropdown
-        ),
-        caption_label: cn(
-          "font-medium select-none",
-          captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
-          defaultClassNames.caption_label
-        ),
-        table: "w-full border-collapse",
-        weekdays: cn("flex", defaultClassNames.weekdays),
-        weekday: cn(
-          "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
-          defaultClassNames.weekday
-        ),
-        week: cn("mt-2 flex w-full", defaultClassNames.week),
-        week_number_header: cn(
-          "w-(--cell-size) select-none",
-          defaultClassNames.week_number_header
-        ),
-        week_number: cn(
-          "text-[0.8rem] text-muted-foreground select-none",
-          defaultClassNames.week_number
-        ),
-        day: cn(
-          "group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
-          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
-          defaultClassNames.day
-        ),
-        range_start: cn(
-          "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
-          defaultClassNames.range_start
-        ),
-        range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn(
-          "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted",
-          defaultClassNames.range_end
-        ),
-        today: cn(
-          "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
-          defaultClassNames.today
-        ),
-        outside: cn(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          defaultClassNames.outside
-        ),
-        disabled: cn(
-          "text-muted-foreground opacity-50",
-          defaultClassNames.disabled
-        ),
-        hidden: cn("invisible", defaultClassNames.hidden)
-      }, classNames),
-      components: __spreadValues({
-        Root: (_a2) => {
-          var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            __spreadValues({
-              "data-slot": "calendar",
-              ref: rootRef,
-              className: cn(className2)
-            }, props2)
-          );
-        },
-        Chevron: (_c) => {
-          var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
-          if (orientation === "left") {
-            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
-          }
-          if (orientation === "right") {
-            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
-          }
-          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
-        },
-        DayButton: (_e) => {
-          var props2 = __objRest(_e, []);
-          return /* @__PURE__ */ jsxRuntime.jsx(CalendarDayButton, __spreadValues({ locale }, props2));
-        },
-        WeekNumber: (_f) => {
-          var _g = _f, { children } = _g, props2 = __objRest(_g, ["children"]);
-          return /* @__PURE__ */ jsxRuntime.jsx("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
-        }
-      }, components)
-    }, props)
-  );
-}
-function CalendarDayButton(_a) {
-  var _b = _a, {
-    className,
-    day,
-    modifiers,
-    locale
-  } = _b, props = __objRest(_b, [
-    "className",
-    "day",
-    "modifiers",
-    "locale"
-  ]);
-  const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React19__namespace.useRef(null);
-  React19__namespace.useEffect(() => {
-    var _a2;
-    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
-  }, [modifiers.focused]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Button2,
-    __spreadValues({
-      variant: "ghost",
-      size: "icon",
-      "data-day": day.date.toLocaleDateString(locale == null ? void 0 : locale.code),
-      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-      "data-range-start": modifiers.range_start,
-      "data-range-end": modifiers.range_end,
-      "data-range-middle": modifiers.range_middle,
-      className: cn(
-        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70",
-        defaultClassNames.day,
-        className
-      )
-    }, props)
-  );
-}
-var FloatingInput = React19__namespace.forwardRef(
+var FloatingInput = React21__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 : React19__namespace.useId();
+    const inputId = id != null ? id : React21__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -530,10 +339,10 @@ var FloatingInput = React19__namespace.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React19__namespace.forwardRef(
+var FloatingSelect = React21__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 : React19__namespace.useId();
+    const inputId = id != null ? id : React21__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "select",
@@ -794,11 +603,11 @@ function PhoneCountrySelect({
   className
 }) {
   var _a;
-  const [open, setOpen] = React19__namespace.useState(false);
-  const containerRef = React19__namespace.useRef(null);
-  const listRef = React19__namespace.useRef(null);
+  const [open, setOpen] = React21__namespace.useState(false);
+  const containerRef = React21__namespace.useRef(null);
+  const listRef = React21__namespace.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -809,7 +618,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -905,145 +714,442 @@ 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({
+function Calendar(_a) {
+  var _b = _a, {
+    className,
+    classNames,
+    showOutsideDays = true,
+    captionLayout = "label",
+    buttonVariant = "ghost",
+    locale,
+    formatters,
+    components
+  } = _b, props = __objRest(_b, [
+    "className",
+    "classNames",
+    "showOutsideDays",
+    "captionLayout",
+    "buttonVariant",
+    "locale",
+    "formatters",
+    "components"
+  ]);
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    __spreadValues({
+      showOutsideDays,
+      className: cn(
+        "group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      locale,
+      formatters: __spreadValues({
+        formatMonthDropdown: (date) => date.toLocaleString(locale == null ? void 0 : locale.code, { month: "short" })
+      }, formatters),
+      classNames: __spreadValues({
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants2({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants2({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative rounded-(--cell-radius)",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "absolute inset-0 bg-popover opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "font-medium select-none",
+          captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-(--cell-size) select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-[0.8rem] text-muted-foreground select-none",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn(
+          "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted",
+          defaultClassNames.range_end
+        ),
+        today: cn(
+          "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden)
+      }, classNames),
+      components: __spreadValues({
+        Root: (_a2) => {
+          var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            __spreadValues({
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2)
+            }, props2)
+          );
+        },
+        Chevron: (_c) => {
+          var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+        },
+        DayButton: (_e) => {
+          var props2 = __objRest(_e, []);
+          return /* @__PURE__ */ jsxRuntime.jsx(CalendarDayButton, __spreadValues({ locale }, props2));
+        },
+        WeekNumber: (_f) => {
+          var _g = _f, { children } = _g, props2 = __objRest(_g, ["children"]);
+          return /* @__PURE__ */ jsxRuntime.jsx("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+        }
+      }, components)
+    }, props)
+  );
+}
+function CalendarDayButton(_a) {
+  var _b = _a, {
+    className,
+    day,
+    modifiers,
+    locale
+  } = _b, props = __objRest(_b, [
+    "className",
+    "day",
+    "modifiers",
+    "locale"
+  ]);
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  const ref = React21__namespace.useRef(null);
+  React21__namespace.useEffect(() => {
+    var _a2;
+    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button2,
+    __spreadValues({
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(locale == null ? void 0 : locale.code),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      )
+    }, props)
+  );
+}
+function BirthDateField({
+  label,
+  required,
   value,
   onChange,
-  required,
-  label = "Country",
-  countries,
-  placeholder = "Search country\u2026",
   className
 }) {
-  var _a;
-  const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React19__namespace.useState("");
-  const [open, setOpen] = React19__namespace.useState(false);
-  const containerRef = React19__namespace.useRef(null);
-  const searchRef = React19__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;
-  React19__namespace.useEffect(() => {
+  const [open, setOpen] = React21__namespace.useState(false);
+  const [text, setText] = React21__namespace.useState(
+    value ? dateFns.format(value, "dd/MM/yyyy") : ""
+  );
+  const containerRef = React21__namespace.useRef(null);
+  const inputId = React21__namespace.useId();
+  React21__namespace.useEffect(() => {
+    setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
+  }, [value]);
+  React21__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
-      var _a2;
-      if (!((_a2 = containerRef.current) == null ? void 0 : _a2.contains(e.target))) {
-        setOpen(false);
-        setQuery("");
-      }
+      var _a;
+      if (!((_a = containerRef.current) == null ? void 0 : _a.contains(e.target))) setOpen(false);
     };
     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 handleTextChange = (e) => {
+    const digits = e.target.value.replace(/\D/g, "").slice(0, 8);
+    let formatted = digits.slice(0, 2);
+    if (digits.length > 2) formatted += "/" + digits.slice(2, 4);
+    if (digits.length > 4) formatted += "/" + digits.slice(4, 8);
+    setText(formatted);
+    if (formatted.length === 10) {
+      const [dd, mm, yyyy] = formatted.split("/").map(Number);
+      const d = new Date(yyyy, mm - 1, dd);
+      if (!isNaN(d.getTime()) && d.getFullYear() === yyyy && d <= /* @__PURE__ */ new Date()) {
+        onChange(d);
+        return;
+      }
+    }
+    onChange(void 0);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: cn("relative w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center rounded-lg border border-border bg-background h-14 transition-colors",
+          open ? "border-primary ring-1 ring-primary" : "focus-within:border-primary focus-within:ring-1 focus-within:ring-primary"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 h-full", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "label",
+              {
+                htmlFor: inputId,
+                className: "pointer-events-none absolute left-3 top-2 text-xs text-muted-foreground font-ui",
+                children: [
+                  label,
+                  required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                id: inputId,
+                type: "text",
+                inputMode: "numeric",
+                value: text,
+                onChange: handleTextChange,
+                placeholder: "dd/mm/yyyy",
+                className: "block h-full w-full bg-transparent px-3 pt-5 pb-2 text-base text-foreground font-ui focus:outline-none placeholder:text-muted-foreground/50"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setOpen((v) => !v),
+              tabIndex: -1,
+              "aria-label": "Open calendar",
+              className: "px-3 h-full flex items-center text-muted-foreground hover:text-primary transition-colors focus:outline-none",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx("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.jsx(
+      Calendar,
+      {
+        mode: "single",
+        selected: value,
+        onSelect: (date) => {
+          onChange(date);
+          setOpen(false);
+        },
+        defaultMonth: value != null ? value : new Date(1990, 0, 1),
+        disabled: { after: /* @__PURE__ */ new Date() },
+        className: "font-ui w-full",
+        autoFocus: true
+      }
+    ) })
+  ] });
+}
+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] = React21__namespace.useState("");
+  const [open, setOpen] = React21__namespace.useState(false);
+  const containerRef = React21__namespace.useRef(null);
+  const searchRef = React21__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;
+  React21__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);
@@ -1132,7 +1238,7 @@ function Alert({ variant = "info", children, className }) {
 function AdventureCard({ adventure }) {
   var _a, _b, _c, _d, _e, _f;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React19__namespace.useState(
+  const [checkedInternal, setCheckedInternal] = React21__namespace.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
   const isChecked = (opt) => {
@@ -1450,129 +1556,26 @@ function OfferSummarySection({
     )
   ] });
 }
-function BirthDateField({
-  label,
-  required,
-  value,
-  onChange
-}) {
-  const [open, setOpen] = React19__namespace.useState(false);
-  const [text, setText] = React19__namespace.useState(value ? dateFns.format(value, "dd/MM/yyyy") : "");
-  const containerRef = React19__namespace.useRef(null);
-  const inputId = React19__namespace.useId();
-  React19__namespace.useEffect(() => {
-    setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
-  }, [value]);
-  React19__namespace.useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      var _a;
-      if (!((_a = containerRef.current) == null ? void 0 : _a.contains(e.target))) setOpen(false);
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open]);
-  const handleTextChange = (e) => {
-    const digits = e.target.value.replace(/\D/g, "").slice(0, 8);
-    let formatted = digits.slice(0, 2);
-    if (digits.length > 2) formatted += "/" + digits.slice(2, 4);
-    if (digits.length > 4) formatted += "/" + digits.slice(4, 8);
-    setText(formatted);
-    if (formatted.length === 10) {
-      const [dd, mm, yyyy] = formatted.split("/").map(Number);
-      const d = new Date(yyyy, mm - 1, dd);
-      if (!isNaN(d.getTime()) && d.getFullYear() === yyyy && d <= /* @__PURE__ */ new Date()) {
-        onChange(d);
-        return;
-      }
-    }
-    onChange(void 0);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative w-full", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: cn(
-          "flex items-center rounded-lg border border-border bg-background h-14 transition-colors",
-          open ? "border-primary ring-1 ring-primary" : "focus-within:border-primary focus-within:ring-1 focus-within:ring-primary"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 h-full", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "label",
-              {
-                htmlFor: inputId,
-                className: "pointer-events-none absolute left-3 top-2 text-xs text-muted-foreground font-ui",
-                children: [
-                  label,
-                  required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                id: inputId,
-                type: "text",
-                inputMode: "numeric",
-                value: text,
-                onChange: handleTextChange,
-                placeholder: "dd/mm/yyyy",
-                className: "block h-full w-full bg-transparent px-3 pt-5 pb-2 text-base text-foreground font-ui focus:outline-none placeholder:text-muted-foreground/50"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => setOpen((v) => !v),
-              tabIndex: -1,
-              "aria-label": "Open calendar",
-              className: "px-3 h-full flex items-center text-muted-foreground hover:text-primary transition-colors focus:outline-none",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-4 w-4" })
-            }
-          )
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx("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.jsx(
-      Calendar,
-      {
-        mode: "single",
-        selected: value,
-        onSelect: (date) => {
-          onChange(date);
-          setOpen(false);
-        },
-        defaultMonth: value != null ? value : new Date(1990, 0, 1),
-        disabled: { after: /* @__PURE__ */ new Date() },
-        className: "font-ui w-full",
-        autoFocus: true
-      }
-    ) })
-  ] });
-}
-function BookingShell({
-  steps,
-  currentStep,
-  title = "Booking details",
-  children,
-  onNext,
-  onBack,
-  onCancel,
-  nextLabel = "Next",
-  backLabel = "Back",
-  cancelLabel = "Cancel",
-  nextDisabled,
-  nextBlockedMessage,
-  error,
-  successMessage
+function BookingShell({
+  steps,
+  currentStep,
+  title = "Booking details",
+  children,
+  onNext,
+  onBack,
+  onCancel,
+  nextLabel = "Next",
+  backLabel = "Back",
+  cancelLabel = "Cancel",
+  nextDisabled,
+  nextBlockedMessage,
+  error,
+  successMessage
 }) {
   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: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React19__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React21__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -1770,7 +1773,7 @@ function TermsSection({
   locale = "en"
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React19__namespace.useState(false);
+  const [modalOpen, setModalOpen] = React21__namespace.useState(false);
   const i18n = (_a = TERMS_I18N[locale]) != null ? _a : TERMS_I18N.en;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border p-4 flex flex-col gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: title }),
@@ -1799,7 +1802,7 @@ function TermsSection({
       ] })
     ] }),
     !checked && warningMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-amber-400 flex items-center gap-1", children: warningMessage }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: modalOpen, onOpenChange: setModalOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-2xl w-full max-h-[80vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: modalOpen, onOpenChange: setModalOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-[90vw] w-full max-h-[80vh] overflow-y-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { className: "font-heading text-xl", children: [
         i18n.modalTitle,
         " \u2014 PlanetaEXO"
@@ -1858,9 +1861,9 @@ function BookingWizard({
   depositInfo,
   onCancel
 }) {
-  const [step, setStep] = React19__namespace.useState("responsible");
-  const [error, setError] = React19__namespace.useState(null);
-  const [responsible, setResponsible] = React19__namespace.useState({
+  const [step, setStep] = React21__namespace.useState("responsible");
+  const [error, setError] = React21__namespace.useState(null);
+  const [responsible, setResponsible] = React21__namespace.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -1879,7 +1882,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] = React19__namespace.useState(
+  const [travellers, setTravellers] = React21__namespace.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -1887,9 +1890,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React19__namespace.useState("full");
-  const [payMethod, setPayMethod] = React19__namespace.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React19__namespace.useState(false);
+  const [payAmount, setPayAmount] = React21__namespace.useState("full");
+  const [payMethod, setPayMethod] = React21__namespace.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React21__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));
@@ -2090,7 +2093,7 @@ function Offer({
   continueDisabled,
   className
 }) {
-  const [showBooking, setShowBooking] = React19__namespace.useState(false);
+  const [showBooking, setShowBooking] = React21__namespace.useState(false);
   const isShowingCheckout = !!checkoutSlot || showBooking;
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
@@ -2212,9 +2215,9 @@ function AdventureSection({
   onAddSuggestedTraveller
 }) {
   var _a, _b, _c;
-  const [detailsOpen, setDetailsOpen] = React19__namespace.useState(false);
-  const [addModalOpen, setAddModalOpen] = React19__namespace.useState(false);
-  const [newTraveller, setNewTraveller] = React19__namespace.useState({
+  const [detailsOpen, setDetailsOpen] = React21__namespace.useState(false);
+  const [addModalOpen, setAddModalOpen] = React21__namespace.useState(false);
+  const [newTraveller, setNewTraveller] = React21__namespace.useState({
     firstName: "",
     lastName: "",
     passport: "",
@@ -3334,465 +3337,1208 @@ function BookingConfirmationEmail({
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.hostLabel }),
             /* @__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: l.postCtaMessage }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: l.closingMessage })
-      ]
-    }
-  );
-}
-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(
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.postCtaMessage }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: l.closingMessage })
+      ]
+    }
+  );
+}
+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] = React21__namespace.useState(false);
+  const containerRef = React21__namespace.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React21__namespace.useState();
+  const hasValue = !!value;
+  React21__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] = React21__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: "button",
-            onClick: increment,
-            disabled: value >= max,
-            "aria-label": `Aumentar ${label}`,
+            type: "submit",
+            disabled: loading,
             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"
+              "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: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "h-3.5 w-3.5" })
+            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 Popover(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+var DEFAULT_LABELS3 = {
+  formSubtitle: "Free enquiry \u2013 no commitment",
+  detailsSectionTitle: "Your details",
+  tripInfoSectionTitle: "Trip info",
+  termsSectionTitle: "Terms & conditions",
+  termsAccept: "I read and accept the terms",
+  termsDecline: "I decline",
+  submitButton: "Submit answers",
+  submitting: "Sending\u2026",
+  adventureLabel: "Adventure",
+  bookingLabel: "Booking",
+  partnerLabel: "Partner",
+  travellerLabel: "Traveller",
+  firstNameLabel: "First name",
+  lastNameLabel: "Last name",
+  phoneLabel: "Phone",
+  emergencyContactFirstName: "Contact first name",
+  emergencyContactLastName: "Contact last name",
+  emergencyContactPhoneLabel: "Contact phone",
+  nationalityLabel: "Nationality",
+  selectPlaceholder: "Select an option\u2026",
+  optionalLabel: "(optional)"
+};
+var TERMS_ACCEPT_KEY = "__registrationTermsAccepted";
+function emptyName() {
+  return { firstName: "", lastName: "" };
 }
-function PopoverTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+function emptyPhone(country) {
+  return { country, nationalNumber: "" };
 }
-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 emptyEmergency(country) {
+  return { contactName: emptyName(), phone: emptyPhone(country) };
+}
+function asName(v) {
+  if (v && typeof v === "object" && "firstName" in v && "lastName" in v) {
+    const o = v;
+    return {
+      firstName: typeof o.firstName === "string" ? o.firstName : "",
+      lastName: typeof o.lastName === "string" ? o.lastName : ""
+    };
+  }
+  return emptyName();
+}
+function asPhone(v, defaultCountry) {
+  if (v && typeof v === "object" && "country" in v && "nationalNumber" in v) {
+    const o = v;
+    return {
+      country: typeof o.country === "string" ? o.country : defaultCountry,
+      nationalNumber: typeof o.nationalNumber === "string" ? o.nationalNumber : ""
+    };
+  }
+  return emptyPhone(defaultCountry);
+}
+function asEmergency(v, defaultCountry) {
+  if (v && typeof v === "object" && "contactName" in v && "phone" in v) {
+    const o = v;
+    return {
+      contactName: asName(o.contactName),
+      phone: asPhone(o.phone, defaultCountry)
+    };
+  }
+  return emptyEmergency(defaultCountry);
+}
+function asDate(v) {
+  if (v instanceof Date && !Number.isNaN(v.getTime())) return v;
+  if (typeof v === "string" && v.trim()) {
+    const parsed = new Date(v);
+    if (!Number.isNaN(parsed.getTime())) return parsed;
+  }
+  return void 0;
+}
+function initializeValues(fields, seed, defaultCountry, includeTerms) {
+  var _a, _b;
+  const next = {};
+  for (const f of fields) {
+    if (Object.prototype.hasOwnProperty.call(seed, f.id)) {
+      next[f.id] = seed[f.id];
+      continue;
     }
-  ) });
+    switch (f.type) {
+      case "name":
+        next[f.id] = emptyName();
+        break;
+      case "phone":
+        next[f.id] = emptyPhone(defaultCountry);
+        break;
+      case "emergencyContact":
+        next[f.id] = emptyEmergency(defaultCountry);
+        break;
+      case "checkbox":
+        next[f.id] = ((_b = (_a = f.options) == null ? void 0 : _a.length) != null ? _b : 0) > 0 ? [] : false;
+        break;
+      case "date":
+      case "birthDate":
+        next[f.id] = void 0;
+        break;
+      default:
+        next[f.id] = "";
+    }
+  }
+  if (includeTerms) next[TERMS_ACCEPT_KEY] = false;
+  return next;
 }
-function DatePickerField({
-  label,
-  required,
-  value,
-  onChange,
-  placeholder = "Select a date",
-  disabled,
-  fromDate,
+function formatDateRange(adventure, fmt) {
+  var _a, _b;
+  if (!(adventure == null ? void 0 : adventure.startDate) && !(adventure == null ? void 0 : adventure.endDate)) return null;
+  const start = fmt ? fmt(adventure.startDate) : (_a = adventure.startDate) != null ? _a : "";
+  const end = fmt ? fmt(adventure.endDate) : (_b = adventure.endDate) != null ? _b : "";
+  if (start && end) return `${start} \u2014 ${end}`;
+  return start || end || null;
+}
+function FormSection2({
+  title,
+  children,
   className
 }) {
-  const [open, setOpen] = React19__namespace.useState(false);
-  const containerRef = React19__namespace.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React19__namespace.useState();
-  const hasValue = !!value;
-  React19__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,
+  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
+  ] });
+}
+function PhoneInput({ id, label, required, value, onChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PhoneCountrySelect,
       {
-        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" })
-        ]
+        value: value.country,
+        onChange: (country) => onChange(__spreadProps(__spreadValues({}, value), { country })),
+        className: "shrink-0"
       }
     ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id,
+          type: "tel",
+          placeholder: " ",
+          value: value.nationalNumber,
+          required,
+          onChange: (e) => onChange(__spreadProps(__spreadValues({}, value), { nationalNumber: 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: id,
+          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: [
+            label,
+            required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function FloatingTextarea({
+  id,
+  label,
+  required,
+  optionalHint,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      PopoverContent,
+      "textarea",
       {
-        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
-          }
+        id,
+        placeholder: " ",
+        rows: 5,
+        value,
+        required,
+        onChange: (e) => onChange(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: id,
+        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: [
+          label,
+          required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" }) : optionalHint ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground font-normal", children: optionalHint }) : null
+        ]
+      }
     )
-  ] }) });
-}
-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
+function FieldRenderer({
+  field,
+  value,
+  onChange,
+  defaultPhoneCountry,
+  labels
 }) {
-  const [values, setValues] = React19__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: [
+  var _a, _b, _c;
+  const fieldId = `rf-${field.id}`;
+  if (field.type === "name") {
+    const v = asName(value);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-3 text-sm font-ui font-medium text-foreground", children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: labels.firstNameLabel,
+            required: field.required,
+            value: v.firstName,
+            onChange: (e) => onChange(__spreadProps(__spreadValues({}, v), { firstName: e.target.value }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: labels.lastNameLabel,
+            required: field.required,
+            value: v.lastName,
+            onChange: (e) => onChange(__spreadProps(__spreadValues({}, v), { lastName: e.target.value }))
+          }
+        )
+      ] })
+    ] });
+  }
+  if (field.type === "phone") {
+    const v = asPhone(value, defaultPhoneCountry);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      PhoneInput,
+      {
+        id: fieldId,
+        label: field.label,
+        required: field.required,
+        value: v,
+        onChange
+      }
+    );
+  }
+  if (field.type === "emergencyContact") {
+    const v = asEmergency(value, defaultPhoneCountry);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-3 text-sm font-ui font-medium text-foreground", children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            DatePickerField,
+            FloatingInput,
             {
-              label: "Travel date",
-              required: true,
-              value: values.travelDate,
-              onChange: (d) => set("travelDate", d),
-              placeholder: "Pick a date"
+              label: labels.emergencyContactFirstName,
+              required: field.required,
+              value: v.contactName.firstName,
+              onChange: (e) => onChange(__spreadProps(__spreadValues({}, v), {
+                contactName: __spreadProps(__spreadValues({}, v.contactName), {
+                  firstName: e.target.value
+                })
+              }))
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             FloatingInput,
             {
-              label: "Budget (per person)",
-              required: true,
-              type: "number",
-              min: 0,
-              value: values.budget,
-              onChange: (e) => set("budget", e.target.value)
+              label: labels.emergencyContactLastName,
+              required: field.required,
+              value: v.contactName.lastName,
+              onChange: (e) => onChange(__spreadProps(__spreadValues({}, v), {
+                contactName: __spreadProps(__spreadValues({}, v.contactName), {
+                  lastName: 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(
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PhoneInput,
+          {
+            id: `${fieldId}-phone`,
+            label: labels.emergencyContactPhoneLabel,
+            required: field.required,
+            value: v.phone,
+            onChange: (phone) => onChange(__spreadProps(__spreadValues({}, v), { phone }))
+          }
+        )
+      ] })
+    ] });
+  }
+  if (field.type === "textarea") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingTextarea,
+      {
+        id: fieldId,
+        label: field.label,
+        required: field.required,
+        optionalHint: !field.required ? labels.optionalLabel : void 0,
+        value: typeof value === "string" ? value : "",
+        onChange
+      }
+    );
+  }
+  if (field.type === "select") {
+    const options = (_a = field.options) != null ? _a : [];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      FloatingSelect,
+      {
+        label: field.label,
+        required: field.required,
+        value: typeof value === "string" ? value : "",
+        onChange: (e) => onChange(e.target.value),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, hidden: true }),
+          options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
+        ]
+      }
+    );
+  }
+  if (field.type === "radio") {
+    const options = (_b = field.options) != null ? _b : [];
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-3 text-sm font-ui font-medium text-foreground", children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          role: "radiogroup",
+          "aria-label": field.label,
+          className: "flex flex-wrap items-center gap-x-6 gap-y-3",
+          children: options.map((opt) => /* @__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"
-              ),
+              className: "flex min-h-9 cursor-pointer items-center gap-2.5 font-ui text-sm text-foreground",
               children: [
-                "Your trip in a few words",
-                " ",
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-normal", children: "(optional)" })
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "radio",
+                    name: field.id,
+                    value: opt.value,
+                    checked: value === opt.value,
+                    required: field.required,
+                    onChange: () => onChange(opt.value),
+                    className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
+                  }
+                ),
+                opt.label
               ]
-            }
-          )
-        ] }) }),
-        /* @__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,
+            },
+            opt.value
+          ))
+        }
+      )
+    ] });
+  }
+  if (field.type === "checkbox") {
+    const options = (_c = field.options) != null ? _c : [];
+    if (options.length === 0) {
+      return /* @__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: "checkbox",
+            checked: value === true,
+            onChange: (e) => onChange(e.target.checked),
+            className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
+          }
+        ),
+        field.label
+      ] });
+    }
+    const selected = Array.isArray(value) ? value : [];
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-3 text-sm font-ui font-medium text-foreground", children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: options.map((opt) => {
+        const checked = selected.includes(opt.value);
+        return /* @__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: "checkbox",
+                  checked,
+                  onChange: (e) => onChange(
+                    e.target.checked ? [...selected, opt.value] : selected.filter((x) => x !== opt.value)
+                  ),
+                  className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
+                }
+              ),
+              opt.label
+            ]
+          },
+          opt.value
+        );
+      }) })
+    ] });
+  }
+  if (field.type === "nationality") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CountrySearchField,
+      {
+        label: field.label,
+        required: field.required,
+        value: typeof value === "string" ? value : "",
+        onChange: (code) => onChange(code)
+      }
+    );
+  }
+  if (field.type === "date") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DatePickerField,
+      {
+        label: field.label,
+        required: field.required,
+        value: asDate(value),
+        onChange: (d) => onChange(d)
+      }
+    );
+  }
+  if (field.type === "birthDate") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BirthDateField,
+      {
+        label: field.label,
+        required: field.required,
+        value: asDate(value),
+        onChange: (d) => onChange(d)
+      }
+    );
+  }
+  if (field.type === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingInput,
+      {
+        label: field.label,
+        required: field.required,
+        type: "number",
+        value: value == null ? "" : String(value),
+        onChange: (e) => onChange(e.target.value)
+      }
+    );
+  }
+  const htmlType = field.label.toLowerCase().includes("mail") ? "email" : "text";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FloatingInput,
+    {
+      label: field.label,
+      required: field.required,
+      type: htmlType,
+      value: typeof value === "string" ? value : "",
+      onChange: (e) => onChange(e.target.value)
+    }
+  );
+}
+function RegistrationForm({
+  logo = "/logo-planetaexo.png",
+  logoAlt = "Planeta EXO",
+  heroImage,
+  heroImageAlt = "",
+  title,
+  subtitle,
+  adventure,
+  booking,
+  traveller,
+  fields,
+  values,
+  defaultValues,
+  onChange,
+  onSubmit,
+  terms,
+  includeTerms = false,
+  loading = false,
+  error,
+  defaultPhoneCountry = "BR",
+  dateFormatter,
+  labels,
+  className
+}) {
+  var _a;
+  const L = React21__namespace.useMemo(
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS3), labels != null ? labels : {}),
+    [labels]
+  );
+  const sortedFields = React21__namespace.useMemo(
+    () => [...fields].sort((a, b) => {
+      var _a2, _b;
+      return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
+    }),
+    [fields]
+  );
+  const isControlled = values !== void 0;
+  const [internal, setInternal] = React21__namespace.useState(
+    () => initializeValues(
+      sortedFields,
+      defaultValues != null ? defaultValues : {},
+      defaultPhoneCountry,
+      includeTerms
+    )
+  );
+  React21__namespace.useEffect(() => {
+    if (isControlled) return;
+    setInternal((prev) => {
+      const next = initializeValues(
+        sortedFields,
+        defaultValues != null ? defaultValues : {},
+        defaultPhoneCountry,
+        includeTerms
+      );
+      for (const k of Object.keys(prev)) {
+        if (Object.prototype.hasOwnProperty.call(next, k)) next[k] = prev[k];
+      }
+      return next;
+    });
+  }, [sortedFields.length, includeTerms]);
+  const current = isControlled ? values : internal;
+  const setField = (id, value) => {
+    const next = __spreadProps(__spreadValues({}, current), { [id]: value });
+    if (!isControlled) setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onSubmit == null ? void 0 : onSubmit(current);
+  };
+  const termsAccepted = current[TERMS_ACCEPT_KEY] === true;
+  const termsEnabled = includeTerms && !!terms;
+  const acceptControl = (_a = terms == null ? void 0 : terms.acceptControl) != null ? _a : "checkbox";
+  const dateRange = formatDateRange(adventure, dateFormatter);
+  const hasTripInfo = !!adventure || !!booking || !!traveller;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      noValidate: true,
+      className: cn("flex flex-col gap-10", className),
+      children: [
+        heroImage ? (
+          /* ── Hero image (full-width) with centered white logo ─────────── */
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
               {
-                label: "Last name",
-                required: true,
-                value: values.lastName,
-                onChange: (e) => set("lastName", e.target.value)
+                src: heroImage,
+                alt: heroImageAlt,
+                className: "block h-[190px] w-full object-cover sm:h-[220px]"
               }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-              FloatingInput,
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                label: "First name",
-                required: true,
-                value: values.firstName,
-                onChange: (e) => set("firstName", e.target.value)
+                "aria-hidden": true,
+                className: "absolute inset-0 bg-black/25"
               }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 sm:col-span-2 lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-              FloatingSelect,
+            ),
+            logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
               {
-                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" })
-                ]
+                src: logo,
+                alt: logoAlt,
+                className: "block h-auto w-[120px] object-contain brightness-0 invert"
               }
             ) })
+          ] })
+        ) : logo && /* eslint-disable-next-line @next/next/no-img-element */
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: logo,
+            alt: logoAlt,
+            className: "mx-auto block h-auto w-[150px] object-contain"
+          }
+        ),
+        /* @__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 != null ? subtitle : L.formSubtitle })
+        ] }),
+        hasTripInfo && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: L.tripInfoSectionTitle, children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-x-6 gap-y-3 text-sm font-ui sm:grid-cols-[max-content_1fr]", children: [
+          adventure && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: L.adventureLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground font-medium", children: adventure.name })
           ] }),
-          /* @__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,
+          dateRange && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: (adventure == null ? void 0 : adventure.startDate) && (adventure == null ? void 0 : adventure.endDate) ? "Dates" : "Date" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground", children: dateRange })
+          ] }),
+          (adventure == null ? void 0 : adventure.partnerName) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: L.partnerLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground", children: adventure.partnerName })
+          ] }),
+          booking && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: L.bookingLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground font-mono tabular-nums", children: booking.id })
+          ] }),
+          traveller && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: L.travellerLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground font-medium", children: traveller.fullName })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: L.detailsSectionTitle, children: sortedFields.map((field) => {
+          var _a2;
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FieldRenderer,
               {
-                label: "Email",
+                field,
+                value: current[field.id],
+                onChange: (v) => setField(field.id, v),
+                defaultPhoneCountry,
+                labels: L
+              }
+            ),
+            ((_a2 = field.helpText) == null ? void 0 : _a2.trim()) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui leading-relaxed", children: field.helpText.trim() })
+          ] }, field.id);
+        }) }),
+        termsEnabled && terms && /* @__PURE__ */ jsxRuntime.jsxs(FormSection2, { title: L.termsSectionTitle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-72 overflow-y-auto rounded-lg border border-border bg-muted/30 p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap text-sm leading-relaxed text-foreground font-ui", children: terms.markdown }) }),
+          acceptControl === "checkbox" ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex cursor-pointer items-start gap-2.5 font-ui text-sm text-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: termsAccepted,
                 required: true,
-                type: "email",
-                value: values.email,
-                onChange: (e) => set("email", e.target.value)
+                onChange: (e) => setField(TERMS_ACCEPT_KEY, e.target.checked),
+                className: "mt-0.5 h-4 w-4 shrink-0 accent-primary cursor-pointer"
               }
-            ) })
-          ] })
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: L.termsAccept })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "radiogroup",
+              "aria-label": L.termsSectionTitle,
+              className: "flex flex-wrap items-center gap-x-6 gap-y-3",
+              children: [
+                /* @__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: "registration-terms-accept",
+                      checked: termsAccepted,
+                      required: true,
+                      onChange: () => setField(TERMS_ACCEPT_KEY, true),
+                      className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
+                    }
+                  ),
+                  L.termsAccept
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-h-9 cursor-pointer items-center gap-2.5 font-ui text-sm text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "registration-terms-accept",
+                      checked: current[TERMS_ACCEPT_KEY] === false,
+                      onChange: () => setField(TERMS_ACCEPT_KEY, false),
+                      className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
+                    }
+                  ),
+                  L.termsDecline
+                ] })
+              ]
+            }
+          )
         ] }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive font-ui", children: error }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -3806,35 +4552,121 @@ function BookingForm({
               "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
+              /* @__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"
+                      }
+                    )
+                  ]
+                }
+              ),
+              L.submitting
+            ] }) : L.submitButton
           }
         ) })
       ]
     }
   );
 }
+function phoneCountryDial(code) {
+  var _a, _b;
+  return (_b = (_a = PHONE_COUNTRIES.find((c) => c.code === code)) == null ? void 0 : _a.dial) != null ? _b : code;
+}
+function defaultFormatAnswer(field, value, fmtDate) {
+  var _a, _b, _c, _d, _e, _f;
+  if (value == null || value === "") return "\u2014";
+  if (value instanceof Date) return fmtDate(value);
+  if (Array.isArray(value)) {
+    if (field.type === "checkbox" && field.options) {
+      return field.options.filter((o) => value.includes(o.value)).map((o) => o.label).join(", ") || "\u2014";
+    }
+    return value.filter(Boolean).join(", ") || "\u2014";
+  }
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (typeof value === "object") {
+    if ("contactName" in value) {
+      const ec = value;
+      const name = [ec.contactName.firstName, ec.contactName.lastName].filter(Boolean).join(" ");
+      const phone = [phoneCountryDial(ec.phone.country), ec.phone.nationalNumber].filter(Boolean).join(" ");
+      return [name, phone].filter(Boolean).join(" \xB7 ") || "\u2014";
+    }
+    if ("firstName" in value || "lastName" in value) {
+      const n = value;
+      return [n.firstName, n.lastName].filter(Boolean).join(" ") || "\u2014";
+    }
+    if ("country" in value && "nationalNumber" in value) {
+      const p = value;
+      return [phoneCountryDial(p.country), p.nationalNumber].filter(Boolean).join(" ") || "\u2014";
+    }
+  }
+  if (field.type === "nationality" && typeof value === "string") {
+    return (_b = (_a = COUNTRIES.find((c) => c.code === value)) == null ? void 0 : _a.name) != null ? _b : value;
+  }
+  if (field.type === "select" && field.options) {
+    return (_d = (_c = field.options.find((o) => o.value === value)) == null ? void 0 : _c.label) != null ? _d : String(value);
+  }
+  if (field.type === "radio" && field.options) {
+    return (_f = (_e = field.options.find((o) => o.value === value)) == null ? void 0 : _e.label) != null ? _f : String(value);
+  }
+  if (field.type === "date" && typeof value === "string") return fmtDate(value);
+  return String(value);
+}
+function isoOrDateToString(v) {
+  if (!v) return "\u2014";
+  const d = v instanceof Date ? v : new Date(v);
+  if (Number.isNaN(d.getTime())) return typeof v === "string" ? v : "\u2014";
+  return d.toISOString().slice(0, 10);
+}
+function RegistrationSuccessCard({
+  title = "Thanks \u2014 your answers have been received.",
+  message = "We'll get in touch if anything else is needed.",
+  answersTitle = "Your submitted answers",
+  fields,
+  answers,
+  dateFormatter = isoOrDateToString,
+  formatAnswer,
+  className
+}) {
+  const sorted = [...fields].sort((a, b) => {
+    var _a, _b;
+    return ((_a = a.order) != null ? _a : 0) - ((_b = b.order) != null ? _b : 0);
+  }).filter((f) => Object.prototype.hasOwnProperty.call(answers, f.id));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-10", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckIcon, { size: 28 }) }),
+      /* @__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: "text-sm text-muted-foreground font-ui", children: message })
+    ] }),
+    sorted.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: answersTitle, children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "grid grid-cols-1 gap-x-6 gap-y-3 text-sm font-ui sm:grid-cols-[max-content_1fr]", children: sorted.map((f) => /* @__PURE__ */ jsxRuntime.jsxs(React21__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: f.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground", children: (formatAnswer != null ? formatAnswer : ((field, v) => defaultFormatAnswer(field, v, dateFormatter)))(
+        f,
+        answers[f.id]
+      ) })
+    ] }, f.id)) }) })
+  ] });
+}
 function Checkbox(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3860,7 +4692,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React19__namespace.createContext("default");
+var AccordionVariantContext = React21__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(
@@ -3878,7 +4710,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React19__namespace.useContext(AccordionVariantContext);
+  const variant = React21__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Item,
     __spreadValues({
@@ -3899,7 +4731,7 @@ function AccordionTrigger(_a) {
     "className",
     "children"
   ]);
-  const variant = React19__namespace.useContext(AccordionVariantContext);
+  const variant = React21__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     accordion.Accordion.Trigger,
     __spreadProps(__spreadValues({
@@ -3953,7 +4785,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React19__namespace.useContext(AccordionVariantContext);
+  const variant = React21__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Panel,
     __spreadProps(__spreadValues({
@@ -3985,7 +4817,7 @@ function FilterPanel({
   title = "Filters",
   className
 }) {
-  const [internalValue, setInternalValue] = React19__namespace.useState(
+  const [internalValue, setInternalValue] = React21__namespace.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
@@ -4147,11 +4979,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React19__namespace.useState(0);
+  const [imgIndex, setImgIndex] = React21__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);
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -4278,8 +5110,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React19__namespace.useState(null);
-  const scrollRef = React19__namespace.useRef(null);
+  const [activeIndex, setActiveIndex] = React21__namespace.useState(null);
+  const scrollRef = React21__namespace.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -4365,8 +5197,8 @@ function MenuTrip({
   bold = true,
   className
 }) {
-  const scrollRef = React19__namespace.useRef(null);
-  React19__namespace.useEffect(() => {
+  const scrollRef = React21__namespace.useRef(null);
+  React21__namespace.useEffect(() => {
     if (!scrollRef.current || !activeSection) return;
     const container = scrollRef.current;
     const btn = container.querySelector(
@@ -4512,18 +5344,18 @@ function Lightbox({
   onClose
 }) {
   var _a;
-  const [index, setIndex] = React19__namespace.useState(initialIndex);
+  const [index, setIndex] = React21__namespace.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React19__namespace.useCallback(
+  const prev = React21__namespace.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React19__namespace.useCallback(
+  const next = React21__namespace.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -4717,7 +5549,7 @@ function GridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React19__namespace.useState(false);
+  const [expanded, setExpanded] = React21__namespace.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -4747,7 +5579,7 @@ function MasonryGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React19__namespace.useState(false);
+  const [expanded, setExpanded] = React21__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4820,7 +5652,7 @@ function FeaturedGallery({
   photos,
   onOpen
 }) {
-  const [expanded, setExpanded] = React19__namespace.useState(false);
+  const [expanded, setExpanded] = React21__namespace.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4897,8 +5729,8 @@ function PhotoGallery({
   onPhotoClick,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React19__namespace.useState(null);
-  const normalised = React19__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const [lightboxIndex, setLightboxIndex] = React21__namespace.useState(null);
+  const normalised = React21__namespace.useMemo(() => photos.map(normalise), [photos]);
   const handleOpen = (index) => {
     setLightboxIndex(index);
     onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
@@ -4987,7 +5819,7 @@ function PricingTrip({
   variant = "card",
   className
 }) {
-  const [showPricing, setShowPricing] = React19__namespace.useState(false);
+  const [showPricing, setShowPricing] = React21__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: [
@@ -5310,14 +6142,14 @@ function SiteHeader({
   className
 }) {
   const t = VARIANT[variant];
-  const [openMenu, setOpenMenu] = React19__namespace.useState(null);
-  const [langOpen, setLangOpen] = React19__namespace.useState(false);
-  const [mobileOpen, setMobileOpen] = React19__namespace.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React19__namespace.useState(null);
-  const [activeLang, setActiveLang] = React19__namespace.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React21__namespace.useState(null);
+  const [langOpen, setLangOpen] = React21__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React21__namespace.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React21__namespace.useState(null);
+  const [activeLang, setActiveLang] = React21__namespace.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React19__namespace.useRef(void 0);
-  const langCloseTimer = React19__namespace.useRef(void 0);
+  const menuCloseTimer = React21__namespace.useRef(void 0);
+  const langCloseTimer = React21__namespace.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -5338,7 +6170,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React19__namespace.useEffect(() => () => {
+  React21__namespace.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -5603,7 +6435,7 @@ function SiteHeader({
               ), 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(React19__namespace.Fragment, { children: [
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React21__namespace.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -5665,8 +6497,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React19__namespace.useState(false);
-  React19__namespace.useEffect(() => {
+  const [dark, setDark] = React21__namespace.useState(false);
+  React21__namespace.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -5695,7 +6527,7 @@ function ThemeToggle({ className }) {
     }
   );
 }
-function CalendarIcon5() {
+function CalendarIcon6() {
   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" }),
@@ -5738,7 +6570,7 @@ var sizeConfig = {
 var statusConfig = {
   "sold-out": {
     label: "All seats taken",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon5, {})
+    icon: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon6, {})
   },
   trending: {
     label: "Trending",
@@ -5817,7 +6649,7 @@ function TripCard({
   );
 }
 function useHlsVideo(videoRef, src) {
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -5859,11 +6691,11 @@ function TripHeader({
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React19__namespace.useState(0);
-  const [videoReady, setVideoReady] = React19__namespace.useState(false);
-  const videoRef = React19__namespace.useRef(null);
+  const [heroIndex, setHeroIndex] = React21__namespace.useState(0);
+  const [videoReady, setVideoReady] = React21__namespace.useState(false);
+  const videoRef = React21__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React19__namespace.useMemo(
+  const validImages = React21__namespace.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -5878,7 +6710,7 @@ function TripHeader({
   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);
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -6020,7 +6852,7 @@ function TripHeader({
               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(React19__namespace.Fragment, { 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(React21__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)) }),
@@ -6120,19 +6952,19 @@ function TripPage({
   features,
   className
 }) {
-  const [activeSection, setActiveSection] = React19__namespace.useState("");
-  const [navFloating, setNavFloating] = React19__namespace.useState(false);
-  const [navHidden, setNavHidden] = React19__namespace.useState(false);
-  const [isFloating, setIsFloating] = React19__namespace.useState(false);
-  const [sidebarPos, setSidebarPos] = React19__namespace.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React19__namespace.useState(false);
-  const navRef = React19__namespace.useRef(null);
-  const navSentinelRef = React19__namespace.useRef(null);
-  const sentinelRef = React19__namespace.useRef(null);
-  const sidebarPlaceholderRef = React19__namespace.useRef(null);
-  const pricingBarRef = React19__namespace.useRef(null);
-  const galleryRef = React19__namespace.useRef(null);
-  const sections = React19__namespace.useMemo(
+  const [activeSection, setActiveSection] = React21__namespace.useState("");
+  const [navFloating, setNavFloating] = React21__namespace.useState(false);
+  const [navHidden, setNavHidden] = React21__namespace.useState(false);
+  const [isFloating, setIsFloating] = React21__namespace.useState(false);
+  const [sidebarPos, setSidebarPos] = React21__namespace.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React21__namespace.useState(false);
+  const navRef = React21__namespace.useRef(null);
+  const navSentinelRef = React21__namespace.useRef(null);
+  const sentinelRef = React21__namespace.useRef(null);
+  const sidebarPlaceholderRef = React21__namespace.useRef(null);
+  const pricingBarRef = React21__namespace.useRef(null);
+  const galleryRef = React21__namespace.useRef(null);
+  const sections = React21__namespace.useMemo(
     () => [
       { id: "key-info", label: "Key info", show: !!(infoGroups == null ? void 0 : infoGroups.length) },
       { id: "overview", label: "Overview", show: !!overview },
@@ -6147,7 +6979,7 @@ function TripPage({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -6155,7 +6987,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -6163,7 +6995,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -6173,7 +7005,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     const check = () => {
       var _a;
       const target = (_a = galleryRef.current) != null ? _a : pricingBarRef.current;
@@ -6184,7 +7016,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -6193,7 +7025,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React19__namespace.useEffect(() => {
+  React21__namespace.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -6910,21 +7742,21 @@ function LeadCapturePopup({
 }) {
   var _a;
   const config = __spreadValues(__spreadValues({}, DEFAULTS), _config);
-  const [open, setOpen] = React19.useState(false);
-  const [closing, setClosing] = React19.useState(false);
-  const [submitted, setSubmitted] = React19.useState(false);
-  const [submitting, setSubmitting] = React19.useState(false);
-  const [error, setError] = React19.useState(null);
-  const [name, setName] = React19.useState("");
-  const [email, setEmail] = React19.useState("");
-  const [travelDate, setTravelDate] = React19.useState("");
-  const panelRef = React19.useRef(null);
-  const nameRef = React19.useRef(null);
-  const show = React19.useCallback(() => {
+  const [open, setOpen] = React21.useState(false);
+  const [closing, setClosing] = React21.useState(false);
+  const [submitted, setSubmitted] = React21.useState(false);
+  const [submitting, setSubmitting] = React21.useState(false);
+  const [error, setError] = React21.useState(null);
+  const [name, setName] = React21.useState("");
+  const [email, setEmail] = React21.useState("");
+  const [travelDate, setTravelDate] = React21.useState("");
+  const panelRef = React21.useRef(null);
+  const nameRef = React21.useRef(null);
+  const show = React21.useCallback(() => {
     if (isDismissed()) return;
     setOpen(true);
   }, []);
-  React19.useEffect(() => {
+  React21.useEffect(() => {
     var _a2;
     if (isDismissed()) return;
     if (config.trigger === "delay") {
@@ -6951,7 +7783,7 @@ function LeadCapturePopup({
       return () => window.removeEventListener("scroll", handler);
     }
   }, [config.trigger, config.delaySeconds, config.scrollPercent, show]);
-  React19.useEffect(() => {
+  React21.useEffect(() => {
     if (open && !submitted) {
       requestAnimationFrame(() => {
         var _a2;
@@ -6959,7 +7791,7 @@ function LeadCapturePopup({
       });
     }
   }, [open, submitted]);
-  const close = React19.useCallback(() => {
+  const close = React21.useCallback(() => {
     setClosing(true);
     setDismissed(config.dismissDays);
     setTimeout(() => {
@@ -6967,7 +7799,7 @@ function LeadCapturePopup({
       setClosing(false);
     }, 250);
   }, [config.dismissDays]);
-  React19.useEffect(() => {
+  React21.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -6975,7 +7807,7 @@ function LeadCapturePopup({
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [open, close]);
-  const onOverlayClick = React19.useCallback(
+  const onOverlayClick = React21.useCallback(
     (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         close();
@@ -7209,6 +8041,7 @@ function LeadCapturePopup({
 
 exports.ActivityCard = ActivityCard;
 exports.Alert = Alert;
+exports.BirthDateField = BirthDateField;
 exports.BookingConfirmation = BookingConfirmation;
 exports.BookingConfirmationEmail = BookingConfirmationEmail;
 exports.BookingConfirmedCard = BookingConfirmedCard;
@@ -7236,6 +8069,8 @@ exports.PaymentModalShell = PaymentModalShell;
 exports.PhoneCountrySelect = PhoneCountrySelect;
 exports.PhotoGallery = PhotoGallery;
 exports.PricingTrip = PricingTrip;
+exports.RegistrationForm = RegistrationForm;
+exports.RegistrationSuccessCard = RegistrationSuccessCard;
 exports.SiteHeader = SiteHeader;
 exports.TermsSection = TermsSection;
 exports.ThemeToggle = ThemeToggle;