@planetaexo/design-system 0.2.14 → 0.3.0

package/dist/index.cjs

@@ -16,6 +16,7 @@ var checkbox = require('@base-ui/react/checkbox');
 var accordion = require('@base-ui/react/accordion');
 var mergeProps = require('@base-ui/react/merge-props');
 var useRender = require('@base-ui/react/use-render');
+var input = require('@base-ui/react/input');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -2654,6 +2655,42 @@ function BookingDetails({
     }
   );
 }
+var DEFAULT_LABELS = {
+  ctaButton: "View booking details",
+  logoAlt: "PlanetaEXO",
+  greeting: (recipientName) => `Hi ${recipientName},`,
+  confirmationMessage: "Great news \u2014 your booking has been confirmed! Everything is set and we\u2019re getting ready for your adventure.",
+  detailsIntro: "Below you\u2019ll find the full details of your reservation, including the adventures, travellers, and payment summary.",
+  nextStepsHeading: "\u{1F4CB} Next Steps",
+  nextSteps: [
+    "Each traveller will receive a separate email with a link to complete their individual registration.",
+    "Make sure everyone completes their registration so we can organise everything properly.",
+    "You will receive a final confirmation once all travellers are registered and ready to go."
+  ],
+  bookingSummaryHeading: "\u{1F4DD} Booking Summary",
+  bookingNumberLabel: "Booking Number",
+  adventuresLabel: "Adventures",
+  totalTravellersLabel: "Total Travellers",
+  agentLabel: "Agent",
+  adultsUnit: "adult(s)",
+  childrenUnit: "child(ren)",
+  travellersLabel: "Travellers",
+  childBadge: "child",
+  itineraryLabel: "Itinerary",
+  includedLabel: "O que est\xE1 incluso",
+  notIncludedLabel: "O que n\xE3o est\xE1 incluso",
+  pricingLabel: "Pricing",
+  subtotalLabel: "Subtotal",
+  totalLabel: "Total",
+  paymentSummaryHeading: "\u{1F4B0} Payment Summary",
+  paymentDetailsHeading: "Payment Details",
+  depositLabel: (percent) => `Deposit (${percent}%)`,
+  remainingBalanceLabel: "Remaining balance",
+  balanceDueLabel: "Balance due",
+  paidInFullLabel: "\u2705 Paid in full",
+  footerMessage: "All travellers have been registered for this booking. Each person will receive a separate email with their individual details and any pre-departure information.",
+  footerContact: (agent) => `If you have any questions, just reply to this email or contact ${agent} \u2014 happy to help.`
+};
 var DEFAULT_LOGO = "/logo-planetaexo.png";
 function BookingConfirmation({
   recipientName,
@@ -2666,8 +2703,10 @@ function BookingConfirmation({
   depositInfo,
   agent,
   viewBookingUrl,
+  labels,
   className
 }) {
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels);
   const allTravellers = adventures.flatMap((a) => {
     var _a;
     return (_a = a.travellers) != null ? _a : [];
@@ -2677,14 +2716,14 @@ function BookingConfirmation({
     {
       href: viewBookingUrl,
       className: "inline-flex items-center justify-center rounded-lg bg-primary px-8 py-3.5 text-sm font-bold text-primary-foreground font-heading hover:bg-primary/90 transition-colors no-underline",
-      children: "View booking details"
+      children: l.ctaButton
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: "inline-flex items-center justify-center rounded-lg bg-primary px-8 py-3.5 text-sm font-bold text-primary-foreground font-heading",
       role: "presentation",
-      children: "View booking details"
+      children: l.ctaButton
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2699,50 +2738,42 @@ function BookingConfirmation({
           "img",
           {
             src: logoUrl,
-            alt: "PlanetaEXO",
+            alt: l.logoAlt,
             className: "h-[70px] w-auto object-contain"
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-5 text-base", children: [
-            "Hi ",
-            recipientName,
-            ","
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: "Great news \u2014 your booking has been confirmed! Everything is set and we're getting ready for your adventure." }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 text-base", children: "Below you'll find the full details of your reservation, including the adventures, travellers, and payment summary." }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: l.greeting(recipientName) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: l.confirmationMessage }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-8 text-base", children: l.detailsIntro }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-10", children: ViewBookingCta })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4CB} Next Steps" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border p-5 flex flex-col gap-4", children: [
-            "Each traveller will receive a separate email with a link to complete their individual registration.",
-            "Make sure everyone completes their registration so we can organise everything properly.",
-            "You will receive a final confirmation once all travellers are registered and ready to go."
-          ].map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: l.nextStepsHeading }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border p-5 flex flex-col gap-4", children: l.nextSteps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary/10 text-xs font-bold text-primary font-heading mt-0.5", children: i + 1 }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed", children: step })
           ] }, i)) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4DD} Booking Summary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: l.bookingSummaryHeading }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Booking Number" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: l.bookingNumberLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-semibold text-primary", children: bookingReference })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Adventures" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: l.adventuresLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: adventures.length })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Total Travellers" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: l.totalTravellersLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: allTravellers.length })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: "Agent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 text-muted-foreground font-ui bg-muted/30", children: l.agentLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 px-5 font-medium text-foreground", children: agent })
             ] })
           ] }) }) })
