{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "checkbox-tailwind",
  "type": "registry:item",
  "title": "Checkbox (Tailwind)",
  "description": "A control that allows users to select one or more options from a set.",
  "files": [
    {
      "path": "registry/brook/tailwind/ui/checkbox.tsx",
      "content": "\"use client\";\n\nimport { Checkbox } from \"@base-ui/react/checkbox\";\nimport { cn } from \"@/lib/utils\";\n\nfunction CheckboxRoot({ className, ...props }: Checkbox.Root.Props) {\n  return (\n    <Checkbox.Root\n      className={cn(\n        \"hit-area-extend flex h-[1.125rem] w-[1.125rem] items-center justify-center\",\n        \"relative flex-shrink-0 cursor-pointer rounded-[0.3125rem] border-0 bg-transparent\",\n        \"data-[unchecked]:border data-[unchecked]:border-[oklch(from_var(--color-border)_l_c_h_/_0.8)] data-[unchecked]:bg-transparent\",\n        \"data-[checked]:border data-[checked]:border-[var(--color-border)] data-[checked]:bg-[var(--color-primary)]\",\n        \"data-[indeterminate]:border data-[indeterminate]:border-[var(--color-border)] data-[indeterminate]:bg-[var(--color-primary)]\",\n        \"focus-visible:outline focus-visible:outline-1 focus-visible:outline-[var(--color-ring)] focus-visible:outline-offset-1\",\n        className\n      )}\n      data-slot=\"checkbox-root\"\n      {...props}\n    />\n  );\n}\n\nfunction CheckboxIndicator({ className, ...props }: Checkbox.Indicator.Props) {\n  return (\n    <Checkbox.Indicator\n      className={cn(\n        \"flex h-full w-full items-center justify-center text-[color:var(--color-primary-foreground)]\",\n        \"[&>svg]:h-4 [&>svg]:w-4\",\n        \"data-[unchecked]:not-data-[indeterminate]:hidden\",\n        className\n      )}\n      data-slot=\"checkbox-indicator\"\n      {...props}\n    />\n  );\n}\n\nexport { CheckboxRoot as Checkbox, CheckboxIndicator };\n",
      "type": "registry:file",
      "target": "~/components/ui/checkbox/checkbox.tsx"
    }
  ]
}