{#- chirp-ui: Selection Bar
    Stateful bulk-action container shown when list/table rows are selected.
    If count <= 0, renders nothing (default, server-gated mode).

    Usage:
        from "chirpui/selection_bar.html" import selection_bar

        call selection_bar(count=3)
            <a class="chirpui-btn chirpui-btn--sm chirpui-btn--secondary">Export selected</a>
            <a class="chirpui-btn chirpui-btn--sm chirpui-btn--secondary">Clear</a>
        end

    Controlled mode (controlled=true): the bar is always in the DOM (no server
    count>0 gate) and uses Alpine `x-show`/`x-text` hooks so an enclosing
    `chirpuiGridSelection` scope can show/hide it and update the count with zero
    server roundtrip. Used by data_grid. Default `controlled=false` is
    byte-identical to the historical server-gated render.
-#}

{% def selection_bar(count=0, label="selected", live_region=false, aria_label="Bulk actions", controlled=false, cls="") %}
{% if controlled %}
<div class="chirpui-selection-bar{{ " " ~ cls if cls else "" }}" role="toolbar" aria-label="{{ aria_label }}" x-show="count > 0" x-cloak>
  <span class="chirpui-selection-bar__count"{% if live_region %} aria-live="polite" aria-atomic="true"{% end %} x-text="count + ' {{ label }}'">{{ count }} {{ label }}</span>
  <div class="chirpui-selection-bar__actions">{{ caller() }}</div>
</div>
{% elif count > 0 %}
<div class="chirpui-selection-bar{{ " " ~ cls if cls else "" }}" role="toolbar" aria-label="{{ aria_label }}">
  <span class="chirpui-selection-bar__count"{% if live_region %} aria-live="polite" aria-atomic="true"{% end %}>{{ count }} {{ label }}</span>
  <div class="chirpui-selection-bar__actions">{{ caller() }}</div>
</div>
{% end %}
{% end %}