{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "due-date-chip",
  "type": "registry:ui",
  "title": "Due date chip",
  "description": "Small Tailwind due date chip with a calendar icon that switches to a red border and icon when overdue. Use it on task cards, tickets and boards.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/due-date-chip.tsx",
      "type": "registry:ui",
      "target": "components/ui/due-date-chip.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { CalendarIcon } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction DueDateChip({\n  date,\n  overdue,\n  className,\n}: {\n  date: string\n  overdue?: boolean\n  className?: string\n}) {\n  return (\n    <span\n      data-slot=\"due-date-chip\"\n      className={cn(\n        \"inline-flex h-6 items-center gap-1 rounded-md border px-2 text-xs font-medium\",\n        overdue\n          ? \"border-danger bg-surface text-fg\"\n          : \"border-border bg-surface text-fg\",\n        className\n      )}\n    >\n      <CalendarIcon className={cn(\"size-3\", overdue ? \"text-danger\" : \"text-fg-muted\")} aria-hidden />\n      {date}\n    </span>\n  )\n}\nexport { DueDateChip }\n"
    }
  ]
}