@planetaexo/design-system 0.52.3 → 0.54.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React28 = require('react');
+var React29 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -37,7 +37,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React28__namespace = /*#__PURE__*/_interopNamespace(React28);
+var React29__namespace = /*#__PURE__*/_interopNamespace(React29);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -102,7 +102,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React28__namespace.forwardRef(
+var Button = React29__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -331,10 +331,10 @@ function DialogDescription(_a) {
     }, props)
   );
 }
-var FloatingInput = React28__namespace.forwardRef(
+var FloatingInput = React29__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 : React28__namespace.useId();
+    const inputId = id != null ? id : React29__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -374,10 +374,10 @@ var FloatingInput = React28__namespace.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React28__namespace.forwardRef(
+var FloatingSelect = React29__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required, children, value } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required", "children", "value"]);
-    const inputId = id != null ? id : React28__namespace.useId();
+    const inputId = id != null ? id : React29__namespace.useId();
     const hasValue = typeof value === "string" ? value !== "" : value !== void 0 && value !== null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -641,11 +641,11 @@ function PhoneCountrySelect({
   disabled
 }) {
   var _a;
-  const [open, setOpen] = React28__namespace.useState(false);
-  const containerRef = React28__namespace.useRef(null);
-  const listRef = React28__namespace.useRef(null);
+  const [open, setOpen] = React29__namespace.useState(false);
+  const containerRef = React29__namespace.useRef(null);
+  const listRef = React29__namespace.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -656,7 +656,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -926,8 +926,8 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React28__namespace.useRef(null);
-  React28__namespace.useEffect(() => {
+  const ref = React29__namespace.useRef(null);
+  React29__namespace.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -958,16 +958,16 @@ function BirthDateField({
   className,
   disabled
 }) {
-  const [open, setOpen] = React28__namespace.useState(false);
-  const [text, setText] = React28__namespace.useState(
+  const [open, setOpen] = React29__namespace.useState(false);
+  const [text, setText] = React29__namespace.useState(
     value ? dateFns.format(value, "dd/MM/yyyy") : ""
   );
-  const containerRef = React28__namespace.useRef(null);
-  const inputId = React28__namespace.useId();
-  React28__namespace.useEffect(() => {
+  const containerRef = React29__namespace.useRef(null);
+  const inputId = React29__namespace.useId();
+  React29__namespace.useEffect(() => {
     setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1176,14 +1176,14 @@ function CountrySearchField({
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React28__namespace.useState("");
-  const [open, setOpen] = React28__namespace.useState(false);
-  const containerRef = React28__namespace.useRef(null);
-  const searchRef = React28__namespace.useRef(null);
+  const [query, setQuery] = React29__namespace.useState("");
+  const [open, setOpen] = React29__namespace.useState(false);
+  const containerRef = React29__namespace.useRef(null);
+  const searchRef = React29__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;
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1277,16 +1277,47 @@ var VARIANT_STYLES = {
   success: "text-primary border-primary/30 bg-primary/10",
   info: "text-muted-foreground border-primary/25 bg-primary/5"
 };
-function Alert({ variant = "info", children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+function Alert({
+  variant = "info",
+  title,
+  icon,
+  action,
+  role = "status",
+  children,
+  className
+}) {
+  const isBanner = Boolean(title || icon || action);
+  if (!isBanner) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role,
+        className: cn(
+          "rounded-lg border px-3 py-2 text-sm font-sans leading-snug",
+          VARIANT_STYLES[variant],
+          className
+        ),
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      role,
       className: cn(
-        "rounded-lg border px-3 py-2 text-sm font-sans leading-snug",
+        "flex items-start gap-3 rounded-lg border px-4 py-3 text-sm font-sans leading-snug",
         VARIANT_STYLES[variant],
         className
       ),
-      children
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 shrink-0 [&>svg]:size-4", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-ui font-bold text-current leading-snug", children: title }),
+          children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(title && "mt-0.5", "text-current/90"), children })
+        ] }),
+        action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 self-center", children: action })
+      ]
     }
   );
 }
@@ -1297,10 +1328,10 @@ function AdventureCard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React28__namespace.useState(
+  const [checkedInternal, setCheckedInternal] = React29__namespace.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
-  const [openDescriptionId, setOpenDescriptionId] = React28__namespace.useState(null);
+  const [openDescriptionId, setOpenDescriptionId] = React29__namespace.useState(null);
   const openDescriptionOptional = openDescriptionId ? (_e = adventure.optionals) == null ? void 0 : _e.find((o) => o.id === openDescriptionId) : void 0;
   const isChecked = (opt) => {
     var _a2;
@@ -1730,7 +1761,7 @@ function BookingShell({
   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(React28__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React29__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -1929,7 +1960,7 @@ function TermsSection({
   termsContent
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React28__namespace.useState(false);
+  const [modalOpen, setModalOpen] = React29__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 }),
@@ -2067,9 +2098,9 @@ function BookingWizard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T;
   const wizardSteps = WIZARD_STEPS_FN(labels);
-  const [step, setStep] = React28__namespace.useState("responsible");
-  const [error, setError] = React28__namespace.useState(null);
-  const [responsible, setResponsible] = React28__namespace.useState({
+  const [step, setStep] = React29__namespace.useState("responsible");
+  const [error, setError] = React29__namespace.useState(null);
+  const [responsible, setResponsible] = React29__namespace.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -2088,7 +2119,7 @@ function BookingWizard({
     return s + ((_b2 = (_a2 = a.slots) == null ? void 0 : _a2.children) != null ? _b2 : 0);
   }, 0);
   const totalPax = totalAdults + totalChildren;
-  const [travellers, setTravellers] = React28__namespace.useState(
+  const [travellers, setTravellers] = React29__namespace.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -2096,9 +2127,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React28__namespace.useState("full");
-  const [payMethod, setPayMethod] = React28__namespace.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React28__namespace.useState(false);
+  const [payAmount, setPayAmount] = React29__namespace.useState("full");
+  const [payMethod, setPayMethod] = React29__namespace.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React29__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));
@@ -2326,7 +2357,7 @@ function Offer({
   className
 }) {
   var _a, _b, _c;
-  const [showBooking, setShowBooking] = React28__namespace.useState(false);
+  const [showBooking, setShowBooking] = React29__namespace.useState(false);
   const isShowingCheckout = !confirmedState && (!!checkoutSlot || internalDemoCheckout && showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow && internalDemoCheckout) {
@@ -2693,7 +2724,7 @@ function AdventureSection({
   labels
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-  const [detailsOpen, setDetailsOpen] = React28__namespace.useState(false);
+  const [detailsOpen, setDetailsOpen] = React29__namespace.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
       onCopyFormLink(url);
@@ -3206,8 +3237,8 @@ function AddTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React28__namespace.useState(() => createInitialAddFormData(config));
-  React28__namespace.useEffect(() => {
+  const [form, setForm] = React29__namespace.useState(() => createInitialAddFormData(config));
+  React29__namespace.useEffect(() => {
     if (open) {
       setForm(createInitialAddFormData(config));
     }
@@ -3267,7 +3298,7 @@ function EditTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React28__namespace.useState(() => ({
+  const [form, setForm] = React29__namespace.useState(() => ({
     firstName: "",
     lastName: "",
     email: "",
@@ -3276,7 +3307,7 @@ function EditTravellerDialog({
     birthDate: "",
     personType: "ADULT"
   }));
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f;
     if (open && traveller) {
       setForm({
@@ -3612,48 +3643,48 @@ function BookingDetails({
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
   const hasConfirmRemoveTraveller = !!onConfirmRemoveTraveller;
-  const [addModalState, setAddModalState] = React28__namespace.useState({
+  const [addModalState, setAddModalState] = React29__namespace.useState({
     open: false,
     adventureId: null
   });
-  const [editModalState, setEditModalState] = React28__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [deleteModalState, setDeleteModalState] = React28__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [resendInviteDialogState, setResendInviteDialogState] = React28__namespace.useState({ open: false, traveller: null });
-  const handleRequestOpenAddModal = React28__namespace.useCallback((adventureId) => {
+  const [editModalState, setEditModalState] = React29__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [deleteModalState, setDeleteModalState] = React29__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [resendInviteDialogState, setResendInviteDialogState] = React29__namespace.useState({ open: false, traveller: null });
+  const handleRequestOpenAddModal = React29__namespace.useCallback((adventureId) => {
     setAddModalState({ open: true, adventureId });
   }, []);
-  const handleRequestOpenEditModal = React28__namespace.useCallback(
+  const handleRequestOpenEditModal = React29__namespace.useCallback(
     (adventureId, traveller) => {
       setEditModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenDeleteModal = React28__namespace.useCallback(
+  const handleRequestOpenDeleteModal = React29__namespace.useCallback(
     (adventureId, traveller) => {
       setDeleteModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenResendInviteDialog = React28__namespace.useCallback(
+  const handleRequestOpenResendInviteDialog = React29__namespace.useCallback(
     (traveller) => {
       setResendInviteDialogState({ open: true, traveller });
     },
     []
   );
-  const closeAddModal = React28__namespace.useCallback(() => {
+  const closeAddModal = React29__namespace.useCallback(() => {
     setAddModalState({ open: false, adventureId: null });
   }, []);
-  const closeEditModal = React28__namespace.useCallback(() => {
+  const closeEditModal = React29__namespace.useCallback(() => {
     setEditModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeDeleteModal = React28__namespace.useCallback(() => {
+  const closeDeleteModal = React29__namespace.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeResendInviteDialog = React28__namespace.useCallback(() => {
+  const closeResendInviteDialog = React29__namespace.useCallback(() => {
     setResendInviteDialogState({ open: false, traveller: null });
   }, []);
-  const submitInFlightRef = React28__namespace.useRef(false);
-  const handleAddSubmit = React28__namespace.useCallback(
+  const submitInFlightRef = React29__namespace.useRef(false);
+  const handleAddSubmit = React29__namespace.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3668,7 +3699,7 @@ function BookingDetails({
     },
     [onSubmitAddTraveller, closeAddModal]
   );
-  const handleEditSubmit = React28__namespace.useCallback(
+  const handleEditSubmit = React29__namespace.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3683,7 +3714,7 @@ function BookingDetails({
     },
     [onSubmitEditTraveller, closeEditModal]
   );
-  const handleDeleteConfirm = React28__namespace.useCallback(
+  const handleDeleteConfirm = React29__namespace.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
       if (submitInFlightRef.current) return;
@@ -5259,7 +5290,7 @@ function BookingCreatedEmail({
             }, children: i + 1 }) }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { style: { verticalAlign: "top" }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: step }) })
           ] }) }) }, i)) }),
-          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxRuntime.jsxs(React28__namespace.Fragment, { children: [
+          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxRuntime.jsxs(React29__namespace.Fragment, { children: [
             idx === 0 ? /* @__PURE__ */ jsxRuntime.jsx("strong", { children: line }) : line,
             idx < arr.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
           ] }, idx)) })
@@ -7279,11 +7310,11 @@ function DatePickerField({
   fromDate,
   className
 }) {
-  const [open, setOpen] = React28__namespace.useState(false);
-  const containerRef = React28__namespace.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React28__namespace.useState();
+  const [open, setOpen] = React29__namespace.useState(false);
+  const containerRef = React29__namespace.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React29__namespace.useState();
   const hasValue = !!value;
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -7392,7 +7423,7 @@ function BookingForm({
   subtitle = "Free enquiry \u2013 no commitment",
   className
 }) {
-  const [values, setValues] = React28__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [values, setValues] = React29__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
   const set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -7960,11 +7991,11 @@ function FloatingTextarea({
 }
 function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
-  const [open, setOpen] = React28__namespace.useState(false);
-  const containerRef = React28__namespace.useRef(null);
+  const [open, setOpen] = React29__namespace.useState(false);
+  const containerRef = React29__namespace.useRef(null);
   const options = (_a = field.options) != null ? _a : [];
   const selectedOpt = (_b = options.find((o) => o.value === value)) != null ? _b : null;
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!open) return;
     const handleOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -8429,11 +8460,11 @@ function RegistrationForm({
   readOnly = false
 }) {
   var _a;
-  const L = React28__namespace.useMemo(
+  const L = React29__namespace.useMemo(
     () => __spreadValues(__spreadValues({}, DEFAULT_LABELS12), labels != null ? labels : {}),
     [labels]
   );
-  const sortedFields = React28__namespace.useMemo(
+  const sortedFields = React29__namespace.useMemo(
     () => [...fields].sort((a, b) => {
       var _a2, _b;
       return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
@@ -8441,7 +8472,7 @@ function RegistrationForm({
     [fields]
   );
   const isControlled = values !== void 0;
-  const [internal, setInternal] = React28__namespace.useState(
+  const [internal, setInternal] = React29__namespace.useState(
     () => initializeValues(
       sortedFields,
       defaultValues != null ? defaultValues : {},
@@ -8449,9 +8480,9 @@ function RegistrationForm({
       includeTerms
     )
   );
-  const [submitAttempted, setSubmitAttempted] = React28__namespace.useState(false);
-  const [validationErrors, setValidationErrors] = React28__namespace.useState({});
-  React28__namespace.useEffect(() => {
+  const [submitAttempted, setSubmitAttempted] = React29__namespace.useState(false);
+  const [validationErrors, setValidationErrors] = React29__namespace.useState({});
+  React29__namespace.useEffect(() => {
     if (isControlled) return;
     setInternal((prev) => {
       const next = initializeValues(
@@ -8508,7 +8539,7 @@ function RegistrationForm({
   const termsError = submitAttempted && termsEnabled && !termsAccepted;
   const firstErrorFieldId = Object.keys(fieldErrors)[0];
   const scrollTargetId = firstErrorFieldId ? `rf-${firstErrorFieldId}` : termsError ? "rf-terms" : null;
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!submitAttempted || !scrollTargetId) return;
     const timer = setTimeout(() => {
       const elem = document.getElementById(scrollTargetId);
@@ -8970,10 +9001,10 @@ var OTPCodeInput = ({
   id,
   required
 }) => {
-  const baseId = id != null ? id : React28__namespace.useId();
-  const inputRef = React28__namespace.useRef(null);
-  const [focused, setFocused] = React28__namespace.useState(false);
-  const digits = React28__namespace.useMemo(() => {
+  const baseId = id != null ? id : React29__namespace.useId();
+  const inputRef = React29__namespace.useRef(null);
+  const [focused, setFocused] = React29__namespace.useState(false);
+  const digits = React29__namespace.useMemo(() => {
     const arr = value.split("").slice(0, length);
     while (arr.length < length) arr.push("");
     return arr;
@@ -9086,7 +9117,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React28__namespace.createContext("default");
+var AccordionVariantContext = React29__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(
@@ -9104,7 +9135,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React28__namespace.useContext(AccordionVariantContext);
+  const variant = React29__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Item,
     __spreadValues({
@@ -9125,7 +9156,7 @@ function AccordionTrigger(_a) {
     "className",
     "children"
   ]);
-  const variant = React28__namespace.useContext(AccordionVariantContext);
+  const variant = React29__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     accordion.Accordion.Trigger,
     __spreadProps(__spreadValues({
@@ -9179,7 +9210,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React28__namespace.useContext(AccordionVariantContext);
+  const variant = React29__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Panel,
     __spreadProps(__spreadValues({
@@ -9397,15 +9428,15 @@ function FilterPanel({
   onSortChange
 }) {
   var _a, _b;
-  const resolvedGroups = React28__namespace.useMemo(() => resolveGroups(groups), [groups]);
-  const [internalValue, setInternalValue] = React28__namespace.useState(
+  const resolvedGroups = React29__namespace.useMemo(() => resolveGroups(groups), [groups]);
+  const [internalValue, setInternalValue] = React29__namespace.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
-  const [expandedItems, setExpandedItems] = React28__namespace.useState(
+  const [expandedItems, setExpandedItems] = React29__namespace.useState(
     () => new Set(groups.flatMap((g) => getDefaultExpandedIds(g.items)))
   );
-  const toggleExpanded = React28__namespace.useCallback((id) => {
+  const toggleExpanded = React29__namespace.useCallback((id) => {
     setExpandedItems((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);
@@ -9789,11 +9820,11 @@ function FilterPanel({
 var TRUSTPILOT_SCRIPT_SRC = "https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js";
 function TrustpilotEmbed({ config }) {
   var _a, _b, _c, _d, _e, _f;
-  const ref = React28__namespace.useRef(null);
-  const [widgetReady, setWidgetReady] = React28__namespace.useState(false);
-  const [delayPassed, setDelayPassed] = React28__namespace.useState(false);
+  const ref = React29__namespace.useRef(null);
+  const [widgetReady, setWidgetReady] = React29__namespace.useState(false);
+  const [delayPassed, setDelayPassed] = React29__namespace.useState(false);
   const showFallback = delayPassed && !widgetReady;
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     var _a2;
     if (typeof document === "undefined" || !ref.current) return;
     const node = ref.current;
@@ -9980,16 +10011,73 @@ function webpVariantUrl(src) {
   const withoutQuery = query ? src.slice(0, -query.length) : src;
   return `${withoutQuery}.webp${query}`;
 }
+var PLACEHOLDER_SRC = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 function Picture(_a) {
-  var _b = _a, { src, extraSources } = _b, imgProps = __objRest(_b, ["src", "extraSources"]);
+  var _b = _a, {
+    src,
+    extraSources,
+    eager = false,
+    rootMargin = "200px",
+    decoding,
+    loading
+  } = _b, imgProps = __objRest(_b, [
+    "src",
+    "extraSources",
+    "eager",
+    "rootMargin",
+    "decoding",
+    "loading"
+  ]);
+  const ref = React29__namespace.useRef(null);
+  const [visible, setVisible] = React29__namespace.useState(eager);
+  React29__namespace.useEffect(() => {
+    if (eager || visible) return;
+    const el = ref.current;
+    if (!el || typeof IntersectionObserver === "undefined") {
+      setVisible(true);
+      return;
+    }
+    const io = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((e) => e.isIntersecting)) {
+          setVisible(true);
+          io.disconnect();
+        }
+      },
+      { rootMargin }
+    );
+    io.observe(el);
+    return () => io.disconnect();
+  }, [eager, visible, rootMargin]);
   const webp = webpVariantUrl(src);
+  const realSrc = visible ? src : PLACEHOLDER_SRC;
+  const decodingResolved = decoding != null ? decoding : eager ? void 0 : "async";
   if (!webp) {
-    return /* @__PURE__ */ jsxRuntime.jsx("img", __spreadValues({ src }, imgProps));
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      __spreadValues({
+        ref,
+        src: realSrc,
+        "data-src": visible ? void 0 : src,
+        decoding: decodingResolved,
+        loading: loading != null ? loading : eager ? void 0 : "lazy"
+      }, imgProps)
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("picture", { style: { display: "contents" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: webp, type: "image/webp" }),
+    visible && /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: webp, type: "image/webp" }),
     extraSources,
-    /* @__PURE__ */ jsxRuntime.jsx("img", __spreadValues({ src }, imgProps))
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      __spreadValues({
+        ref,
+        src: realSrc,
+        "data-src": visible ? void 0 : src,
+        "data-srcset-webp": visible ? void 0 : webp,
+        decoding: decodingResolved,
+        loading: loading != null ? loading : eager ? void 0 : "lazy"
+      }, imgProps)
+    )
   ] });
 }
 function ItineraryDayCard({
@@ -10058,11 +10146,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React28__namespace.useState(0);
+  const [imgIndex, setImgIndex] = React29__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);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -10189,8 +10277,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React28__namespace.useState(null);
-  const scrollRef = React28__namespace.useRef(null);
+  const [activeIndex, setActiveIndex] = React29__namespace.useState(null);
+  const scrollRef = React29__namespace.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -10282,18 +10370,18 @@ function Lightbox({
   onClose
 }) {
   var _a;
-  const [index, setIndex] = React28__namespace.useState(initialIndex);
+  const [index, setIndex] = React29__namespace.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React28__namespace.useCallback(
+  const prev = React29__namespace.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React28__namespace.useCallback(
+  const next = React29__namespace.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -10459,7 +10547,7 @@ function GridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React28__namespace.useState(false);
+  const [expanded, setExpanded] = React29__namespace.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -10489,7 +10577,7 @@ function CompactGridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React28__namespace.useState(false);
+  const [expanded, setExpanded] = React29__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -10518,7 +10606,7 @@ function MasonryGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React28__namespace.useState(false);
+  const [expanded, setExpanded] = React29__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -10591,7 +10679,7 @@ function FeaturedGallery({
   photos,
   onOpen
 }) {
-  const [expanded, setExpanded] = React28__namespace.useState(false);
+  const [expanded, setExpanded] = React29__namespace.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -10758,9 +10846,9 @@ function PhotoGallery({
   onPhotoClick,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React28__namespace.useState(null);
-  const [carouselIndex, setCarouselIndex] = React28__namespace.useState(0);
-  const normalised = React28__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const [lightboxIndex, setLightboxIndex] = React29__namespace.useState(null);
+  const [carouselIndex, setCarouselIndex] = React29__namespace.useState(0);
+  const normalised = React29__namespace.useMemo(() => photos.map(normalise), [photos]);
   const handleOpen = (index) => {
     setLightboxIndex(index);
     onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
@@ -10844,7 +10932,7 @@ function ItineraryDay({
   photoLayout = "rounded",
   className
 }) {
-  const photoList = React28__namespace.useMemo(() => normalisePhotos(photos), [photos]);
+  const photoList = React29__namespace.useMemo(() => normalisePhotos(photos), [photos]);
   const isFullBleed = photoLayout === "fullBleed" || photoLayout === "fullBleedBottom";
   const photoPosition = photoLayout === "fullBleedBottom" ? "bottom" : "top";
   const gallery = photoList.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10899,8 +10987,8 @@ function MenuTrip({
   bold = true,
   className
 }) {
-  const scrollRef = React28__namespace.useRef(null);
-  React28__namespace.useEffect(() => {
+  const scrollRef = React29__namespace.useRef(null);
+  React29__namespace.useEffect(() => {
     if (!scrollRef.current || !activeSection) return;
     const container = scrollRef.current;
     const btn = container.querySelector(
@@ -11042,7 +11130,12 @@ var badgeVariants = classVarianceAuthority.cva(
         destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
         outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
         ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-primary underline-offset-4 hover:underline",
+        // ── Semantic soft tones (added for status surfaces) ────────────────
+        success: "bg-success/10 text-success border-success/20 [a]:hover:bg-success/20",
+        warning: "bg-warning/15 text-warning-foreground border-warning/30 dark:bg-warning/20 dark:text-warning [a]:hover:bg-warning/25",
+        info: "bg-info/10 text-info border-info/20 [a]:hover:bg-info/20",
+        neutral: "bg-muted text-muted-foreground border-border [a]:hover:bg-muted/70"
       }
     },
     defaultVariants: {
@@ -11091,8 +11184,8 @@ function PricingTrip({
   className
 }) {
   const rOuter = sharp ? "rounded-none" : "rounded-2xl";
-  const [showEstimates, setShowEstimates] = React28__namespace.useState(false);
-  const [showPriceInfo, setShowPriceInfo] = React28__namespace.useState(false);
+  const [showEstimates, setShowEstimates] = React29__namespace.useState(false);
+  const [showPriceInfo, setShowPriceInfo] = React29__namespace.useState(false);
   if (variant === "compact") {
     const showOverlay = showPriceInfo && (!!priceInfo || !!currencyEstimates && currencyEstimates.length > 0);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -11532,14 +11625,14 @@ function SiteHeader({
 }) {
   const t = VARIANT[variant];
   const resolvedLogo = logoSrc != null ? logoSrc : variant === "white" ? logoSrcDark : logoSrcLight;
-  const [openMenu, setOpenMenu] = React28__namespace.useState(null);
-  const [langOpen, setLangOpen] = React28__namespace.useState(false);
-  const [mobileOpen, setMobileOpen] = React28__namespace.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React28__namespace.useState(null);
-  const [activeLang, setActiveLang] = React28__namespace.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React29__namespace.useState(null);
+  const [langOpen, setLangOpen] = React29__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React29__namespace.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React29__namespace.useState(null);
+  const [activeLang, setActiveLang] = React29__namespace.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React28__namespace.useRef(void 0);
-  const langCloseTimer = React28__namespace.useRef(void 0);
+  const menuCloseTimer = React29__namespace.useRef(void 0);
+  const langCloseTimer = React29__namespace.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -11560,7 +11653,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React28__namespace.useEffect(() => () => {
+  React29__namespace.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -11836,7 +11929,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(React28__namespace.Fragment, { children: [
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React29__namespace.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -11898,8 +11991,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React28__namespace.useState(false);
-  React28__namespace.useEffect(() => {
+  const [dark, setDark] = React29__namespace.useState(false);
+  React29__namespace.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -11949,7 +12042,7 @@ var chipVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Chip = React28__namespace.forwardRef(function Chip2(_a, ref) {
+var Chip = React29__namespace.forwardRef(function Chip2(_a, ref) {
   var _b = _a, { className, variant, size, href, children } = _b, props = __objRest(_b, ["className", "variant", "size", "href", "children"]);
   const classes = cn(chipVariants({ variant, size }), className);
   if (href) {
@@ -12049,7 +12142,7 @@ function TripCardEditorial(props) {
     difficulty,
     tag
   } = props;
-  const [internalFav, setInternalFav] = React28__namespace.useState(false);
+  const [internalFav, setInternalFav] = React29__namespace.useState(false);
   const favorited = favoritedProp != null ? favoritedProp : internalFav;
   const handleFav = (e) => {
     e.preventDefault();
@@ -12194,7 +12287,7 @@ function TripCard(props) {
   );
 }
 function useHlsVideo(videoRef, src) {
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -12238,11 +12331,11 @@ function TripHeader({
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React28__namespace.useState(0);
-  const [videoReady, setVideoReady] = React28__namespace.useState(false);
-  const videoRef = React28__namespace.useRef(null);
+  const [heroIndex, setHeroIndex] = React29__namespace.useState(0);
+  const [videoReady, setVideoReady] = React29__namespace.useState(false);
+  const videoRef = React29__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React28__namespace.useMemo(
+  const validImages = React29__namespace.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -12257,7 +12350,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);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -12305,6 +12398,7 @@ function TripHeader({
                     alt: "",
                     "aria-hidden": true,
                     fetchPriority: "high",
+                    eager: true,
                     className: cn(
                       "absolute inset-0 h-full w-full object-cover transition-opacity duration-700",
                       videoReady ? "opacity-0 pointer-events-none" : "opacity-100"
@@ -12341,6 +12435,7 @@ function TripHeader({
                   src: currentSrc,
                   alt: title,
                   fetchPriority: safeIndex === 0 ? "high" : "auto",
+                  eager: safeIndex === 0,
                   className: "absolute inset-0 h-full w-full object-cover transition-opacity duration-700"
                 }
               ) : null,
@@ -12398,7 +12493,7 @@ function TripHeader({
               chips && chips.length > 0 ? siteHeader ? "-mt-[200px] sm:-mt-[214px]" : "-mt-[168px] sm:-mt-[182px]" : 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(React28__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(React29__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)) }),
@@ -12564,10 +12659,10 @@ function LanguagePicker({
 }) {
   var _a;
   const t = VARIANT2[variant];
-  const [open, setOpen] = React28__namespace.useState(false);
-  const ref = React28__namespace.useRef(null);
+  const [open, setOpen] = React29__namespace.useState(false);
+  const ref = React29__namespace.useRef(null);
   const active = (_a = languages.find((l) => l.code === currentLanguage)) != null ? _a : languages[0];
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (!open) return;
     const onDocClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -12768,7 +12863,7 @@ function SiteFooter({
               children: wrapper
             },
             b.alt + i
-          ) : /* @__PURE__ */ jsxRuntime.jsx(React28__namespace.Fragment, { children: wrapper }, b.alt + i);
+          ) : /* @__PURE__ */ jsxRuntime.jsx(React29__namespace.Fragment, { children: wrapper }, b.alt + i);
         }) })
       ] }),
       themes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-3", children: [
@@ -12943,10 +13038,10 @@ function TripPage({
   className
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const [activeSection, setActiveSection] = React28__namespace.useState("");
-  const [accordionValue, setAccordionValue] = React28__namespace.useState([]);
-  const [faqsExpanded, setFaqsExpanded] = React28__namespace.useState(false);
-  const accordionSectionIds = React28__namespace.useMemo(
+  const [activeSection, setActiveSection] = React29__namespace.useState("");
+  const [accordionValue, setAccordionValue] = React29__namespace.useState([]);
+  const [faqsExpanded, setFaqsExpanded] = React29__namespace.useState(false);
+  const accordionSectionIds = React29__namespace.useMemo(
     () => /* @__PURE__ */ new Set([
       "when-it-operates",
       "how-to-get-there",
@@ -12960,18 +13055,18 @@ function TripPage({
     ]),
     []
   );
-  const [navFloating, setNavFloating] = React28__namespace.useState(false);
-  const [navHidden, setNavHidden] = React28__namespace.useState(false);
-  const [isFloating, setIsFloating] = React28__namespace.useState(false);
-  const [sidebarPos, setSidebarPos] = React28__namespace.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React28__namespace.useState(false);
-  const navRef = React28__namespace.useRef(null);
-  const navSentinelRef = React28__namespace.useRef(null);
-  const sentinelRef = React28__namespace.useRef(null);
-  const sidebarPlaceholderRef = React28__namespace.useRef(null);
-  const pricingBarRef = React28__namespace.useRef(null);
-  const galleryRef = React28__namespace.useRef(null);
-  const sections = React28__namespace.useMemo(
+  const [navFloating, setNavFloating] = React29__namespace.useState(false);
+  const [navHidden, setNavHidden] = React29__namespace.useState(false);
+  const [isFloating, setIsFloating] = React29__namespace.useState(false);
+  const [sidebarPos, setSidebarPos] = React29__namespace.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React29__namespace.useState(false);
+  const navRef = React29__namespace.useRef(null);
+  const navSentinelRef = React29__namespace.useRef(null);
+  const sentinelRef = React29__namespace.useRef(null);
+  const sidebarPlaceholderRef = React29__namespace.useRef(null);
+  const pricingBarRef = React29__namespace.useRef(null);
+  const galleryRef = React29__namespace.useRef(null);
+  const sections = React29__namespace.useMemo(
     () => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       return [
@@ -12993,7 +13088,7 @@ function TripPage({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -13001,7 +13096,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -13009,7 +13104,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -13019,7 +13114,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     const check = () => {
       var _a2;
       const target = (_a2 = galleryRef.current) != null ? _a2 : pricingBarRef.current;
@@ -13030,7 +13125,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -13039,7 +13134,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -13514,7 +13609,385 @@ function TripPage({
     }
   );
 }
+function ArrowIcon2() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "12 5 19 12 12 19" })
+      ]
+    }
+  );
+}
 var sizeConfig2 = {
+  sm: {
+    card: "h-72 w-56",
+    title: "text-lg font-bold",
+    meta: "text-xs",
+    excerpt: "text-xs"
+  },
+  md: {
+    card: "h-96 w-72",
+    title: "text-xl font-bold",
+    meta: "text-xs",
+    excerpt: "text-sm"
+  },
+  lg: {
+    card: "h-[28rem] w-96",
+    title: "text-2xl font-bold",
+    meta: "text-sm",
+    excerpt: "text-sm"
+  }
+};
+function BlogCard({
+  image,
+  imageAlt = "",
+  category,
+  readingTime,
+  date,
+  title,
+  excerpt,
+  href,
+  cta,
+  size = "md",
+  className
+}) {
+  var _a;
+  const s = sizeConfig2[size];
+  const meta = [date != null ? date : null, readingTime != null ? readingTime : null].filter(Boolean).join(" | ");
+  const ctaLabel = (_a = cta == null ? void 0 : cta.label) != null ? _a : "Read more";
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: image,
+        alt: imageAlt,
+        loading: "lazy",
+        className: "absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-black/10" }),
+    category ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 p-3", children: /* @__PURE__ */ jsxRuntime.jsx(Chip, { variant: "glass", children: category }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex flex-col gap-1.5 p-5", children: [
+      meta && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-white/70 font-medium font-ui", s.meta), children: meta }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-white leading-snug", s.title), children: title }),
+      excerpt && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: cn(
+            "text-white/80 leading-relaxed -mt-1 line-clamp-2",
+            s.excerpt
+          ),
+          children: excerpt
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex items-center justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: cn(
+            "group/cta inline-flex items-center gap-1.5 border-b border-white/70 pb-0.5",
+            "text-sm font-semibold text-white transition-colors hover:border-white hover:text-white",
+            "font-ui"
+          ),
+          children: [
+            ctaLabel,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "transition-transform duration-150 group-hover/cta:translate-x-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon2, {}) })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+  const baseClasses = cn(
+    "group relative flex flex-col justify-between overflow-hidden rounded-2xl",
+    "shadow-md transition-shadow duration-300 hover:shadow-xl",
+    s.card,
+    className
+  );
+  return href ? /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href,
+      onClick: cta == null ? void 0 : cta.onClick,
+      className: baseClasses,
+      "aria-label": title,
+      children: inner
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: baseClasses, children: inner });
+}
+function SectionHeading({
+  eyebrow,
+  title,
+  rightSlot
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-4 flex-wrap mb-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-mono font-semibold text-primary uppercase tracking-widest mb-1", children: eyebrow }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground font-heading leading-tight", children: title })
+    ] }),
+    rightSlot
+  ] });
+}
+function CategoryPage2({
+  title,
+  intro,
+  heroImage,
+  trustpilotMini,
+  breadcrumb,
+  siteHeader,
+  popularTours,
+  popularToursTitle = "More adventures calling your name",
+  popularToursEyebrow = "Popular tours",
+  trips,
+  tripsTitle,
+  tripsEyebrow,
+  filterGroups,
+  sortOptions,
+  defaultSort,
+  tripsInitialCount = 15,
+  trustpilot,
+  reviewsTitle = "Don't just take our word for it",
+  reviewsSubtitle,
+  blogPosts,
+  aboutTitle,
+  aboutContent,
+  blogIntro,
+  travelGuideHref,
+  travelGuideLabel = "Read our Travel Guide",
+  blogPostsTitle,
+  blogPostsViewAllHref,
+  faqs,
+  faqsTitle = "Frequently asked questions",
+  faqInitialCount = 5,
+  gallery,
+  galleryTitle,
+  className
+}) {
+  var _a;
+  const [faqsExpanded, setFaqsExpanded] = React29__namespace.useState(false);
+  const [tripsExpanded, setTripsExpanded] = React29__namespace.useState(false);
+  const [filterValue, setFilterValue] = React29__namespace.useState({});
+  const [sort, setSort] = React29__namespace.useState(
+    defaultSort != null ? defaultSort : (_a = sortOptions == null ? void 0 : sortOptions[0]) == null ? void 0 : _a.id
+  );
+  const sortedTrips = React29__namespace.useMemo(
+    () => [...trips].sort((a, b) => {
+      const af = a.featured ? 1 : 0;
+      const bf = b.featured ? 1 : 0;
+      return bf - af;
+    }),
+    [trips]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        className: cn(
+          "relative w-full",
+          siteHeader ? "min-h-[420px] pt-[140px]" : "min-h-[300px] pt-16",
+          "pb-12 text-white",
+          !heroImage && "bg-gradient-to-br from-primary-900 via-primary-800 to-primary-950"
+        ),
+        children: [
+          heroImage && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 overflow-hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: heroImage,
+                alt: "",
+                "aria-hidden": true,
+                fetchPriority: "high",
+                className: "absolute inset-0 h-full w-full object-cover"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-black/55 via-black/40 to-black/65" })
+          ] }),
+          siteHeader && /* @__PURE__ */ jsxRuntime.jsx(
+            SiteHeader,
+            {
+              links: Array.isArray(siteHeader) ? siteHeader : void 0,
+              position: "overlay"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mx-auto w-full max-w-6xl px-6 sm:px-8", 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(React29__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", children: crumb.label })
+            ] }, i)) }),
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-5xl font-bold text-white font-heading leading-tight max-w-3xl", children: title }),
+            intro && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 text-base sm:text-lg text-white/90 leading-relaxed max-w-2xl [&_strong]:font-semibold [&_a]:underline", children: intro }),
+            trustpilotMini && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-5 max-w-sm", children: /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) })
+          ] })
+        ]
+      }
+    ),
+    popularTours && popularTours.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SectionHeading,
+        {
+          eyebrow: popularToursEyebrow,
+          title: popularToursTitle
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-6 sm:-mx-8 px-6 sm:px-8 overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex gap-5 min-w-max pb-2", children: popularTours.map((trip, i) => {
+        var _b;
+        const _a2 = trip, { featured: _featured, variant: _variant } = _a2, cardProps = __objRest(_a2, ["featured", "variant"]);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          TripCard,
+          __spreadProps(__spreadValues({}, cardProps), {
+            variant: "overlay",
+            size: (_b = cardProps.size) != null ? _b : "md"
+          }),
+          i
+        );
+      }) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 pt-6 sm:pt-8 pb-12", children: [
+      (tripsTitle || tripsEyebrow) && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { eyebrow: tripsEyebrow, title: tripsTitle != null ? tripsTitle : "" }),
+      filterGroups && filterGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+        FilterPanel,
+        {
+          variant: "horizontal",
+          groups: filterGroups,
+          value: filterValue,
+          onChange: setFilterValue,
+          onClearAll: () => setFilterValue({}),
+          sortOptions,
+          sort,
+          onSortChange: setSort
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground font-ui mb-5", children: [
+        trips.length,
+        " ",
+        trips.length === 1 ? "trip" : "trips",
+        " found"
+      ] }),
+      (() => {
+        const visibleTrips = tripsExpanded ? sortedTrips : sortedTrips.slice(0, tripsInitialCount);
+        const hiddenCount = sortedTrips.length - visibleTrips.length;
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8 lg:gap-x-[35px] lg:gap-y-[38px]", children: visibleTrips.map((trip, i) => {
+            const _a2 = trip, { featured: _featured } = _a2, cardProps = __objRest(_a2, ["featured"]);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              TripCard,
+              __spreadProps(__spreadValues({}, cardProps), {
+                className: cn("w-full h-auto", cardProps.className)
+              }),
+              i
+            );
+          }) }),
+          sortedTrips.length > tripsInitialCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setTripsExpanded((v) => !v),
+              className: cn(
+                "inline-flex items-center gap-2 rounded-full border border-border bg-background px-5 py-2.5",
+                "text-sm font-semibold text-foreground shadow-sm",
+                "hover:bg-muted transition-colors duration-150",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: tripsExpanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                "Show less"
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                "Load more (",
+                hiddenCount,
+                ")"
+              ] })
+            }
+          ) })
+        ] });
+      })()
+    ] }),
+    trustpilot && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12 border-t border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground font-heading mb-2", children: reviewsTitle }),
+      reviewsSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-muted-foreground leading-relaxed max-w-3xl mb-6 [&_a]:text-primary [&_a]:underline", children: reviewsSubtitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilot }) })
+    ] }),
+    gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pt-4", children: [
+      galleryTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 mb-6 text-2xl sm:text-3xl font-bold text-foreground font-heading", children: galleryTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx(PhotoGallery, { photos: gallery, variant: "gridCompact", initialVisible: 8 })
+    ] }),
+    (aboutTitle || aboutContent || blogPostsTitle || blogPosts && blogPosts.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("section", { className: "w-full bg-gray-100", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-14", children: [
+      (aboutTitle || blogPostsTitle) && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground font-heading mb-5", children: aboutTitle != null ? aboutTitle : blogPostsTitle }),
+      aboutContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground/85 leading-relaxed space-y-3 max-w-3xl mb-10 [&_strong]:font-semibold [&_a]:text-primary [&_a]:font-bold [&_a]:underline", children: aboutContent }),
+      blogPosts && blogPosts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        blogIntro && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-base sm:text-lg font-semibold text-foreground font-heading", children: blogIntro }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5", children: blogPosts.map((post, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          BlogCard,
+          {
+            href: post.href,
+            image: post.image,
+            imageAlt: post.imageAlt,
+            title: post.title,
+            excerpt: post.excerpt,
+            category: post.category,
+            readingTime: post.readingTime,
+            className: "w-full"
+          },
+          i
+        )) }),
+        (travelGuideHref || blogPostsViewAllHref) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: travelGuideHref != null ? travelGuideHref : blogPostsViewAllHref,
+            className: "inline-flex items-center gap-1.5 text-sm font-semibold text-primary hover:underline",
+            children: [
+              travelGuideHref ? travelGuideLabel : "View all posts",
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "h-4 w-4" })
+            ]
+          }
+        ) })
+      ] })
+    ] }) }),
+    faqs && faqs.length > 0 && (() => {
+      const visibleFaqs = faqsExpanded ? faqs : faqs.slice(0, faqInitialCount);
+      const hiddenCount = faqs.length - visibleFaqs.length;
+      return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground font-heading mb-6", children: faqsTitle }),
+        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { variant: "faq", children: visibleFaqs.map((faq, i) => /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: `faq-${i}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { children: faq.question }),
+          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: faq.answer })
+        ] }, i)) }),
+        faqs.length > faqInitialCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-5 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setFaqsExpanded((v) => !v),
+            className: cn(
+              "inline-flex items-center gap-2 rounded-full border border-border bg-background px-5 py-2.5",
+              "text-sm font-semibold text-foreground shadow-sm",
+              "hover:bg-muted transition-colors duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: faqsExpanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
+              "Show less"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
+              "See more (",
+              hiddenCount,
+              ")"
+            ] })
+          }
+        ) })
+      ] });
+    })(),
+    /* @__PURE__ */ jsxRuntime.jsx(SiteFooter, {})
+  ] });
+}
+var sizeConfig3 = {
   sm: {
     card: "w-56",
     image: "h-36",
@@ -13549,7 +14022,7 @@ function ActivityCard({
   size = "md",
   className
 }) {
-  const s = sizeConfig2[size];
+  const s = sizeConfig3[size];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -13615,12 +14088,12 @@ function Toast({
   duration = 6e3,
   className
 }) {
-  const [mounted, setMounted] = React28__namespace.useState(false);
-  const [visible, setVisible] = React28__namespace.useState(true);
-  React28__namespace.useEffect(() => {
+  const [mounted, setMounted] = React29__namespace.useState(false);
+  const [visible, setVisible] = React29__namespace.useState(true);
+  React29__namespace.useEffect(() => {
     setMounted(true);
   }, []);
-  React28__namespace.useEffect(() => {
+  React29__namespace.useEffect(() => {
     if (duration === 0) return;
     const t = setTimeout(() => {
       setVisible(false);
@@ -14027,21 +14500,21 @@ function LeadCapturePopup({
 }) {
   var _a;
   const config = __spreadValues(__spreadValues({}, DEFAULTS), _config);
-  const [open, setOpen] = React28.useState(false);
-  const [closing, setClosing] = React28.useState(false);
-  const [submitted, setSubmitted] = React28.useState(false);
-  const [submitting, setSubmitting] = React28.useState(false);
-  const [error, setError] = React28.useState(null);
-  const [name, setName] = React28.useState("");
-  const [email, setEmail] = React28.useState("");
-  const [travelDate, setTravelDate] = React28.useState("");
-  const panelRef = React28.useRef(null);
-  const nameRef = React28.useRef(null);
-  const show = React28.useCallback(() => {
+  const [open, setOpen] = React29.useState(false);
+  const [closing, setClosing] = React29.useState(false);
+  const [submitted, setSubmitted] = React29.useState(false);
+  const [submitting, setSubmitting] = React29.useState(false);
+  const [error, setError] = React29.useState(null);
+  const [name, setName] = React29.useState("");
+  const [email, setEmail] = React29.useState("");
+  const [travelDate, setTravelDate] = React29.useState("");
+  const panelRef = React29.useRef(null);
+  const nameRef = React29.useRef(null);
+  const show = React29.useCallback(() => {
     if (isDismissed()) return;
     setOpen(true);
   }, []);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     var _a2;
     if (isDismissed()) return;
     if (config.trigger === "delay") {
@@ -14068,7 +14541,7 @@ function LeadCapturePopup({
       return () => window.removeEventListener("scroll", handler);
     }
   }, [config.trigger, config.delaySeconds, config.scrollPercent, show]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (open && !submitted) {
       requestAnimationFrame(() => {
         var _a2;
@@ -14076,7 +14549,7 @@ function LeadCapturePopup({
       });
     }
   }, [open, submitted]);
-  const close = React28.useCallback(() => {
+  const close = React29.useCallback(() => {
     setClosing(true);
     setDismissed(config.dismissDays);
     setTimeout(() => {
@@ -14084,7 +14557,7 @@ function LeadCapturePopup({
       setClosing(false);
     }, 250);
   }, [config.dismissDays]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -14092,7 +14565,7 @@ function LeadCapturePopup({
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [open, close]);
-  const onOverlayClick = React28.useCallback(
+  const onOverlayClick = React29.useCallback(
     (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         close();
@@ -14330,11 +14803,11 @@ function ExoOrb({
   trackCursor = true,
   className
 }) {
-  const uid = React28.useId().replace(/:/g, "");
+  const uid = React29.useId().replace(/:/g, "");
   const id = (name) => `exo-orb-${uid}-${name}`;
-  const rootRef = React28.useRef(null);
-  const pupilRef = React28.useRef(null);
-  React28.useEffect(() => {
+  const rootRef = React29.useRef(null);
+  const pupilRef = React29.useRef(null);
+  React29.useEffect(() => {
     if (!trackCursor) return;
     if (typeof window === "undefined") return;
     if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
@@ -14530,13 +15003,13 @@ function AskExo({
   teaserDelayMs = 2500,
   teaserDurationMs = 6e3
 }) {
-  const [open, setOpen] = React28.useState(false);
-  const [question, setQuestion] = React28.useState("");
-  const [teaserVisible, setTeaserVisible] = React28.useState(false);
+  const [open, setOpen] = React29.useState(false);
+  const [question, setQuestion] = React29.useState("");
+  const [teaserVisible, setTeaserVisible] = React29.useState(false);
   const teaserEnabled = !!teaser && teaser !== "";
-  const inputRef = React28.useRef(null);
-  const textareaRef = React28.useRef(null);
-  React28.useEffect(() => {
+  const inputRef = React29.useRef(null);
+  const textareaRef = React29.useRef(null);
+  React29.useEffect(() => {
     if (!open) {
       setQuestion("");
       return;
@@ -14548,7 +15021,7 @@ function AskExo({
     }, 200);
     return () => clearTimeout(t);
   }, [open, variant]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -14556,7 +15029,7 @@ function AskExo({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!teaserEnabled || open) return;
     if (typeof window === "undefined") return;
     const showTimer = setTimeout(() => setTeaserVisible(true), teaserDelayMs);
@@ -14569,7 +15042,7 @@ function AskExo({
       clearTimeout(hideTimer);
     };
   }, [teaserEnabled, teaserDelayMs, teaserDurationMs, open]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (open) setTeaserVisible(false);
   }, [open]);
   const askExo = (q) => {
@@ -14762,6 +15235,516 @@ function AskExo({
     )
   ] });
 }
+var STATUS_MAP = {
+  "draft": { label: "Draft", variant: "neutral", dot: "bg-muted-foreground" },
+  "pending-approval": { label: "Pending approval", variant: "warning", dot: "bg-warning" },
+  "pending-group": { label: "Pending group", variant: "info", dot: "bg-info" },
+  "confirmed": { label: "Confirmed", variant: "success", dot: "bg-success" },
+  "payment-pending": { label: "Payment pending", variant: "warning", dot: "bg-warning" },
+  "payment-reconciliation": { label: "Reconciliation", variant: "info", dot: "bg-info" },
+  "fully-paid": { label: "Fully paid", variant: "default", dot: "bg-primary-foreground" },
+  "full": { label: "Full", variant: "secondary", dot: "bg-secondary-foreground" },
+  "waiting-list": { label: "Waiting list", variant: "info", dot: "bg-info" },
+  "operating": { label: "Operating", variant: "default", dot: "bg-primary-foreground" },
+  "cancelled": { label: "Cancelled", variant: "destructive", dot: "bg-destructive" }
+};
+function StatusBadge2({ status, dot = true, label, className }) {
+  const config = STATUS_MAP[status];
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className: cn("gap-1.5", className), children: [
+    dot && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn("size-1.5 shrink-0 rounded-full", config.dot)
+      }
+    ),
+    label != null ? label : config.label
+  ] });
+}
+function GroupStatusBanner({
+  variant = "info",
+  title,
+  icon,
+  action,
+  urgent = false,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Alert,
+    {
+      variant,
+      title,
+      icon,
+      action,
+      role: urgent ? "alert" : "status",
+      className,
+      children
+    }
+  );
+}
+function ParticipantCounter({
+  current,
+  max,
+  label = "Travelers",
+  hideIcon = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 font-ui text-sm text-foreground",
+        className
+      ),
+      children: [
+        !hideIcon && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "size-4 text-primary", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold tabular-nums", children: [
+          current,
+          " / ",
+          max
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: label })
+      ]
+    }
+  );
+}
+function GroupProgressBar({
+  current,
+  min,
+  max,
+  hideLabels = false,
+  className
+}) {
+  const pct = Math.max(0, Math.min(100, current / max * 100));
+  const minPct = Math.max(0, Math.min(100, min / max * 100));
+  const quorumMet = current >= min;
+  const isFull = current >= max;
+  const fillTone = isFull ? "bg-success" : quorumMet ? "bg-primary" : "bg-warning";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "relative h-3 w-full overflow-visible rounded-full bg-muted",
+        role: "progressbar",
+        "aria-valuenow": current,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-label": `${current} of ${max} travelers, minimum ${min}${quorumMet ? " met" : " not yet met"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "h-full rounded-full transition-[width,background-color] duration-500",
+                fillTone
+              ),
+              style: { width: `${pct}%` }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "absolute top-1/2 z-10 h-5 w-0.5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-foreground/60",
+              style: { left: `${minPct}%` }
+            }
+          )
+        ]
+      }
+    ),
+    !hideLabels && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between font-ui text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(quorumMet && "text-success font-semibold"), children: quorumMet ? "Quorum reached" : `Min ${min} to confirm` }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums", children: [
+        max,
+        " max"
+      ] })
+    ] })
+  ] });
+}
+function Card(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      )
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        className
+      )
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-title",
+      className: cn(
+        "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      )
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-content",
+      className: cn("px-4 group-data-[size=sm]/card:px-3", className)
+    }, props)
+  );
+}
+function PricingMatrixCard({
+  tiers,
+  currentTravelers,
+  title = "Group pricing",
+  locked = false,
+  className
+}) {
+  const activeIndex = tiers.reduce(
+    (acc, t, i) => currentTravelers >= t.threshold ? i : acc,
+    -1
+  );
+  const bestIndex = tiers.length - 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "font-heading", children: title }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "px-0", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "sr-only", children: "Price per person by number of travelers" }),
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-y border-border text-left font-ui text-[11px] uppercase tracking-wide text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-4 py-2 font-semibold", children: "Travelers" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-4 py-2 text-right font-semibold", children: "Price / person" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: tiers.map((tier, i) => {
+        const isActive = !locked && i === activeIndex;
+        const isBest = i === bestIndex;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "tr",
+          {
+            className: cn(
+              "border-b border-border last:border-0 transition-colors",
+              isActive && "bg-accent",
+              locked && "opacity-60"
+            ),
+            "aria-current": isActive ? "true" : void 0,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-ui font-semibold text-foreground", children: tier.travelers }),
+                isActive && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "success", className: "h-4 px-1.5 text-[10px]", children: "You are here" }),
+                isBest && !isActive && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "info", className: "h-4 px-1.5 text-[10px]", children: "Best price" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  className: cn(
+                    "px-4 py-2.5 text-right font-ui tabular-nums",
+                    isActive ? "font-bold text-foreground" : "text-muted-foreground",
+                    isBest && "text-primary"
+                  ),
+                  children: tier.price
+                }
+              )
+            ]
+          },
+          tier.travelers
+        );
+      }) })
+    ] }) })
+  ] });
+}
+function PriceProgress({
+  currentPrice,
+  lowestPrice,
+  travelersToLowest,
+  pct,
+  className
+}) {
+  const reached = travelersToLowest <= 0;
+  const safePct = reached ? 100 : Math.max(0, Math.min(100, pct));
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-3 rounded-xl border border-border bg-card p-4",
+        className
+      ),
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-ui text-[11px] uppercase tracking-wide text-muted-foreground", children: "Current" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-heading text-xl font-bold text-foreground tabular-nums", children: currentPrice })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, { className: "mb-1 size-4 shrink-0 text-success", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col text-right", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-ui text-[11px] uppercase tracking-wide text-muted-foreground", children: "Potential" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-heading text-xl font-bold text-primary tabular-nums", children: lowestPrice })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "h-full rounded-full transition-[width] duration-500",
+              reached ? "bg-success" : "bg-primary"
+            ),
+            style: { width: `${safePct}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "flex items-center gap-1.5 font-ui text-sm font-semibold",
+              reached ? "text-success" : "text-foreground"
+            ),
+            children: reached ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SparkleIcon, { className: "size-4", "aria-hidden": "true" }),
+              "Best possible price unlocked"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              travelersToLowest,
+              " more ",
+              travelersToLowest === 1 ? "traveler" : "travelers",
+              " for the lowest price"
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+function ParticipantList({
+  participants,
+  emptySlots = 0,
+  title = "Travelers",
+  leaderLabel = "Leader",
+  emptyMessage = "Be the first to join this adventure.",
+  className
+}) {
+  if (participants.length === 0 && emptySlots === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("font-sans text-sm text-muted-foreground", className), children: emptyMessage });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-3", className), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-heading text-sm font-bold text-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex flex-col gap-2", children: [
+      participants.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full bg-primary/10 text-primary",
+            "aria-hidden": "true",
+            children: p.avatarUrl ? (
+              // eslint-disable-next-line @next/next/no-img-element
+              /* @__PURE__ */ jsxRuntime.jsx("img", { src: p.avatarUrl, alt: "", className: "size-full object-cover" })
+            ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserIcon, { className: "size-4.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-ui text-sm font-medium text-foreground", children: p.firstName }),
+          p.flag && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": p.country, role: "img", className: "text-base leading-none", children: p.flag }),
+          p.isLeader && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "info", className: "h-4 px-1.5 text-[10px]", children: leaderLabel })
+        ] })
+      ] }, `${p.firstName}-${i}`)),
+      Array.from({ length: emptySlots }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-3 opacity-60", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "flex size-9 shrink-0 items-center justify-center rounded-full border border-dashed border-border text-muted-foreground",
+            children: "+"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans text-sm text-muted-foreground", children: "Open spot" })
+      ] }, `empty-${i}`))
+    ] })
+  ] });
+}
+function BrandIcon({ path }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", className: "size-4", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: path }) });
+}
+var WHATSAPP = "M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.945C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 018.413 3.488 11.82 11.82 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.82 9.82 0 001.51 5.26l-.999 3.648 3.978-1.945zm5.473-6.231c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z";
+var FACEBOOK = "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z";
+var X = "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z";
+function ShareWidget({
+  url,
+  message = "Join my adventure and let's unlock a lower price together!",
+  layout = "row",
+  title = "Invite friends & lower the price",
+  className
+}) {
+  const [copied, setCopied] = React29__namespace.useState(false);
+  const [showToast, setShowToast] = React29__namespace.useState(false);
+  const encodedUrl = encodeURIComponent(url);
+  const encodedMsg = encodeURIComponent(`${message} ${url}`);
+  const channels = [
+    {
+      key: "whatsapp",
+      label: "WhatsApp",
+      href: `https://wa.me/?text=${encodedMsg}`,
+      path: WHATSAPP,
+      color: "hover:text-[#25D366] hover:border-[#25D366]"
+    },
+    {
+      key: "facebook",
+      label: "Facebook",
+      href: `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`,
+      path: FACEBOOK,
+      color: "hover:text-[#1877F2] hover:border-[#1877F2]"
+    },
+    {
+      key: "x",
+      label: "X",
+      href: `https://twitter.com/intent/tweet?text=${encodeURIComponent(message)}&url=${encodedUrl}`,
+      path: X,
+      color: "hover:text-foreground hover:border-foreground"
+    }
+  ];
+  const copyLink = async () => {
+    try {
+      await navigator.clipboard.writeText(url);
+    } catch (e) {
+    }
+    setCopied(true);
+    setShowToast(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const isIcons = layout === "icons";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-3", className), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "flex items-center gap-1.5 font-heading text-sm font-bold text-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2Icon, { className: "size-4 text-primary", "aria-hidden": "true" }),
+      title
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      channels.map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: c.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          "aria-label": `Share on ${c.label}`,
+          className: cn(
+            "inline-flex items-center gap-2 rounded-full border border-border px-3 py-2 font-ui text-sm text-foreground transition-colors",
+            c.color
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(BrandIcon, { path: c.path }),
+            !isIcons && /* @__PURE__ */ jsxRuntime.jsx("span", { children: c.label })
+          ]
+        },
+        c.key
+      )),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: copyLink,
+          "aria-label": "Copy link",
+          className: cn(
+            "inline-flex items-center gap-2 rounded-full border border-border px-3 py-2 font-ui text-sm text-foreground transition-colors hover:border-primary hover:text-primary",
+            copied && "border-success text-success"
+          ),
+          children: [
+            copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { className: "size-4" }),
+            !isIcons && /* @__PURE__ */ jsxRuntime.jsx("span", { children: copied ? "Copied!" : "Copy link" })
+          ]
+        }
+      )
+    ] }),
+    showToast && /* @__PURE__ */ jsxRuntime.jsx(
+      Toast,
+      {
+        message: "Link copied to clipboard",
+        variant: "success",
+        onClose: () => setShowToast(false),
+        duration: 2500
+      }
+    )
+  ] });
+}
+var MODE_COPY = {
+  joinable: { cta: "Join this adventure", disabled: false },
+  full: { cta: "Join waiting list", disabled: false },
+  closed: { cta: "Booking closed", disabled: true },
+  owner: { cta: "Share your departure", disabled: false }
+};
+function StickyBookingCard({
+  currentPrice,
+  deposit,
+  spotsRemaining,
+  mode = "joinable",
+  onPrimary,
+  note,
+  className
+}) {
+  const { cta, disabled } = MODE_COPY[mode];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-4 rounded-2xl border border-border bg-card p-5 ring-1 ring-foreground/5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-ui text-[11px] uppercase tracking-wide text-muted-foreground", children: "Current price" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-heading text-2xl font-bold text-foreground tabular-nums", children: currentPrice }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans text-xs text-muted-foreground", children: "per person" })
+          ] }),
+          mode !== "owner" && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "font-ui text-xs font-semibold",
+                spotsRemaining <= 2 && spotsRemaining > 0 ? "text-warning" : "text-muted-foreground"
+              ),
+              children: spotsRemaining > 0 ? `${spotsRemaining} spots left` : "Full"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between rounded-lg bg-muted/60 px-3 py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans text-sm text-muted-foreground", children: "Deposit today" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-ui text-sm font-bold text-foreground tabular-nums", children: deposit })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "primary",
+            size: "lg",
+            className: "w-full",
+            disabled,
+            onClick: onPrimary,
+            children: cta
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center font-sans text-xs text-muted-foreground", children: note != null ? note : "A hold is placed on your card \u2014 no charge until approved." })
+      ]
+    }
+  );
+}
 
 exports.ActivityCard = ActivityCard;
 exports.AgentContactCard = AgentContactCard;
