{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "form-tailwind",
  "type": "registry:item",
  "title": "Form (Tailwind)",
  "description": "A form component for handling user input.",
  "files": [
    {
      "path": "registry/brook/tailwind/ui/form.tsx",
      "content": "\"use client\";\n\nimport { Form } from \"@base-ui/react/form\";\nimport type React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction FormRoot({ className, ...props }: Form.Props) {\n  return <Form className={cn(\"flex w-full flex-col gap-4\", className)} {...props} />;\n}\n\nfunction FormGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex flex-col gap-2\", className)} {...props} />;\n}\n\nfunction FormRow({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex items-center gap-4 max-sm:flex-col max-sm:items-stretch\", className)} {...props} />;\n}\n\nfunction FormActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"mt-6 flex justify-end gap-3\", \"max-sm:flex-col max-sm:justify-stretch\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { FormRoot as Form, FormActions, FormGroup, FormRow };\n",
      "type": "registry:file",
      "target": "~/components/ui/form/form.tsx"
    }
  ]
}