{% macro alert(message, tone='info', title='', dismissible=False, attrs='') -%}
<div class="hil-alert hil-alert-{{ tone }}" role="status" aria-live="polite" {{ attrs|safe }}>
  {% if title %}<strong>{{ title }}</strong>{% endif %}
  <span>{{ message }}</span>
  {% if dismissible %}<button type="button" class="hil-ghost-btn" aria-label="Dismiss alert">Dismiss</button>{% endif %}
</div>
{%- endmacro %}

{% macro notification(message, tone='info', title='', attrs='') -%}
<div class="hil-notification hil-notification-{{ tone }}" role="status" aria-live="polite" {{ attrs|safe }}>
  {% if title %}<strong>{{ title }}</strong>{% endif %}
  <span>{{ message }}</span>
</div>
{%- endmacro %}

{% macro status_pill(label, tone='neutral', attrs='') -%}
<span class="hil-status-pill hil-status-{{ tone }}" {{ attrs|safe }}>{{ label }}</span>
{%- endmacro %}

{% macro flash_stack(messages) -%}
<div class="hil-flash-stack">
  {% for item in messages %}
    {{ alert(item.message, item.tone|default('info'), item.title|default('')) }}
  {% endfor %}
</div>
{%- endmacro %}