Number filed wiith buttons on right

<script setup lang="ts">
import { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea } from "@/components/reui/number-field"
</script>

<template>
  <div class="w-full max-w-48">
    <NumberField :default-value="5" :min="0" :max="100">
      <NumberFieldScrubArea label="Amount" />
      <NumberFieldGroup>
        <NumberFieldInput class="text-left" />
        <NumberFieldDecrement class="rounded-none!" />
        <NumberFieldIncrement />
      </NumberFieldGroup>
    </NumberField>
  </div>
</template>