{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input",
  "title": "Input",
  "description": "A semantic text input with visible focus and invalid states.",
  "registryDependencies": [
    "@manner/utils",
    "@manner/manner-theme"
  ],
  "files": [
    {
      "path": "registry/manner/ui/input.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/cn\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      data-slot=\"input\"\n      type={type}\n      className={cn(\n        \"h-10 w-full rounded-[var(--radius-sm,6px)] border border-[var(--border)] bg-[var(--surface)] px-3 text-sm text-[var(--ink)] outline-none transition-[border-color,box-shadow] placeholder:text-[var(--muted)] focus-visible:border-[var(--focus)] focus-visible:shadow-[0_0_0_3px_color-mix(in_oklab,var(--focus)_14%,transparent)] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-[var(--danger)]\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}