<label for="{{ id }}" class="block text-sm font-medium mt-2">
    {{ label }}
    {% if required is defined %}
        <span class="{{ colors.error.text }} ml-4">
            *
        </span>
    {% endif %}
</label>
{% if desc is defined %}
    <p class="text-sm mt-1">
        {{ desc }}
    </p>
{% endif %}
<input type="number" id="{{ id }}" name="{{ name }}" class="border rounded-lg p-2 w-full" {% if required %} required {% endif %} {% if min is defined %} min="{{ min }}" {% endif %} {% if max is defined %} max="{{ max }}" {% endif %} {% if step is defined %} step="{{ step }}" {% endif %} {% if value is defined %} value="{{ value }}" {% endif %} placeholder="{{ placeholder | default('Enter a number') }}">
    