{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-progressive-blur",
  "title": "Progressive Blur Demo",
  "description": "A scrollable panel with progressive blur fading content under the top and bottom edges.",
  "registryDependencies": ["@soralabs/progressive-blur"],
  "files": [
    {
      "path": "registry/demo/primitives/effects/progressive-blur/index.tsx",
      "content": "import { ProgressiveBlur } from \"@/components/sora-ui/effects/progressive-blur\";\n\nconst PARAGRAPHS = [\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, reiciendis eum vitae nostrum, temporibus repudiandae voluptatibus, natus iure ipsa velit odit quibusdam illum.\",\n  \"Quaerat cumque laudantium libero reprehenderit perferendis quo nulla voluptate. Repellat tenetur labore exercitationem dicta libero voluptate suscipit, iusto ea assumenda.\",\n  \"Ipsa enim, quidem atque modi error eaque, debitis perferendis, hic iste libero dignissimos ea. Quod inventore beatae aspernatur nulla rem perferendis aperiam at debitis.\",\n  \"Quod reiciendis in similique reprehenderit commodi quo blanditiis nobis hic ea optio illum placeat officia alias quasi autem earum quos obcaecati, voluptatum corporis quisquam.\",\n  \"Quisquam iste, quas explicabo omnis harum aut quam adipisci, voluptatem saepe accusantium doloribus repellendus amet culpa magnam ex et dolores accusamus commodi facere.\",\n  \"Beatae deserunt sequi id eos libero suscipit totam cum, sed architecto atque quisquam et incidunt quod fuga ullam repellat assumenda quos ab, voluptatum sint nesciunt.\",\n];\n\nexport default function ProgressiveBlurDemo() {\n  return (\n    <div className=\"relative h-80 w-full max-w-sm overflow-hidden rounded-xl border bg-background\">\n      <div className=\"h-full space-y-4 overflow-y-auto px-5 py-24 text-muted-foreground text-sm leading-relaxed\">\n        {PARAGRAPHS.map((paragraph) => (\n          <p key={paragraph}>{paragraph}</p>\n        ))}\n      </div>\n      <ProgressiveBlur direction=\"top\" />\n      <ProgressiveBlur direction=\"bottom\" />\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/sora-ui/demo/effects/progressive-blur.tsx"
    }
  ],
  "type": "registry:ui"
}