{% props r#for: String, optional: bool = false, required: bool = false, disabled: bool = false, inner_block: Slot %}
{#- `optional` adds “(optional)”; `required` a red asterisk (the control itself carries `required`). -#}
<label class="ui-label" for="{{ r#for }}"{% if disabled %} data-disabled{% end %}>{{ inner_block }}{% if optional %} <span class="ui-label-optional">(optional)</span>{% end %}{% if required %} <span class="ui-req" aria-hidden="true">*</span>{% end %}</label>