{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pricing-tiers-motion",
  "type": "registry:block",
  "title": "Pricing tiers (motion)",
  "description": "The pricing tiers, with plans appearing one after another as you scroll to them.",
  "categories": [
    "motion"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/motion-primitives.json",
    "https://facadeui.dev/r/pricing-tiers.json"
  ],
  "files": [
    {
      "path": "src/sections/pricing-tiers-motion.tsx",
      "type": "registry:component",
      "target": "components/sections/pricing-tiers-motion.tsx",
      "content": "\"use client\"\n\n/**\n * PricingTiersMotion — the plan cards with a staggered entrance.\n *\n * Plans arrive in sequence as the section scrolls in.\n *\n * A genuine wrapper: it renders the static `PricingTiers` 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/pricing-tiers.\n */\n\nimport { StaggerList, StaggerListItem } from \"@/components/motion/slots\"\nimport { PricingTiers, type PricingTiersProps } from \"@/components/sections/pricing-tiers\"\n\nexport type PricingTiersMotionProps = Omit<PricingTiersProps, \"listAs\" | \"itemAs\">\n\nexport function PricingTiersMotion(props: PricingTiersMotionProps) {\n  return <PricingTiers {...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/pricing-tiers-motion"
}