{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"input","type":"registry:component","title":"Input","description":"Text input whose focus ring grows from a hairline to two px, with a destructive ring for aria-invalid.","author":"Ryan","dependencies":["clsx","tailwind-merge"],"registryDependencies":[],"files":[{"path":"components/motion/input.tsx","type":"registry:component","target":"@components/motion/input.tsx","content":"\"use client\";\n// easeui.dev/components/motion/input\n\nimport { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement>;\n\n/**\n * Text input whose focus ring grows from a hairline to two px. Pass\n * aria-invalid to switch the ring to the destructive color.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <input\n      ref={ref}\n      className={cn(\n        \"h-10 w-full rounded-xl bg-card px-3 text-base text-foreground shadow-[0_0_0_1px_var(--border-strong)] outline-none transition-shadow duration-150 ease-out sm:text-sm\",\n        \"placeholder:text-muted-foreground\",\n        \"focus:shadow-[0_0_0_2px_var(--accent)]\",\n        \"aria-invalid:shadow-[0_0_0_2px_var(--destructive)]\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"},{"path":"lib/utils.ts","type":"registry:lib","target":"@lib/utils.ts","content":"import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"}]}