{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-logo-carousel-swapper",
  "title": "Logo Carousel Swapper Demo",
  "description": "Staggered four-column logo swapper with blur and vertical motion.",
  "registryDependencies": ["@soralabs/logo-carousel-swapper"],
  "files": [
    {
      "path": "registry/demo/primitives/effects/logo-carousel-swapper/index.tsx",
      "content": "\"use client\";\n\nimport { PARTNER_LOGO_CAROUSEL_ROWS } from \"@/lib/partner-logos\";\nimport {\n  LogoCarouselSwapper,\n  type LogoCarouselSwapperProps,\n} from \"@/components/sora-ui/effects/logo-carousel-swapper\";\n\nexport function LogoCarouselSwapperExample({\n  monochrome = true,\n}: Pick<LogoCarouselSwapperProps, \"monochrome\">) {\n  return (\n    <div className=\"flex w-full max-w-full items-center justify-center overflow-hidden px-2 sm:px-4\">\n      <LogoCarouselSwapper\n        aria-label=\"Partner logos\"\n        className=\"max-w-3xl\"\n        interval={3000}\n        monochrome={monochrome}\n        rows={PARTNER_LOGO_CAROUSEL_ROWS}\n        stagger={0.12}\n      />\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/sora-ui/demo/effects/logo-carousel-swapper.tsx"
    }
  ],
  "type": "registry:ui"
}