{#- chirp-ui: App layout — extends chirp boost with CSS and toast.

    Extend this instead of chirp/layouts/boost.html when using chirp-ui.
    Provides: chirpui.css, holy-light theme, chirpui-transitions.css, toast_container.

    Import layout macros per-page: {% from "chirpui/layout.html" import container, grid, stack, block %}

    Usage:
        {% extends "chirpui/app_layout.html" %}
        {% block title %}My App{% end %}
        {% block content %}
            {% call container() %}
                {% call stack() %}...{% end %}
            {% end %}
        {% end %}
-#}
{% extends "chirp/layouts/boost.html" %}
{% block head %}
<link rel="stylesheet" href="/static/chirpui.css">
<link rel="stylesheet" href="/static/themes/holy-light.css">
<link rel="stylesheet" href="/static/chirpui-transitions.css">
<script>
(function(){var t=localStorage.getItem("chirpui-theme")||"system";var s=localStorage.getItem("chirpui-style")||"default";document.documentElement.setAttribute("data-theme",t);document.documentElement.setAttribute("data-style",s);})();
</script>
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/mask@3.14.0/dist/cdn.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/intersect@3.14.0/dist/cdn.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/focus@3.14.0/dist/cdn.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js"></script>
<script>
document.addEventListener("alpine:init",function(){
  Alpine.store("modals",{});
  Alpine.store("trays",{});
});
</script>
{% end %}
{% block body_after %}
{% from "chirpui/toast.html" import toast_container %}
{{ toast_container() }}
{% end %}