{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "table-virtualizer-example",
  "title": "Table Virtualizer",
  "description": "table-virtualizer-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/table"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/virtualizer/table-virtualizer-example.tsx",
      "content": "'use client'\n\nimport { Table as TablePrimitive } from 'react-aria-components/Table'\nimport { TableLayout, Virtualizer } from 'react-aria-components/Virtualizer'\nimport { TableBody, TableCell, TableColumn, TableHeader, TableRow } from '@/components/ui/table'\n\nconst categories = ['Electronics', 'Computers', 'Accessories', 'Wearables']\nconst brands = ['Apple', 'Samsung', 'Dell', 'Sony']\n\nconst items = Array.from({ length: 2000 }, (_, index) => ({\n  id: index + 1,\n  name: `Product ${index + 1}`,\n  category: categories[index % categories.length],\n  brand: brands[index % brands.length],\n  price: `$${(49 + (index % 950)).toFixed(2)}`,\n  stock: 10 + ((index * 7) % 191),\n}))\n\nexport default function TableVirtualizerExample() {\n  return (\n    <Virtualizer layout={TableLayout} layoutOptions={{ rowHeight: 41 }}>\n      <TablePrimitive\n        aria-label=\"Virtualized products\"\n        selectionMode=\"multiple\"\n        className=\"block h-96 w-full min-w-full overflow-auto rounded-lg border text-sm/6 outline-hidden [--gutter-y:--spacing(2)] [--table-selected-bg:var(--color-secondary)]/50 [&_[data-slot=table-cell]]:h-full [&_[data-slot=table-column]]:h-full [&_[data-slot=table-column]:has([slot=selection])]:flex [&_[data-slot=table-column]:has([slot=selection])]:items-center\"\n      >\n        <TableHeader\n          style={{ width: '100%', height: '100%', backgroundColor: 'var(--color-muted)' }}\n        >\n          <TableColumn width={54} minWidth={54} style={{ width: 54 }}>\n            #\n          </TableColumn>\n          <TableColumn width=\"2fr\" isRowHeader>\n            Name\n          </TableColumn>\n          <TableColumn width=\"2fr\">Category</TableColumn>\n          <TableColumn width=\"1fr\">Brand</TableColumn>\n          <TableColumn width=\"1fr\">Price</TableColumn>\n          <TableColumn width=\"1fr\">Stock</TableColumn>\n        </TableHeader>\n        <TableBody items={items}>\n          {(item) => (\n            <TableRow id={item.id} className=\"h-full w-[inherit]\">\n              <TableCell>{item.id}</TableCell>\n              <TableCell>{item.name}</TableCell>\n              <TableCell>{item.category}</TableCell>\n              <TableCell>{item.brand}</TableCell>\n              <TableCell>{item.price}</TableCell>\n              <TableCell>{item.stock}</TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </TablePrimitive>\n    </Virtualizer>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/table-virtualizer-example/page.tsx"
    }
  ],
  "type": "registry:page"
}