{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "data-list",
  "title": "Data List",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-svelte/components/data-list/DataList.svelte",
      "content": "<script lang=\"ts\" module>\n  import type { HTMLAttributes } from 'svelte/elements'\n\n  export interface DataListProps extends HTMLAttributes<HTMLDivElement> {\n    ref?: HTMLDivElement | null\n  }\n</script>\n\n<script lang=\"ts\">\n  import { cn } from '$lib/utils'\n\n  let { class: className, children, ref = $bindable(null), ...restProps }: DataListProps = $props()\n</script>\n\n<div bind:this={ref} data-uipkge data-slot=\"data-list\" class={cn('flex flex-col', className)} {...restProps}>\n  {@render children?.()}\n</div>\n",
      "type": "registry:ui",
      "target": "~/src/lib/components/ui/data-list/DataList.svelte"
    },
    {
      "path": "packages/registry-svelte/components/data-list/DataListItem.svelte",
      "content": "<script lang=\"ts\" module>\n  import type { HTMLAttributes } from 'svelte/elements'\n\n  export interface DataListItemProps extends HTMLAttributes<HTMLDivElement> {\n    ref?: HTMLDivElement | null\n  }\n</script>\n\n<script lang=\"ts\">\n  import { cn } from '$lib/utils'\n\n  let { class: className, children, ref = $bindable(null), ...restProps }: DataListItemProps = $props()\n</script>\n\n<div\n  bind:this={ref}\n  data-uipkge\n  data-slot=\"data-list-item\"\n  class={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    className,\n  )}\n  {...restProps}\n>\n  {@render children?.()}\n</div>\n",
      "type": "registry:ui",
      "target": "~/src/lib/components/ui/data-list/DataListItem.svelte"
    },
    {
      "path": "packages/registry-svelte/components/data-list/index.ts",
      "content": "export { default as DataList, type DataListProps } from './DataList.svelte'\nexport { default as DataListItem, type DataListItemProps } from './DataListItem.svelte'\n",
      "type": "registry:ui",
      "target": "~/src/lib/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"
  ]
}