{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table",
  "title": "Table",
  "description": "Polaris-styled Table component.",
  "dependencies": [],
  "devDependencies": [
    "@shopify/polaris-types"
  ],
  "registryDependencies": [
    "@polaris-shadcn/theme",
    "@polaris-shadcn/utils"
  ],
  "files": [
    {
      "path": "registry/templates/components/ui/table.tsx",
      "content": "import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableProps = React.ComponentPropsWithoutRef<\"table\">;\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, ...props }, ref) => (\n    <div className=\"w-full overflow-auto\">\n      <table\n        ref={ref}\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  ),\n);\nTable.displayName = \"Table\";\n\nexport type TableHeaderProps = React.ComponentPropsWithoutRef<\"thead\">;\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={cn(\"border-b\", className)} {...props} />\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nexport type TableBodyProps = React.ComponentPropsWithoutRef<\"tbody\">;\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nexport type TableFooterProps = React.ComponentPropsWithoutRef<\"tfoot\">;\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={cn(\"border-t bg-surface-subdued\", className)}\n      {...props}\n    />\n  ),\n);\nTableFooter.displayName = \"TableFooter\";\n\nexport type TableRowProps = React.ComponentPropsWithoutRef<\"tr\">;\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        \"border-b transition-colors hover:bg-surface-subdued\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nexport type TableHeadProps = React.ComponentPropsWithoutRef<\"th\">;\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, ...props }, ref) => (\n    <th\n      ref={ref}\n      className={cn(\n        \"h-10 px-3 text-left align-middle text-xs font-semibold text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableHead.displayName = \"TableHead\";\n\nexport type TableCellProps = React.ComponentPropsWithoutRef<\"td\">;\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => (\n    <td ref={ref} className={cn(\"px-3 py-3 align-middle\", className)} {...props} />\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nexport type TableCaptionProps = React.ComponentPropsWithoutRef<\"caption\">;\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  TableCaptionProps\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"mt-3 text-xs text-muted-foreground\", className)}\n    {...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};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}