{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table",
  "title": "Table",
  "registryDependencies": [
    "@birchline/tokens",
    "@birchline/utils"
  ],
  "files": [
    {
      "path": "src/components/ui/table.tsx",
      "content": "import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\ntype TableDensity = \"compact\" | \"default\" | \"comfortable\" | \"spacious\"\n\nconst densityPadding: Record<TableDensity, string> = {\n  compact: \"py-1 px-4\",\n  default: \"py-2.5 px-4\",\n  comfortable: \"py-4 px-4\",\n  spacious: \"py-6 px-4\",\n}\n\nconst TableDensityContext = React.createContext<TableDensity>(\"default\")\n\nfunction useTableDensity() {\n  return React.useContext(TableDensityContext)\n}\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement> & { density?: TableDensity }\n>(({ className, density = \"default\", children, ...props }, ref) => (\n  <TableDensityContext.Provider value={density}>\n    <div className=\"relative w-full overflow-x-auto overflow-y-visible\">\n      <table\n        ref={ref}\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      >\n        {children}\n      </table>\n    </div>\n  </TableDensityContext.Provider>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n  )\n)\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n  )\n)\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  )\n)\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        \"border-b border-muted transition-colors hover:bg-accent/50 data-[state=selected]:bg-accent\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(\n  ({ className, ...props }, ref) => {\n    const density = useTableDensity()\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          densityPadding[density],\n          \"text-left align-middle font-medium text-muted-foreground bg-muted/50 [&:has([role=checkbox])]:pr-0\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\n  ({ className, ...props }, ref) => {\n    const density = useTableDensity()\n    return (\n      <td\n        ref={ref}\n        className={cn(\n          densityPadding[density],\n          \"align-middle [&:has([role=checkbox])]:pr-0\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n  ({ className, ...props }, ref) => (\n    <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n  )\n)\nTableCaption.displayName = \"TableCaption\"\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\nexport type { TableDensity }\n",
      "type": "registry:ui",
      "target": "components/ui/table.tsx"
    }
  ],
  "type": "registry:ui"
}