{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "entry-list",
  "title": "Entry List",
  "description": "Rows slide in one after another, like entries posted to a ledger.",
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/entry-list.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst STAGGER_MS = 90\n\nexport type Entry = { id: string; title: string; meta: string }\n\ntype EntryListProps = Omit<React.ComponentProps<\"ul\">, \"children\"> & {\n  entries: Entry[]\n  /** Delay between rows, in milliseconds. */\n  stagger?: number\n}\n\nexport function EntryList({ entries, stagger = STAGGER_MS, className, ...props }: EntryListProps) {\n  return (\n    <ul className={cn(\"m-0 list-none p-0 font-(family-name:--f-body)\", className)} {...props}>\n      {entries.map((entry, index) => (\n        <li\n          key={entry.id}\n          className=\"grid [animation:spotcheck-entry_.55s_cubic-bezier(.2,.8,.2,1)_both] grid-cols-[2.4rem_minmax(0,1fr)_auto] items-end gap-2.5 border-b border-[color-mix(in_srgb,var(--ink)_18%,transparent)] pt-3 pb-1 motion-reduce:animate-none\"\n          style={{ animationDelay: `${index * stagger}ms` }}\n        >\n          <span className=\"text-mute font-(family-name:--f-mono) text-[11px]\">\n            {String(index + 1).padStart(2, \"0\")}\n          </span>\n          <b className=\"spotcheck-heading min-w-0 text-[19px] leading-tight\">{entry.title}</b>\n          <span className=\"text-mute font-(family-name:--f-mono) text-[11px]\">{entry.meta}</span>\n        </li>\n      ))}\n    </ul>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "motion"
  ],
  "type": "registry:component"
}