@planetaexo/design-system 0.3.6 → 0.3.11

package/dist/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var React18 = require('react');
-var dateFns = require('date-fns');
-var lucideReact = require('lucide-react');
+var React19 = require('react');
+var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var separator = require('@base-ui/react/separator');
 var jsxRuntime = require('react/jsx-runtime');
+var dateFns = require('date-fns');
+var lucideReact = require('lucide-react');
+var separator = require('@base-ui/react/separator');
 var dialog = require('@base-ui/react/dialog');
 var button = require('@base-ui/react/button');
-var classVarianceAuthority = require('class-variance-authority');
 var reactDayPicker = require('react-day-picker');
 var popover = require('@base-ui/react/popover');
 var checkbox = require('@base-ui/react/checkbox');
@@ -36,7 +36,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React18__namespace = /*#__PURE__*/_interopNamespace(React18);
+var React19__namespace = /*#__PURE__*/_interopNamespace(React19);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -72,6 +72,48 @@ var __objRest = (source, exclude) => {
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+var buttonVariants = classVarianceAuthority.cva(
+  // Base — shared across all variants
+  "inline-flex items-center justify-center gap-1.5 rounded-full transition-colors disabled:opacity-50 disabled:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        /** Ação principal — fundo sólido primary, fonte heading */
+        primary: "bg-primary text-primary-foreground font-heading font-bold hover:bg-primary/90",
+        /** Ação secundária com destaque — borda primary, texto primary, fonte heading */
+        secondary: "border border-primary text-primary font-heading font-bold hover:bg-primary/10",
+        /** Ação neutra / cancelamento — borda border, texto foreground, fonte sans */
+        outline: "border border-border text-foreground font-sans hover:bg-muted/50",
+        /** Ação destrutiva — borda e texto destructive, fonte sans */
+        destructive: "border border-destructive/50 text-destructive font-sans hover:bg-destructive/5",
+        /** Link inline — sem borda, sublinhado, texto primary */
+        link: "underline underline-offset-2 text-primary font-sans hover:text-primary/80"
+      },
+      size: {
+        sm: "px-3 py-1 text-xs",
+        md: "px-6 py-2.5 text-sm",
+        lg: "px-8 py-3 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = React19__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      __spreadValues({
+        ref,
+        className: cn(buttonVariants({ variant, size }), className)
+      }, props)
+    );
+  }
+);
+Button.displayName = "Button";
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -92,7 +134,7 @@ function Separator(_a) {
     }, props)
   );
 }
