{#- chirp-ui: Accordion component
    Expandable sections; only one open at a time (native details/name behavior).
    Use accordion_item for each section.

    Usage:
        {% from "chirpui/accordion.html" import accordion, accordion_item %}

        {% call accordion(name="faq") %}
            {% call accordion_item("How do I sign up?", open=true) %}
                Click the Sign Up button and follow the steps.
            {% end %}
            {% call accordion_item("How do I reset my password?") %}
                Use the Forgot Password link on the login page.
            {% end %}
        {% end %}
-#}

{% def accordion(name="accordion", cls="") %}
{# @provides _accordion_name — consumed by: accordion_item #}
{% provide _accordion_name = name %}
<div class="chirpui-accordion{{ " " ~ cls if cls else "" }}">
    {% slot %}
</div>
{% end %}
{% end %}

{% def accordion_item(title, open=false, name="", cls="") %}
{# @consumes _accordion_name from: accordion — falls back to "accordion" if not in accordion context #}
{% set _name = name if name else consume("_accordion_name", "accordion") %}
<details class="chirpui-accordion__item{{ " " ~ cls if cls else "" }}"
         name="{{ _name }}"
         {% if open %}open{% end %}>
    <summary class="chirpui-accordion__trigger">
        <span class="chirpui-accordion__trigger-text">{{ title }}</span>
        <div class="chirpui-accordion__trigger-actions">{% slot header_actions %}</div>
    </summary>
    <div class="chirpui-accordion__content">
        {% slot %}
    </div>
</details>
{% end %}