@@ -2792,8 +2823,8 @@ function BookingConfirmation({
                       /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
                     ] }),
                     [
-                      adventure.slots.adults ? `${adventure.slots.adults} adult(s)` : null,
-                      adventure.slots.children ? `${adventure.slots.children} child(ren)` : null
+                      adventure.slots.adults ? `${adventure.slots.adults} ${l.adultsUnit}` : null,
+                      adventure.slots.children ? `${adventure.slots.children} ${l.childrenUnit}` : null
                     ].filter(Boolean).join(" \xB7 ")
                   ] }),
                   adventure.partner && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-sm text-muted-foreground font-sans leading-none", children: [
@@ -2806,7 +2837,7 @@ function BookingConfirmation({
                   adventure.travellers && adventure.travellers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Travellers" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: l.travellersLabel }),
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1.5", children: adventure.travellers.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
                         "div",
                         {
@@ -2817,7 +2848,7 @@ function BookingConfirmation({
                               " ",
                               t.lastName
                             ] }),
-                            t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold text-muted-foreground bg-muted rounded-full px-2 py-0.5 font-heading uppercase tracking-wide", children: "child" })
+                            t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold text-muted-foreground bg-muted rounded-full px-2 py-0.5 font-heading uppercase tracking-wide", children: l.childBadge })
                           ]
                         },
                         t.id
@@ -2827,12 +2858,12 @@ function BookingConfirmation({
                   adventure.description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Itinerary" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: l.itineraryLabel }),
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed font-sans", children: adventure.description })
                     ] })
                   ] }),
                   adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: "O que est\xE1 incluso" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: l.includedLabel }),
                     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.included.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
                       "li",
                       {
@@ -2846,7 +2877,7 @@ function BookingConfirmation({
                     )) })
                   ] }),
                   adventure.notIncluded && adventure.notIncluded.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2.5 mt-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: "O que n\xE3o est\xE1 incluso" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-bold text-foreground font-heading", children: l.notIncludedLabel }),
                     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.notIncluded.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
                       "li",
                       {
@@ -2865,7 +2896,7 @@ function BookingConfirmation({
                   adventure.lineItems && adventure.lineItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border my-1" }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: "Pricing" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold text-muted-foreground font-heading uppercase tracking-widest mb-2", children: l.pricingLabel }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
                         adventure.lineItems.map((item, j) => /* @__PURE__ */ jsxRuntime.jsxs(
                           "div",
@@ -2891,7 +2922,7 @@ function BookingConfirmation({
                           j
                         )),
                         adventure.subtotal && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-border", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-heading", children: "Subtotal" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-heading", children: l.subtotalLabel }),
                           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-foreground font-heading whitespace-nowrap", children: adventure.subtotal })
                         ] })
                       ] })
@@ -2905,7 +2936,7 @@ function BookingConfirmation({
         }) }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: "\u{1F4B0} Payment Summary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 font-heading font-bold text-foreground text-lg", children: l.paymentSummaryHeading }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
             summaryLineItems && summaryLineItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: item.label }),
@@ -2924,27 +2955,23 @@ function BookingConfirmation({
               )
             ] }, i)),
             subtotal && /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground font-ui", children: "Subtotal" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground font-ui", children: l.subtotalLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: subtotal })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "bg-muted/30", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-4 px-4 font-bold text-foreground font-heading text-base", children: "Total" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-4 px-4 font-bold text-foreground font-heading text-base", children: l.totalLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-4 px-4 text-right font-bold text-primary font-heading text-xl whitespace-nowrap", children: total })
             ] })
           ] }) }) }),
           depositInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border mt-4 overflow-hidden", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Payment Details" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: l.paymentDetailsHeading }) }),
             /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
               /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "py-2.5 px-4 text-muted-foreground", children: [
-                  "Deposit (",
-                  depositInfo.depositPercent,
-                  "%)"
-                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: l.depositLabel(depositInfo.depositPercent) }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.depositAmount })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: "Remaining balance" }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: l.remainingBalanceLabel }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.remainingAmount })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2954,7 +2981,7 @@ function BookingConfirmation({
                     depositInfo.isPaidInFull && "border-b border-border"
                   ),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: "Balance due" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-muted-foreground", children: l.balanceDueLabel }),
                     /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2.5 px-4 text-right font-medium text-foreground whitespace-nowrap", children: depositInfo.balanceDueDate })
                   ]
                 }
@@ -2964,7 +2991,7 @@ function BookingConfirmation({
                 {
                   colSpan: 2,
                   className: "py-3 px-4 text-center font-semibold text-green-600 bg-green-50",
-                  children: "\u2705 Paid in full"
+                  children: l.paidInFullLabel
                 }
               ) })
             ] }) })
@@ -2972,18 +2999,29 @@ function BookingConfirmation({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mx-8" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-8 pb-10", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: "All travellers have been registered for this booking. Each person will receive a separate email with their individual details and any pre-departure information." }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base", children: [
-            "If you have any questions, just reply to this email or contact",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: agent }),
-            " \u2014 happy to help."
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-5 text-base", children: l.footerMessage }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base", children: l.footerContact(agent) })
         ] })
       ]
     }
   );
 }
+var DEFAULT_LABELS2 = {
+  ctaButton: "Add travellers to your booking",
+  logoAlt: "PlanetaEXO",
+  greeting: (recipientName) => `Hi ${recipientName},`,
+  thankYouMessage: "Thank you for booking your adventure with PlanetaEXO \u2014 we\u2019re really looking forward to your adventure.",
+  addTravellersInstruction: "To move forward, the first step is to add all travellers included in your booking. Once you do this, each person \u2014 including you \u2014 will receive an email with a link to complete their individual registration.",
+  summaryHeading: "\u{1F4DD} Here\u2019s a quick summary of your booking:",
+  bookingNumberLabel: "Booking Number:",
+  activityLabel: "Activity:",
+  adventureLabel: "Adventure:",
+  startingDateLabel: "Starting Date:",
+  numberOfPeopleLabel: "Number of People:",
+  hostLabel: "Host:",
+  postCtaMessage: "After adding everyone, you will also receive your own registration email, just like the other travellers. Please make sure everyone completes this step so we can organise everything properly.",
+  closingMessage: "If you have any questions, just reply to this email \u2014 happy to help."
+};
 var DEFAULT_LOGO2 = "/logo-planetaexo.png";
 function BookingConfirmationEmail({
   recipientName,
@@ -2995,21 +3033,23 @@ function BookingConfirmationEmail({
   startingDate,
   numberOfPeople,
   host,
+  labels,
   className
 }) {
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
   const AddTravellersCta = addTravellersUrl ? /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
       href: addTravellersUrl,
       className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading hover:bg-primary-800 transition-colors no-underline",
-      children: "Add travellers to your booking"
+      children: l.ctaButton
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: "inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-sm font-bold text-primary-foreground font-heading",
       role: "presentation",
-      children: "Add travellers to your booking"
+      children: l.ctaButton
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3024,49 +3064,45 @@ function BookingConfirmationEmail({
           "img",
           {
             src: logoUrl,
-            alt: "PlanetaEXO",
+            alt: l.logoAlt,
             className: "h-[70px] w-auto object-contain"
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-4", children: [
-          "Hi ",
-          recipientName,
-          ","
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "Thank you for booking your adventure with PlanetaEXO \u2014 we're really looking forward to your adventure." }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "To move forward, the first step is to add all travellers included in your booking. Once you do this, each person \u2014 including you \u2014 will receive an email with a link to complete their individual registration." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.greeting(recipientName) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.thankYouMessage }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.addTravellersInstruction }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8", children: AddTravellersCta }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-heading font-bold text-foreground", children: "\u{1F4DD} Here's a quick summary of your booking:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-heading font-bold text-foreground", children: l.summaryHeading }),
         /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "divide-y divide-border", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Booking Number:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.bookingNumberLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: bookingNumber })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Activity:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.activityLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: activity })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Adventure:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.adventureLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: adventure })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Starting Date:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.startingDateLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: startingDate })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Number of People:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.numberOfPeopleLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: numberOfPeople })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: "Host:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 pr-4 text-muted-foreground font-ui", children: l.hostLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-1 font-medium text-foreground", children: host })
           ] })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border mb-8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "After adding everyone, you will also receive your own registration email, just like the other travellers. Please make sure everyone completes this step so we can organise everything properly." }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "If you have any questions, just reply to this email \u2014 happy to help." })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: l.postCtaMessage }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: l.closingMessage })
       ]
     }
   );
