{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "field-tailwind",
  "type": "registry:item",
  "title": "Field (Tailwind)",
  "description": "A form field component with label and validation.",
  "files": [
    {
      "path": "registry/brook/tailwind/ui/field.tsx",
      "content": "\"use client\";\n\nimport { Field } from \"@base-ui/react/field\";\nimport { cn } from \"@/lib/utils\";\n\nfunction FieldRoot({ className, ...props }: Field.Root.Props) {\n  return (\n    <Field.Root className={cn(\"flex w-full flex-col items-start gap-3\", className)} data-slot=\"field\" {...props} />\n  );\n}\n\nfunction FieldLabel({ className, ...props }: Field.Label.Props) {\n  return (\n    <Field.Label\n      className={cn(\"inline-flex items-center gap-2 text-sm/4\", className)}\n      data-slot=\"field-label\"\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: Field.Description.Props) {\n  return (\n    <Field.Description\n      className={cn(\"text-muted-foreground text-xs\", className)}\n      data-slot=\"field-description\"\n      {...props}\n    />\n  );\n}\n\nfunction FieldError({ className, ...props }: Field.Error.Props) {\n  return <Field.Error className={cn(\"text-destructive text-xs\", className)} data-slot=\"field-error\" {...props} />;\n}\n\nconst FieldControl = Field.Control;\nconst FieldValidity = Field.Validity;\n\nexport { FieldRoot as Field, FieldControl, FieldDescription, FieldError, FieldLabel, FieldValidity };\n",
      "type": "registry:file",
      "target": "~/components/ui/field/field.tsx"
    }
  ]
}