{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hud-table",
  "type": "registry:ui",
  "title": "HUD Table",
  "description": "Data table shell: mono micro-headers, deep row borders, selected tint.",
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/hud/hud-table.tsx",
      "content": "import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction HudTable({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<\"table\"> & { containerClassName?: string }) {\n  return (\n    <div\n      className={cn(\n        \"relative w-full overflow-x-auto border border-border bg-[#0F1113]\",\n        containerClassName\n      )}\n    >\n      <table className={cn(\"w-full caption-bottom border-collapse text-sm\", className)} {...props} />\n    </div>\n  )\n}\n\nfunction HudTableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return <thead className={cn(\"[&_tr]:border-b [&_tr]:border-border\", className)} {...props} />\n}\n\nfunction HudTableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return <tbody className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n}\n\nfunction HudTableRow({ className, selected, ...props }: React.ComponentProps<\"tr\"> & { selected?: boolean }) {\n  return (\n    <tr\n      data-state={selected ? \"selected\" : undefined}\n      className={cn(\n        \"border-b border-[#16181B] transition-colors hover:bg-[#121517] data-[state=selected]:bg-primary/[0.04]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction HudTableHead({ className, sorted, children, ...props }: React.ComponentProps<\"th\"> & { sorted?: \"asc\" | \"desc\" | false }) {\n  return (\n    <th\n      className={cn(\n        \"px-3.5 py-[9px] text-left align-middle font-mono text-[10px] font-normal uppercase tracking-[0.16em]\",\n        sorted ? \"text-primary\" : \"text-[#4A5054] [&:has([role=button],button)]:cursor-pointer hover:text-[#C8CCCE]\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"inline-flex items-center gap-1.5\">\n        {children}\n        {sorted && <span className=\"text-[10px]\">{sorted === \"asc\" ? \"▲\" : \"▼\"}</span>}\n      </span>\n    </th>\n  )\n}\n\nfunction HudTableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      className={cn(\"px-3.5 py-[9px] align-middle font-mono text-[11px] text-[#C8CCCE]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction HudTableCaption({ className, ...props }: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      className={cn(\"mt-2 font-mono text-[10px] uppercase tracking-[0.12em] text-[#5A6065]\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  HudTable,\n  HudTableHeader,\n  HudTableBody,\n  HudTableRow,\n  HudTableHead,\n  HudTableCell,\n  HudTableCaption,\n}\n",
      "type": "registry:ui"
    }
  ]
}