feat(Stepper): new component (#2733)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

docs/app/components/content/examples/stepper/StepperModelValueExample.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+
+const items = [
+  {
+    title: 'Address',
+    description: 'Add your address here',
+    icon: 'i-lucide-house'
+  }, {
+    title: 'Shipping',
+    description: 'Set your preferred shipping method',
+    icon: 'i-lucide-truck'
+  }, {
+    title: 'Checkout',
+    description: 'Confirm your order'
+  }
+]
+
+const active = ref(0)
+
+// Note: This is for demonstration purposes only. Don't do this at home.
+onMounted(() => {
+  setInterval(() => {
+    active.value = (active.value + 1) % items.length
+  }, 2000)
+})
+</script>
+
+<template>
+  <UStepper v-model="active" :items="items" class="w-full">
+    <template #content="{ item }">
+      <Placeholder class="aspect-video">
+        This is the {{ item?.title }} step.
+      </Placeholder>
+    </template>
+  </UStepper>
+</template>