@planetaexo/design-system 0.57.1 → 0.58.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React30 = require('react');
+var React31 = 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 React30__namespace = /*#__PURE__*/_interopNamespace(React30);
+var React31__namespace = /*#__PURE__*/_interopNamespace(React31);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -102,7 +102,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React30__namespace.forwardRef(
+var Button = React31__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 = React30__namespace.forwardRef(
+var FloatingInput = React31__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 : React30__namespace.useId();
+    const inputId = id != null ? id : React31__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -374,10 +374,10 @@ var FloatingInput = React30__namespace.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React30__namespace.forwardRef(
+var FloatingSelect = React31__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 : React30__namespace.useId();
+    const inputId = id != null ? id : React31__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] = React30__namespace.useState(false);
-  const containerRef = React30__namespace.useRef(null);
-  const listRef = React30__namespace.useRef(null);
+  const [open, setOpen] = React31__namespace.useState(false);
+  const containerRef = React31__namespace.useRef(null);
+  const listRef = React31__namespace.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React30__namespace.useEffect(() => {
+  React31__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]);
-  React30__namespace.useEffect(() => {
+  React31__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 = React30__namespace.useRef(null);
-  React30__namespace.useEffect(() => {
+  const ref = React31__namespace.useRef(null);
+  React31__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] = React30__namespace.useState(false);
-  const [text, setText] = React30__namespace.useState(
+  const [open, setOpen] = React31__namespace.useState(false);
+  const [text, setText] = React31__namespace.useState(
     value ? dateFns.format(value, "dd/MM/yyyy") : ""
   );
-  const containerRef = React30__namespace.useRef(null);
-  const inputId = React30__namespace.useId();
-  React30__namespace.useEffect(() => {
+  const containerRef = React31__namespace.useRef(null);
+  const inputId = React31__namespace.useId();
+  React31__namespace.useEffect(() => {
     setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React30__namespace.useEffect(() => {
+  React31__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] = React30__namespace.useState("");
-  const [open, setOpen] = React30__namespace.useState(false);
-  const containerRef = React30__namespace.useRef(null);
-  const searchRef = React30__namespace.useRef(null);
+  const [query, setQuery] = React31__namespace.useState("");
+  const [open, setOpen] = React31__namespace.useState(false);
+  const containerRef = React31__namespace.useRef(null);
+  const searchRef = React31__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;
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1328,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] = React30__namespace.useState(
+  const [checkedInternal, setCheckedInternal] = React31__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] = React30__namespace.useState(null);
+  const [openDescriptionId, setOpenDescriptionId] = React31__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;
@@ -1761,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(React30__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -1960,7 +1960,7 @@ function TermsSection({
   termsContent
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React30__namespace.useState(false);
+  const [modalOpen, setModalOpen] = React31__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 }),
@@ -2098,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] = React30__namespace.useState("responsible");
-  const [error, setError] = React30__namespace.useState(null);
-  const [responsible, setResponsible] = React30__namespace.useState({
+  const [step, setStep] = React31__namespace.useState("responsible");
+  const [error, setError] = React31__namespace.useState(null);
+  const [responsible, setResponsible] = React31__namespace.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -2119,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] = React30__namespace.useState(
+  const [travellers, setTravellers] = React31__namespace.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -2127,9 +2127,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React30__namespace.useState("full");
-  const [payMethod, setPayMethod] = React30__namespace.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React30__namespace.useState(false);
+  const [payAmount, setPayAmount] = React31__namespace.useState("full");
+  const [payMethod, setPayMethod] = React31__namespace.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React31__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));
@@ -2357,7 +2357,7 @@ function Offer({
   className
 }) {
   var _a, _b, _c;
-  const [showBooking, setShowBooking] = React30__namespace.useState(false);
+  const [showBooking, setShowBooking] = React31__namespace.useState(false);
   const isShowingCheckout = !confirmedState && (!!checkoutSlot || internalDemoCheckout && showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow && internalDemoCheckout) {
@@ -2724,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] = React30__namespace.useState(false);
+  const [detailsOpen, setDetailsOpen] = React31__namespace.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
       onCopyFormLink(url);
@@ -3237,8 +3237,8 @@ function AddTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React30__namespace.useState(() => createInitialAddFormData(config));
-  React30__namespace.useEffect(() => {
+  const [form, setForm] = React31__namespace.useState(() => createInitialAddFormData(config));
+  React31__namespace.useEffect(() => {
     if (open) {
       setForm(createInitialAddFormData(config));
     }
@@ -3298,7 +3298,7 @@ function EditTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React30__namespace.useState(() => ({
+  const [form, setForm] = React31__namespace.useState(() => ({
     firstName: "",
     lastName: "",
     email: "",
@@ -3307,7 +3307,7 @@ function EditTravellerDialog({
     birthDate: "",
     personType: "ADULT"
   }));
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f;
     if (open && traveller) {
       setForm({
@@ -3643,48 +3643,48 @@ function BookingDetails({
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
   const hasConfirmRemoveTraveller = !!onConfirmRemoveTraveller;
-  const [addModalState, setAddModalState] = React30__namespace.useState({
+  const [addModalState, setAddModalState] = React31__namespace.useState({
     open: false,
     adventureId: null
   });
-  const [editModalState, setEditModalState] = React30__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [deleteModalState, setDeleteModalState] = React30__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [resendInviteDialogState, setResendInviteDialogState] = React30__namespace.useState({ open: false, traveller: null });
-  const handleRequestOpenAddModal = React30__namespace.useCallback((adventureId) => {
+  const [editModalState, setEditModalState] = React31__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [deleteModalState, setDeleteModalState] = React31__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [resendInviteDialogState, setResendInviteDialogState] = React31__namespace.useState({ open: false, traveller: null });
+  const handleRequestOpenAddModal = React31__namespace.useCallback((adventureId) => {
     setAddModalState({ open: true, adventureId });
   }, []);
-  const handleRequestOpenEditModal = React30__namespace.useCallback(
+  const handleRequestOpenEditModal = React31__namespace.useCallback(
     (adventureId, traveller) => {
       setEditModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenDeleteModal = React30__namespace.useCallback(
+  const handleRequestOpenDeleteModal = React31__namespace.useCallback(
     (adventureId, traveller) => {
       setDeleteModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenResendInviteDialog = React30__namespace.useCallback(
+  const handleRequestOpenResendInviteDialog = React31__namespace.useCallback(
     (traveller) => {
       setResendInviteDialogState({ open: true, traveller });
     },
     []
   );
-  const closeAddModal = React30__namespace.useCallback(() => {
+  const closeAddModal = React31__namespace.useCallback(() => {
     setAddModalState({ open: false, adventureId: null });
   }, []);
-  const closeEditModal = React30__namespace.useCallback(() => {
+  const closeEditModal = React31__namespace.useCallback(() => {
     setEditModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeDeleteModal = React30__namespace.useCallback(() => {
+  const closeDeleteModal = React31__namespace.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeResendInviteDialog = React30__namespace.useCallback(() => {
+  const closeResendInviteDialog = React31__namespace.useCallback(() => {
     setResendInviteDialogState({ open: false, traveller: null });
   }, []);
-  const submitInFlightRef = React30__namespace.useRef(false);
-  const handleAddSubmit = React30__namespace.useCallback(
+  const submitInFlightRef = React31__namespace.useRef(false);
+  const handleAddSubmit = React31__namespace.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3699,7 +3699,7 @@ function BookingDetails({
     },
     [onSubmitAddTraveller, closeAddModal]
   );
-  const handleEditSubmit = React30__namespace.useCallback(
+  const handleEditSubmit = React31__namespace.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3714,7 +3714,7 @@ function BookingDetails({
     },
     [onSubmitEditTraveller, closeEditModal]
   );
-  const handleDeleteConfirm = React30__namespace.useCallback(
+  const handleDeleteConfirm = React31__namespace.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
       if (submitInFlightRef.current) return;
@@ -5290,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(React30__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(React31__namespace.Fragment, { children: [
             idx === 0 ? /* @__PURE__ */ jsxRuntime.jsx("strong", { children: line }) : line,
             idx < arr.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
           ] }, idx)) })
@@ -7310,11 +7310,11 @@ function DatePickerField({
   fromDate,
   className
 }) {
-  const [open, setOpen] = React30__namespace.useState(false);
-  const containerRef = React30__namespace.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React30__namespace.useState();
+  const [open, setOpen] = React31__namespace.useState(false);
+  const containerRef = React31__namespace.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React31__namespace.useState();
   const hasValue = !!value;
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -7423,7 +7423,7 @@ function BookingForm({
   subtitle = "Free enquiry \u2013 no commitment",
   className
 }) {
-  const [values, setValues] = React30__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [values, setValues] = React31__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
   const set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -7991,11 +7991,11 @@ function FloatingTextarea({
 }
 function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
-  const [open, setOpen] = React30__namespace.useState(false);
-  const containerRef = React30__namespace.useRef(null);
+  const [open, setOpen] = React31__namespace.useState(false);
+  const containerRef = React31__namespace.useRef(null);
   const options = (_a = field.options) != null ? _a : [];
   const selectedOpt = (_b = options.find((o) => o.value === value)) != null ? _b : null;
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!open) return;
     const handleOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -8460,11 +8460,11 @@ function RegistrationForm({
   readOnly = false
 }) {
   var _a;
-  const L = React30__namespace.useMemo(
+  const L = React31__namespace.useMemo(
     () => __spreadValues(__spreadValues({}, DEFAULT_LABELS12), labels != null ? labels : {}),
     [labels]
   );
-  const sortedFields = React30__namespace.useMemo(
+  const sortedFields = React31__namespace.useMemo(
     () => [...fields].sort((a, b) => {
       var _a2, _b;
       return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
@@ -8472,7 +8472,7 @@ function RegistrationForm({
     [fields]
   );
   const isControlled = values !== void 0;
-  const [internal, setInternal] = React30__namespace.useState(
+  const [internal, setInternal] = React31__namespace.useState(
     () => initializeValues(
       sortedFields,
       defaultValues != null ? defaultValues : {},
@@ -8480,9 +8480,9 @@ function RegistrationForm({
       includeTerms
     )
   );
-  const [submitAttempted, setSubmitAttempted] = React30__namespace.useState(false);
-  const [validationErrors, setValidationErrors] = React30__namespace.useState({});
-  React30__namespace.useEffect(() => {
+  const [submitAttempted, setSubmitAttempted] = React31__namespace.useState(false);
+  const [validationErrors, setValidationErrors] = React31__namespace.useState({});
+  React31__namespace.useEffect(() => {
     if (isControlled) return;
     setInternal((prev) => {
       const next = initializeValues(
@@ -8539,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;
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!submitAttempted || !scrollTargetId) return;
     const timer = setTimeout(() => {
       const elem = document.getElementById(scrollTargetId);
@@ -9001,10 +9001,10 @@ var OTPCodeInput = ({
   id,
   required
 }) => {
-  const baseId = id != null ? id : React30__namespace.useId();
-  const inputRef = React30__namespace.useRef(null);
-  const [focused, setFocused] = React30__namespace.useState(false);
-  const digits = React30__namespace.useMemo(() => {
+  const baseId = id != null ? id : React31__namespace.useId();
+  const inputRef = React31__namespace.useRef(null);
+  const [focused, setFocused] = React31__namespace.useState(false);
+  const digits = React31__namespace.useMemo(() => {
     const arr = value.split("").slice(0, length);
     while (arr.length < length) arr.push("");
     return arr;
@@ -9117,7 +9117,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React30__namespace.createContext("default");
+var AccordionVariantContext = React31__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(
@@ -9135,7 +9135,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React30__namespace.useContext(AccordionVariantContext);
+  const variant = React31__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Item,
     __spreadValues({
@@ -9156,7 +9156,7 @@ function AccordionTrigger(_a) {
     "className",
     "children"
   ]);
-  const variant = React30__namespace.useContext(AccordionVariantContext);
+  const variant = React31__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     accordion.Accordion.Trigger,
     __spreadProps(__spreadValues({
@@ -9210,7 +9210,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React30__namespace.useContext(AccordionVariantContext);
+  const variant = React31__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Panel,
     __spreadProps(__spreadValues({
@@ -9428,15 +9428,15 @@ function FilterPanel({
   onSortChange
 }) {
   var _a, _b;
-  const resolvedGroups = React30__namespace.useMemo(() => resolveGroups(groups), [groups]);
-  const [internalValue, setInternalValue] = React30__namespace.useState(
+  const resolvedGroups = React31__namespace.useMemo(() => resolveGroups(groups), [groups]);
+  const [internalValue, setInternalValue] = React31__namespace.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
-  const [expandedItems, setExpandedItems] = React30__namespace.useState(
+  const [expandedItems, setExpandedItems] = React31__namespace.useState(
     () => new Set(groups.flatMap((g) => getDefaultExpandedIds(g.items)))
   );
-  const toggleExpanded = React30__namespace.useCallback((id) => {
+  const toggleExpanded = React31__namespace.useCallback((id) => {
     setExpandedItems((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);
@@ -9820,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 = React30__namespace.useRef(null);
-  const [widgetReady, setWidgetReady] = React30__namespace.useState(false);
-  const [delayPassed, setDelayPassed] = React30__namespace.useState(false);
+  const ref = React31__namespace.useRef(null);
+  const [widgetReady, setWidgetReady] = React31__namespace.useState(false);
+  const [delayPassed, setDelayPassed] = React31__namespace.useState(false);
   const showFallback = delayPassed && !widgetReady;
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     var _a2;
     if (typeof document === "undefined" || !ref.current) return;
     const node = ref.current;
@@ -10011,6 +10011,55 @@ function webpVariantUrl(src) {
   const withoutQuery = query ? src.slice(0, -query.length) : src;
   return `${withoutQuery}.webp${query}`;
 }
+function PictureLoader() {
+  const gradientId = React31__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          viewBox: "0 0 200 200",
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "h-10 w-10 text-primary",
+          fill: "none",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradientId, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0", stopColor: "currentColor", stopOpacity: "0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "currentColor" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "circle",
+              {
+                stroke: `url(#${gradientId})`,
+                strokeWidth: "15",
+                strokeLinecap: "round",
+                strokeDasharray: "0 44 0 44 0 44 0 44 0 360",
+                cx: "100",
+                cy: "100",
+                r: "70",
+                style: { transformOrigin: "center" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "animateTransform",
+                  {
+                    type: "rotate",
+                    attributeName: "transform",
+                    calcMode: "discrete",
+                    dur: "2s",
+                    values: "360;324;288;252;216;180;144;108;72;36",
+                    repeatCount: "indefinite"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
 var PLACEHOLDER_SRC = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 function Picture(_a) {
   var _b = _a, {
@@ -10019,18 +10068,23 @@ function Picture(_a) {
     eager = false,
     rootMargin = "200px",
     decoding,
-    loading
+    loading,
+    onLoad,
+    onError
   } = _b, imgProps = __objRest(_b, [
     "src",
     "extraSources",
     "eager",
     "rootMargin",
     "decoding",
-    "loading"
+    "loading",
+    "onLoad",
+    "onError"
   ]);
-  const ref = React30__namespace.useRef(null);
-  const [visible, setVisible] = React30__namespace.useState(eager);
-  React30__namespace.useEffect(() => {
+  const ref = React31__namespace.useRef(null);
+  const [visible, setVisible] = React31__namespace.useState(eager);
+  const [loaded, setLoaded] = React31__namespace.useState(false);
+  React31__namespace.useEffect(() => {
     if (eager || visible) return;
     const el = ref.current;
     if (!el || typeof IntersectionObserver === "undefined") {
@@ -10052,32 +10106,51 @@ function Picture(_a) {
   const webp = webpVariantUrl(src);
   const realSrc = visible ? src : PLACEHOLDER_SRC;
   const decodingResolved = decoding != null ? decoding : eager ? void 0 : "async";
+  const handleLoad = (e) => {
+    if (visible) setLoaded(true);
+    onLoad == null ? void 0 : onLoad(e);
+  };
+  const handleError = (e) => {
+    if (visible) setLoaded(true);
+    onError == null ? void 0 : onError(e);
+  };
+  const showLoader = visible && !loaded;
   if (!webp) {
-    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(jsxRuntime.Fragment, { children: [
+      showLoader && /* @__PURE__ */ jsxRuntime.jsx(PictureLoader, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        __spreadValues({
+          ref,
+          src: realSrc,
+          "data-src": visible ? void 0 : src,
+          decoding: decodingResolved,
+          loading: loading != null ? loading : eager ? void 0 : "lazy",
+          onLoad: handleLoad,
+          onError: handleError
+        }, imgProps)
+      )
+    ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("picture", { style: { display: "contents" }, children: [
-    visible && /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: webp, type: "image/webp" }),
-    extraSources,
-    /* @__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)
-    )
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    showLoader && /* @__PURE__ */ jsxRuntime.jsx(PictureLoader, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs("picture", { style: { display: "contents" }, children: [
+      visible && /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: webp, type: "image/webp" }),
+      extraSources,
+      /* @__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",
+          onLoad: handleLoad,
+          onError: handleError
+        }, imgProps)
+      )
+    ] })
   ] });
 }
 function ItineraryDayCard({
@@ -10146,11 +10219,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React30__namespace.useState(0);
+  const [imgIndex, setImgIndex] = React31__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);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -10277,8 +10350,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React30__namespace.useState(null);
-  const scrollRef = React30__namespace.useRef(null);
+  const [activeIndex, setActiveIndex] = React31__namespace.useState(null);
+  const scrollRef = React31__namespace.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -10370,18 +10443,18 @@ function Lightbox({
   onClose
 }) {
   var _a;
-  const [index, setIndex] = React30__namespace.useState(initialIndex);
+  const [index, setIndex] = React31__namespace.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React30__namespace.useCallback(
+  const prev = React31__namespace.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React30__namespace.useCallback(
+  const next = React31__namespace.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -10486,7 +10559,8 @@ function PhotoTile({
   photo,
   index,
   className,
-  onClick
+  onClick,
+  showCredit = false
 }) {
   var _a, _b;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -10509,7 +10583,8 @@ function PhotoTile({
             loading: "lazy"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomInIcon, { className: "h-8 w-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 drop-shadow-lg" }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomInIcon, { className: "h-8 w-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 drop-shadow-lg" }) }),
+        showCredit && photo.credit && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute bottom-2 right-2.5 text-[11px] font-ui text-white/90 [text-shadow:0_1px_3px_rgba(0,0,0,0.7)]", children: photo.credit })
       ]
     }
   );
@@ -10547,7 +10622,7 @@ function GridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React30__namespace.useState(false);
+  const [expanded, setExpanded] = React31__namespace.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -10577,7 +10652,7 @@ function CompactGridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React30__namespace.useState(false);
+  const [expanded, setExpanded] = React31__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -10606,7 +10681,7 @@ function MasonryGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React30__namespace.useState(false);
+  const [expanded, setExpanded] = React31__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -10679,7 +10754,7 @@ function FeaturedGallery({
   photos,
   onOpen
 }) {
-  const [expanded, setExpanded] = React30__namespace.useState(false);
+  const [expanded, setExpanded] = React31__namespace.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -10749,6 +10824,37 @@ function FeaturedGallery({
     )
   ] });
 }
+function CollageGallery({
+  photos,
+  onOpen,
+  seamless = false
+}) {
+  const [hero, ...rest] = photos;
+  const gap = seamless ? "gap-0" : "gap-1.5";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col", gap), children: [
+    hero && /* @__PURE__ */ jsxRuntime.jsx(
+      PhotoTile,
+      {
+        photo: hero,
+        index: 0,
+        className: "aspect-[16/10] sm:aspect-[2/1]",
+        onClick: () => onOpen(0),
+        showCredit: true
+      }
+    ),
+    rest.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-2", gap), children: rest.map((p, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      PhotoTile,
+      {
+        photo: p,
+        index: i + 1,
+        className: "aspect-[4/3]",
+        onClick: () => onOpen(i + 1),
+        showCredit: true
+      },
+      i + 1
+    )) })
+  ] });
+}
 function CarouselGallery({
   photos,
   index,
@@ -10846,9 +10952,9 @@ function PhotoGallery({
   onPhotoClick,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React30__namespace.useState(null);
-  const [carouselIndex, setCarouselIndex] = React30__namespace.useState(0);
-  const normalised = React30__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const [lightboxIndex, setLightboxIndex] = React31__namespace.useState(null);
+  const [carouselIndex, setCarouselIndex] = React31__namespace.useState(0);
+  const normalised = React31__namespace.useMemo(() => photos.map(normalise), [photos]);
   const handleOpen = (index) => {
     setLightboxIndex(index);
     onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
@@ -10908,6 +11014,8 @@ function PhotoGallery({
     ),
     variant === "filmstrip" && /* @__PURE__ */ jsxRuntime.jsx(FilmstripGallery, { photos: normalised, onOpen: handleOpen }),
     variant === "featured" && /* @__PURE__ */ jsxRuntime.jsx(FeaturedGallery, { photos: normalised, onOpen: handleOpen }),
+    variant === "collage" && /* @__PURE__ */ jsxRuntime.jsx(CollageGallery, { photos: normalised, onOpen: handleOpen }),
+    variant === "collageTight" && /* @__PURE__ */ jsxRuntime.jsx(CollageGallery, { photos: normalised, onOpen: handleOpen, seamless: true }),
     lightbox
   ] });
 }
@@ -10932,7 +11040,7 @@ function ItineraryDay({
   photoLayout = "rounded",
   className
 }) {
-  const photoList = React30__namespace.useMemo(() => normalisePhotos(photos), [photos]);
+  const photoList = React31__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(
@@ -10987,8 +11095,8 @@ function MenuTrip({
   bold = true,
   className
 }) {
-  const scrollRef = React30__namespace.useRef(null);
-  React30__namespace.useEffect(() => {
+  const scrollRef = React31__namespace.useRef(null);
+  React31__namespace.useEffect(() => {
     if (!scrollRef.current || !activeSection) return;
     const container = scrollRef.current;
     const btn = container.querySelector(
@@ -11184,8 +11292,8 @@ function PricingTrip({
   className
 }) {
   const rOuter = sharp ? "rounded-none" : "rounded-2xl";
-  const [showEstimates, setShowEstimates] = React30__namespace.useState(false);
-  const [showPriceInfo, setShowPriceInfo] = React30__namespace.useState(false);
+  const [showEstimates, setShowEstimates] = React31__namespace.useState(false);
+  const [showPriceInfo, setShowPriceInfo] = React31__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: [
@@ -11625,14 +11733,14 @@ function SiteHeader({
 }) {
   const t = VARIANT[variant];
   const resolvedLogo = logoSrc != null ? logoSrc : variant === "white" ? logoSrcDark : logoSrcLight;
-  const [openMenu, setOpenMenu] = React30__namespace.useState(null);
-  const [langOpen, setLangOpen] = React30__namespace.useState(false);
-  const [mobileOpen, setMobileOpen] = React30__namespace.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React30__namespace.useState(null);
-  const [activeLang, setActiveLang] = React30__namespace.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React31__namespace.useState(null);
+  const [langOpen, setLangOpen] = React31__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React31__namespace.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React31__namespace.useState(null);
+  const [activeLang, setActiveLang] = React31__namespace.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React30__namespace.useRef(void 0);
-  const langCloseTimer = React30__namespace.useRef(void 0);
+  const menuCloseTimer = React31__namespace.useRef(void 0);
+  const langCloseTimer = React31__namespace.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -11653,7 +11761,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React30__namespace.useEffect(() => () => {
+  React31__namespace.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -11929,7 +12037,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(React30__namespace.Fragment, { children: [
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -11991,8 +12099,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React30__namespace.useState(false);
-  React30__namespace.useEffect(() => {
+  const [dark, setDark] = React31__namespace.useState(false);
+  React31__namespace.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -12042,7 +12150,7 @@ var chipVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Chip = React30__namespace.forwardRef(function Chip2(_a, ref) {
+var Chip = React31__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) {
@@ -12144,7 +12252,7 @@ function TripCardEditorial(props) {
     tag,
     tagHref
   } = props;
-  const [internalFav, setInternalFav] = React30__namespace.useState(false);
+  const [internalFav, setInternalFav] = React31__namespace.useState(false);
   const favorited = favoritedProp != null ? favoritedProp : internalFav;
   const handleFav = (e) => {
     e.preventDefault();
@@ -12329,8 +12437,387 @@ function TripCard(props) {
     }
   );
 }
+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,
+  external,
+  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,
+      target: external ? "_blank" : void 0,
+      rel: external ? "noopener noreferrer" : void 0,
+      children: inner
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: baseClasses, children: inner });
+}
+var alignClass = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+function Figure({
+  caption,
+  wide,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: cn(wide && "lg:-mx-24"), children: [
+    children,
+    caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "mt-2.5 text-center text-xs text-muted-foreground font-sans italic", children: caption })
+  ] });
+}
+function renderBlock(block, i) {
+  var _a, _b, _c, _d, _e;
+  switch (block.type) {
+    case "paragraph":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: cn(
+            "font-sans text-foreground/90",
+            block.lead ? "text-lg sm:text-xl leading-relaxed text-foreground" : "text-base sm:text-lg leading-relaxed"
+          ),
+          children: block.text
+        },
+        i
+      );
+    case "heading": {
+      const level = (_a = block.level) != null ? _a : 2;
+      const Tag = level === 2 ? "h2" : "h3";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Tag,
+        {
+          id: block.id,
+          className: cn(
+            "font-heading font-bold text-foreground scroll-mt-24",
+            level === 2 ? "text-2xl sm:text-3xl leading-tight pt-2" : "text-xl sm:text-2xl leading-snug"
+          ),
+          children: block.text
+        },
+        i
+      );
+    }
+    case "image":
+      return /* @__PURE__ */ jsxRuntime.jsxs(Figure, { caption: block.caption, wide: block.wide, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-2xl bg-muted shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Picture,
+          {
+            src: block.src,
+            alt: (_b = block.alt) != null ? _b : "",
+            loading: "lazy",
+            className: "w-full h-auto object-cover"
+          }
+        ) }),
+        block.credit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+          "Photo: ",
+          block.credit
+        ] })
+      ] }, i);
+    case "collage":
+      return /* @__PURE__ */ jsxRuntime.jsx(Figure, { caption: block.caption, wide: block.wide, children: /* @__PURE__ */ jsxRuntime.jsx(
+        PhotoGallery,
+        {
+          photos: block.photos,
+          variant: (_c = block.variant) != null ? _c : "collage",
+          initialVisible: Infinity
+        }
+      ) }, i);
+    case "table":
+      return /* @__PURE__ */ jsxRuntime.jsx(Figure, { caption: block.caption, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto rounded-xl border border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-muted/60", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: block.columns.map((col) => {
+          var _a2;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "th",
+            {
+              className: cn(
+                "px-4 py-3 font-ui font-semibold text-foreground whitespace-nowrap",
+                alignClass[(_a2 = col.align) != null ? _a2 : "left"]
+              ),
+              children: col.label
+            },
+            col.key
+          );
+        }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-border", children: block.rows.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "hover:bg-muted/30 transition-colors", children: block.columns.map((col) => {
+          var _a2;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              className: cn(
+                "px-4 py-3 font-sans text-foreground/90 align-top",
+                alignClass[(_a2 = col.align) != null ? _a2 : "left"]
+              ),
+              children: row[col.key]
+            },
+            col.key
+          );
+        }) }, ri)) })
+      ] }) }) }, i);
+    case "callout": {
+      const icon = (_d = block.icon) != null ? _d : "\u{1F449}";
+      const cta = (_e = block.cta) != null ? _e : "Read more";
+      const body = /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "rounded-r-xl border-l-4 border-primary bg-muted/40 px-5 py-4",
+            block.href && "transition-colors hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          ),
+          children: [
+            block.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-ui font-semibold text-foreground", children: block.title }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "p",
+              {
+                className: cn(
+                  "font-sans text-foreground/90 leading-relaxed",
+                  block.title && "mt-1"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "mr-1.5", children: icon }),
+                  block.text
+                ]
+              }
+            ),
+            block.href && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-2 inline-flex items-center gap-1.5 font-ui text-sm font-semibold text-primary", children: [
+              cta,
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "h-3.5 w-3.5" })
+            ] })
+          ]
+        }
+      );
+      return block.href ? /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: block.href,
+          target: block.external ? "_blank" : void 0,
+          rel: block.external ? "noopener noreferrer" : void 0,
+          className: "block no-underline",
+          children: body
+        },
+        i
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: body }, i);
+    }
+    case "quote":
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "blockquote",
+        {
+          className: "border-l-4 border-border pl-5 py-1 font-sans text-xl sm:text-2xl italic leading-snug text-foreground",
+          children: [
+            block.text,
+            block.cite && /* @__PURE__ */ jsxRuntime.jsxs("cite", { className: "mt-2 block font-ui text-sm not-italic font-semibold text-muted-foreground", children: [
+              "\u2014 ",
+              block.cite
+            ] })
+          ]
+        },
+        i
+      );
+    case "list": {
+      const Tag = block.ordered ? "ol" : "ul";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Tag,
+        {
+          className: cn(
+            "font-sans text-base sm:text-lg leading-relaxed text-foreground/90 pl-5 space-y-2",
+            block.ordered ? "list-decimal" : "list-disc"
+          ),
+          children: block.items.map((item, li) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "pl-1", children: item }, li))
+        },
+        i
+      );
+    }
+    default:
+      return null;
+  }
+}
+function BlogPost({
+  image,
+  imageAlt = "",
+  title,
+  category,
+  breadcrumb,
+  author,
+  date,
+  readingTime,
+  blocks,
+  children,
+  related,
+  relatedTitle = "Keep reading",
+  className
+}) {
+  const hasMeta = !!(author || date || readingTime);
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full overflow-hidden bg-muted", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-[62vh] min-h-[460px] w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+        Picture,
+        {
+          src: image,
+          alt: imageAlt || title,
+          fetchPriority: "high",
+          eager: true,
+          className: "absolute inset-0 h-full w-full object-cover"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-transparent" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-3xl px-6 sm:px-8 pb-9 sm:pb-11", 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(React31__namespace.Fragment, { children: [
+          i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
+          crumb.href ? /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: crumb.href,
+              className: "text-xs text-white/70 font-ui hover:text-white transition-colors",
+              children: crumb.label
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-white/70 font-ui", children: crumb.label })
+        ] }, i)) }),
+        category && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(Chip, { variant: "glass", children: category }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-5xl font-bold text-white font-heading leading-tight", children: title }),
+        hasMeta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 flex items-center gap-4 flex-wrap", children: [
+          author && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
+            author.avatar && // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: author.avatar,
+                alt: author.name,
+                loading: "lazy",
+                className: "h-10 w-10 rounded-full object-cover ring-2 ring-white/30"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "leading-tight", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-white font-ui", children: author.name }),
+              author.role && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/70 font-ui", children: author.role })
+            ] })
+          ] }),
+          (date || readingTime) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 text-white/80", children: [
+            date && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-sm font-ui", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-4 w-4 shrink-0 text-primary-400" }),
+              date
+            ] }),
+            readingTime && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-sm font-ui", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, { className: "h-4 w-4 shrink-0 text-primary-400" }),
+              readingTime
+            ] })
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-3xl px-6 sm:px-8 pt-10 sm:pt-12 pb-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+      blocks.map((block, i) => renderBlock(block, i)),
+      children
+    ] }) }),
+    related && related.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-5xl px-6 sm:px-8 py-12", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold font-heading text-foreground mb-6", children: relatedTitle }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5", children: related.map((post, i) => /* @__PURE__ */ jsxRuntime.jsx(BlogCard, __spreadProps(__spreadValues({}, post), { className: "w-full" }), i)) })
+    ] }) })
+  ] });
+}
 function useHlsVideo(videoRef, src) {
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -12374,11 +12861,11 @@ function TripHeader({
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React30__namespace.useState(0);
-  const [videoReady, setVideoReady] = React30__namespace.useState(false);
-  const videoRef = React30__namespace.useRef(null);
+  const [heroIndex, setHeroIndex] = React31__namespace.useState(0);
+  const [videoReady, setVideoReady] = React31__namespace.useState(false);
+  const videoRef = React31__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React30__namespace.useMemo(
+  const validImages = React31__namespace.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -12393,7 +12880,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);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -12536,7 +13023,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(React30__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(React31__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)) }),
@@ -12702,10 +13189,10 @@ function LanguagePicker({
 }) {
   var _a;
   const t = VARIANT2[variant];
-  const [open, setOpen] = React30__namespace.useState(false);
-  const ref = React30__namespace.useRef(null);
+  const [open, setOpen] = React31__namespace.useState(false);
+  const ref = React31__namespace.useRef(null);
   const active = (_a = languages.find((l) => l.code === currentLanguage)) != null ? _a : languages[0];
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!open) return;
     const onDocClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -12906,7 +13393,7 @@ function SiteFooter({
               children: wrapper
             },
             b.alt + i
-          ) : /* @__PURE__ */ jsxRuntime.jsx(React30__namespace.Fragment, { children: wrapper }, b.alt + i);
+          ) : /* @__PURE__ */ jsxRuntime.jsx(React31__namespace.Fragment, { children: wrapper }, b.alt + i);
         }) })
       ] }),
       themes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-3", children: [
@@ -13081,10 +13568,10 @@ function TripPage({
   className
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const [activeSection, setActiveSection] = React30__namespace.useState("");
-  const [accordionValue, setAccordionValue] = React30__namespace.useState([]);
-  const [faqsExpanded, setFaqsExpanded] = React30__namespace.useState(false);
-  const accordionSectionIds = React30__namespace.useMemo(
+  const [activeSection, setActiveSection] = React31__namespace.useState("");
+  const [accordionValue, setAccordionValue] = React31__namespace.useState([]);
+  const [faqsExpanded, setFaqsExpanded] = React31__namespace.useState(false);
+  const accordionSectionIds = React31__namespace.useMemo(
     () => /* @__PURE__ */ new Set([
       "when-it-operates",
       "how-to-get-there",
@@ -13098,18 +13585,18 @@ function TripPage({
     ]),
     []
   );
-  const [navFloating, setNavFloating] = React30__namespace.useState(false);
-  const [navHidden, setNavHidden] = React30__namespace.useState(false);
-  const [isFloating, setIsFloating] = React30__namespace.useState(false);
-  const [sidebarPos, setSidebarPos] = React30__namespace.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React30__namespace.useState(false);
-  const navRef = React30__namespace.useRef(null);
-  const navSentinelRef = React30__namespace.useRef(null);
-  const sentinelRef = React30__namespace.useRef(null);
-  const sidebarPlaceholderRef = React30__namespace.useRef(null);
-  const pricingBarRef = React30__namespace.useRef(null);
-  const galleryRef = React30__namespace.useRef(null);
-  const sections = React30__namespace.useMemo(
+  const [navFloating, setNavFloating] = React31__namespace.useState(false);
+  const [navHidden, setNavHidden] = React31__namespace.useState(false);
+  const [isFloating, setIsFloating] = React31__namespace.useState(false);
+  const [sidebarPos, setSidebarPos] = React31__namespace.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React31__namespace.useState(false);
+  const navRef = React31__namespace.useRef(null);
+  const navSentinelRef = React31__namespace.useRef(null);
+  const sentinelRef = React31__namespace.useRef(null);
+  const sidebarPlaceholderRef = React31__namespace.useRef(null);
+  const pricingBarRef = React31__namespace.useRef(null);
+  const galleryRef = React31__namespace.useRef(null);
+  const sections = React31__namespace.useMemo(
     () => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       return [
@@ -13131,7 +13618,7 @@ function TripPage({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -13139,7 +13626,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -13147,7 +13634,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -13157,7 +13644,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     const check = () => {
       var _a2;
       const target = (_a2 = galleryRef.current) != null ? _a2 : pricingBarRef.current;
@@ -13168,7 +13655,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -13177,7 +13664,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -13652,120 +14139,6 @@ 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,
@@ -13816,11 +14189,11 @@ function CategoryPage2({
   className
 }) {
   var _a;
-  const [videoReady, setVideoReady] = React30__namespace.useState(false);
-  const videoRef = React30__namespace.useRef(null);
+  const [videoReady, setVideoReady] = React31__namespace.useState(false);
+  const videoRef = React31__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -13835,13 +14208,13 @@ function CategoryPage2({
     io.observe(el);
     return () => io.disconnect();
   }, [videoUrl]);
-  const [faqsExpanded, setFaqsExpanded] = React30__namespace.useState(false);
-  const [tripsExpanded, setTripsExpanded] = React30__namespace.useState(false);
-  const [filterValue, setFilterValue] = React30__namespace.useState({});
-  const [sort, setSort] = React30__namespace.useState(
+  const [faqsExpanded, setFaqsExpanded] = React31__namespace.useState(false);
+  const [tripsExpanded, setTripsExpanded] = React31__namespace.useState(false);
+  const [filterValue, setFilterValue] = React31__namespace.useState({});
+  const [sort, setSort] = React31__namespace.useState(
     defaultSort != null ? defaultSort : (_a = sortOptions == null ? void 0 : sortOptions[0]) == null ? void 0 : _a.id
   );
-  const sortedTrips = React30__namespace.useMemo(() => {
+  const sortedTrips = React31__namespace.useMemo(() => {
     const active = Object.entries(filterValue).filter(
       ([, vals]) => vals && vals.length > 0
     );
@@ -13945,7 +14318,7 @@ function CategoryPage2({
           /* @__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) => {
               const isLast = i === breadcrumb.length - 1;
-              return /* @__PURE__ */ jsxRuntime.jsxs(React30__namespace.Fragment, { children: [
+              return /* @__PURE__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 crumb.href && !isLast ? /* @__PURE__ */ jsxRuntime.jsx(
                   "a",
@@ -14072,6 +14445,7 @@ function CategoryPage2({
           BlogCard,
           {
             href: post.href,
+            external: post.external,
             image: post.image,
             imageAlt: post.imageAlt,
             title: post.title,
@@ -14232,12 +14606,12 @@ function Toast({
   duration = 6e3,
   className
 }) {
-  const [mounted, setMounted] = React30__namespace.useState(false);
-  const [visible, setVisible] = React30__namespace.useState(true);
-  React30__namespace.useEffect(() => {
+  const [mounted, setMounted] = React31__namespace.useState(false);
+  const [visible, setVisible] = React31__namespace.useState(true);
+  React31__namespace.useEffect(() => {
     setMounted(true);
   }, []);
-  React30__namespace.useEffect(() => {
+  React31__namespace.useEffect(() => {
     if (duration === 0) return;
     const t = setTimeout(() => {
       setVisible(false);
@@ -14644,21 +15018,21 @@ function LeadCapturePopup({
 }) {
   var _a;
   const config = __spreadValues(__spreadValues({}, DEFAULTS), _config);
-  const [open, setOpen] = React30.useState(false);
-  const [closing, setClosing] = React30.useState(false);
-  const [submitted, setSubmitted] = React30.useState(false);
-  const [submitting, setSubmitting] = React30.useState(false);
-  const [error, setError] = React30.useState(null);
-  const [name, setName] = React30.useState("");
-  const [email, setEmail] = React30.useState("");
-  const [travelDate, setTravelDate] = React30.useState("");
-  const panelRef = React30.useRef(null);
-  const nameRef = React30.useRef(null);
-  const show = React30.useCallback(() => {
+  const [open, setOpen] = React31.useState(false);
+  const [closing, setClosing] = React31.useState(false);
+  const [submitted, setSubmitted] = React31.useState(false);
+  const [submitting, setSubmitting] = React31.useState(false);
+  const [error, setError] = React31.useState(null);
+  const [name, setName] = React31.useState("");
+  const [email, setEmail] = React31.useState("");
+  const [travelDate, setTravelDate] = React31.useState("");
+  const panelRef = React31.useRef(null);
+  const nameRef = React31.useRef(null);
+  const show = React31.useCallback(() => {
     if (isDismissed()) return;
     setOpen(true);
   }, []);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     var _a2;
     if (isDismissed()) return;
     if (config.trigger === "delay") {
@@ -14685,7 +15059,7 @@ function LeadCapturePopup({
       return () => window.removeEventListener("scroll", handler);
     }
   }, [config.trigger, config.delaySeconds, config.scrollPercent, show]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (open && !submitted) {
       requestAnimationFrame(() => {
         var _a2;
@@ -14693,7 +15067,7 @@ function LeadCapturePopup({
       });
     }
   }, [open, submitted]);
-  const close = React30.useCallback(() => {
+  const close = React31.useCallback(() => {
     setClosing(true);
     setDismissed(config.dismissDays);
     setTimeout(() => {
@@ -14701,7 +15075,7 @@ function LeadCapturePopup({
       setClosing(false);
     }, 250);
   }, [config.dismissDays]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -14709,7 +15083,7 @@ function LeadCapturePopup({
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [open, close]);
-  const onOverlayClick = React30.useCallback(
+  const onOverlayClick = React31.useCallback(
     (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         close();
@@ -14947,11 +15321,11 @@ function ExoOrb({
   trackCursor = true,
   className
 }) {
-  const uid = React30.useId().replace(/:/g, "");
+  const uid = React31.useId().replace(/:/g, "");
   const id = (name) => `exo-orb-${uid}-${name}`;
-  const rootRef = React30.useRef(null);
-  const pupilRef = React30.useRef(null);
-  React30.useEffect(() => {
+  const rootRef = React31.useRef(null);
+  const pupilRef = React31.useRef(null);
+  React31.useEffect(() => {
     if (!trackCursor) return;
     if (typeof window === "undefined") return;
     if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
@@ -15147,13 +15521,13 @@ function AskExo({
   teaserDelayMs = 2500,
   teaserDurationMs = 6e3
 }) {
-  const [open, setOpen] = React30.useState(false);
-  const [question, setQuestion] = React30.useState("");
-  const [teaserVisible, setTeaserVisible] = React30.useState(false);
+  const [open, setOpen] = React31.useState(false);
+  const [question, setQuestion] = React31.useState("");
+  const [teaserVisible, setTeaserVisible] = React31.useState(false);
   const teaserEnabled = !!teaser && teaser !== "";
-  const inputRef = React30.useRef(null);
-  const textareaRef = React30.useRef(null);
-  React30.useEffect(() => {
+  const inputRef = React31.useRef(null);
+  const textareaRef = React31.useRef(null);
+  React31.useEffect(() => {
     if (!open) {
       setQuestion("");
       return;
@@ -15165,7 +15539,7 @@ function AskExo({
     }, 200);
     return () => clearTimeout(t);
   }, [open, variant]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -15173,7 +15547,7 @@ function AskExo({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!teaserEnabled || open) return;
     if (typeof window === "undefined") return;
     const showTimer = setTimeout(() => setTeaserVisible(true), teaserDelayMs);
@@ -15186,7 +15560,7 @@ function AskExo({
       clearTimeout(hideTimer);
     };
   }, [teaserEnabled, teaserDelayMs, teaserDurationMs, open]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (open) setTeaserVisible(false);
   }, [open]);
   const askExo = (q) => {
@@ -15739,8 +16113,8 @@ function ShareWidget({
   title = "Invite friends & lower the price",
   className
 }) {
-  const [copied, setCopied] = React30__namespace.useState(false);
-  const [showToast, setShowToast] = React30__namespace.useState(false);
+  const [copied, setCopied] = React31__namespace.useState(false);
+  const [showToast, setShowToast] = React31__namespace.useState(false);
   const encodedUrl = encodeURIComponent(url);
   const encodedMsg = encodeURIComponent(`${message} ${url}`);
   const channels = [
@@ -15895,6 +16269,8 @@ exports.AgentContactCard = AgentContactCard;
 exports.Alert = Alert;
 exports.AskExo = AskExo;
 exports.BirthDateField = BirthDateField;
+exports.BlogCard = BlogCard;
+exports.BlogPost = BlogPost;
 exports.BookingAdventureCard = BookingAdventureCard;
 exports.BookingCancellationEmail = BookingCancellationEmail;
 exports.BookingConfirmedCard = BookingConfirmedCard;