{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-calendar",
  "title": "Z Calendar",
  "dependencies": [
    "@heroicons/react@2.2.0",
    "react-day-picker@9.14.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-calendar/z-calendar.tsx",
      "content": "\"use client\";\nimport { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/16/solid';\nimport { DayPicker, type DayPickerProps } from 'react-day-picker';\nimport { cn } from \"../../../lib/ui-utils\";\ntype ZCalendarProps = DayPickerProps & {\n    className?: string;\n};\nexport default function ZCalendar({ className, ...props }: ZCalendarProps) {\n    return (<DayPicker showOutsideDays className={cn('p-3', className)} classNames={{\n            months: 'flex flex-col sm:flex-row gap-2',\n            month: 'flex flex-col gap-4',\n            month_caption: 'flex justify-center pt-1 relative items-center w-full',\n            caption_label: 'text-copy font-medium',\n            nav: 'flex items-center gap-1',\n            button_previous: 'absolute left-1 top-0 z-10 inline-flex size-7 items-center justify-center rounded-lg border border-neutral bg-surface p-0 opacity-50 transition hover:opacity-100',\n            button_next: 'absolute right-1 top-0 z-10 inline-flex size-7 items-center justify-center rounded-lg border border-neutral bg-surface p-0 opacity-50 transition hover:opacity-100',\n            month_grid: 'w-full border-collapse',\n            weekdays: 'flex',\n            weekday: 'text-neutral-weak w-8 text-center text-[0.8rem] font-normal',\n            week: 'mt-2 flex w-full',\n            day: 'relative p-0 text-center',\n            day_button: 'text-copy inline-flex size-8 items-center justify-center rounded-lg text-sm font-normal transition hover:bg-surface-subtle',\n            selected: 'bg-accent text-white rounded-lg hover:bg-accent',\n            today: 'text-accent font-semibold',\n            outside: 'text-neutral-weak opacity-50',\n            disabled: 'text-neutral-weak opacity-50',\n            hidden: 'invisible',\n        }} components={{\n            Chevron: (props) => {\n                if (props.orientation === 'left') {\n                    return <ChevronLeftIcon className=\"size-4\"/>;\n                }\n                return <ChevronRightIcon className=\"size-4\"/>;\n            },\n        }} {...props}/>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-calendar/z-calendar.tsx"
    }
  ],
  "type": "registry:ui"
}