@planetaexo/design-system 0.91.0 → 0.92.2

package/dist/index.cjs

@@ -1867,18 +1867,25 @@ function PaymentAmountSelector({
   depositLabel,
   fullLabel,
   value,
-  onChange
+  onChange,
+  disabled = false
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-bold text-foreground font-heading", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: ["deposit", "full"].map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-1 sm:grid-cols-2 gap-2", disabled && "opacity-60"), children: ["deposit", "full"].map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
-        onClick: () => onChange(opt),
+        disabled,
+        "aria-disabled": disabled,
+        onClick: () => !disabled && onChange(opt),
         className: cn(
           "rounded-lg border-2 px-4 py-3 text-sm text-left font-sans transition-colors",
-          value === opt ? "border-primary bg-primary/5 text-foreground font-semibold" : "border-border bg-background text-muted-foreground hover:border-primary/40"
+          disabled && "cursor-not-allowed",
+          value === opt ? "border-primary bg-primary/5 text-foreground font-semibold" : cn(
+            "border-border bg-background text-muted-foreground",
+            !disabled && "hover:border-primary/40"
+          )
         ),
         children: opt === "deposit" ? depositLabel : fullLabel
       },
@@ -1932,7 +1939,11 @@ function PaymentMethodSelector({
         ]
       },
       m.id
-    )) })
+    )) }),
+    (() => {
+      const selected = methods.find((m) => m.id === value);
+      return (selected == null ? void 0 : selected.expandedContent) ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: selected.expandedContent }) : null;
+    })()
   ] });
 }
 var TERMS_I18N = {