Rename Custom `Stepper` Component to `TransitionStepper` and Wrap MUI `Stepper`

[JayaShakthi97]

Describe the issue:
The existing custom component named Stepper in our library conflicts with the Stepper component from Material-UI (MUI). This overlap prevents us from directly wrapping MUI's Stepper component under the same name, leading to potential confusion and integration challenges.

How to reproduce:

Expected behavior:

1. Rename Existing Component: Rename our custom Stepper component to TransitionStepper. This new name emphasizes the animation and step transition functionality unique to our component, while avoiding conflict with MUI's component namespace.
2. Wrap MUI Stepper Component: After renaming, create a new wrapper component that directly uses MUI's Stepper under the Stepper name. This will ensure consistency with the MUI API and simplify the integration process for users familiar with Material-UI.

Additional context :

• Affected Package:
  • @oxygen-ui/logger
  • @oxygen-ui/primitives
  • @oxygen-ui/react
  • @oxygen-ui/react-icons
• Library Version: v1.15.2
• OS:
  • Windows
  • Linux
  • Mac
  • Other
• Browser:
  • Google Chrome
  • Firefox
  • Safari
  • Microsoft Edge
  • Brave
  • Opera
  • Other

---

Optional Fields

Related issues:

Suggested labels: