{#- chirp-ui: Button component. Use chirpui-btn with variants. Supports loading state for htmx.
    Defaults to type="button" for safety; pass type="submit" explicitly for form submission.

        {{ btn("Save", type="submit", variant="primary") }} → <button type="submit" ...>
        {{ btn("Cancel") }}                                  → <button type="button" ...>
        {{ btn("View", href="/page") }}                      → <a ...>
        {{ btn("Save", hx={"post": "/save", "target": "#r"}) }}  → shorthand for hx_post + hx_target
-#}

{% from "chirpui/spinner.html" import spinner %}

{% def btn(label, variant="", appearance="", tone="", size="", loading=false, type="button", href=none, icon=none, cls="",
           attrs="", attrs_unsafe="", attrs_map=none, hx=none, hx_get=none, hx_post=none, hx_put=none,
           hx_patch=none, hx_delete=none, hx_target=none, hx_swap=none,
           hx_trigger=none, hx_include=none, hx_select=none, hx_ext=none,
           hx_vals=none, hx_sync=none, hx_disabled_elt=none,
           disabled=false, data_action=none, aria_label=none) %}
{% set _attrs_raw = attrs_unsafe or (attrs | deprecate_param("attrs", "attrs_unsafe or attrs_map")) %}
{% set _variant = variant | validate_variant_block("btn", "") %}
{% set _appearance = appearance | validate_appearance_block("btn", "") %}
{% set _tone = tone | validate_tone_block("btn", "") %}
{# @consumes _bar_density from: command_bar, filter_bar — falls back to "" #}
{% set _bar_size = consume("_bar_density", "") %}
{# @consumes _suspense_busy from: suspense_group — falls back to "" #}
{% set _busy = consume("_suspense_busy", "") %}
{% set _size = (size or _bar_size or "") | validate_size("btn", "") %}
{% set _disabled = disabled or (_busy == "true") %}
{% set base_class = "btn" | bem(variant=_variant, appearance=_appearance, tone=_tone, size=_size, modifier="loading" if loading else "", cls=cls) %}
{% set _hx_dict = build_hx_attrs(hx=hx, hx_get=hx_get, hx_post=hx_post, hx_put=hx_put,
    hx_patch=hx_patch, hx_delete=hx_delete, hx_target=hx_target, hx_swap=hx_swap,
    hx_trigger=hx_trigger, hx_include=hx_include,
    hx_select=hx_select, hx_ext=hx_ext, hx_vals=hx_vals) %}
{% set _btn_has_hx_request = _hx_dict.get("hx-get") or _hx_dict.get("hx-post") or _hx_dict.get("hx-put") or _hx_dict.get("hx-patch") or _hx_dict.get("hx-delete") %}
{% set _btn_has_hx_mutation = _hx_dict.get("hx-post") or _hx_dict.get("hx-put") or _hx_dict.get("hx-patch") or _hx_dict.get("hx-delete") %}
{% set _btn_has_hx_config = _hx_dict | length > 0 %}
{% set _explicit_hx_select = _hx_dict.get("hx-select") %}
{% set _attrs_hx_select = (attrs_map or {}).get("hx-select") %}
{% set _hx_sync_from_attrs = (attrs_map or {}).get("hx-sync") %}
{% set _hx_disabled_from_attrs = (attrs_map or {}).get("hx-disabled-elt") %}
{% set _hx_sync_from_dict = _hx_dict.get("hx-sync") %}
{% set _hx_disabled_from_dict = _hx_dict.get("hx-disabled-elt") %}
{% set _default_hx_select = "unset" if _btn_has_hx_request and not _explicit_hx_select and not _attrs_hx_select else none %}
{% set _default_hx_sync = hx_sync if hx_sync is not none else ("this:drop" if _btn_has_hx_mutation and not _hx_sync_from_attrs and not _hx_sync_from_dict else none) %}
{% set _default_hx_disabled = hx_disabled_elt if hx_disabled_elt is not none else ("this" if _btn_has_hx_mutation and not href and not _hx_disabled_from_attrs and not _hx_disabled_from_dict else none) %}
{% set _route_attrs = route_link_attrs(href, disabled=_disabled, attrs=_attrs_raw, attrs_map=attrs_map) if not _btn_has_hx_config else {} %}
{% if href %}
<a class="{{ base_class }}"{% if not _disabled %} href="{{ href }}"{% endif %}
   {% if aria_label %}aria-label="{{ aria_label }}"{% end %}
   {% if data_action %}data-action="{{ data_action }}"{% end %}
   {% if _disabled %}aria-disabled="true" tabindex="-1"{% end %}
   {{ _attrs_raw | html_attrs }}
   {{ attrs_map | html_attrs }}
   {% if not _disabled and _btn_has_hx_request %}hx-boost="false"{% end %}
   {% if not _disabled %}{{ build_hx_attrs(hx_select=_default_hx_select, hx_sync=_default_hx_sync) | html_attrs }}{% end %}
   {% if not _disabled %}{{ _route_attrs | html_attrs }}{% end %}
   {% if not _disabled %}{{ _hx_dict | html_attrs }}{% end %}>
    {% if icon %}<span class="chirpui-btn__icon">{{ icon | icon }}</span>{% end %}
    <span class="chirpui-btn__label">{{ label }}</span>
</a>
{% else %}
<button type="{{ type }}" class="{{ base_class }}" {% if loading %}aria-busy="true"{% end %}
        {% if aria_label %}aria-label="{{ aria_label }}"{% end %}
        {% if data_action %}data-action="{{ data_action }}"{% end %}
        {% if _disabled %}disabled{% end %}
        {{ _attrs_raw | html_attrs }}
        {{ attrs_map | html_attrs }}
        {{ build_hx_attrs(hx_select=_default_hx_select, hx_sync=_default_hx_sync, hx_disabled_elt=_default_hx_disabled) | html_attrs }}
        {{ _hx_dict | html_attrs }}>
    {% if icon %}<span class="chirpui-btn__icon">{{ icon | icon }}</span>{% end %}
    <span class="chirpui-btn__label">{{ label }}</span>
    <span class="chirpui-btn__spinner" aria-hidden="true">{{ spinner(size="sm") }}</span>
</button>
{% end %}
{% end %}

{% def button_group(cls="") %}
<div class="chirpui-btn-group{{ " " ~ cls if cls else "" }}">
    {% slot %}
</div>
{% end %}