{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "description-list",
  "title": "Description List",
  "description": "A description list and row layout for key-value pairs.",
  "registryDependencies": [
    "https://ds.formance.com/r/separator.json"
  ],
  "files": [
    {
      "path": "registry/default/ui/description-list.tsx",
      "content": "import { cn } from '@/lib/utils';\nimport { Separator } from '@/registry/default/ui/separator';\n\nexport function DescriptionList({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'dl'>) {\n  return (\n    <dl\n      {...props}\n      className={cn('grid grid-cols-1 sm:grid-cols-3', className)}\n    />\n  );\n}\n\nexport function DescriptionTerm({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'dt'>) {\n  return (\n    <dt\n      {...props}\n      className={cn(\n        'col-start-1 text-sm font-medium sm:pr-8 border-t border-border pt-4 first:border-none sm:border-t sm:py-2',\n        className\n      )}\n    />\n  );\n}\n\nexport function DescriptionTermDescription({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'p'>) {\n  return (\n    <p\n      {...props}\n      className={cn(\n        'text-muted-foreground text-sm font-normal leading-normal',\n        className\n      )}\n    />\n  );\n}\n\nexport function DescriptionDetails({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'dd'>) {\n  return (\n    <dd\n      {...props}\n      className={cn(\n        'col-span-2 pb-3 pt-1 sm:border-t sm:border-border sm:py-4 sm:nth-2:border-none text-sm',\n        className\n      )}\n    />\n  );\n}\n\nexport function DescriptionRow({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return <div {...props} className={cn('flex gap-6', className)} />;\n}\n\nexport function DescriptionRowGroup({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return <div {...props} className={cn('space-y-1', className)} />;\n}\n\nexport function DescriptionRowSeparator() {\n  return (\n    <div>\n      <Separator orientation=\"vertical\" />\n    </div>\n  );\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}