{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "invoice-print-page",
  "title": "Invoice Print Page",
  "description": "Print-optimized invoice layout without navigation chrome.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-table.json"
  ],
  "files": [
    {
      "path": "registry/new-york/invoice-print-page/blocks/invoice-print-page.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ninterface InvoicePrintItem {\n  id: string\n  quantity: number\n  description: string\n  serialNumber?: string\n  unitPrice: number\n}\n\ninterface InvoicePrintPageProps extends React.HTMLAttributes<HTMLDivElement> {\n  invoiceNumber: string\n  date: string\n  from: { name: string; address: string; phone?: string; email?: string }\n  to: { name: string; address: string; phone?: string; email?: string }\n  items: InvoicePrintItem[]\n  taxRate?: number\n  shippingCost?: number\n}\n\nfunction InvoicePrintPage({\n  className,\n  invoiceNumber,\n  date,\n  from,\n  to,\n  items,\n  taxRate = 0,\n  shippingCost = 0,\n  ...props\n}: InvoicePrintPageProps) {\n  const subtotal = items.reduce((s, i) => s + i.quantity * i.unitPrice, 0)\n  const tax = subtotal * (taxRate / 100)\n  const total = subtotal + tax + shippingCost\n\n  return (\n    <div\n      className={cn(\"bg-white p-[30px] text-[#333] max-w-[800px] mx-auto print:shadow-none\", className)}\n      {...props}\n    >\n      <div className=\"flex justify-between mb-[30px]\">\n        <div>\n          <h2 className=\"text-[24px] font-bold m-0\">{from.name}</h2>\n          <div className=\"text-[13px] text-[#666] mt-[5px]\">\n            {from.address && <div>{from.address}</div>}\n            {from.phone && <div>Phone: {from.phone}</div>}\n            {from.email && <div>Email: {from.email}</div>}\n          </div>\n        </div>\n        <div className=\"text-right text-[13px] text-[#666]\">\n          <div>Invoice #{invoiceNumber}</div>\n          <div>{date}</div>\n        </div>\n      </div>\n\n      <div className=\"mb-[20px] text-[13px]\">\n        <strong>To:</strong> {to.name}\n        {to.address && <span>, {to.address}</span>}\n      </div>\n\n      <table className=\"w-full border-collapse mb-[20px] text-[13px]\">\n        <thead>\n          <tr className=\"border-b-[2px] border-b-[#333]\">\n            <th className=\"text-left p-[6px]\">Qty</th>\n            <th className=\"text-left p-[6px]\">Description</th>\n            <th className=\"text-left p-[6px]\">Serial #</th>\n            <th className=\"text-right p-[6px]\">Subtotal</th>\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item) => (\n            <tr key={item.id} className=\"border-b border-b-[#ddd]\">\n              <td className=\"p-[6px]\">{item.quantity}</td>\n              <td className=\"p-[6px]\">{item.description}</td>\n              <td className=\"p-[6px]\">{item.serialNumber || \"-\"}</td>\n              <td className=\"p-[6px] text-right\">${(item.quantity * item.unitPrice).toFixed(2)}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n\n      <div className=\"flex justify-end text-[13px]\">\n        <div className=\"w-[200px]\">\n          <div className=\"flex justify-between py-[3px]\">\n            <span>Subtotal:</span><span>${subtotal.toFixed(2)}</span>\n          </div>\n          {taxRate > 0 && (\n            <div className=\"flex justify-between py-[3px]\">\n              <span>Tax ({taxRate}%):</span><span>${tax.toFixed(2)}</span>\n            </div>\n          )}\n          {shippingCost > 0 && (\n            <div className=\"flex justify-between py-[3px]\">\n              <span>Shipping:</span><span>${shippingCost.toFixed(2)}</span>\n            </div>\n          )}\n          <div className=\"flex justify-between py-[3px] font-bold border-t border-t-[#333] mt-[3px] pt-[6px]\">\n            <span>Total:</span><span>${total.toFixed(2)}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport { InvoicePrintPage }\nexport type { InvoicePrintPageProps }\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}