@planetaexo/design-system 0.3.14 → 0.3.16

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",
           {
@@ -1707,73 +1710,71 @@ function PaymentMethodSelector({
     )) })
   ] });
 }
-var TERMS_CONTENT = [
-  {
-    heading: "1. Introdu\xE7\xE3o",
-    body: "Bem-vindo \xE0 PlanetaEXO. Ao acessar nosso site ou realizar uma reserva, voc\xEA concorda com estes Termos e Condi\xE7\xF5es. Por favor, leia-os atentamente antes de efetuar qualquer compra ou reserva."
-  },
-  {
-    heading: "2. Defini\xE7\xF5es",
-    body: '"PlanetaEXO" refere-se \xE0 empresa organizadora de viagens e experi\xEAncias. "Cliente" refere-se \xE0 pessoa que realiza a reserva. "Servi\xE7o" refere-se a qualquer pacote de viagem, aventura, passeio ou experi\xEAncia oferecida pela PlanetaEXO.'
-  },
-  {
-    heading: "3. Reservas e Confirma\xE7\xE3o",
-    body: "Uma reserva \xE9 considerada confirmada somente ap\xF3s o recebimento do pagamento (total ou dep\xF3sito conforme aplic\xE1vel) e o envio de confirma\xE7\xE3o por escrito pela PlanetaEXO. A PlanetaEXO reserva-se o direito de recusar ou cancelar reservas a seu crit\xE9rio."
-  },
-  {
-    heading: "4. Pre\xE7os e Pagamento",
-    body: "Todos os pre\xE7os s\xE3o expressos na moeda indicada na proposta e podem estar sujeitos a varia\xE7\xE3o cambial. O pagamento do dep\xF3sito ou valor total deve ser realizado nos prazos estipulados na proposta. A PlanetaEXO n\xE3o se responsabiliza por flutua\xE7\xF5es cambiais ap\xF3s a confirma\xE7\xE3o da reserva."
-  },
-  {
-    heading: "5. Pol\xEDtica de Cancelamento",
-    body: "Cancelamentos devem ser comunicados por escrito \xE0 PlanetaEXO. As penalidades de cancelamento variam conforme o prazo de anteced\xEAncia: cancelamentos com mais de 30 dias de anteced\xEAncia incorrem em perda do dep\xF3sito; cancelamentos com menos de 30 dias incorrem em perda de 50% do valor total; cancelamentos com menos de 15 dias incorrem em perda de 100% do valor total. Casos especiais (for\xE7a maior, emerg\xEAncias m\xE9dicas comprovadas) ser\xE3o avaliados individualmente."
-  },
-  {
-    heading: "6. Altera\xE7\xF5es de Itiner\xE1rio",
-    body: "A PlanetaEXO reserva-se o direito de modificar itiner\xE1rios, acomoda\xE7\xF5es ou atividades por raz\xF5es de seguran\xE7a, condi\xE7\xF5es clim\xE1ticas, for\xE7a maior ou outras circunst\xE2ncias fora de seu controle, sem que isso implique em responsabilidade por perdas ou danos. Em caso de altera\xE7\xF5es significativas, o cliente ser\xE1 notificado o mais brevemente poss\xEDvel."
+var TERMS_I18N = {
+  en: {
+    before: "I have read and accept the ",
+    link: "terms and conditions",
+    after: " of the reservation.",
+    modalTitle: "Terms and Conditions",
+    closeLabel: "Close"
   },
-  {
-    heading: "7. Responsabilidades do Cliente",
-    body: "O cliente \xE9 respons\xE1vel por: (a) garantir que possui documenta\xE7\xE3o v\xE1lida (passaporte, vistos, vacinas) para os destinos da viagem; (b) contratar seguro de viagem adequado; (c) informar eventuais condi\xE7\xF5es m\xE9dicas ou restri\xE7\xF5es alimentares relevantes; (d) cumprir as leis e regulamentos locais dos destinos visitados."
+  pt: {
+    before: "Li e aceito os ",
+    link: "termos e condi\xE7\xF5es",
+    after: " da reserva.",
+    modalTitle: "Termos e Condi\xE7\xF5es",
+    closeLabel: "Fechar"
   },
-  {
-    heading: "8. Seguro de Viagem",
-    body: "Recomendamos fortemente a contrata\xE7\xE3o de seguro de viagem abrangente que cubra cancelamento, emerg\xEAncias m\xE9dicas, evacua\xE7\xE3o e bagagem. A PlanetaEXO n\xE3o se responsabiliza por despesas resultantes de situa\xE7\xF5es cobertas por seguro que o cliente tenha optado por n\xE3o contratar."
+  fr: {
+    before: "J'ai lu et j'accepte les ",
+    link: "conditions g\xE9n\xE9rales",
+    after: " de la r\xE9servation.",
+    modalTitle: "Conditions G\xE9n\xE9rales",
+    closeLabel: "Fermer"
   },
+  de: {
+    before: "Ich habe die ",
+    link: "Allgemeinen Gesch\xE4ftsbedingungen",
+    after: " gelesen und akzeptiere sie.",
+    modalTitle: "Allgemeine Gesch\xE4ftsbedingungen",
+    closeLabel: "Schlie\xDFen"
+  }
+};
+var TERMS_CONTENT = [
   {
-    heading: "9. Limita\xE7\xE3o de Responsabilidade",
-    body: "A responsabilidade da PlanetaEXO limita-se ao valor total pago pelo cliente. A PlanetaEXO n\xE3o se responsabiliza por danos indiretos, perdas de receita, danos morais ou outras consequ\xEAncias decorrentes de falhas em servi\xE7os de terceiros (companhias a\xE9reas, hot\xE9is, operadores locais) ou eventos de for\xE7a maior."
+    body: "These Terms and Conditions govern your booking with PlanetaEXO. By making a reservation, you agree to the following terms. Please read them carefully before confirming your booking."
   },
   {
-    heading: "10. Sa\xFAde e Seguran\xE7a",
-    body: "Algumas atividades oferecidas pela PlanetaEXO podem envolver riscos f\xEDsicos. O cliente deve avaliar sua condi\xE7\xE3o de sa\xFAde e aptid\xE3o f\xEDsica antes de confirmar a reserva. A PlanetaEXO pode recusar a participa\xE7\xE3o de clientes que n\xE3o atendam aos requisitos m\xEDnimos de sa\xFAde e seguran\xE7a de uma atividade."
+    heading: "1. Bookings and payments",
+    body: "A booking is confirmed only upon receipt of the required deposit or full payment as specified in your proposal. Prices are quoted in the currency indicated in your proposal. Full payment is due prior to departure on the date stipulated in your booking confirmation. PlanetaEXO reserves the right to cancel unconfirmed reservations and is not responsible for exchange rate fluctuations after payment is received."
   },
   {
-    heading: "11. Privacidade e Dados Pessoais",
-    body: "As informa\xE7\xF5es fornecidas pelo cliente ser\xE3o utilizadas exclusivamente para a presta\xE7\xE3o dos servi\xE7os contratados e para fins operacionais relacionados. A PlanetaEXO compromete-se a proteger os dados pessoais dos clientes conforme a legisla\xE7\xE3o aplic\xE1vel (LGPD no Brasil). Os dados n\xE3o ser\xE3o vendidos ou compartilhados com terceiros, exceto fornecedores necess\xE1rios para a execu\xE7\xE3o dos servi\xE7os."
+    heading: "2. Cancellation policy",
+    body: "All cancellations must be submitted in writing. The following fees apply: more than 30 days before departure \u2014 loss of deposit; 15\u201330 days before departure \u2014 50% of the total cost; fewer than 15 days before departure \u2014 100% of the total cost. Cases involving force majeure or documented medical emergencies will be evaluated individually."
   },
   {
-    heading: "12. Propriedade Intelectual",
-    body: "Todo o conte\xFAdo do site e dos materiais da PlanetaEXO (textos, imagens, logotipos, itiner\xE1rios) \xE9 protegido por direitos autorais. \xC9 proibida a reprodu\xE7\xE3o, distribui\xE7\xE3o ou uso comercial sem autoriza\xE7\xE3o pr\xE9via e expressa da PlanetaEXO."
+    heading: "3. Changes and modifications",
+    body: "PlanetaEXO reserves the right to modify itineraries, accommodations, or activities for reasons of safety, weather conditions, force majeure, or other circumstances beyond our control. You will be notified of any significant changes as promptly as possible. Minor adjustments do not entitle the traveller to a refund or compensation."
   },
   {
-    heading: "13. Resolu\xE7\xE3o de Disputas",
-    body: "Eventuais disputas ser\xE3o resolvidas preferencialmente por media\xE7\xE3o. Caso n\xE3o haja acordo, as partes elegem o foro da Comarca de S\xE3o Paulo, Brasil, para dirimir quaisquer controv\xE9rsias decorrentes destes Termos, com ren\xFAncia de qualquer outro, por mais privilegiado que seja."
+    heading: "4. Travel insurance",
+    body: "We strongly recommend that all travellers obtain comprehensive travel insurance covering trip cancellation, medical emergencies, evacuation, and baggage loss prior to departure. PlanetaEXO is not liable for costs or losses that would have been covered by adequate travel insurance."
   },
   {
-    heading: "14. Aceita\xE7\xE3o dos Termos",
-    body: "Ao realizar uma reserva com a PlanetaEXO, o cliente declara ter lido, compreendido e concordado com todos estes Termos e Condi\xE7\xF5es. Estes termos podem ser atualizados periodicamente; a vers\xE3o vigente estar\xE1 sempre dispon\xEDvel no site oficial da PlanetaEXO."
+    heading: "5. Liability",
+    body: "PlanetaEXO's liability is limited to the total amount paid by the client for the services in question. We are not responsible for indirect losses, consequential damages, or service failures caused by third-party providers (airlines, hotels, local operators) or force majeure events. Participation in adventure activities carries inherent risks; travellers acknowledge and accept these risks by confirming their booking."
   }
 ];
 function TermsSection({
   title = "Terms and conditions",
   checked,
   onChange,
-  label,
   warningMessage,
-  viewTermsLabel = "Ver termos e condi\xE7\xF5es completos"
+  locale = "en"
 }) {
-  const [modalOpen, setModalOpen] = React19__namespace.useState(false);
+  var _a;
+  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 }),
     /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-start gap-2.5 cursor-pointer", children: [
@@ -1786,34 +1787,69 @@ function TermsSection({
           className: "h-4 w-4 shrink-0 mt-0.5 rounded border-border accent-primary cursor-pointer"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-sans text-foreground/80 leading-snug", children: label })
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-sans text-foreground/80 leading-snug", children: [
+        i18n.before,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setModalOpen(true),
+            className: "text-primary underline underline-offset-2 hover:text-primary/80 transition-colors",
+            children: i18n.link
+          }
+        ),
+        i18n.after
+      ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => setModalOpen(true),
-        className: "self-start text-xs text-primary underline underline-offset-2 font-sans hover:text-primary/80 transition-colors",
-        children: viewTermsLabel
-      }
-    ),
     !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(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "font-heading text-xl", children: "Termos e Condi\xE7\xF5es \u2014 PlanetaEXO" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 space-y-5 text-sm font-sans text-foreground/80 leading-relaxed", children: TERMS_CONTENT.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-foreground font-heading mb-1", children: section.heading }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { className: "font-heading text-xl", children: [
+        i18n.modalTitle,
+        " \u2014 PlanetaEXO"
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 space-y-5 text-sm font-sans text-foreground/80 leading-relaxed", children: TERMS_CONTENT.map((section, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        section.heading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-foreground font-heading mb-1", children: section.heading }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { children: section.body })
-      ] }, section.heading)) }),
+      ] }, i)) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
         DialogClose,
         {
           className: "px-4 py-2 rounded-lg bg-primary text-white text-sm font-heading font-semibold hover:bg-primary/90 transition-colors",
-          children: "Fechar"
+          children: i18n.closeLabel
         }
       ) })
     ] }) })
   ] });
 }
