{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input-demo",
  "title": "Input: Labeled field",
  "description": "A label, an input and a helper text wired with aria-describedby.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.cuelark.com/r/input.json"
  ],
  "files": [
    {
      "path": "src/registry/cuelark/examples/input-demo.tsx",
      "content": "import { Input } from \"@/registry/cuelark/ui/input\";\n\nexport default function InputDemo() {\n  return (\n    <div className=\"grid w-full max-w-sm gap-2\">\n      <label htmlFor=\"email\" className=\"text-sm font-medium\">\n        Work email\n      </label>\n      <Input id=\"email\" type=\"email\" placeholder=\"you@example.com\" aria-describedby=\"email-hint\" />\n      <p id=\"email-hint\" className=\"text-xs text-muted-foreground\">\n        We only use it for receipts and security alerts.\n      </p>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "input",
    "example"
  ],
  "type": "registry:component"
}