## Return Request (S—284)

Start a return in three short steps: choose items and quantities, give a reason, pick refund method and drop-off.

- URL: https://sundaeui.dev/components/return-request
- Category: Checkout & payments · Art direction: Refined
- Access: Sundae Pro (authenticated install)
- Stack: React 18+, TypeScript, plain CSS; dependencies: none
- Install: `npx shadcn@latest add https://sundaeui.dev/r/return-request.json`
- Tags: form, return, order, refund, multi-step, ecommerce

Step one lists the order with checkboxes and a quantity for multiples. Step two asks why, with an optional note. Step three chooses refund to card or store credit and a drop-off option.
The refund estimate updates as items change, and the summary on the last step lists exactly what is going back.

### Usage

```tsx
import { ReturnRequest } from '@/components/sundae/return-request'

<ReturnRequest />
```

### Props

- `items` (`{ id: string; name: string; price: number; qty: number }[]`, required): Order lines.
- `onSubmit` (`(r) => void`): Called with the return.
- `fill` (`'dark' | 'light'`, default `'dark'`): Surface: dark or light.

### When to use

- Order detail pages, post-purchase support.

### When not to use

- Warranty claims needing photos and serials.

### Accessibility

- Steps are announced as "Step n of 3"; Back keeps choices.
- Reasons and methods are radiogroups.
- Reduced motion removes the movement and keeps every state change.