{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "date-picker",
  "title": "Date Picker",
  "description": "A component that allows users to select a date from a calendar interface",
  "dependencies": [
    "@ark-ui/react",
    "lucide-react",
    "clsx",
    "tailwind-merge",
    "class-variance-authority"
  ],
  "files": [
    {
      "path": "src/registry/thornberry/components/date-picker.tsx",
      "content": "\"use client\";\n\nimport { DatePicker as ArkDatePicker } from \"@ark-ui/react/date-picker\";\nimport { Calendar, ChevronLeft, ChevronRight } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/registry/thornberry/components/button\";\n\nimport type { ComponentProps } from \"react\";\n\nconst DatePickerProvider = ArkDatePicker.RootProvider;\nconst DatePickerContext = ArkDatePicker.Context;\nconst DatePickerPositioner = ArkDatePicker.Positioner;\nconst DatePickerRangeText = ArkDatePicker.RangeText;\nconst DatePickerView = ArkDatePicker.View;\nconst DatePickerTableBody = ArkDatePicker.TableBody;\nconst DatePickerTableHead = ArkDatePicker.TableHead;\nconst DatePickerTableRow = ArkDatePicker.TableRow;\n\nconst DatePickerRoot = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.Root>) => (\n  <ArkDatePicker.Root\n    className={cn(\"flex flex-col gap-1.5\", className)}\n    {...rest}\n  />\n);\n\nconst DatePickerLabel = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.Label>) => (\n  <ArkDatePicker.Label\n    className={cn(\"font-medium text-sm\", className)}\n    {...rest}\n  />\n);\n\nconst DatePickerControl = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.Control>) => (\n  <ArkDatePicker.Control\n    className={cn(\"flex items-center gap-2\", className)}\n    {...rest}\n  />\n);\n\nconst DatePickerInput = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.Input>) => (\n  <ArkDatePicker.Input\n    className={cn(\n      \"flex h-10 w-full rounded-md border bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary disabled:cursor-not-allowed disabled:opacity-50\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DatePickerTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.Trigger>) => (\n  <ArkDatePicker.Trigger asChild {...rest}>\n    <Button\n      variant=\"outline\"\n      size=\"icon\"\n      className={cn(\"ml-2 h-10 w-10\", className)}\n    >\n      <Calendar className=\"h-4 w-4\" />\n    </Button>\n  </ArkDatePicker.Trigger>\n);\n\nconst DatePickerClearTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.ClearTrigger>) => (\n  <ArkDatePicker.ClearTrigger asChild {...rest}>\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      className={cn(\"h-auto px-2 text-xs\", className)}\n    >\n      Clear\n    </Button>\n  </ArkDatePicker.ClearTrigger>\n);\n\nconst DatePickerContent = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.Content>) => (\n  <ArkDatePicker.Content\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 z-10 flex w-[344px] min-w-fit origin-(--transform-origin) flex-col rounded-md border bg-background p-4 shadow-lg duration-300 data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DatePickerViewControl = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.ViewControl>) => (\n  <ArkDatePicker.ViewControl\n    className={cn(\"flex items-center justify-between\", className)}\n    {...rest}\n  />\n);\n\nconst DatePickerViewTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.ViewTrigger>) => (\n  <ArkDatePicker.ViewTrigger\n    className={cn(\n      \"flex items-center justify-center rounded-md px-2 py-1 font-medium text-sm\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DatePickerPrevTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.PrevTrigger>) => (\n  <ArkDatePicker.PrevTrigger asChild {...rest}>\n    <Button variant=\"ghost\" size=\"icon\" className={className}>\n      <ChevronLeft className=\"h-4 w-4\" />\n    </Button>\n  </ArkDatePicker.PrevTrigger>\n);\n\nconst DatePickerNextTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.NextTrigger>) => (\n  <ArkDatePicker.NextTrigger asChild {...rest}>\n    <Button variant=\"ghost\" size=\"icon\" className={className}>\n      <ChevronRight className=\"h-4 w-4\" />\n    </Button>\n  </ArkDatePicker.NextTrigger>\n);\n\nconst DatePickerTable = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.Table>) => (\n  <ArkDatePicker.Table\n    className={cn(\n      \"mt-0 mb-4 w-full border-spacing-0.5 rounded-md border\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DatePickerTableHeader = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.TableHeader>) => (\n  <ArkDatePicker.TableHeader\n    className={cn(\n      \"h-10 w-10 border-0 bg-transparent text-center font-semibold text-sm\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DatePickerTableCell = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.TableCell>) => (\n  <ArkDatePicker.TableCell\n    className={cn(\n      \"h-8 w-8 rounded-md border-0 p-0 text-center outline-none hover:bg-accent\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DatePickerTableCellTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDatePicker.TableCellTrigger>) => (\n  <ArkDatePicker.TableCellTrigger\n    className={cn(\n      \"h-full w-full cursor-pointer rounded-md p-2 outline-none focus-visible:bg-accent data-disabled:cursor-not-allowed data-selected:bg-primary data-disabled:text-muted-foreground data-selected:text-black data-disabled:hover:bg-background\",\n\n      className,\n    )}\n    {...rest}\n  />\n);\n\nexport {\n  DatePickerRoot,\n  DatePickerLabel,\n  DatePickerControl,\n  DatePickerInput,\n  DatePickerTrigger,\n  DatePickerClearTrigger,\n  DatePickerContent,\n  DatePickerView,\n  DatePickerViewControl,\n  DatePickerViewTrigger,\n  DatePickerPrevTrigger,\n  DatePickerNextTrigger,\n  DatePickerTable,\n  DatePickerTableHead,\n  DatePickerTableRow,\n  DatePickerTableHeader,\n  DatePickerTableBody,\n  DatePickerTableCell,\n  DatePickerProvider,\n  DatePickerContext,\n  DatePickerPositioner,\n  DatePickerRangeText,\n  DatePickerTableCellTrigger,\n};\n",
      "type": "registry:ui"
    },
    {
      "path": "src/registry/thornberry/components/button.tsx",
      "content": "import { ark } from \"@ark-ui/react\";\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\n\nconst buttonVariants = cva(\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap outline-none focus-visible:outline-none focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-md font-medium text-sm outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 transition-[color,box-shadow,transform]\",\n  {\n    variants: {\n      variant: {\n        solid:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n        muted: \"bg-muted text-muted-foreground shadow-xs hover:bg-muted/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-2 hover:underline\",\n        destructive:\n          \"bg-destructive text-background shadow-xs hover:bg-destructive/90 focus-visible:ring-red-500 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40\",\n      },\n      size: {\n        sm: \"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5\",\n        md: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n      size: \"md\",\n    },\n  },\n);\n\nconst Button = ({\n  className,\n  variant,\n  size,\n  ...rest\n}: ComponentProps<typeof ark.button> & VariantProps<typeof buttonVariants>) => (\n  <ark.button\n    type=\"button\"\n    className={cn(buttonVariants({ variant, size }), className)}\n    {...rest}\n  />\n);\n\nexport { Button, buttonVariants };\n",
      "type": "registry:ui"
    },
    {
      "path": "src/lib/utils.ts",
      "content": "import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport type { ClassValue } from \"clsx\";\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return twMerge(clsx(inputs));\n};\n",
      "type": "registry:lib",
      "target": ""
    }
  ],
  "type": "registry:ui"
}