@@ -14780,10 +15763,12 @@ exports.BookingShell = BookingShell;
 exports.BookingSummary = BookingSummary;
 exports.Button = Button;
 exports.COUNTRIES = COUNTRIES;
+exports.CategoryPage2 = CategoryPage2;
 exports.CounterField = CounterField;
 exports.CountrySearchField = CountrySearchField;
 exports.DEFAULT_HEADER_LINKS = DEFAULT_HEADER_LINKS;
 exports.DEFAULT_LANGUAGES = DEFAULT_LANGUAGES;
+exports.DEPARTURE_STATUS_MAP = STATUS_MAP;
 exports.DatePickerField = DatePickerField;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
@@ -14796,6 +15781,8 @@ exports.ExoOrb = ExoOrb;
 exports.FilterPanel = FilterPanel;
 exports.FloatingInput = FloatingInput;
 exports.FloatingSelect = FloatingSelect;
+exports.GroupProgressBar = GroupProgressBar;
+exports.GroupStatusBanner = GroupStatusBanner;
 exports.Itinerary = Itinerary;
 exports.ItineraryDay = ItineraryDay;
 exports.LOGO_PLANETAEXO_DATA_URI = LOGO_PLANETAEXO_DATA_URI;
@@ -14804,6 +15791,8 @@ exports.MenuTrip = MenuTrip;
 exports.OTPCodeInput = OTPCodeInput;
 exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;
