since3-website/components/ui/input.tsx

import * as React from "react"
import { Input as InputPrimitive } from "@base-ui/react/input"

import { cn } from "@/lib/utils"

function Input({ className, type, ...props }: React.ComponentProps<"input">) {
  return (
    <InputPrimitive
      type={type}
      data-slot="input"
      className={cn(
        "h-12 w-full min-w-0 rounded-xl border border-input bg-transparent px-4 text-base text-fg transition-colors duration-150 placeholder:text-fg-muted hover:border-fg/70 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-signal-error",
        className
      )}
      {...props}
    />
  )
}

export { Input }