{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stats-motion",
  "type": "registry:block",
  "title": "Stats (motion)",
  "description": "The stats, with numbers appearing one after another as you scroll to them.",
  "categories": [
    "motion"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/motion-primitives.json",
    "https://facadeui.dev/r/stats.json"
  ],
  "files": [
    {
      "path": "src/sections/stats-motion.tsx",
      "type": "registry:component",
      "target": "components/sections/stats-motion.tsx",
      "content": "\"use client\"\n\n/**\n * StatsMotion — the figures revealed in sequence as they scroll in.\n *\n * The slots render `dl`/`div` rather than `ul`/`li`, because a stats row is a\n * description list. That is why this file does not reuse `StaggerList`.\n *\n * Dependencies: react, @/components/motion/slots, @/components/motion/stagger,\n * @/components/sections/stats.\n */\n\nimport type { ReactNode } from \"react\"\n\nimport { StaggerBlock } from \"@/components/motion/slots\"\nimport { Stagger } from \"@/components/motion/stagger\"\nimport { Stats, type StatsProps } from \"@/components/sections/stats\"\n\nfunction StaggerDl({\n  className,\n  children,\n}: {\n  className?: string\n  children?: ReactNode\n}) {\n  return (\n    <Stagger as=\"dl\" className={className}>\n      {children}\n    </Stagger>\n  )\n}\n\nexport type StatsMotionProps = Omit<StatsProps, \"listAs\" | \"itemAs\">\n\nexport function StatsMotion(props: StatsMotionProps) {\n  return <Stats {...props} listAs={StaggerDl} itemAs={StaggerBlock} />\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/stats-motion"
}