feat: add Stepper component with examples and documentation

[Sagar-S-R]

Overview

Added a new Stepper component to shadcn/ui for displaying progress through a sequence of steps.

What's Added

• 5 Core Components

  • stepper.tsx - Main container with context
  • stepper-item.tsx - Individual step wrapper
  • step-indicator.tsx - Visual circle indicator
  • step-label.tsx - Title and description
  • step-connector.tsx - Line between steps

• 4 Examples

• Basic horizontal stepper

• Vertical orientation

• Custom icons support

• Full registration flow with react-hook-form + zod validation

• Documentation

  • Complete MDX documentation at /docs/components/stepper
  • Installation instructions (CLI + manual)
  • API reference with prop tables
  • Accessibility guidelines
  • Usage examples

• Tests

  • Component tests in __tests__/stepper.test.tsx

• Registry

• Fully registered and installable via CLI:

  npx shadcn@latest add stepper

Features

• ✅ Horizontal and vertical orientations
• ✅ Custom icons support via prop
• ✅ Fully accessible with ARIA attributes
• ✅ TypeScript support with exported interfaces
• ✅ Composable component architecture
• ✅ Follows shadcn/ui design system and patterns

Testing

• Tested locally by installing via CLI in a fresh Next.js project
• All examples render and function correctly
• Component works with form libraries (react-hook-form + zod)

[vercel]

@Sagar-S-R is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.