{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "description-list",
  "title": "Description List",
  "description": "Label and value pairs for detail pages, side by side or stacked.",
  "dependencies": [
    "class-variance-authority"
  ],
  "registryDependencies": [
    "@ikas/utils"
  ],
  "files": [
    {
      "path": "registry/ikas/description-list.tsx",
      "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst descriptionListVariants = cva(\"w-full text-sm\", {\n  variants: {\n    /** horizontal for details in a card, stacked for narrow asides. */\n    layout: {\n      /** Label left, value right. Order and customer details. */\n      horizontal: \"divide-y divide-border [&>div]:grid [&>div]:grid-cols-[minmax(0,2fr)_minmax(0,3fr)] [&>div]:gap-4 [&>div]:py-2.5\",\n      /** Label above value. Narrow asides. */\n      stacked: \"flex flex-col gap-3.5 [&>div]:flex [&>div]:flex-col [&>div]:gap-0.5\",\n    },\n  },\n  defaultVariants: {\n    layout: \"horizontal\",\n  },\n})\n\ntype DescriptionListItem = {\n  label: React.ReactNode\n  value: React.ReactNode\n  key?: React.Key\n}\n\ntype DescriptionListProps = React.ComponentProps<\"dl\"> &\n  VariantProps<typeof descriptionListVariants> & {\n    items: DescriptionListItem[]\n  }\n\n/** Read-only label and value pairs, like order or customer details. */\nfunction DescriptionList({ className, layout, items, ...props }: DescriptionListProps) {\n  return (\n    <dl data-slot=\"description-list\" className={cn(descriptionListVariants({ layout }), className)} {...props}>\n      {items.map((item, index) => (\n        <div key={item.key ?? index} className=\"first:pt-0 last:pb-0\">\n          <dt className=\"text-muted-foreground\">{item.label}</dt>\n          <dd className=\"min-w-0 text-foreground [overflow-wrap:anywhere]\">{item.value ?? \"—\"}</dd>\n        </div>\n      ))}\n    </dl>\n  )\n}\n\nexport { DescriptionList, descriptionListVariants, type DescriptionListItem, type DescriptionListProps }\n",
      "type": "registry:component",
      "target": "@components/ikas/description-list.tsx"
    }
  ],
  "docs": "https://builders.ikas.com/tr/docs/app-development/ui-kit/components/description-list",
  "categories": [
    "data-display"
  ],
  "type": "registry:component"
}