{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "detail-list",
  "dependencies": [],
  "registryDependencies": [
    "@seamless/utils"
  ],
  "files": [
    {
      "path": "src/components/ui/detail-list.tsx",
      "content": "import type * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * NOTE: the facts a record leads with — label over value, wrapping into as many columns as fit.\n * A definition list because that is what it is; the grid is the only thing this adds.\n */\nfunction DetailList({ className, ...props }: React.ComponentProps<\"dl\">) {\n  return (\n    <dl\n      data-slot=\"detail-list\"\n      className={cn(\n        \"grid grid-cols-[repeat(auto-fit,minmax(130px,1fr))] gap-x-5 gap-y-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DetailItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"detail-item\" className={cn(\"min-w-0\", className)} {...props} />\n}\n\nfunction DetailTerm({ className, ...props }: React.ComponentProps<\"dt\">) {\n  return (\n    <dt\n      data-slot=\"detail-term\"\n      className={cn(\n        \"text-[10px] font-semibold tracking-[0.07em] text-muted-foreground uppercase\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/** CONSTRAINT: one line, truncated — a fact that wraps re-flows every column beside it. */\nfunction DetailValue({ className, ...props }: React.ComponentProps<\"dd\">) {\n  return (\n    <dd\n      data-slot=\"detail-value\"\n      className={cn(\"mt-0.5 truncate text-xs text-ink-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { DetailItem, DetailList, DetailTerm, DetailValue }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}