feat(Progress): new component

[sandros94]

Resolves #10

Implementation of the old UProgress component based on radix-vue's Progress one.

Currently done:

• [x] Base component
• [x] Steps
• [x] Status Percentage (renamed from Indicator, since radix-vue identifies the bar as the indicator)
• [x] Animations
• [x] Size
• [x] Color
• [x] Slots
• [x] Orientation (NEW: useful for page-read progress)
• [x] Inverse (NEW: boolean, activates LTR or BTT)
• [ ] Vitests

Notes

• The elastic-vertical animation doesn't respect the margin-top.
• To implement both Status and Steps a div wrapper is required.
• Status Percentage renamed from Indicator. Since radix-vue already identifies the bar as the indicator.

[sandros94]

While working on the animations I've found an upstream issue, tracked here https://github.com/radix-vue/radix-vue/issues/910

[sandros94]

marking as ready for review, although vitests are still missing

[benjamincanac]

@Sandros94 Do you plan to make the tests or do you want me to take care of it?

[sandros94]

@Sandros94 Do you plan to make the tests or do you want me to take care of it?

Is it a problem if I ask you to take care of it? While it is a topic I would like to learn (I know little/nothing about vitests) I'm having some trouble finding the time for it, but I would also like to continue #52 and other components

[benjamincanac]

Not at all, I'll take care of it 😊

[benjamincanac]

@Sandros94 I've made a few changes alongside the tests, can you let me know if it's ok for you? 😊

[sandros94]

@Sandros94 I've made a few changes alongside the tests, can you let me know if it's ok for you? 😊

Amazing ones! Thanks, this is also helping me notice where I should improve. In particular with: slots, vitest and tailwind-merge 😁