@planetaexo/design-system 0.4.21 → 0.5.0

package/dist/index.d.cts

@@ -612,9 +612,10 @@ interface RegistrationFormProps {
     dateFormatter?: (iso: string | undefined) => string;
     labels?: RegistrationFormLabels;
     className?: string;
+    readOnly?: boolean;
 }
 declare const TERMS_ACCEPT_KEY = "__registrationTermsAccepted";
-declare function RegistrationForm({ logo, logoAlt, heroImage, heroImageAlt, title, subtitle, adventure, booking, traveller, fields, values, defaultValues, onChange, onSubmit, onValidate, externalErrors, terms, includeTerms, loading, error, defaultPhoneCountry, dateFormatter, labels, className, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationForm({ logo, logoAlt, heroImage, heroImageAlt, title, subtitle, adventure, booking, traveller, fields, values, defaultValues, onChange, onSubmit, onValidate, externalErrors, terms, includeTerms, loading, error, defaultPhoneCountry, dateFormatter, labels, className, readOnly, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
 interface RegistrationSuccessCardProps {
     title?: string;
     message?: string;
@@ -665,16 +666,18 @@ interface CountrySearchFieldProps {
     countries?: CountryOption[];
     placeholder?: string;
     className?: string;
+    disabled?: boolean;
 }
 declare const COUNTRIES: CountryOption[];
-declare function CountrySearchField({ value, onChange, required, label, countries, placeholder, className, }: CountrySearchFieldProps): react_jsx_runtime.JSX.Element;
+declare function CountrySearchField({ value, onChange, required, label, countries, placeholder, className, disabled, }: CountrySearchFieldProps): react_jsx_runtime.JSX.Element;
 
 interface PhoneCountrySelectProps {
     value: string;
     onChange: (code: string) => void;
     className?: string;
+    disabled?: boolean;
 }
-declare function PhoneCountrySelect({ value, onChange, className, }: PhoneCountrySelectProps): react_jsx_runtime.JSX.Element;
+declare function PhoneCountrySelect({ value, onChange, className, disabled, }: PhoneCountrySelectProps): react_jsx_runtime.JSX.Element;
 
 interface CounterFieldProps {
     label: string;
@@ -707,8 +710,9 @@ interface BirthDateFieldProps {
     onChange: (date: Date | undefined) => void;
     error?: string;
     className?: string;
+    disabled?: boolean;
 }
-declare function BirthDateField({ label, required, value, onChange, error, className, }: BirthDateFieldProps): react_jsx_runtime.JSX.Element;
+declare function BirthDateField({ label, required, value, onChange, error, className, disabled, }: BirthDateFieldProps): react_jsx_runtime.JSX.Element;
 
 interface FilterItem {
     id: string;
@@ -1033,6 +1037,16 @@ interface AlertProps {
 }
 declare function Alert({ variant, children, className }: AlertProps): react_jsx_runtime.JSX.Element;
 
+type ToastVariant = "info" | "success" | "warning" | "error";
+interface ToastProps {
+    message: string;
+    variant?: ToastVariant;
+    onClose?: () => void;
+    duration?: number;
+    className?: string;
+}
+declare function Toast({ message, variant, onClose, duration, className, }: ToastProps): React.ReactPortal | null;
+
 declare function Dialog({ ...props }: Dialog$1.Root.Props): react_jsx_runtime.JSX.Element;
 declare function DialogClose({ ...props }: Dialog$1.Close.Props): react_jsx_runtime.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog$1.Popup.Props & {
@@ -1463,4 +1477,4 @@ declare function LeadCapturePopup({ config: _config, }: {
     config: LeadCapturePopupConfig;
 }): react_jsx_runtime.JSX.Element | null;
 
-export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, BirthDateField, type BirthDateFieldProps, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailLabels, type BookingOtpEmailProps, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TERMS_ACCEPT_KEY, TermsSection, type TermsSectionProps, ThemeToggle, TravellerFormInviteEmail, type TravellerFormInviteEmailLabels, type TravellerFormInviteEmailProps, type TravellerFormInviteLink, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
+export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, BirthDateField, type BirthDateFieldProps, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailLabels, type BookingOtpEmailProps, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TERMS_ACCEPT_KEY, TermsSection, type TermsSectionProps, ThemeToggle, Toast, type ToastProps, type ToastVariant, TravellerFormInviteEmail, type TravellerFormInviteEmailLabels, type TravellerFormInviteEmailProps, type TravellerFormInviteLink, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };

package/dist/index.d.ts

@@ -612,9 +612,10 @@ interface RegistrationFormProps {
     dateFormatter?: (iso: string | undefined) => string;
     labels?: RegistrationFormLabels;
     className?: string;
+    readOnly?: boolean;
 }
 declare const TERMS_ACCEPT_KEY = "__registrationTermsAccepted";
-declare function RegistrationForm({ logo, logoAlt, heroImage, heroImageAlt, title, subtitle, adventure, booking, traveller, fields, values, defaultValues, onChange, onSubmit, onValidate, externalErrors, terms, includeTerms, loading, error, defaultPhoneCountry, dateFormatter, labels, className, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationForm({ logo, logoAlt, heroImage, heroImageAlt, title, subtitle, adventure, booking, traveller, fields, values, defaultValues, onChange, onSubmit, onValidate, externalErrors, terms, includeTerms, loading, error, defaultPhoneCountry, dateFormatter, labels, className, readOnly, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
 interface RegistrationSuccessCardProps {
     title?: string;
     message?: string;
@@ -665,16 +666,18 @@ interface CountrySearchFieldProps {
     countries?: CountryOption[];
     placeholder?: string;
     className?: string;
+    disabled?: boolean;
 }
 declare const COUNTRIES: CountryOption[];
-declare function CountrySearchField({ value, onChange, required, label, countries, placeholder, className, }: CountrySearchFieldProps): react_jsx_runtime.JSX.Element;
+declare function CountrySearchField({ value, onChange, required, label, countries, placeholder, className, disabled, }: CountrySearchFieldProps): react_jsx_runtime.JSX.Element;
 
 interface PhoneCountrySelectProps {
     value: string;
     onChange: (code: string) => void;
     className?: string;
+    disabled?: boolean;
 }
-declare function PhoneCountrySelect({ value, onChange, className, }: PhoneCountrySelectProps): react_jsx_runtime.JSX.Element;
+declare function PhoneCountrySelect({ value, onChange, className, disabled, }: PhoneCountrySelectProps): react_jsx_runtime.JSX.Element;
 
 interface CounterFieldProps {
     label: string;
@@ -707,8 +710,9 @@ interface BirthDateFieldProps {
     onChange: (date: Date | undefined) => void;
     error?: string;
     className?: string;
+    disabled?: boolean;
 }
-declare function BirthDateField({ label, required, value, onChange, error, className, }: BirthDateFieldProps): react_jsx_runtime.JSX.Element;
+declare function BirthDateField({ label, required, value, onChange, error, className, disabled, }: BirthDateFieldProps): react_jsx_runtime.JSX.Element;
 
 interface FilterItem {
     id: string;
@@ -1033,6 +1037,16 @@ interface AlertProps {
 }
 declare function Alert({ variant, children, className }: AlertProps): react_jsx_runtime.JSX.Element;
 
+type ToastVariant = "info" | "success" | "warning" | "error";
+interface ToastProps {
+    message: string;
+    variant?: ToastVariant;
+    onClose?: () => void;
+    duration?: number;
+    className?: string;
+}
+declare function Toast({ message, variant, onClose, duration, className, }: ToastProps): React.ReactPortal | null;
+
 declare function Dialog({ ...props }: Dialog$1.Root.Props): react_jsx_runtime.JSX.Element;
 declare function DialogClose({ ...props }: Dialog$1.Close.Props): react_jsx_runtime.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog$1.Popup.Props & {
@@ -1463,4 +1477,4 @@ declare function LeadCapturePopup({ config: _config, }: {
     config: LeadCapturePopupConfig;
 }): react_jsx_runtime.JSX.Element | null;
 
-export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, BirthDateField, type BirthDateFieldProps, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailLabels, type BookingOtpEmailProps, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TERMS_ACCEPT_KEY, TermsSection, type TermsSectionProps, ThemeToggle, TravellerFormInviteEmail, type TravellerFormInviteEmailLabels, type TravellerFormInviteEmailProps, type TravellerFormInviteLink, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
+export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, BirthDateField, type BirthDateFieldProps, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, BookingConfirmedCard, type BookingConfirmedCardProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingOtpEmail, type BookingOtpEmailLabels, type BookingOtpEmailProps, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, Button, type ButtonProps, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, type EmailTokens, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, OTPCodeInput, type OTPCodeInputProps, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, type RegistrationAdventure, type RegistrationBooking, type RegistrationEmergencyContactValue, type RegistrationField, type RegistrationFieldOption, type RegistrationFieldType, type RegistrationFieldValue, RegistrationForm, type RegistrationFormLabels, type RegistrationFormProps, type RegistrationFormValues, type RegistrationNameValue, type RegistrationPhoneValue, RegistrationSuccessCard, type RegistrationSuccessCardProps, type RegistrationTerms, type RegistrationTraveller, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TERMS_ACCEPT_KEY, TermsSection, type TermsSectionProps, ThemeToggle, Toast, type ToastProps, type ToastVariant, TravellerFormInviteEmail, type TravellerFormInviteEmailLabels, type TravellerFormInviteEmailProps, type TravellerFormInviteLink, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };

package/dist/index.js

@@ -15,6 +15,7 @@ import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
 import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
 import { mergeProps } from '@base-ui/react/merge-props';
 import { useRender } from '@base-ui/react/use-render';
+import { createPortal } from 'react-dom';
 import { Input as Input$1 } from '@base-ui/react/input';
 
 var __defProp = Object.defineProperty;
@@ -607,7 +608,8 @@ var PHONE_COUNTRIES = [...PHONE_PRIORITY, ...PHONE_REST];
 function PhoneCountrySelect({
   value,
   onChange,
-  className
+  className,
+  disabled
 }) {
   var _a;
   const [open, setOpen] = React22.useState(false);
@@ -631,6 +633,7 @@ function PhoneCountrySelect({
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
   }, [open]);
   const handleSelect = (code) => {
+    if (disabled) return;
     onChange(code);
     setOpen(false);
   };
@@ -639,14 +642,19 @@ function PhoneCountrySelect({
       "button",
       {
         type: "button",
-        onClick: () => setOpen((v) => !v),
+        onClick: () => {
+          if (disabled) return;
+          setOpen((v) => !v);
+        },
         "aria-haspopup": "listbox",
         "aria-expanded": open,
+        disabled,
         className: cn(
           "flex h-14 items-center gap-1.5 rounded-l-lg border border-r-0 border-border bg-muted",
           "px-3 font-ui text-sm text-foreground transition-colors",
           "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
-          open && "border-primary ring-1 ring-primary"
+          open && "border-primary ring-1 ring-primary",
+          disabled && "opacity-50 cursor-not-allowed pointer-events-none"
         ),
         children: [
           /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: selected.flag }),
@@ -918,7 +926,8 @@ function BirthDateField({
   value,
   onChange,
   error,
-  className
+  className,
+  disabled
 }) {
   const [open, setOpen] = React22.useState(false);
   const [text, setText] = React22.useState(
@@ -983,8 +992,9 @@ function BirthDateField({
                 inputMode: "numeric",
                 value: text,
                 onChange: handleTextChange,
+                disabled,
                 placeholder: "dd/mm/yyyy",
-                className: "block h-full w-full bg-transparent px-3 pt-5 pb-2 text-base text-foreground font-ui focus:outline-none placeholder:text-muted-foreground/50"
+                className: "block h-full w-full bg-transparent px-3 pt-5 pb-2 text-base text-foreground font-ui focus:outline-none placeholder:text-muted-foreground/50 disabled:opacity-50 disabled:cursor-not-allowed"
               }
             )
           ] }),
@@ -992,10 +1002,14 @@ function BirthDateField({
             "button",
             {
               type: "button",
-              onClick: () => setOpen((v) => !v),
+              onClick: () => {
+                if (disabled) return;
+                setOpen((v) => !v);
+              },
               tabIndex: -1,
+              disabled,
               "aria-label": "Open calendar",
-              className: "px-3 h-full flex items-center text-muted-foreground hover:text-primary transition-colors focus:outline-none",
+              className: "px-3 h-full flex items-center text-muted-foreground hover:text-primary transition-colors focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed",
               children: /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4" })
             }
           )
@@ -1128,7 +1142,8 @@ function CountrySearchField({
   label = "Country",
   countries,
   placeholder = "Search country\u2026",
-  className
+  className,
+  disabled
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
@@ -1152,6 +1167,7 @@ function CountrySearchField({
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
   const handleOpen = () => {
+    if (disabled) return;
     setOpen(true);
     setQuery("");
     setTimeout(() => {
@@ -1170,9 +1186,11 @@ function CountrySearchField({
       {
         type: "button",
         onClick: handleOpen,
+        disabled,
         className: cn(
           "relative flex w-full items-center rounded-lg border border-border bg-background h-14 px-3 text-left transition-colors",
-          open && "border-primary ring-1 ring-primary"
+          open && "border-primary ring-1 ring-primary",
+          disabled && "opacity-50 cursor-not-allowed pointer-events-none"
         ),
         children: [
           /* @__PURE__ */ jsxs(
@@ -4182,14 +4200,15 @@ function isFieldEmpty(field, value) {
       return typeof value === "string" ? !value.trim() : false;
   }
 }
-function PhoneInput({ id, label, required, value, onChange, error }) {
+function PhoneInput({ id, label, required, value, onChange, error, disabled }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0", children: [
     /* @__PURE__ */ jsx(
       PhoneCountrySelect,
       {
         value: value.country,
         onChange: (country) => onChange(__spreadProps(__spreadValues({}, value), { country })),
-        className: "shrink-0"
+        className: "shrink-0",
+        disabled
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", children: [
@@ -4201,6 +4220,7 @@ function PhoneInput({ id, label, required, value, onChange, error }) {
           placeholder: " ",
           value: value.nationalNumber,
           required,
+          disabled,
           onChange: (e) => onChange(__spreadProps(__spreadValues({}, value), { nationalNumber: e.target.value })),
           className: cn(
             "peer block h-14 w-full rounded-r-lg border border-border bg-background",
@@ -4237,7 +4257,8 @@ function FloatingTextarea({
   optionalHint,
   value,
   onChange,
-  error
+  error,
+  disabled
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(
@@ -4248,6 +4269,7 @@ function FloatingTextarea({
         rows: 5,
         value,
         required,
+        disabled,
         onChange: (e) => onChange(e.target.value),
         className: cn(
           "peer block w-full resize-none rounded-lg border border-border bg-background",
@@ -4276,7 +4298,7 @@ function FloatingTextarea({
     )
   ] });
 }
-function SelectField({ field, value, onChange, error }) {
+function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
   const [open, setOpen] = React22.useState(false);
   const containerRef = React22.useRef(null);
@@ -4297,11 +4319,16 @@ function SelectField({ field, value, onChange, error }) {
       "button",
       {
         type: "button",
-        onClick: () => setOpen((o) => !o),
+        onClick: () => {
+          if (disabled) return;
+          setOpen((o) => !o);
+        },
+        disabled,
         className: cn(
           "relative flex w-full items-center rounded-lg border border-border bg-background h-14 px-3 text-left transition-colors",
           open && "border-primary ring-1 ring-primary",
-          error && !open && "border-destructive"
+          error && !open && "border-destructive",
+          disabled && "opacity-50 cursor-not-allowed pointer-events-none"
         ),
         children: [
           /* @__PURE__ */ jsxs(
@@ -4359,7 +4386,8 @@ function FieldRenderer({
   onChange,
   defaultPhoneCountry,
   labels,
-  error
+  error,
+  disabled
 }) {
   var _a, _b;
   const fieldId = `rf-${field.id}`;
@@ -4376,6 +4404,7 @@ function FieldRenderer({
           {
             label: labels.firstNameLabel,
             required: field.required,
+            disabled,
             value: v.firstName,
             onChange: (e) => onChange(__spreadProps(__spreadValues({}, v), { firstName: e.target.value })),
             error: error && !v.firstName.trim() ? error : void 0
@@ -4386,6 +4415,7 @@ function FieldRenderer({
           {
             label: labels.lastNameLabel,
             required: field.required,
+            disabled,
             value: v.lastName,
             onChange: (e) => onChange(__spreadProps(__spreadValues({}, v), { lastName: e.target.value })),
             error: error && !v.lastName.trim() ? error : void 0
@@ -4404,7 +4434,8 @@ function FieldRenderer({
         required: field.required,
         value: v,
         onChange,
-        error
+        error,
+        disabled
       }
     );
   }
@@ -4422,6 +4453,7 @@ function FieldRenderer({
             {
               label: labels.emergencyContactFirstName,
               required: field.required,
+              disabled,
               value: v.contactName.firstName,
               onChange: (e) => onChange(__spreadProps(__spreadValues({}, v), {
                 contactName: __spreadProps(__spreadValues({}, v.contactName), {
@@ -4436,6 +4468,7 @@ function FieldRenderer({
             {
               label: labels.emergencyContactLastName,
               required: field.required,
+              disabled,
               value: v.contactName.lastName,
               onChange: (e) => onChange(__spreadProps(__spreadValues({}, v), {
                 contactName: __spreadProps(__spreadValues({}, v.contactName), {
@@ -4454,7 +4487,8 @@ function FieldRenderer({
             required: field.required,
             value: v.phone,
             onChange: (phone) => onChange(__spreadProps(__spreadValues({}, v), { phone })),
-            error: error && !v.phone.nationalNumber.trim() ? error : void 0
+            error: error && !v.phone.nationalNumber.trim() ? error : void 0,
+            disabled
           }
         )
       ] })
@@ -4470,7 +4504,8 @@ function FieldRenderer({
         optionalHint: !field.required ? labels.optionalLabel : void 0,
         value: typeof value === "string" ? value : "",
         onChange,
-        error
+        error,
+        disabled
       }
     );
   }
@@ -4481,7 +4516,8 @@ function FieldRenderer({
         field,
         value: typeof value === "string" ? value : "",
         onChange: (v) => onChange(v),
-        error
+        error,
+        disabled
       }
     );
   }
@@ -4511,6 +4547,7 @@ function FieldRenderer({
                     value: opt.value,
                     checked: value === opt.value,
                     required: field.required,
+                    disabled,
                     onChange: () => onChange(opt.value),
                     className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
                   }
@@ -4534,6 +4571,7 @@ function FieldRenderer({
           {
             type: "checkbox",
             checked: value === true,
+            disabled,
             onChange: (e) => onChange(e.target.checked),
             className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
           }
@@ -4559,6 +4597,7 @@ function FieldRenderer({
                 {
                   type: "checkbox",
                   checked,
+                  disabled,
                   onChange: (e) => onChange(
                     e.target.checked ? [...selected, opt.value] : selected.filter((x) => x !== opt.value)
                   ),
@@ -4580,7 +4619,8 @@ function FieldRenderer({
         label: field.label,
         required: field.required,
         value: typeof value === "string" ? value : "",
-        onChange: (code) => onChange(code)
+        onChange: (code) => onChange(code),
+        disabled
       }
     );
   }
@@ -4592,7 +4632,8 @@ function FieldRenderer({
         required: field.required,
         value: asDate(value),
         onChange: (d) => onChange(d),
-        error
+        error,
+        disabled
       }
     );
   }
@@ -4603,6 +4644,7 @@ function FieldRenderer({
         label: field.label,
         required: field.required,
         type: "number",
+        disabled,
         value: value == null ? "" : String(value),
         onChange: (e) => onChange(e.target.value),
         error
@@ -4616,6 +4658,7 @@ function FieldRenderer({
       label: field.label,
       required: field.required,
       type: htmlType,
+      disabled,
       value: typeof value === "string" ? value : "",
       onChange: (e) => onChange(e.target.value),
       error
@@ -4646,7 +4689,8 @@ function RegistrationForm({
   defaultPhoneCountry = "BR",
   dateFormatter,
   labels,
-  className
+  className,
+  readOnly = false
 }) {
   var _a;
   const L = React22.useMemo(
@@ -4820,7 +4864,8 @@ function RegistrationForm({
                   onChange: (v) => setField(field.id, v),
                   defaultPhoneCountry,
                   labels: L,
-                  error: fieldErrors[field.id]
+                  error: fieldErrors[field.id],
+                  disabled: readOnly
                 }
               ),
               ((_a2 = field.helpText) == null ? void 0 : _a2.trim()) && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui leading-relaxed", children: field.helpText.trim() })
@@ -4843,6 +4888,7 @@ function RegistrationForm({
                         type: "checkbox",
                         checked: termsAccepted,
                         required: true,
+                        disabled: readOnly,
                         onChange: (e) => setField(TERMS_ACCEPT_KEY, e.target.checked),
                         className: "mt-0.5 h-4 w-4 shrink-0 accent-primary cursor-pointer"
                       }
@@ -4878,6 +4924,7 @@ function RegistrationForm({
                               name: "registration-terms-accept",
                               checked: termsAccepted,
                               required: true,
+                              disabled: readOnly,
                               onChange: () => setField(TERMS_ACCEPT_KEY, true),
                               className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
                             }
@@ -4894,6 +4941,7 @@ function RegistrationForm({
                           type: "radio",
                           name: "registration-terms-accept",
                           checked: current[TERMS_ACCEPT_KEY] === false,
+                          disabled: readOnly,
                           onChange: () => setField(TERMS_ACCEPT_KEY, false),
                           className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
                         }
@@ -4907,7 +4955,7 @@ function RegistrationForm({
             ] })
           ] }) }),
           error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive font-ui", children: error }),
-          /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-2", children: /* @__PURE__ */ jsx(
+          !readOnly && /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-2", children: /* @__PURE__ */ jsx(
             "button",
             {
               type: "submit",
@@ -7879,6 +7927,66 @@ function ActivityCard({
     }
   );
 }
+var variantStyles = {
+  info: "bg-[oklch(0.96_0.015_174)] border-[#47bca9] text-[#2e2d2c]",
+  success: "bg-[oklch(0.96_0.055_160)] border-green-500 text-[#2e2d2c]",
+  warning: "bg-amber-50 border-amber-400 text-[#2e2d2c]",
+  error: "bg-red-50 border-red-400 text-[#2e2d2c]"
+};
+function Toast({
+  message,
+  variant = "info",
+  onClose,
+  duration = 6e3,
+  className
+}) {
+  const [mounted, setMounted] = React22.useState(false);
+  const [visible, setVisible] = React22.useState(true);
+  React22.useEffect(() => {
+    setMounted(true);
+  }, []);
+  React22.useEffect(() => {
+    if (duration === 0) return;
+    const t = setTimeout(() => {
+      setVisible(false);
+      setTimeout(() => onClose == null ? void 0 : onClose(), 300);
+    }, duration);
+    return () => clearTimeout(t);
+  }, [duration, onClose]);
+  if (!mounted || !visible) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "alert",
+        className: cn(
+          "fixed top-4 left-4 z-[9999] flex items-start gap-3 rounded-lg border px-4 py-3 shadow-lg",
+          "max-w-sm text-sm font-ui leading-snug",
+          "animate-in fade-in slide-in-from-left-4 duration-300",
+          variantStyles[variant],
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex-1", children: message }),
+          onClose && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setVisible(false);
+                setTimeout(() => onClose(), 300);
+              },
+              className: "shrink-0 opacity-60 hover:opacity-100 transition-opacity",
+              "aria-label": "Fechar",
+              children: /* @__PURE__ */ jsx(XIcon, { size: 14 })
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+}
 function PaymentModalShell({
   open,
   title,
@@ -8541,6 +8649,6 @@ function LeadCapturePopup({
   );
 }
 
-export { ActivityCard, Alert, BirthDateField, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
+export { ActivityCard, Alert, BirthDateField, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map