{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-list-motion",
  "type": "registry:block",
  "title": "Card list (motion)",
  "description": "The card list, with cards appearing one after another as you scroll to it.",
  "categories": [
    "motion"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/card-list.json",
    "https://facadeui.dev/r/motion-primitives.json"
  ],
  "files": [
    {
      "path": "src/sections/card-list-motion.tsx",
      "type": "registry:component",
      "target": "components/sections/card-list-motion.tsx",
      "content": "\"use client\"\n\n/**\n * CardListMotion — the card grid with a staggered entrance.\n *\n * Cards arrive in sequence as the grid scrolls in.\n *\n * A genuine wrapper: it renders the static `CardList` and only swaps the list\n * slots, so no markup, styling or accessibility behaviour is duplicated. *\n * Dependencies: react, @/components/motion/slots,\n * @/components/sections/card-list.\n */\n\nimport { StaggerList, StaggerListItem } from \"@/components/motion/slots\"\nimport { CardList, type CardListProps } from \"@/components/sections/card-list\"\n\nexport type CardListMotionProps = Omit<CardListProps, \"listAs\" | \"itemAs\">\n\nexport function CardListMotion(props: CardListMotionProps) {\n  return <CardList {...props} listAs={StaggerList} itemAs={StaggerListItem} />\n}\n"
    }
  ],
  "docs": "Render FacadeMotionProvider once near the root of your app. Icons passed to a -motion section need a client boundary. Docs: https://facadeui.dev/components/card-list-motion"
}