{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table",
  "title": "Table",
  "description": "Styled data table with header, body, and footer sections.",
  "dependencies": [
    "@vllnt/ui@^0.3.0"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/table/table.tsx",
      "content": "import { cn } from \"@vllnt/ui\";\n\nconst Table = ({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLTableElement> & {\n  ref?: React.Ref<HTMLTableElement>;\n}) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table\n      className={cn(\"w-full caption-bottom text-sm\", className)}\n      ref={ref}\n      {...props}\n    />\n  </div>\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = ({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLTableSectionElement> & {\n  ref?: React.Ref<HTMLTableSectionElement>;\n}) => (\n  <thead className={cn(\"[&_tr]:border-b\", className)} ref={ref} {...props} />\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = ({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLTableSectionElement> & {\n  ref?: React.Ref<HTMLTableSectionElement>;\n}) => (\n  <tbody\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    ref={ref}\n    {...props}\n  />\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = ({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLTableSectionElement> & {\n  ref?: React.Ref<HTMLTableSectionElement>;\n}) => (\n  <tfoot\n    className={cn(\n      \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n      className,\n    )}\n    ref={ref}\n    {...props}\n  />\n);\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = ({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLTableRowElement> & {\n  ref?: React.Ref<HTMLTableRowElement>;\n}) => (\n  <tr\n    className={cn(\n      \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n      className,\n    )}\n    ref={ref}\n    {...props}\n  />\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = ({\n  className,\n  ref,\n  ...props\n}: React.ThHTMLAttributes<HTMLTableCellElement> & {\n  ref?: React.Ref<HTMLTableCellElement>;\n}) => (\n  <th\n    className={cn(\n      \"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n      className,\n    )}\n    ref={ref}\n    {...props}\n  />\n);\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = ({\n  className,\n  ref,\n  ...props\n}: React.TdHTMLAttributes<HTMLTableCellElement> & {\n  ref?: React.Ref<HTMLTableCellElement>;\n}) => (\n  <td\n    className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n    ref={ref}\n    {...props}\n  />\n);\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = ({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLTableCaptionElement> & {\n  ref?: React.Ref<HTMLTableCaptionElement>;\n}) => (\n  <caption\n    className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n    ref={ref}\n    {...props}\n  />\n);\nTableCaption.displayName = \"TableCaption\";\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n};\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.3.0",
  "stability": "stable"
}