{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "description-list",
  "title": "Description List",
  "description": "Displays term-description pairs for presenting metadata, settings, or key-value information.",
  "files": [
    {
      "path": "packages/ui/src/description-list.tsx",
      "content": "import type * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\n// =============================================================================\n// DescriptionList\n// =============================================================================\n\nexport interface DescriptionListProps extends React.ComponentProps<\"dl\"> {\n  /**\n   * The size variant of the description list\n   * @default \"default\"\n   */\n  size?: \"default\" | \"sm\";\n  /**\n   * The visual variant of the description list\n   * - `default`: Rows separated by bottom borders\n   * - `card`: Spaced rows with rounded corners and background fill\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"card\";\n}\n\nconst DescriptionList = ({\n  className,\n  size = \"default\",\n  variant = \"default\",\n  ref,\n  ...props\n}: DescriptionListProps & React.RefAttributes<HTMLDListElement>) => (\n  <dl\n    className={cn(\n      \"group/description-list flex w-full flex-col text-sm\",\n      \"data-[variant=card]:gap-1\",\n      className\n    )}\n    data-size={size}\n    data-slot=\"description-list\"\n    data-variant={variant}\n    ref={ref}\n    {...props}\n  />\n);\n\nDescriptionList.displayName = \"DescriptionList\";\n\n// =============================================================================\n// DescriptionListItem\n// =============================================================================\n\nexport interface DescriptionListItemProps extends React.ComponentProps<\"div\"> {}\n\nconst DescriptionListItem = ({\n  className,\n  ref,\n  ...props\n}: DescriptionListItemProps & React.RefAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex w-full items-center justify-between px-3 py-2.5 group-data-[size=sm]/description-list:px-2.5 group-data-[size=sm]/description-list:py-1.5\",\n      \"border-border border-b last:border-0 group-data-[variant=card]/description-list:border-0\",\n      \"group-data-[variant=card]/description-list:rounded-lg group-data-[variant=card]/description-list:bg-muted/50\",\n      className\n    )}\n    data-slot=\"description-list-item\"\n    ref={ref}\n    {...props}\n  />\n);\n\nDescriptionListItem.displayName = \"DescriptionListItem\";\n\n// =============================================================================\n// DescriptionListTerm\n// =============================================================================\n\nexport interface DescriptionListTermProps extends React.ComponentProps<\"dt\"> {}\n\nconst DescriptionListTerm = ({\n  className,\n  ref,\n  ...props\n}: DescriptionListTermProps & React.RefAttributes<HTMLElement>) => (\n  <dt\n    className={cn(\"text-muted-foreground\", className)}\n    data-slot=\"description-list-term\"\n    ref={ref}\n    {...props}\n  />\n);\n\nDescriptionListTerm.displayName = \"DescriptionListTerm\";\n\n// =============================================================================\n// DescriptionListDetails\n// =============================================================================\n\nexport interface DescriptionListDetailsProps\n  extends React.ComponentProps<\"dd\"> {}\n\nconst DescriptionListDetails = ({\n  className,\n  ref,\n  ...props\n}: DescriptionListDetailsProps & React.RefAttributes<HTMLElement>) => (\n  <dd\n    className={cn(\"ml-auto text-right\", className)}\n    data-slot=\"description-list-details\"\n    ref={ref}\n    {...props}\n  />\n);\n\nDescriptionListDetails.displayName = \"DescriptionListDetails\";\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport {\n  DescriptionList,\n  DescriptionListDetails,\n  DescriptionListItem,\n  DescriptionListTerm,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}