{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "receipt",
  "type": "registry:ui",
  "title": "Receipt",
  "description": "Monospace payment receipt card with an order id, itemized amounts in tabular numerals and a bold total row. Built with Tailwind for checkout and billing pages.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/receipt.tsx",
      "type": "registry:ui",
      "target": "components/ui/receipt.tsx",
      "content": "\"use client\"\nimport { cn } from \"@/lib/utils\"\n\n/** Receipt — a monospaced receipt card with an id, itemised lines and a ruled total. */\n\ntype ReceiptLine = { label: string; amount: string }\n\n// A Lumen receipt for Northwind's Pro plan.\nconst SAMPLE_LINES: ReceiptLine[] = [\n  { label: \"Pro plan, Oct 2026\", amount: \"$49.00\" },\n  { label: \"Extra seats × 4\", amount: \"$36.00\" },\n  { label: \"Bank sync add-on\", amount: \"$12.00\" },\n  { label: \"Tax (8%)\", amount: \"$7.76\" },\n]\n\ntype ReceiptProps = {\n  id?: string\n  lines?: ReceiptLine[]\n  total?: string\n  className?: string\n}\n\nfunction Receipt({\n  id = \"RCP-2041\",\n  lines = SAMPLE_LINES,\n  total = \"$104.76\",\n  className,\n}: ReceiptProps) {\n  return (\n    <div data-slot=\"receipt\" className={cn(\"min-w-64 rounded-xl border border-border bg-surface p-4 font-mono text-xs\", className)}>\n      <p className=\"text-sm font-medium text-fg\">Receipt {id}</p>\n      <ul className=\"mt-3 space-y-1\">\n        {lines.map((l) => (\n          <li key={l.label} className=\"flex justify-between gap-4 text-fg-muted\">\n            <span>{l.label}</span>\n            <span className=\"tabular-nums\">{l.amount}</span>\n          </li>\n        ))}\n      </ul>\n      <div className=\"mt-3 flex justify-between border-t border-border pt-2 font-medium text-fg\">\n        <span>Total</span>\n        <span className=\"tabular-nums\">{total}</span>\n      </div>\n    </div>\n  )\n}\nexport { Receipt }\nexport type { ReceiptProps, ReceiptLine }\n"
    }
  ]
}