{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table",
  "title": "Table",
  "description": "Structured data table with rows, columns, headers, and cells for displaying tabular data.",
  "files": [
    {
      "path": "packages/ui/src/table.tsx",
      "content": "\"use client\";\n\nimport type * as React from \"react\";\nimport { cn } from \"./utils\";\n\n// =============================================================================\n// Table\n// =============================================================================\n\nexport interface TableProps extends React.ComponentProps<\"table\"> {\n  /**\n   * Whether rows show a hover highlight\n   * @default false\n   */\n  hoverable?: boolean;\n  /**\n   * The size variant of the table\n   * @default \"default\"\n   */\n  size?: \"default\" | \"sm\";\n  /**\n   * The visual variant of the table\n   * - `default`: Standard bordered rows\n   * - `card`: Spaced rows with rounded corners and background fill\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"card\";\n}\n\nconst Table = ({\n  className,\n  size = \"default\",\n  variant = \"default\",\n  hoverable = false,\n  ref,\n  ...props\n}: TableProps & React.RefAttributes<HTMLTableElement>) => (\n  <div className=\"relative w-full overflow-x-auto\" data-slot=\"table-container\">\n    <table\n      className={cn(\n        \"group/table w-full caption-bottom text-sm data-[size=sm]:text-xs\",\n        \"data-[variant=card]:border-separate data-[variant=card]:border-spacing-y-1\",\n        className\n      )}\n      data-hoverable={hoverable || undefined}\n      data-size={size}\n      data-slot=\"table\"\n      data-variant={variant}\n      ref={ref}\n      {...props}\n    />\n  </div>\n);\n\nTable.displayName = \"Table\";\n\n// =============================================================================\n// TableHeader\n// =============================================================================\n\nexport interface TableHeaderProps extends React.ComponentProps<\"thead\"> {}\n\nconst TableHeader = ({\n  className,\n  ref,\n  ...props\n}: TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => (\n  <thead\n    className={cn(\n      \"[&_tr]:border-b group-data-[variant=card]/table:[&_tr]:border-0\",\n      className\n    )}\n    data-slot=\"table-header\"\n    ref={ref}\n    {...props}\n  />\n);\n\nTableHeader.displayName = \"TableHeader\";\n\n// =============================================================================\n// TableBody\n// =============================================================================\n\nexport interface TableBodyProps extends React.ComponentProps<\"tbody\"> {}\n\nconst TableBody = ({\n  className,\n  ref,\n  ...props\n}: TableBodyProps & React.RefAttributes<HTMLTableSectionElement>) => (\n  <tbody\n    className={cn(\n      \"[&_tr:last-child]:border-0\",\n      \"group-data-[variant=card]/table:[&_tr]:bg-muted/50 group-data-[hoverable]/table:group-data-[variant=card]/table:[&_tr]:hover:bg-muted/70\",\n      \"group-data-[variant=card]/table:[&_td:first-child]:rounded-l-lg group-data-[variant=card]/table:[&_td:last-child]:rounded-r-lg\",\n      className\n    )}\n    data-slot=\"table-body\"\n    ref={ref}\n    {...props}\n  />\n);\n\nTableBody.displayName = \"TableBody\";\n\n// =============================================================================\n// TableFooter\n// =============================================================================\n\nexport interface TableFooterProps extends React.ComponentProps<\"tfoot\"> {}\n\nconst TableFooter = ({\n  className,\n  ref,\n  ...props\n}: TableFooterProps & React.RefAttributes<HTMLTableSectionElement>) => (\n  <tfoot\n    className={cn(\n      \"border-t bg-muted/50 font-medium group-data-[variant=card]/table:border-0 group-data-[variant=card]/table:bg-transparent group-data-[size=sm]/table:text-xs [&>tr]:last:border-b-0\",\n      className\n    )}\n    data-slot=\"table-footer\"\n    ref={ref}\n    {...props}\n  />\n);\n\nTableFooter.displayName = \"TableFooter\";\n\n// =============================================================================\n// TableRow\n// =============================================================================\n\nexport interface TableRowProps extends React.ComponentProps<\"tr\"> {}\n\nconst TableRow = ({\n  className,\n  ref,\n  ...props\n}: TableRowProps & React.RefAttributes<HTMLTableRowElement>) => (\n  <tr\n    className={cn(\n      \"border-b transition-colors data-[state=selected]:bg-muted group-data-[variant=card]/table:border-0 group-data-[hoverable]/table:[[data-slot=table-body]_&]:hover:bg-muted/50\",\n      className\n    )}\n    data-slot=\"table-row\"\n    ref={ref}\n    {...props}\n  />\n);\n\nTableRow.displayName = \"TableRow\";\n\n// =============================================================================\n// TableHead\n// =============================================================================\n\nexport interface TableHeadProps extends React.ComponentProps<\"th\"> {}\n\nconst TableHead = ({\n  className,\n  ref,\n  ...props\n}: TableHeadProps & React.RefAttributes<HTMLTableCellElement>) => (\n  <th\n    className={cn(\n      \"h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground group-data-[size=sm]/table:h-8 group-data-[size=sm]/table:px-1.5 group-data-[variant=card]/table:font-normal group-data-[variant=card]/table:text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n      className\n    )}\n    data-slot=\"table-head\"\n    ref={ref}\n    {...props}\n  />\n);\n\nTableHead.displayName = \"TableHead\";\n\n// =============================================================================\n// TableCell\n// =============================================================================\n\nexport interface TableCellProps extends React.ComponentProps<\"td\"> {}\n\nconst TableCell = ({\n  className,\n  ref,\n  ...props\n}: TableCellProps & React.RefAttributes<HTMLTableCellElement>) => (\n  <td\n    className={cn(\n      \"whitespace-nowrap p-2 align-middle group-data-[size=sm]/table:p-1.5 [&:has([role=checkbox])]:pr-0\",\n      className\n    )}\n    data-slot=\"table-cell\"\n    ref={ref}\n    {...props}\n  />\n);\n\nTableCell.displayName = \"TableCell\";\n\n// =============================================================================\n// TableCaption\n// =============================================================================\n\nexport interface TableCaptionProps extends React.ComponentProps<\"caption\"> {}\n\nconst TableCaption = ({\n  className,\n  ref,\n  ...props\n}: TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>) => (\n  <caption\n    className={cn(\n      \"mt-4 text-muted-foreground text-sm group-data-[size=sm]/table:mt-3 group-data-[size=sm]/table:text-xs\",\n      className\n    )}\n    data-slot=\"table-caption\"\n    ref={ref}\n    {...props}\n  />\n);\n\nTableCaption.displayName = \"TableCaption\";\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}