{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-529",
  "type": "registry:component",
  "title": "Comp 529",
  "description": "Comp 529",
  "files": [
    {
      "path": "registry/ui-basic/comp-529.tsx",
      "content": "import {\n\tStepper,\n\tStepperDescription,\n\tStepperIndicator,\n\tStepperItem,\n\tStepperSeparator,\n\tStepperTitle,\n\tStepperTrigger,\n} from \"@/components/ui/stepper\";\n\nconst steps = [\n\t{\n\t\tstep: 1,\n\t\ttitle: \"Step One\",\n\t\tdescription: \"Desc for step one\",\n\t},\n\t{\n\t\tstep: 2,\n\t\ttitle: \"Step Two\",\n\t\tdescription: \"Desc for step two\",\n\t},\n\t{\n\t\tstep: 3,\n\t\ttitle: \"Step Three\",\n\t\tdescription: \"Desc for step three\",\n\t},\n];\n\nexport default function Component() {\n\treturn (\n\t\t<div className=\"space-y-8 text-center\">\n\t\t\t<Stepper defaultValue={2} orientation=\"vertical\">\n\t\t\t\t{steps.map(({ step, title, description }) => (\n\t\t\t\t\t<StepperItem\n\t\t\t\t\t\tkey={step}\n\t\t\t\t\t\tstep={step}\n\t\t\t\t\t\tclassName=\"relative items-start not-last:flex-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<StepperTrigger className=\"items-start rounded pb-12 last:pb-0\">\n\t\t\t\t\t\t\t<StepperIndicator />\n\t\t\t\t\t\t\t<div className=\"mt-0.5 space-y-0.5 px-2 text-left\">\n\t\t\t\t\t\t\t\t<StepperTitle>{title}</StepperTitle>\n\t\t\t\t\t\t\t\t<StepperDescription>{description}</StepperDescription>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</StepperTrigger>\n\t\t\t\t\t\t{step < steps.length && (\n\t\t\t\t\t\t\t<StepperSeparator className=\"absolute inset-y-0 top-6.5 left-3 -order-1 m-0 -translate-x-1/2 group-data-[orientation=horizontal]/stepper:w-[calc(100%-1.5rem-0.25rem)] group-data-[orientation=horizontal]/stepper:flex-none group-data-[orientation=vertical]/stepper:h-[calc(100%-1.5rem-0.25rem)]\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</StepperItem>\n\t\t\t\t))}\n\t\t\t</Stepper>\n\t\t\t<p\n\t\t\t\tclassName=\"text-muted-foreground mt-2 text-xs\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t>\n\t\t\t\tVertical stepper with inline titles and descriptions\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}