import { jsx as _jsx } from "react/jsx-runtime";
import * as React from "react";
import { cn } from "../../lib/utils";
const Input = React.forwardRef(function Input({ className, type, ...props }, ref) {
    return (_jsx("input", { ref: ref, type: type, "data-slot": "input", className: cn("file:text-foreground placeholder:text-muted-foreground border-neutral-grey-10 bg-neutral-grey-5 flex h-8 w-full min-w-0 rounded-[4px] border p-1 px-3 text-base transition-[color,box-shadow] outline-none select-text file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-xs file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-xs", 
        // Use outline for focus instead of ring (box-shadow) so it doesn't override .focus-shadow
        "focus-visible:border-neutral-grey-100 focus-visible:outline-neutral-grey-100/70 focus-visible:outline focus-visible:-outline-offset-2", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive", className), ...props }));
});
Input.displayName = "Input";
export { Input };
//# sourceMappingURL=input.js.map