+exports.ParticipantCounter = ParticipantCounter;
+exports.ParticipantList = ParticipantList;
 exports.PartnerBookingCreatedEmail = PartnerBookingCreatedEmail;
 exports.PartnerRegistrationCompleteEmail = PartnerRegistrationCompleteEmail;
 exports.PaymentAmountSelector = PaymentAmountSelector;
@@ -14815,13 +15804,18 @@ exports.PaymentReminderEmail = PaymentReminderEmail;
 exports.PhoneCountrySelect = PhoneCountrySelect;
 exports.PhotoGallery = PhotoGallery;
 exports.Picture = Picture;
+exports.PriceProgress = PriceProgress;
+exports.PricingMatrixCard = PricingMatrixCard;
 exports.PricingTrip = PricingTrip;
 exports.RegistrationForm = RegistrationForm;
 exports.RegistrationProgressBar = RegistrationProgressBar;
 exports.RegistrationReminderEmail = RegistrationReminderEmail;
 exports.RegistrationReminderIndividualEmail = RegistrationReminderIndividualEmail;
 exports.RegistrationSuccessCard = RegistrationSuccessCard;
+exports.ShareWidget = ShareWidget;
 exports.SiteHeader = SiteHeader;
+exports.StatusBadge = StatusBadge2;
+exports.StickyBookingCard = StickyBookingCard;
 exports.TERMS_ACCEPT_KEY = TERMS_ACCEPT_KEY;
 exports.TermsSection = TermsSection;
 exports.ThemeToggle = ThemeToggle;