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

    Extend this instead of raw Chirp layouts when using chirp-ui.
    Provides: chirpui.css, app theme starter, chirpui-transitions.css, toast_container.
    Alpine and chirpui-alpine.js are injected by Chirp when use_chirp_ui(app)
    is registered.

    Import layout macros per page from chirpui/layout.html.

    Usage:
        Extend chirpui/app_layout.html, set the title block, and place page
        markup in the content block.
-#}
{% extends "chirp/layouts/shell.html" %}
{% block head %}
<meta name="view-transition" content="same-origin">
<link rel="stylesheet" href="/static/chirpui.css">
<link rel="stylesheet" href="/static/themes/app-theme-starter.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>
{% block head_extra %}{% end %}
{% end %}
{% block shell %}
<div id="main" hx-boost="true" hx-target="#main" hx-swap="innerHTML" hx-select="#page-content">
  <div id="page-content">
    {% block content %}{% end %}
  </div>
</div>
{% end %}
{% block body_after %}
{% from "chirpui/toast.html" import toast_container %}
{{ toast_container() }}
{% end %}