-var buttonVariants = classVarianceAuthority.cva(
+var buttonVariants2 = classVarianceAuthority.cva(
   "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -121,7 +163,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-function Button(_a) {
+function Button2(_a) {
   var _b = _a, {
     className,
     variant = "default",
@@ -135,7 +177,7 @@ function Button(_a) {
     button.Button,
     __spreadValues({
       "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className }))
+      className: cn(buttonVariants2({ variant, size, className }))
     }, props)
   );
 }
@@ -196,7 +238,7 @@ function DialogContent(_a) {
             {
               "data-slot": "dialog-close",
               render: /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
+                Button2,
                 {
                   variant: "ghost",
                   className: "absolute top-2 right-2",
@@ -302,12 +344,12 @@ function Calendar(_a) {
           defaultClassNames.nav
         ),
         button_previous: cn(
-          buttonVariants({ variant: buttonVariant }),
+          buttonVariants2({ variant: buttonVariant }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           defaultClassNames.button_previous
         ),
         button_next: cn(
-          buttonVariants({ variant: buttonVariant }),
+          buttonVariants2({ variant: buttonVariant }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           defaultClassNames.button_next
         ),
@@ -422,13 +464,13 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React18__namespace.useRef(null);
-  React18__namespace.useEffect(() => {
+  const ref = React19__namespace.useRef(null);
+  React19__namespace.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Button,
+    Button2,
     __spreadValues({
       variant: "ghost",
       size: "icon",
@@ -445,10 +487,10 @@ function CalendarDayButton(_a) {
     }, props)
   );
 }
-var FloatingInput = React18__namespace.forwardRef(
+var FloatingInput = React19__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 : React18__namespace.useId();
+    const inputId = id != null ? id : React19__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -488,10 +530,10 @@ var FloatingInput = React18__namespace.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React18__namespace.forwardRef(
+var FloatingSelect = React19__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required, children } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required", "children"]);
-    const inputId = id != null ? id : React18__namespace.useId();
+    const inputId = id != null ? id : React19__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "select",
@@ -752,11 +794,11 @@ function PhoneCountrySelect({
   className
 }) {
   var _a;
-  const [open, setOpen] = React18__namespace.useState(false);
-  const containerRef = React18__namespace.useRef(null);
-  const listRef = React18__namespace.useRef(null);
+  const [open, setOpen] = React19__namespace.useState(false);
+  const containerRef = React19__namespace.useRef(null);
+  const listRef = React19__namespace.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -767,7 +809,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -976,14 +1018,14 @@ function CountrySearchField({
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React18__namespace.useState("");
-  const [open, setOpen] = React18__namespace.useState(false);
-  const containerRef = React18__namespace.useRef(null);
-  const searchRef = React18__namespace.useRef(null);
+  const [query, setQuery] = React19__namespace.useState("");
+  const [open, setOpen] = React19__namespace.useState(false);
+  const containerRef = React19__namespace.useRef(null);
+  const searchRef = React19__namespace.useRef(null);
   const selected = list.find((c) => c.code === value);
   const isFloated = open || !!selected;
   const filtered = query.trim() ? list.filter((c) => c.name.toLowerCase().includes(query.toLowerCase())) : list;
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1071,7 +1113,7 @@ function CountrySearchField({
 function AdventureCard({ adventure }) {
   var _a, _b, _c, _d, _e;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React18__namespace.useState(
+  const [checkedInternal, setCheckedInternal] = React19__namespace.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
   const isChecked = (opt) => {
@@ -1378,14 +1420,14 @@ function BirthDateField({
   value,
   onChange
 }) {
-  const [open, setOpen] = React18__namespace.useState(false);
-  const [text, setText] = React18__namespace.useState(value ? dateFns.format(value, "dd/MM/yyyy") : "");
-  const containerRef = React18__namespace.useRef(null);
-  const inputId = React18__namespace.useId();
-  React18__namespace.useEffect(() => {
+  const [open, setOpen] = React19__namespace.useState(false);
+  const [text, setText] = React19__namespace.useState(value ? dateFns.format(value, "dd/MM/yyyy") : "");
+  const containerRef = React19__namespace.useRef(null);
+  const inputId = React19__namespace.useId();
+  React19__namespace.useEffect(() => {
     setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1494,7 +1536,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(React18__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React19__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -1664,9 +1706,9 @@ function BookingWizard({
   depositInfo,
   onCancel
 }) {
-  const [step, setStep] = React18__namespace.useState("responsible");
-  const [error, setError] = React18__namespace.useState(null);
-  const [responsible, setResponsible] = React18__namespace.useState({
+  const [step, setStep] = React19__namespace.useState("responsible");
+  const [error, setError] = React19__namespace.useState(null);
+  const [responsible, setResponsible] = React19__namespace.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -1685,7 +1727,7 @@ function BookingWizard({
     return s + ((_b = (_a = a.slots) == null ? void 0 : _a.children) != null ? _b : 0);
   }, 0);
   const totalPax = totalAdults + totalChildren;
-  const [travellers, setTravellers] = React18__namespace.useState(
+  const [travellers, setTravellers] = React19__namespace.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -1693,10 +1735,10 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React18__namespace.useState("full");
-  const [payMethod, setPayMethod] = React18__namespace.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React18__namespace.useState(false);
-  const [termsModalOpen, setTermsModalOpen] = React18__namespace.useState(false);
+  const [payAmount, setPayAmount] = React19__namespace.useState("full");
+  const [payMethod, setPayMethod] = React19__namespace.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React19__namespace.useState(false);
+  const [termsModalOpen, setTermsModalOpen] = React19__namespace.useState(false);
   const 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));
@@ -1968,7 +2010,7 @@ function Offer({
   continueDisabled,
   className
 }) {
-  const [showBooking, setShowBooking] = React18__namespace.useState(false);
+  const [showBooking, setShowBooking] = React19__namespace.useState(false);
   const isShowingCheckout = !!checkoutSlot || showBooking;
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
@@ -2090,9 +2132,9 @@ function AdventureSection({
   onAddSuggestedTraveller
 }) {
   var _a, _b, _c;
-  const [detailsOpen, setDetailsOpen] = React18__namespace.useState(false);
-  const [addModalOpen, setAddModalOpen] = React18__namespace.useState(false);
-  const [newTraveller, setNewTraveller] = React18__namespace.useState({
+  const [detailsOpen, setDetailsOpen] = React19__namespace.useState(false);
+  const [addModalOpen, setAddModalOpen] = React19__namespace.useState(false);
+  const [newTraveller, setNewTraveller] = React19__namespace.useState({
     firstName: "",
     lastName: "",
     passport: "",
@@ -3334,11 +3376,11 @@ function DatePickerField({
   fromDate,
   className
 }) {
-  const [open, setOpen] = React18__namespace.useState(false);
-  const containerRef = React18__namespace.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React18__namespace.useState();
+  const [open, setOpen] = React19__namespace.useState(false);
+  const containerRef = React19__namespace.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React19__namespace.useState();
   const hasValue = !!value;
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -3447,7 +3489,7 @@ function BookingForm({
   subtitle = "Free enquiry \u2013 no commitment",
   className
 }) {
-  const [values, setValues] = React18__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [values, setValues] = React19__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
   const set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -3738,7 +3780,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React18__namespace.createContext("default");
+var AccordionVariantContext = React19__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(
@@ -3756,7 +3798,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React18__namespace.useContext(AccordionVariantContext);
+  const variant = React19__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Item,
     __spreadValues({
@@ -3777,7 +3819,7 @@ function AccordionTrigger(_a) {
     "className",
     "children"
   ]);
-  const variant = React18__namespace.useContext(AccordionVariantContext);
+  const variant = React19__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     accordion.Accordion.Trigger,
     __spreadProps(__spreadValues({
@@ -3831,7 +3873,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React18__namespace.useContext(AccordionVariantContext);
+  const variant = React19__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Panel,
     __spreadProps(__spreadValues({
@@ -3863,7 +3905,7 @@ function FilterPanel({
   title = "Filters",
   className
 }) {
-  const [internalValue, setInternalValue] = React18__namespace.useState(
+  const [internalValue, setInternalValue] = React19__namespace.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
@@ -4025,11 +4067,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React18__namespace.useState(0);
+  const [imgIndex, setImgIndex] = React19__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);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -4156,8 +4198,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React18__namespace.useState(null);
-  const scrollRef = React18__namespace.useRef(null);
+  const [activeIndex, setActiveIndex] = React19__namespace.useState(null);
+  const scrollRef = React19__namespace.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -4243,8 +4285,8 @@ function MenuTrip({
   bold = true,
   className
 }) {
-  const scrollRef = React18__namespace.useRef(null);
-  React18__namespace.useEffect(() => {
+  const scrollRef = React19__namespace.useRef(null);
+  React19__namespace.useEffect(() => {
     if (!scrollRef.current || !activeSection) return;
     const container = scrollRef.current;
     const btn = container.querySelector(
@@ -4390,18 +4432,18 @@ function Lightbox({
   onClose
 }) {
   var _a;
-  const [index, setIndex] = React18__namespace.useState(initialIndex);
+  const [index, setIndex] = React19__namespace.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React18__namespace.useCallback(
+  const prev = React19__namespace.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React18__namespace.useCallback(
+  const next = React19__namespace.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -4595,7 +4637,7 @@ function GridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React18__namespace.useState(false);
+  const [expanded, setExpanded] = React19__namespace.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -4625,7 +4667,7 @@ function MasonryGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React18__namespace.useState(false);
+  const [expanded, setExpanded] = React19__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4698,7 +4740,7 @@ function FeaturedGallery({
   photos,
   onOpen
 }) {
-  const [expanded, setExpanded] = React18__namespace.useState(false);
+  const [expanded, setExpanded] = React19__namespace.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4775,8 +4817,8 @@ function PhotoGallery({
   onPhotoClick,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React18__namespace.useState(null);
-  const normalised = React18__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const [lightboxIndex, setLightboxIndex] = React19__namespace.useState(null);
+  const normalised = React19__namespace.useMemo(() => photos.map(normalise), [photos]);
   const handleOpen = (index) => {
     setLightboxIndex(index);
     onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
@@ -4865,7 +4907,7 @@ function PricingTrip({
   variant = "card",
   className
 }) {
-  const [showPricing, setShowPricing] = React18__namespace.useState(false);
+  const [showPricing, setShowPricing] = React19__namespace.useState(false);
   if (variant === "compact") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", className), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -5188,14 +5230,14 @@ function SiteHeader({
   className
 }) {
   const t = VARIANT[variant];
-  const [openMenu, setOpenMenu] = React18__namespace.useState(null);
-  const [langOpen, setLangOpen] = React18__namespace.useState(false);
-  const [mobileOpen, setMobileOpen] = React18__namespace.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React18__namespace.useState(null);
-  const [activeLang, setActiveLang] = React18__namespace.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React19__namespace.useState(null);
+  const [langOpen, setLangOpen] = React19__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React19__namespace.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React19__namespace.useState(null);
+  const [activeLang, setActiveLang] = React19__namespace.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React18__namespace.useRef(void 0);
-  const langCloseTimer = React18__namespace.useRef(void 0);
+  const menuCloseTimer = React19__namespace.useRef(void 0);
+  const langCloseTimer = React19__namespace.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -5216,7 +5258,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React18__namespace.useEffect(() => () => {
+  React19__namespace.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -5481,7 +5523,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(React18__namespace.Fragment, { children: [
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React19__namespace.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -5543,8 +5585,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React18__namespace.useState(false);
-  React18__namespace.useEffect(() => {
+  const [dark, setDark] = React19__namespace.useState(false);
+  React19__namespace.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -5695,7 +5737,7 @@ function TripCard({
   );
 }
 function useHlsVideo(videoRef, src) {
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -5737,11 +5779,11 @@ function TripHeader({
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React18__namespace.useState(0);
-  const [videoReady, setVideoReady] = React18__namespace.useState(false);
-  const videoRef = React18__namespace.useRef(null);
+  const [heroIndex, setHeroIndex] = React19__namespace.useState(0);
+  const [videoReady, setVideoReady] = React19__namespace.useState(false);
+  const videoRef = React19__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React18__namespace.useMemo(
+  const validImages = React19__namespace.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -5756,7 +5798,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);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -5898,7 +5940,7 @@ function TripHeader({
               siteHeader ? "-mt-44" : "-mt-36"
             ),
             children: [
-              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React18__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(React19__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)) }),
@@ -5998,19 +6040,19 @@ function TripPage({
   features,
   className
 }) {
-  const [activeSection, setActiveSection] = React18__namespace.useState("");
-  const [navFloating, setNavFloating] = React18__namespace.useState(false);
-  const [navHidden, setNavHidden] = React18__namespace.useState(false);
-  const [isFloating, setIsFloating] = React18__namespace.useState(false);
-  const [sidebarPos, setSidebarPos] = React18__namespace.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React18__namespace.useState(false);
-  const navRef = React18__namespace.useRef(null);
-  const navSentinelRef = React18__namespace.useRef(null);
-  const sentinelRef = React18__namespace.useRef(null);
-  const sidebarPlaceholderRef = React18__namespace.useRef(null);
-  const pricingBarRef = React18__namespace.useRef(null);
-  const galleryRef = React18__namespace.useRef(null);
-  const sections = React18__namespace.useMemo(
+  const [activeSection, setActiveSection] = React19__namespace.useState("");
+  const [navFloating, setNavFloating] = React19__namespace.useState(false);
+  const [navHidden, setNavHidden] = React19__namespace.useState(false);
+  const [isFloating, setIsFloating] = React19__namespace.useState(false);
+  const [sidebarPos, setSidebarPos] = React19__namespace.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React19__namespace.useState(false);
+  const navRef = React19__namespace.useRef(null);
+  const navSentinelRef = React19__namespace.useRef(null);
+  const sentinelRef = React19__namespace.useRef(null);
+  const sidebarPlaceholderRef = React19__namespace.useRef(null);
+  const pricingBarRef = React19__namespace.useRef(null);
+  const galleryRef = React19__namespace.useRef(null);
+  const sections = React19__namespace.useMemo(
     () => [
       { id: "key-info", label: "Key info", show: !!(infoGroups == null ? void 0 : infoGroups.length) },
       { id: "overview", label: "Overview", show: !!overview },
@@ -6025,7 +6067,7 @@ function TripPage({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -6033,7 +6075,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -6041,7 +6083,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -6051,7 +6093,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     const check = () => {
       var _a;
       const target = (_a = galleryRef.current) != null ? _a : pricingBarRef.current;
@@ -6062,7 +6104,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -6071,7 +6113,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React18__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -6453,6 +6495,7 @@ function PaymentModalShell({
   closeLabel = "Cancel",
   closeDisabled,
   children,
+  error,
   className
 }) {
   if (!open) return null;
@@ -6488,6 +6531,7 @@ function PaymentModalShell({
               "#",
               bookingRef
             ] }),
+            error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", className: "mt-3", children: error }),
             busy ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 flex flex-col items-center gap-4 py-6", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-10 w-10 animate-spin rounded-full border-2 border-primary/30 border-t-primary" }),
               busyMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-muted-foreground font-sans", children: busyMessage })
@@ -6500,23 +6544,178 @@ function PaymentModalShell({
 }
 
 // src/lib/stripeAppearance.ts
-var stripeAppearance = {
-  theme: "night",
+var LIGHT = {
+  theme: "none",
   variables: {
-    /** Cor primária — foco, checkbox, botão interno do Stripe */
-    colorPrimary: "#22c55e",
-    /** Border-radius dos campos do Stripe */
+    // Primary — #47bca9 (brand teal)
+    colorPrimary: "#47bca9",
+    // Backgrounds — --card (#ffffff), --background (#fefefe)
+    colorBackground: "#ffffff",
+    // Text — --foreground (#2e2d2c charcoal)
+    colorText: "#2e2d2c",
+    // Placeholder / muted — --muted-foreground (~#787776)
+    colorTextPlaceholder: "#787776",
+    // Icons
+    colorIcon: "#787776",
+    colorIconTab: "#787776",
+    colorIconTabSelected: "#47bca9",
+    colorIconTabHover: "#2e2d2c",
+    // Danger — --destructive (#ef4444)
+    colorDanger: "#ef4444",
+    // Border radius — --radius (0.5rem = 8px)
     borderRadius: "8px",
-    /** Background dos campos internos */
-    colorBackground: "#020617",
-    /** Cor base do texto */
-    colorText: "#e2e8f0",
-    /** Cor do placeholder */
-    colorTextPlaceholder: "#64748b",
-    /** Cor da borda padrão */
-    colorIconTab: "#94a3b8"
+    // Font — herda do host
+    fontFamily: "inherit"
+  },
+  rules: {
+    ".Input": {
+      border: "1px solid #e3eeeb",
+      // --border light
+      borderRadius: "8px",
+      padding: "10px 12px",
+      boxShadow: "none",
+      backgroundColor: "#ffffff",
+      color: "#2e2d2c",
+      fontSize: "14px",
+      lineHeight: "1.5"
+    },
+    ".Input:focus": {
+      border: "1px solid #47bca9",
+      // --primary
+      boxShadow: "0 0 0 2px rgba(71,188,169,0.20)",
+      outline: "none"
+    },
+    ".Input--invalid": {
+      border: "1px solid #ef4444",
+      boxShadow: "0 0 0 2px rgba(239,68,68,0.15)"
+    },
+    ".Label": {
+      color: "#787776",
+      // --muted-foreground
+      fontSize: "12px",
+      fontWeight: "500",
+      marginBottom: "4px"
+    },
+    ".Error": {
+      color: "#ef4444",
+      fontSize: "12px"
+    },
+    ".Tab": {
+      border: "1px solid #e3eeeb",
+      borderRadius: "8px",
+      boxShadow: "none",
+      backgroundColor: "#ffffff",
+      color: "#787776"
+    },
+    ".Tab:hover": {
+      color: "#2e2d2c",
+      border: "1px solid #47bca9"
+    },
+    ".Tab--selected": {
+      border: "1px solid #47bca9",
+      backgroundColor: "rgba(71,188,169,0.08)",
+      color: "#2e2d2c",
+      boxShadow: "none"
+    },
+    ".TabLabel--selected": {
+      color: "#2e2d2c"
+    },
+    ".TabIcon--selected": {
+      fill: "#47bca9"
+    },
+    ".Block": {
+      borderRadius: "8px",
+      backgroundColor: "#f3f7f6",
+      // --muted
+      border: "1px solid #e3eeeb"
+    }
+  }
+};
+var DARK = {
+  theme: "none",
+  variables: {
+    colorPrimary: "#5dc9b5",
+    // --primary dark (lightened)
+    colorBackground: "#282726",
+    // --card dark
+    colorText: "#f4f8f7",
+    // --foreground dark
+    colorTextPlaceholder: "#999693",
+    // --muted-foreground dark
+    colorIcon: "#999693",
+    colorIconTab: "#999693",
+    colorIconTabSelected: "#5dc9b5",
+    colorIconTabHover: "#f4f8f7",
+    colorDanger: "#ef4444",
+    borderRadius: "8px",
+    fontFamily: "inherit"
+  },
+  rules: {
+    ".Input": {
+      border: "1px solid rgba(255,255,255,0.10)",
+      // --border dark
+      borderRadius: "8px",
+      padding: "10px 12px",
+      boxShadow: "none",
+      backgroundColor: "#282726",
+      color: "#f4f8f7",
+      fontSize: "14px",
+      lineHeight: "1.5"
+    },
+    ".Input:focus": {
+      border: "1px solid #5dc9b5",
+      boxShadow: "0 0 0 2px rgba(93,201,181,0.20)",
+      outline: "none"
+    },
+    ".Input--invalid": {
+      border: "1px solid #ef4444",
+      boxShadow: "0 0 0 2px rgba(239,68,68,0.15)"
+    },
+    ".Label": {
+      color: "#999693",
+      fontSize: "12px",
+      fontWeight: "500",
+      marginBottom: "4px"
+    },
+    ".Error": {
+      color: "#ef4444",
+      fontSize: "12px"
+    },
+    ".Tab": {
+      border: "1px solid rgba(255,255,255,0.10)",
+      borderRadius: "8px",
+      boxShadow: "none",
+      backgroundColor: "#282726",
+      color: "#999693"
+    },
+    ".Tab:hover": {
+      color: "#f4f8f7",
+      border: "1px solid #5dc9b5"
+    },
+    ".Tab--selected": {
+      border: "1px solid #5dc9b5",
+      backgroundColor: "rgba(93,201,181,0.10)",
+      color: "#f4f8f7",
+      boxShadow: "none"
+    },
+    ".TabLabel--selected": {
+      color: "#f4f8f7"
+    },
+    ".TabIcon--selected": {
+      fill: "#5dc9b5"
+    },
+    ".Block": {
+      borderRadius: "8px",
+      backgroundColor: "#1e1d1c",
+      // --background dark
+      border: "1px solid rgba(255,255,255,0.10)"
+    }
   }
 };
+function getStripeAppearance(isDark = false) {
+  return isDark ? DARK : LIGHT;
+}
+var stripeAppearance = LIGHT;
 function Input(_a) {
   var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6583,21 +6782,21 @@ function LeadCapturePopup({
 }) {
   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(() => {
+  const [open, setOpen] = React19.useState(false);
+  const [closing, setClosing] = React19.useState(false);
+  const [submitted, setSubmitted] = React19.useState(false);
+  const [submitting, setSubmitting] = React19.useState(false);
+  const [error, setError] = React19.useState(null);
+  const [name, setName] = React19.useState("");
+  const [email, setEmail] = React19.useState("");
+  const [travelDate, setTravelDate] = React19.useState("");
+  const panelRef = React19.useRef(null);
+  const nameRef = React19.useRef(null);
+  const show = React19.useCallback(() => {
     if (isDismissed()) return;
     setOpen(true);
   }, []);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     var _a2;
     if (isDismissed()) return;
     if (config.trigger === "delay") {
@@ -6624,7 +6823,7 @@ function LeadCapturePopup({
       return () => window.removeEventListener("scroll", handler);
     }
   }, [config.trigger, config.delaySeconds, config.scrollPercent, show]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     if (open && !submitted) {
       requestAnimationFrame(() => {
         var _a2;
@@ -6632,7 +6831,7 @@ function LeadCapturePopup({
       });
     }
   }, [open, submitted]);
-  const close = React18.useCallback(() => {
+  const close = React19.useCallback(() => {
     setClosing(true);
     setDismissed(config.dismissDays);
     setTimeout(() => {
@@ -6640,7 +6839,7 @@ function LeadCapturePopup({
       setClosing(false);
     }, 250);
   }, [config.dismissDays]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -6648,7 +6847,7 @@ function LeadCapturePopup({
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [open, close]);
-  const onOverlayClick = React18.useCallback(
+  const onOverlayClick = React19.useCallback(
     (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         close();
@@ -6809,7 +7008,7 @@ function LeadCapturePopup({
                   ] }),
                   error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-destructive", role: "alert", children: error }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
-                    Button,
+                    Button2,
                     {
                       type: "submit",
                       disabled: submitting,
@@ -6841,7 +7040,7 @@ function LeadCapturePopup({
                     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: config.successMessage })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
+                    Button2,
                     {
                       onClick: close,
                       variant: "outline",
@@ -6887,6 +7086,7 @@ exports.BookingConfirmationEmail = BookingConfirmationEmail;
 exports.BookingDetails = BookingDetails;
 exports.BookingForm = BookingForm;
 exports.BookingShell = BookingShell;
+exports.Button = Button;
 exports.COUNTRIES = COUNTRIES;
 exports.CounterField = CounterField;
 exports.CountrySearchField = CountrySearchField;
@@ -6913,7 +7113,9 @@ exports.ThemeToggle = ThemeToggle;
 exports.TripCard = TripCard;
 exports.TripHeader = TripHeader;
 exports.TripPage = TripPage;
+exports.buttonVariants = buttonVariants;
 exports.cn = cn;
+exports.getStripeAppearance = getStripeAppearance;
 exports.stripeAppearance = stripeAppearance;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map