{{-- <select> nativo con las clases de x-input (layout.md §6.4). --}}
@props(['disabled' => false])
<select {{ $disabled ? 'disabled' : '' }} {{ $attributes->merge(['class' => 'form-select block w-full rounded-md text-[13px] shadow-sm
    border-[var(--borde-fuerte)] bg-[var(--superficie)] text-[var(--texto)]
    focus:border-[var(--acento)] focus:ring-[var(--acento)]
    disabled:cursor-not-allowed disabled:bg-[var(--superficie-2)] disabled:text-[var(--texto-suave)]']) }}>
    {{ $slot }}
</select>