From 8eecc8b221c1e6a8038ef3747c0c9840c8bef267 Mon Sep 17 00:00:00 2001
From: Eduard Predescu <eduard.florin.predescu@gmail.com>
Date: Sun, 21 Jul 2024 18:39:42 +0300
Subject: [PATCH] docs(Stepper): update docs

---
 apps/www/.vitepress/theme/config/docs.ts      |  5 ++
 apps/www/__registry__/index.ts                | 14 ++++++
 .../src/content/docs/components/stepper.md    | 50 +++++++++++++++++++
 3 files changed, 69 insertions(+)
 create mode 100644 apps/www/src/content/docs/components/stepper.md

diff --git a/apps/www/.vitepress/theme/config/docs.ts b/apps/www/.vitepress/theme/config/docs.ts
index 698dcc4b..b18a57d6 100644
--- a/apps/www/.vitepress/theme/config/docs.ts
+++ b/apps/www/.vitepress/theme/config/docs.ts
@@ -321,6 +321,11 @@ export const docsConfig: DocsConfig = {
           href: '/docs/components/sonner',
           items: [],
         },
+        {
+          title: 'Stepper',
+          href: '/docs/components/stepper',
+          label: 'New',
+        },
         {
           title: 'Switch',
           href: '/docs/components/switch',
diff --git a/apps/www/__registry__/index.ts b/apps/www/__registry__/index.ts
index 3475d2ce..41a34aa4 100644
--- a/apps/www/__registry__/index.ts
+++ b/apps/www/__registry__/index.ts
@@ -990,6 +990,13 @@ export const Index = {
       component: () => import("../src/lib/registry/default/example/SonnerWithDialog.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/SonnerWithDialog.vue"],
     },
+    "StepperDemo": {
+      name: "StepperDemo",
+      type: "components:example",
+      registryDependencies: ["stepper"],
+      component: () => import("../src/lib/registry/default/example/StepperDemo.vue").then((m) => m.default),
+      files: ["../src/lib/registry/default/example/StepperDemo.vue"],
+    },
     "SwitchDemo": {
       name: "SwitchDemo",
       type: "components:example",
@@ -2433,6 +2440,13 @@ export const Index = {
       component: () => import("../src/lib/registry/new-york/example/SonnerWithDialog.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/SonnerWithDialog.vue"],
     },
+    "StepperDemo": {
+      name: "StepperDemo",
+      type: "components:example",
+      registryDependencies: ["stepper"],
+      component: () => import("../src/lib/registry/new-york/example/StepperDemo.vue").then((m) => m.default),
+      files: ["../src/lib/registry/new-york/example/StepperDemo.vue"],
+    },
     "SwitchDemo": {
       name: "SwitchDemo",
       type: "components:example",
diff --git a/apps/www/src/content/docs/components/stepper.md b/apps/www/src/content/docs/components/stepper.md
new file mode 100644
index 00000000..e0c75a8b
--- /dev/null
+++ b/apps/www/src/content/docs/components/stepper.md
@@ -0,0 +1,50 @@
+---
+title: Stepper
+description: A set of steps that are used to indicate progress through a multi-step process.
+source: apps/www/src/lib/registry/default/ui/stepper
+primitive: https://www.radix-vue.com/components/stepper.html
+---
+
+<ComponentPreview name="StepperDemo" />
+
+## Installation
+
+```bash
+npx shadcn-vue@latest add stepper
+```
+
+## Usage
+
+```vue
+<script setup lang="ts">
+import {
+  Stepper,
+  StepperDescription,
+  StepperIndicator,
+  StepperItem,
+  StepperSeparator,
+  StepperTitle,
+  StepperTrigger,
+} from '@/components/ui/stepper'
+</script>
+
+<template>
+  <Stepper>
+    <StepperItem :step="1" linear>
+      <StepperTrigger>
+        <StepperIndicator>1</StepperIndicator>
+        <StepperTitle>Step 1</StepperTitle>
+        <StepperDescription>This is the first step</StepperDescription>
+      </StepperTrigger>
+      <StepperSeparator />
+    </StepperItem>
+    <StepperItem :step="2">
+      <StepperTrigger>
+        <StepperIndicator>2</StepperIndicator>
+        <StepperTitle>Step 2</StepperTitle>
+        <StepperDescription>This is the second step</StepperDescription>
+      </StepperTrigger>
+    </StepperItem>
+  </Stepper>
+</template>
+```