@@ -6274,6 +6310,368 @@ function ActivityCard({
     }
   );
 }
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    input.Input,
+    __spreadValues({
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )
+    }, props)
+  );
+}
+function Label(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "label",
+    __spreadValues({
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )
+    }, props)
+  );
+}
+var DEFAULTS = {
+  heading: "Where will your next adventure take you?",
+  subtitle: "Tell us about your dream trip and our travel experts will craft the perfect itinerary for you.",
+  nameLabel: "Your name",
+  namePlaceholder: "e.g. Maria Silva",
+  emailLabel: "Email",
+  emailPlaceholder: "you@example.com",
+  travelDateLabel: "When are you planning to travel?",
+  travelDateOptions: [
+    "In the next 30 days",
+    "1 \u2013 3 months from now",
+    "3 \u2013 6 months from now",
+    "6 \u2013 12 months from now",
+    "I'm just exploring"
+  ],
+  submitLabel: "Send my request",
+  successHeading: "Thank you!",
+  successMessage: "One of our travel experts will reach out soon to help plan your perfect trip.",
+  privacyText: 'By submitting you agree to our <a href="/privacy-policy" target="_blank" rel="noopener">Privacy Policy</a>.',
+  trigger: "delay",
+  delaySeconds: 5,
+  scrollPercent: 50,
+  dismissDays: 7,
+  overlayOpacity: 40,
+  position: "center"
+};
+var COOKIE_NAME = "pexo_lead_popup_dismissed";
+function isDismissed() {
+  return document.cookie.includes(`${COOKIE_NAME}=1`);
+}
+function setDismissed(days) {
+  const expires = new Date(Date.now() + days * 864e5).toUTCString();
+  document.cookie = `${COOKIE_NAME}=1; expires=${expires}; path=/; SameSite=Lax`;
+}
+function LeadCapturePopup({
+  config: _config
+}) {
+  var _a;
+  const config = __spreadValues(__spreadValues({}, DEFAULTS), _config);
+  const [open, setOpen] = React18.useState(false);
+  const [closing, setClosing] = React18.useState(false);
+  const [submitted, setSubmitted] = React18.useState(false);
+  const [submitting, setSubmitting] = React18.useState(false);
+  const [error, setError] = React18.useState(null);
+  const [name, setName] = React18.useState("");
+  const [email, setEmail] = React18.useState("");
+  const [travelDate, setTravelDate] = React18.useState("");
+  const panelRef = React18.useRef(null);
+  const nameRef = React18.useRef(null);
+  const show = React18.useCallback(() => {
+    if (isDismissed()) return;
+    setOpen(true);
+  }, []);
+  React18.useEffect(() => {
+    var _a2;
+    if (isDismissed()) return;
+    if (config.trigger === "delay") {
+      const t = setTimeout(show, ((_a2 = config.delaySeconds) != null ? _a2 : 5) * 1e3);
+      return () => clearTimeout(t);
+    }
+    if (config.trigger === "exit_intent") {
+      const handler = (e) => {
+        if (e.clientY <= 5) show();
+      };
+      document.addEventListener("mouseout", handler);
+      return () => document.removeEventListener("mouseout", handler);
+    }
+    if (config.trigger === "scroll") {
+      const handler = () => {
+        var _a3;
+        const pct = window.scrollY / (document.documentElement.scrollHeight - window.innerHeight) * 100;
+        if (pct >= ((_a3 = config.scrollPercent) != null ? _a3 : 50)) {
+          show();
+          window.removeEventListener("scroll", handler);
+        }
+      };
+      window.addEventListener("scroll", handler, { passive: true });
+      return () => window.removeEventListener("scroll", handler);
+    }
+  }, [config.trigger, config.delaySeconds, config.scrollPercent, show]);
+  React18.useEffect(() => {
+    if (open && !submitted) {
+      requestAnimationFrame(() => {
+        var _a2;
+        return (_a2 = nameRef.current) == null ? void 0 : _a2.focus();
+      });
+    }
+  }, [open, submitted]);
+  const close = React18.useCallback(() => {
+    setClosing(true);
+    setDismissed(config.dismissDays);
+    setTimeout(() => {
+      setOpen(false);
+      setClosing(false);
+    }, 250);
+  }, [config.dismissDays]);
+  React18.useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (e.key === "Escape") close();
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [open, close]);
+  const onOverlayClick = React18.useCallback(
+    (e) => {
+      if (panelRef.current && !panelRef.current.contains(e.target)) {
+        close();
+      }
+    },
+    [close]
+  );
+  const handleSubmit = async (e) => {
+    var _a2;
+    e.preventDefault();
+    setError(null);
+    if (!name.trim() || !email.trim() || !travelDate) {
+      setError("Please fill in all fields.");
+      return;
+    }
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+      setError("Please enter a valid email address.");
+      return;
+    }
+    setSubmitting(true);
+    try {
+      if (config.ajaxUrl) {
+        const res = await fetch(config.ajaxUrl, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            name: name.trim(),
+            email: email.trim(),
+            travel_date: travelDate,
+            nonce: (_a2 = config.nonce) != null ? _a2 : ""
+          })
+        });
+        if (!res.ok) throw new Error("Server error");
+      }
+      setSubmitted(true);
+      setDismissed(config.dismissDays);
+    } catch (e2) {
+      setError("Something went wrong. Please try again.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  if (!open) return null;
+  const accentStyle = config.accentColor ? { "--popup-accent": config.accentColor } : void 0;
+  const isCenter = config.position === "center";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "pexo-lead-popup fixed inset-0 z-[99999] flex",
+        isCenter ? "items-center justify-center" : "items-end justify-end",
+        closing ? "animate-fade-out" : "animate-fade-in"
+      ),
+      style: {
+        backgroundColor: `rgba(0,0,0,${((_a = config.overlayOpacity) != null ? _a : 40) / 100})`,
+        backdropFilter: "blur(4px)",
+        WebkitBackdropFilter: "blur(4px)"
+      },
+      onClick: onOverlayClick,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": config.heading,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: panelRef,
+            className: cn(
+              "relative flex flex-col overflow-hidden bg-background text-foreground shadow-2xl ring-1 ring-foreground/5",
+              isCenter ? "m-4 w-full max-w-md rounded-2xl sm:max-w-lg" : "m-4 w-full max-w-sm rounded-2xl sm:m-6",
+              closing ? isCenter ? "animate-zoom-out" : "animate-slide-out-right" : isCenter ? "animate-zoom-in" : "animate-slide-in-right"
+            ),
+            style: accentStyle,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: close,
+                  className: "absolute top-3 right-3 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm transition-colors hover:bg-black/50",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-4 w-4" })
+                }
+              ),
+              config.imageUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-44 w-full shrink-0 overflow-hidden sm:h-52", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: config.imageUrl,
+                    alt: "",
+                    className: "h-full w-full object-cover",
+                    loading: "eager"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col gap-5 p-5 sm:p-6", children: !submitted ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-heading text-lg font-bold leading-tight tracking-tight text-foreground sm:text-xl", children: config.heading }),
+                  config.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: config.subtitle })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "pexo-lead-name", className: "text-xs uppercase tracking-wider text-muted-foreground", children: config.nameLabel }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Input,
+                      {
+                        ref: nameRef,
+                        id: "pexo-lead-name",
+                        type: "text",
+                        placeholder: config.namePlaceholder,
+                        value: name,
+                        onChange: (e) => setName(e.target.value),
+                        autoComplete: "name",
+                        className: "h-10 rounded-lg border-border/60 bg-muted/30 px-3 text-sm focus-visible:border-primary focus-visible:ring-primary/30"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "pexo-lead-email", className: "text-xs uppercase tracking-wider text-muted-foreground", children: config.emailLabel }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Input,
+                      {
+                        id: "pexo-lead-email",
+                        type: "email",
+                        placeholder: config.emailPlaceholder,
+                        value: email,
+                        onChange: (e) => setEmail(e.target.value),
+                        autoComplete: "email",
+                        className: "h-10 rounded-lg border-border/60 bg-muted/30 px-3 text-sm focus-visible:border-primary focus-visible:ring-primary/30"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "pexo-lead-travel", className: "text-xs uppercase tracking-wider text-muted-foreground", children: config.travelDateLabel }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "select",
+                      {
+                        id: "pexo-lead-travel",
+                        value: travelDate,
+                        onChange: (e) => setTravelDate(e.target.value),
+                        className: cn(
+                          "h-10 w-full appearance-none rounded-lg border border-border/60 bg-muted/30 px-3 text-sm text-foreground outline-none transition-colors",
+                          "focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-primary/30",
+                          !travelDate && "text-muted-foreground"
+                        ),
+                        style: {
+                          backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")`,
+                          backgroundRepeat: "no-repeat",
+                          backgroundPosition: "right 0.75rem center",
+                          paddingRight: "2.5rem"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select a timeframe\u2026" }),
+                          config.travelDateOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt))
+                        ]
+                      }
+                    )
+                  ] }),
+                  error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-destructive", role: "alert", children: error }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    Button,
+                    {
+                      type: "submit",
+                      disabled: submitting,
+                      className: cn(
+                        "h-11 w-full gap-2 rounded-lg text-sm font-bold tracking-wide",
+                        config.accentColor ? "border-transparent text-white" : "bg-primary text-primary-foreground hover:bg-primary/90"
+                      ),
+                      style: config.accentColor ? { backgroundColor: config.accentColor } : void 0,
+                      children: [
+                        submitting ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, { className: "h-4 w-4" }),
+                        submitting ? "Sending\u2026" : config.submitLabel
+                      ]
+                    }
+                  ),
+                  config.privacyText && /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      className: "text-center text-[11px] leading-relaxed text-muted-foreground [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:text-foreground",
+                      dangerouslySetInnerHTML: { __html: config.privacyText }
+                    }
+                  )
+                ] })
+              ] }) : (
+                /* ---- Success state ---- */
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 py-8 text-center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircleIcon, { className: "h-8 w-8 text-primary" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-heading text-lg font-bold text-foreground", children: config.successHeading }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: config.successMessage })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      onClick: close,
+                      variant: "outline",
+                      className: "mt-2 h-10 px-6 text-sm",
+                      children: "Close"
+                    }
+                  )
+                ] })
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @keyframes pexo-fade-in { from { opacity: 0 } to { opacity: 1 } }
+        @keyframes pexo-fade-out { from { opacity: 1 } to { opacity: 0 } }
+        @keyframes pexo-zoom-in { from { opacity: 0; transform: scale(0.92) } to { opacity: 1; transform: scale(1) } }
+        @keyframes pexo-zoom-out { from { opacity: 1; transform: scale(1) } to { opacity: 0; transform: scale(0.92) } }
+        @keyframes pexo-slide-in-right { from { opacity: 0; transform: translateX(100%) } to { opacity: 1; transform: translateX(0) } }
+        @keyframes pexo-slide-out-right { from { opacity: 1; transform: translateX(0) } to { opacity: 0; transform: translateX(100%) } }
+
+        .pexo-lead-popup .animate-fade-in { animation: pexo-fade-in 0.3s ease-out both }
+        .pexo-lead-popup .animate-fade-out { animation: pexo-fade-out 0.25s ease-in both }
+        .pexo-lead-popup .animate-zoom-in { animation: pexo-zoom-in 0.35s cubic-bezier(0.16,1,0.3,1) both }
+        .pexo-lead-popup .animate-zoom-out { animation: pexo-zoom-out 0.25s ease-in both }
+        .pexo-lead-popup .animate-slide-in-right { animation: pexo-slide-in-right 0.4s cubic-bezier(0.16,1,0.3,1) both }
+        .pexo-lead-popup .animate-slide-out-right { animation: pexo-slide-out-right 0.3s ease-in both }
+
+        /* Ensure popup fonts inherit from design system */
+        .pexo-lead-popup { font-family: var(--font-sans, "Literata", Georgia, serif); }
+        .pexo-lead-popup h1, .pexo-lead-popup h2, .pexo-lead-popup h3 { font-family: var(--font-heading, "ArcaMajora3", sans-serif); }
+        .pexo-lead-popup button, .pexo-lead-popup label { font-family: var(--font-ui, "ArcaMajora3", sans-serif); }
+        .pexo-lead-popup select { font-family: var(--font-sans, "Literata", Georgia, serif); }
+      ` })
+      ]
+    }
+  );
+}
 
 exports.ActivityCard = ActivityCard;
 exports.BookingConfirmation = BookingConfirmation;
@@ -6290,6 +6688,7 @@ exports.FilterPanel = FilterPanel;
 exports.FloatingInput = FloatingInput;
 exports.FloatingSelect = FloatingSelect;
 exports.Itinerary = Itinerary;
+exports.LeadCapturePopup = LeadCapturePopup;
 exports.MenuTrip = MenuTrip;
 exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;