✨ (bootsier): Añade componentes esenciales

- Añade Dialog como modal de Bootstrap, con el JS de soporte para
  `htmx:confirm` y el saneado de su posición fija.
- Adapta Nav, Navbar y Dropdown al reuso de los tipos movidos al core, y
  traduce BootsierColors/Intent en Button y Badge, con soporte para
  Light/Dark vía with_color().
- Reexporta en el tema los componentes de PageTop que faltaban: Block,
  Breadcrumb, Messages, Pager, Table y form::Number.

extensions/pagetop-bootsier/assets/bootsier.confirm.js

@@ -0,0 +1,62 @@
+(function () {
+    'use strict';
+
+    // htmx dispatches `htmx:confirm` in place of `window.confirm()` whenever the element that
+    // would issue a request carries `hx-confirm`. Intercepting it here upgrades every
+    // `hx-confirm` in the project to a Bootstrap modal, without touching the element that
+    // requested it or the request itself: cancelling is a no-op, confirming resumes the exact
+    // same request via `evt.detail.issueRequest(true)`.
+    if (typeof bootstrap === 'undefined' || !bootstrap.Modal) { return; }
+
+    var modalEl = null;
+    var questionEl = null;
+    var pendingEvent = null;
+
+    function ensureModal() {
+        if (modalEl) { return; }
+
+        var okLabel = document.body.dataset.confirmOk || 'OK';
+        var cancelLabel = document.body.dataset.confirmCancel || 'Cancel';
+
+        modalEl = document.createElement('div');
+        modalEl.className = 'modal fade';
+        modalEl.tabIndex = -1;
+        modalEl.setAttribute('aria-hidden', 'true');
+        modalEl.innerHTML =
+            '<div class="modal-dialog">' +
+                '<div class="modal-content">' +
+                    '<div class="modal-body"></div>' +
+                    '<div class="modal-footer">' +
+                        '<button type="button" class="btn btn-secondary" data-bs-dismiss="modal"></button>' +
+                        '<button type="button" class="btn btn-danger" data-confirm-accept></button>' +
+                    '</div>' +
+                '</div>' +
+            '</div>';
+        document.body.appendChild(modalEl);
+
+        questionEl = modalEl.querySelector('.modal-body');
+        modalEl.querySelector('[data-bs-dismiss]').textContent = cancelLabel;
+        var acceptBtn = modalEl.querySelector('[data-confirm-accept]');
+        acceptBtn.textContent = okLabel;
+
+        acceptBtn.addEventListener('click', function () {
+            var evt = pendingEvent;
+            pendingEvent = null;
+            bootstrap.Modal.getInstance(modalEl).hide();
+            if (evt) { evt.detail.issueRequest(true); }
+        });
+
+        modalEl.addEventListener('hidden.bs.modal', function () {
+            pendingEvent = null;
+        });
+    }
+
+    document.addEventListener('htmx:confirm', function (evt) {
+        if (!evt.detail.question) { return; }
+        evt.preventDefault();
+        ensureModal();
+        questionEl.textContent = evt.detail.question;
+        pendingEvent = evt;
+        bootstrap.Modal.getOrCreateInstance(modalEl).show();
+    });
+}());