+function BookingConfirmedCard({
+  title = "Booking confirmed!",
+  email,
+  message,
+  onBack,
+  backLabel = "Back to offer"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card p-8 flex flex-col items-center gap-6 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2Icon, { className: "w-10 h-10 text-primary" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-black text-foreground font-heading", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground font-sans max-w-sm mx-auto leading-relaxed", children: message != null ? message : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        "A confirmation email has been sent to",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: email || "your email" }),
+        ". Our team will be in touch shortly."
+      ] }) })
+    ] }),
+    onBack && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        className: "rounded-full border border-primary px-6 py-2.5 text-sm font-bold text-primary font-heading hover:bg-primary/10 transition-colors",
+        children: backLabel
+      }
+    )
+  ] });
+}
 var WIZARD_STEPS = [
   { id: "responsible", label: "Responsible party details" },
   { id: "travellers", label: "Travellers" },
@@ -1825,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: "",
@@ -1846,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: "",
@@ -1854,10 +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 [termsModalOpen, setTermsModalOpen] = 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));
@@ -1897,34 +1932,7 @@ function BookingWizard({
   const depositLabel = depositInfo ? `Pay deposit (${depositInfo.depositPercent}%) \u2014 ${depositInfo.depositAmount}` : "Pay deposit";
   const fullLabel = `Pay full amount \u2014 ${total}`;
   if (step === "confirmed") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card p-8 flex flex-col items-center gap-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2Icon, { className: "w-10 h-10 text-primary" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-black text-foreground font-heading", children: "Booking confirmed!" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 text-sm text-muted-foreground font-sans max-w-sm mx-auto leading-relaxed", children: [
-          "A confirmation email has been sent to",
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: responsible.email || "your email" }),
-          ". Our team will be in touch shortly."
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-muted/30 px-6 py-4 w-full max-w-xs", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-sans uppercase tracking-wider", children: "Booking reference" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-black text-primary font-heading mt-1", children: [
-          "PEX-",
-          Math.random().toString(36).slice(2, 8).toUpperCase()
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onCancel,
-          className: "rounded-full border border-primary px-6 py-2.5 text-sm font-bold text-primary font-heading hover:bg-primary/10 transition-colors",
-          children: "Back to offer"
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx(BookingConfirmedCard, { email: responsible.email, onBack: onCancel });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     BookingShell,
@@ -2055,53 +2063,9 @@ function BookingWizard({
             TermsSection,
             {
               checked: termsAccepted,
-              onChange: setTermsAccepted,
-              label: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                "I have read and accept the",
-                " ",
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setTermsModalOpen(true),
-                    className: "underline underline-offset-2 text-primary hover:text-primary/80 transition-colors font-semibold",
-                    children: "terms and conditions"
-                  }
-                ),
-                " ",
-                "of the reservation."
-              ] })
+              onChange: setTermsAccepted
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: termsModalOpen, onOpenChange: setTermsModalOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "!max-w-[80vw] w-[80vw] max-h-[85vh] overflow-y-auto", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "font-heading text-xl", children: "Terms and Conditions" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 text-sm font-sans text-foreground/80 leading-relaxed", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: 'These terms and conditions ("Terms") govern the booking of travel experiences offered through Planeta EXO ("Company"). By confirming a booking, you agree to these Terms in full.' }),
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-bold text-foreground font-heading text-base", children: "1. Bookings and payments" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "A booking is confirmed upon receipt of the required deposit or full payment. The deposit amount is specified in your offer. The remaining balance must be paid by the balance due date stated in your offer." }),
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-bold text-foreground font-heading text-base", children: "2. Cancellation policy" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Cancellations made more than 60 days before departure are eligible for a full refund of the deposit. Cancellations between 30 and 60 days forfeit 50% of the deposit. Cancellations within 30 days of departure are non-refundable." }),
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-bold text-foreground font-heading text-base", children: "3. Changes and modifications" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The Company reserves the right to modify itineraries due to weather, safety, or operational reasons. Equivalent alternatives will be offered wherever possible." }),
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-bold text-foreground font-heading text-base", children: "4. Travel insurance" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Comprehensive travel insurance is strongly recommended. The Company is not liable for costs arising from trip interruption, medical emergencies, or personal loss." }),
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-bold text-foreground font-heading text-base", children: "5. Liability" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Participation in adventure activities carries inherent risk. By booking, you acknowledge and accept these risks. The Company's liability is limited to the total booking amount." }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-                DialogClose,
-                {
-                  render: /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: "rounded-full bg-primary px-6 py-2.5 text-sm font-bold text-primary-foreground font-heading hover:bg-primary/90 transition-colors"
-                    }
-                  ),
-                  children: "Close"
-                }
-              ) })
-            ] })
-          ] }) })
+          )
         ] })
       ] })
     }
