{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "bento-grid-motion",
  "type": "registry:block",
  "title": "Bento grid (motion)",
  "description": "The bento grid, with tiles appearing one after another.",
  "categories": [
    "motion"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/bento-grid.json",
    "https://facadeui.dev/r/motion-primitives.json"
  ],
  "files": [
    {
      "path": "src/sections/bento-grid-motion.tsx",
      "type": "registry:component",
      "target": "components/sections/bento-grid-motion.tsx",
      "content": "\"use client\"\n\n/**\n * BentoGridMotion — the bento mosaic with a staggered entrance.\n *\n * Dependencies: react, @/components/motion/slots, @/components/sections/bento-grid.\n */\n\nimport { StaggerList, StaggerListItem } from \"@/components/motion/slots\"\nimport { BentoGrid, type BentoGridProps } from \"@/components/sections/bento-grid\"\n\nexport type BentoGridMotionProps = Omit<BentoGridProps, \"listAs\" | \"itemAs\">\n\nexport function BentoGridMotion(props: BentoGridMotionProps) {\n  return <BentoGrid {...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/bento-grid-motion"
}