{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "color-field-validation-example",
  "title": "Color Field Validation",
  "description": "color-field-validation-example",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/color-field",
    "https://intentui.com/r/field",
    "https://intentui.com/r/input"
  ],
  "files": [
    {
      "path": "src/components/examples/colors/color-field/color-field-validation-example.tsx",
      "content": "'use client'\n\nimport { Form } from 'react-aria-components/Form'\nimport { Button } from '@/components/ui/button'\nimport { ColorField } from '@/components/ui/color-field'\nimport { FieldError, Label } from '@/components/ui/field'\nimport { Input } from '@/components/ui/input'\n\nexport default function ColorFieldValidationDemo() {\n  function submit(e: React.FormEvent) {\n    e.preventDefault()\n  }\n\n  return (\n    <Form onSubmit={submit} className=\"space-y-4\">\n      <ColorField isRequired name=\"color\">\n        <Label>Color</Label>\n        <Input placeholder=\"#155DFC\" />\n        <FieldError />\n      </ColorField>\n      <Button type=\"submit\">Save</Button>\n    </Form>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/color-field-validation-example/page.tsx"
    }
  ],
  "type": "registry:page"
}