{"name":"input","title":"Input","description":"Text input with consistent styling.","type":"registry:ui","docs":"/components/input","categories":["forms"],"files":[{"path":"components/ui/input.tsx","target":"components/ui/input.tsx","type":"registry:ui","content":"import { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:inline-flex bg-background dark:bg-input/30 file:bg-transparent disabled:opacity-50 shadow-xs px-2.5 py-1 border border-input aria-invalid:border-destructive focus-visible:border-ring dark:aria-invalid:border-destructive/50 file:border-0 rounded-md outline-none aria-invalid:ring-3 aria-invalid:ring-destructive/20 focus-visible:ring-3 focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 w-full min-w-0 h-9 file:h-7 file:font-medium placeholder:text-muted-foreground file:text-foreground md:text-sm file:text-sm text-base transition-[color,box-shadow] disabled:cursor-not-allowed disabled:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"}]}