{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "grid-list-virtualizer-example",
  "title": "Grid List Virtualizer",
  "description": "grid-list-virtualizer-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/grid-list"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/virtualizer/grid-list-virtualizer-example.tsx",
      "content": "'use client'\n\nimport { ListLayout, Virtualizer } from 'react-aria-components/Virtualizer'\nimport { GridList, GridListItem } from '@/components/ui/grid-list'\n\nconst items = Array.from({ length: 5000 }, (_, index) => ({\n  id: index + 1,\n  name: `Item ${index + 1}`,\n}))\n\nexport default function GridListVirtualizerExample() {\n  return (\n    <Virtualizer layout={ListLayout} layoutOptions={{ rowSize: 45 }}>\n      <GridList\n        aria-label=\"Select virtualized items\"\n        items={items}\n        selectionMode=\"multiple\"\n        className=\"block min-w-60 h-96 overflow-y-auto\"\n      >\n        {(item) => (\n          <GridListItem id={item.id} className=\"h-full min-h-0 border-b\">\n            {item.name}\n          </GridListItem>\n        )}\n      </GridList>\n    </Virtualizer>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/grid-list-virtualizer-example/page.tsx"
    }
  ],
  "type": "registry:page"
}