{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "steps-motion-demo",
  "type": "registry:component",
  "title": "Steps (motion) example",
  "description": "Usage example (demo) for Steps (motion): the code behind the preview on https://facadeui.dev/components/steps-motion. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/examples-content.json",
    "https://facadeui.dev/r/steps-motion.json"
  ],
  "files": [
    {
      "path": "steps-motion.tsx",
      "type": "registry:component",
      "target": "components/examples/steps-motion-demo.tsx",
      "content": "\"use client\"\n\n/**\n * The `steps` demo, with the motion variant swapped in.\n *\n * Identical props: the motion variant only changes which slot components\n * the static section renders through.\n *\n * `\"use client\"` is required here, not incidental: the motion variant is a\n * client component, and icon components cannot cross a server-to-client\n * boundary as props. See the note on `IconComponent`.\n */\n\nimport { StepsMotion } from \"@/components/sections/steps-motion\"\n\nimport { STEPS } from \"./content\"\n\nexport function Demo() {\n  return (\n    <StepsMotion\n      eyebrow=\"Getting started\"\n      title=\"From nothing to a landing page\"\n      description=\"An ordered list, so a screen reader already announces 'step 2 of 3' without the numeral being read twice.\"\n      items={STEPS}\n    />\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/steps-motion-demo.tsx renders Steps (motion) with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/steps-motion"
}