{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "table-example",
  "title": "Table",
  "description": "table-example",
  "dependencies": [
    "@heroicons/react",
    "@internationalized/number"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/menu",
    "https://intentui.com/r/table"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/table/table-example.tsx",
      "content": "'use client'\nimport { EllipsisVerticalIcon } from '@heroicons/react/16/solid'\nimport { NumberFormatter } from '@internationalized/number'\nimport { Button } from '@/components/ui/button'\nimport { Menu, MenuContent, MenuItem, MenuSeparator } from '@/components/ui/menu'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHeader,\n  TableRow,\n} from '@/components/ui/table'\n\nexport default function TableDemo() {\n  return (\n    <div className=\"rounded-lg border p-4\">\n      <Table aria-label=\"Products\">\n        <TableHeader>\n          <TableColumn className=\"w-0\">#</TableColumn>\n          <TableColumn isRowHeader>Name</TableColumn>\n          <TableColumn>Category</TableColumn>\n          <TableColumn>Price</TableColumn>\n          <TableColumn>Stock</TableColumn>\n          <TableColumn />\n        </TableHeader>\n        <TableBody items={products}>\n          {(item) => (\n            <TableRow id={item.id}>\n              <TableCell>{item.id}</TableCell>\n              <TableCell>{item.name}</TableCell>\n              <TableCell>{item.category}</TableCell>\n              <TableCell>\n                {new NumberFormatter('en-US', {\n                  style: 'currency',\n                  currency: 'USD',\n                }).format(item.price)}\n              </TableCell>\n              <TableCell>{item.stock}</TableCell>\n              <TableCell className=\"flex justify-end\">\n                <Menu>\n                  <Button intent=\"plain\" size=\"sq-sm\" aria-label=\"Options\">\n                    <EllipsisVerticalIcon />\n                  </Button>\n                  <MenuContent aria-label=\"Actions\" placement=\"left top\">\n                    <MenuItem>View</MenuItem>\n                    <MenuItem>Edit</MenuItem>\n                    <MenuSeparator />\n                    <MenuItem intent=\"danger\">Delete</MenuItem>\n                  </MenuContent>\n                </Menu>\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n    </div>\n  )\n}\n\nexport const products = [\n  {\n    id: '1',\n    name: 'iPhone 13',\n    category: 'Electronics',\n    price: 799,\n    brand: 'Apple',\n    stock: 150,\n  },\n  {\n    id: '2',\n    name: 'Galaxy S21',\n    category: 'Electronics',\n    price: 699,\n    brand: 'Samsung',\n    stock: 200,\n  },\n  {\n    id: '3',\n    name: 'MacBook Pro',\n    category: 'Computers',\n    price: 1299,\n    brand: 'Apple',\n    stock: 80,\n  },\n  {\n    id: '4',\n    name: 'Dell XPS 13',\n    category: 'Computers',\n    price: 999,\n    brand: 'Dell',\n    stock: 50,\n  },\n  {\n    id: '5',\n    name: 'Sony WH-1000XM4',\n    category: 'Headphones',\n    price: 349,\n    brand: 'Sony',\n    stock: 120,\n  },\n  {\n    id: '6',\n    name: 'AirPods Pro',\n    category: 'Headphones',\n    price: 249,\n    brand: 'Apple',\n    stock: 180,\n  },\n  {\n    id: '7',\n    name: 'Fitbit Charge 5',\n    category: 'Wearables',\n    price: 179,\n    brand: 'Fitbit',\n    stock: 75,\n  },\n]\n",
      "type": "registry:page",
      "target": "app/table-example/page.tsx"
    }
  ],
  "type": "registry:page"
}