{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"input","type":"registry:ui","description":"Displays a form input field. Supports all native input types, file inputs, invalid state styling.","registryDependencies":["utils"],"files":[{"path":"ui/input.tsx","type":"registry:ui","content":"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"}],"categories":["form"],"accessibility":{"support":"native","pattern":"textbox","primitive":"HTMLInputElement","keyboard":[],"aria":["Forwards native input semantics, required, disabled and aria-invalid state."],"consumer":["Associate a visible label with id/htmlFor or provide aria-label."]},"api":{"source":"src/ui/input.tsx","exports":[{"name":"Input","kind":"component","propsType":"React.ComponentProps<\"input\">"}]}}