{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "detail-list",
  "title": "Detail List",
  "files": [
    {
      "path": "components/ui/detail-list.tsx",
      "content": "import * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction DetailList({ className, ...props }: React.ComponentProps<\"dl\">) {\n  return <dl data-slot=\"detail-list\" className={cn(\"divide-y\", className)} {...props} />\n}\n\nfunction DetailListItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"detail-list-item\" className={cn(\"grid gap-1 py-3 sm:grid-cols-[minmax(0,12rem)_1fr] sm:gap-6\", className)} {...props} />\n  )\n}\n\nfunction DetailListLabel({ className, ...props }: React.ComponentProps<\"dt\">) {\n  return <dt data-slot=\"detail-list-label\" className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n}\n\nfunction DetailListValue({ className, ...props }: React.ComponentProps<\"dd\">) {\n  return (\n    <dd\n      data-slot=\"detail-list-value\"\n      className={cn(\"text-sm font-medium sm:justify-self-end sm:text-right\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { DetailList, DetailListItem, DetailListLabel, DetailListValue }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}