{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "data-list",
  "title": "Data List",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-angular/components/data-list/data-list.component.ts",
      "content": "import { Component, Input, ChangeDetectionStrategy } from '@angular/core'\nimport { cn } from '@/lib/utils'\n\n/**\n * Angular port of UIPKGE DataList. Vertical key/value list for read-only\n * metadata rows. Class strings mirror the Vue source.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.Eager,\n  selector: 'ui-data-list, [ui-data-list]',\n  standalone: true,\n  host: {\n    '[attr.data-slot]': '\"data-list\"',\n    '[attr.data-uipkge]': '\"\"',\n    '[class]': 'hostClass',\n  },\n  template: `<ng-content />`,\n})\nexport class UiDataListComponent {\n  @Input('class') className?: string\n\n  get hostClass(): string {\n    return cn('flex flex-col', this.className)\n  }\n}\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.Eager,\n  selector: 'ui-data-list-item, [ui-data-list-item]',\n  standalone: true,\n  host: {\n    '[attr.data-slot]': '\"data-list-item\"',\n    '[attr.data-uipkge]': '\"\"',\n    '[class]': 'hostClass',\n  },\n  template: `<ng-content />`,\n})\nexport class UiDataListItemComponent {\n  @Input('class') className?: string\n\n  get hostClass(): string {\n    return cn(\n      'flex flex-row items-center justify-between border-b py-4 transition-colors duration-200 first:pt-0 last:border-0 last:pb-0',\n      this.className,\n    )\n  }\n}\n",
      "type": "registry:ui",
      "target": "~/src/app/components/ui/data-list/data-list.component.ts"
    },
    {
      "path": "packages/registry-angular/components/data-list/index.ts",
      "content": "export { UiDataListComponent, UiDataListItemComponent } from './data-list.component'\n",
      "type": "registry:ui",
      "target": "~/src/app/components/ui/data-list/index.ts"
    }
  ],
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "description": "Vertical key/value list for showing read-only metadata — invoice details, settings summaries, profile fields. Pair items in label/value rows; supports inline edit triggers and trailing actions per row.",
  "categories": [
    "data-display"
  ]
}