{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table",
  "files": [
    {
      "path": "registry/new-york/ui/table.tsx",
      "content": "import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"table-container\"\n\t\t\tclassName=\"relative w-full rounded-md flex-1 min-h-0 overflow-auto\"\n\t\t\tstyle={{\n\t\t\t\tboxShadow: \"var(--shadow-table)\",\n\t\t\t\tborder: \"var(--border-table, 1px) solid var(--color-table-border)\",\n\t\t\t}}\n\t\t>\n\t\t\t<table\n\t\t\t\tdata-slot=\"table\"\n\t\t\t\tclassName={cn(\"w-full caption-bottom text-sm\", className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n\treturn (\n\t\t<thead\n\t\t\tdata-slot=\"table-header\"\n\t\t\tclassName={cn(\"[&_tr]:border-b sticky top-0 z-10\", className)}\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: \"var(--color-table-header-bg)\",\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n\treturn (\n\t\t<tbody\n\t\t\tdata-slot=\"table-body\"\n\t\t\tclassName={cn(\"[&_tr:last-child]:border-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n\treturn (\n\t\t<tfoot\n\t\t\tdata-slot=\"table-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n\treturn (\n\t\t<tr\n\t\t\tdata-slot=\"table-row\"\n\t\t\tclassName={cn(\n\t\t\t\t\"border-b transition-colors\",\n\t\t\t\t\"hover:bg-[var(--color-table-row-hover)]\",\n\t\t\t\t\"data-[state=selected]:bg-[var(--color-table-row-selected)]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\tminHeight: \"var(--size-table-row-height)\",\n\t\t\t\tborderColor: \"var(--color-table-border)\",\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n\treturn (\n\t\t<th\n\t\t\tdata-slot=\"table-head\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground text-left align-middle font-medium whitespace-nowrap\",\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\tpadding:\n\t\t\t\t\t\"var(--size-table-cell-padding-top) var(--size-table-cell-padding-x) var(--size-table-cell-padding-bottom) var(--size-table-cell-padding-x)\",\n\t\t\t\theight: \"var(--size-table-row-height)\",\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n\treturn (\n\t\t<td\n\t\t\tdata-slot=\"table-cell\"\n\t\t\tclassName={cn(\"align-middle\", className)}\n\t\t\tstyle={{\n\t\t\t\tpadding:\n\t\t\t\t\t\"var(--size-table-cell-padding-top) var(--size-table-cell-padding-x) var(--size-table-cell-padding-bottom) var(--size-table-cell-padding-x)\",\n\t\t\t\theight: \"var(--size-table-row-height)\",\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TableCaption({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"caption\">) {\n\treturn (\n\t\t<caption\n\t\t\tdata-slot=\"table-caption\"\n\t\t\tclassName={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tTable,\n\tTableHeader,\n\tTableBody,\n\tTableFooter,\n\tTableRow,\n\tTableHead,\n\tTableCell,\n\tTableCaption,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}