@@ -2129,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);
@@ -2251,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: "",
@@ -3373,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",
           {
@@ -3845,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(
@@ -3899,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(
@@ -3917,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({
@@ -3938,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({
@@ -3992,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({
@@ -4024,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;
@@ -4186,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;
@@ -4317,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;
@@ -4404,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(
@@ -4551,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();
@@ -4756,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);
@@ -4786,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: [
@@ -4859,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: [
@@ -4936,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);
@@ -5026,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: [
@@ -5349,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);
@@ -5377,7 +6170,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React19__namespace.useEffect(() => () => {
+  React21__namespace.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -5642,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"
@@ -5704,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;
@@ -5734,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" }),
@@ -5777,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",
@@ -5856,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;
@@ -5898,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]
   );
@@ -5917,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;
@@ -6059,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)) }),
@@ -6159,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 },
@@ -6186,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);
@@ -6194,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);
@@ -6202,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();
@@ -6212,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;
@@ -6223,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);
@@ -6232,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 = () => {
@@ -6949,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") {
@@ -6990,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;
@@ -6998,7 +7791,7 @@ function LeadCapturePopup({
       });
     }
   }, [open, submitted]);
-  const close = React19.useCallback(() => {
+  const close = React21.useCallback(() => {
     setClosing(true);
     setDismissed(config.dismissDays);
     setTimeout(() => {
@@ -7006,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();
@@ -7014,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();
@@ -7248,8 +8041,10 @@ function LeadCapturePopup({
 
 exports.ActivityCard = ActivityCard;
 exports.Alert = Alert;
+exports.BirthDateField = BirthDateField;
 exports.BookingConfirmation = BookingConfirmation;
 exports.BookingConfirmationEmail = BookingConfirmationEmail;
+exports.BookingConfirmedCard = BookingConfirmedCard;
 exports.BookingDetails = BookingDetails;
 exports.BookingForm = BookingForm;
 exports.BookingShell = BookingShell;
@@ -7274,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;