[Bug]: mouse pointer on disabled button in bar is wrong

[blenke]

Blazorise Version

1.3.4 , 1.4.2

What Blazorise provider are you running on?

Bootstrap5

Link to minimal reproduction, or a simple code snippet

<Bar>
  <BarStart>
    <BarItem>              
      <Button Color="Color.Primary" Disabled>test 1, not ok</Button>
      <Button Color="Color.Primary">test 2, ok</Button>               
    </BarItem>
  </BarStart>
  <BarItem>
    <Button Color="Color.Primary" Disabled>test 3 , ok</Button>     
  </BarItem>
</Bar>

Steps to reproduce

Create a Bar with a BarStart then add a button that is disabled. When you place the mouse over the disabled button it will keep showing the 'hand' pointer instead of the arrow as would be expected on a disabled button. When the button is used outside the Bar, BarStart it works as expected

What is expected?

the mouse button should be the default pointer on the disabled button

What is actually happening?

the hand pointer is showing as if the button is active

What browsers are you seeing the problem on?

Chrome, Microsoft Edge

Any additional comments?

No response

[Herdo]

BarItem also has a Disabled property. Neither seem to work.

[ddjerqq]

I'm assuming I will need to add the disabled attribute to the underlying component? I will take a closer look soon

[ddjerqq]

I will start working on this