@planetaexo/design-system 0.3.4 → 0.3.5

package/dist/index.cjs

@@ -6423,6 +6423,81 @@ function ActivityCard({
     }
   );
 }
+var VARIANT_STYLES = {
+  error: "text-destructive border-destructive/30 bg-destructive/5",
+  warning: "text-amber-400 border-amber-500/30 bg-amber-500/10",
+  success: "text-primary border-primary/30 bg-primary/10",
+  info: "text-muted-foreground border-primary/25 bg-primary/5"
+};
+function Alert({ variant = "info", children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border px-3 py-2 text-sm font-sans leading-snug",
+        VARIANT_STYLES[variant],
+        className
+      ),
+      children
+    }
+  );
+}
+function PaymentModalShell({
+  open,
+  title,
+  subtitle,
+  bookingRef,
+  busy,
+  busyMessage,
+  onClose,
+  closeLabel = "Cancel",
+  closeDisabled,
+  children,
+  className
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/70 p-4",
+      role: "dialog",
+      "aria-modal": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "relative w-full max-w-md rounded-2xl border border-border bg-card p-6 shadow-xl",
+            "max-h-[90vh] overflow-y-auto",
+            className
+          ),
+          children: [
+            onClose && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => !closeDisabled && onClose(),
+                disabled: closeDisabled,
+                "aria-label": closeLabel,
+                className: "absolute right-4 top-4 text-xl leading-none text-muted-foreground hover:text-foreground disabled:opacity-40 transition-colors",
+                children: "\xD7"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pr-8 text-lg font-bold text-foreground font-heading", children: title }),
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground font-sans", children: subtitle }),
+            bookingRef != null && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs text-muted-foreground font-sans", children: [
+              "#",
+              bookingRef
+            ] }),
+            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 })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6", children })
+          ]
+        }
+      )
+    }
+  );
+}
 function Input(_a) {
   var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6787,6 +6862,7 @@ function LeadCapturePopup({
 }
 
 exports.ActivityCard = ActivityCard;
+exports.Alert = Alert;
 exports.BookingConfirmation = BookingConfirmation;
 exports.BookingConfirmationEmail = BookingConfirmationEmail;
 exports.BookingDetails = BookingDetails;
@@ -6808,6 +6884,7 @@ exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;
 exports.PaymentAmountSelector = PaymentAmountSelector;
 exports.PaymentMethodSelector = PaymentMethodSelector;
+exports.PaymentModalShell = PaymentModalShell;
 exports.PhoneCountrySelect = PhoneCountrySelect;
 exports.PhotoGallery = PhotoGallery;
 exports.PricingTrip = PricingTrip;