{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "calendar",
  "title": "Calendar",
  "dependencies": [
    "lucide-react@1.14.0",
    "react-day-picker@10.0.0"
  ],
  "registryDependencies": [
    "@birchline/button",
    "@birchline/tokens",
    "@birchline/utils"
  ],
  "files": [
    {
      "path": "src/components/ui/calendar.tsx",
      "content": "import * as React from \"react\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\nimport { DayPicker } from \"react-day-picker\"\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      navLayout=\"around\"\n      className={cn(\"p-4\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n        month: \"grid grid-cols-[auto_1fr_auto] items-center gap-y-4\",\n        month_caption: \"text-center\",\n        caption_label: \"text-sm font-medium\",\n        nav: \"hidden\",\n        button_previous: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\"\n        ),\n        button_next: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\"\n        ),\n        month_grid: \"col-span-3 w-full border-collapse space-y-1\",\n        weekdays: \"flex\",\n        weekday: \"text-muted-foreground rounded-sm w-9 font-medium text-[0.8rem]\",\n        week: \"flex w-full mt-1\",\n        day: cn(\n          \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-sm\",\n          props.mode === \"range\"\n            ? \"[&:has(>.day-range-end)]:rounded-r-sm [&:has(>.day-range-start)]:rounded-l-sm first:[&:has([aria-selected])]:rounded-l-sm last:[&:has([aria-selected])]:rounded-r-sm\"\n            : \"[&:has([aria-selected])]:rounded-sm\"\n        ),\n        day_button:\n          \"inline-flex items-center justify-center rounded-sm h-9 w-9 p-0 text-sm font-normal cursor-pointer hover:bg-accent\",\n        range_start: \"day-range-start\",\n        range_end: \"day-range-end\",\n        selected: \"[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground [&>button]:rounded-sm\",\n        today: \"bg-accent text-foreground rounded-sm\",\n        outside: \"day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground\",\n        disabled: \"text-muted-foreground opacity-50\",\n        range_middle: \"aria-selected:bg-accent aria-selected:text-foreground\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation }) => {\n          const Icon = orientation === \"left\" ? ChevronLeft : ChevronRight\n          return <Icon className=\"h-4 w-4\" />\n        },\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = \"Calendar\"\n\nexport { Calendar }\n",
      "type": "registry:ui",
      "target": "components/ui/calendar.tsx"
    }
  ],
  "type": "registry:ui"
}