@gjsify/adwaita-web 0.64.1 → 0.64.2-next.254

package/README.md

@@ -106,24 +106,28 @@ the composition is an implementation detail.
 ### Toasts are queued, one at a time
 
 `<adw-toast-overlay>` follows `Adw.ToastOverlay`: it shows **exactly one** toast
-and queues the rest FIFO. Each queued toast is shown only after the visible one
-is dismissed — by its timeout, by its close button, by its action button, or by
-`dismiss()`.
+and queues the rest; a `priority: Adw.ToastPriority.HIGH` toast goes ahead of the
+visible one. Each queued toast is shown only after the visible one is dismissed —
+by its timeout, by its close button, by its action button, or by `toast.dismiss()`.
 
 ```typescript
+import { Adw } from '@gjsify/adwaita-web';
+
 const overlay = document.querySelector('adw-toast-overlay');
 
-overlay.addToast('File moved to Trash', { timeout: 3, buttonLabel: 'Undo', onAction: undo });
-overlay.addToast('Second file moved');   // waits its turn — not shown yet
+const toast = new Adw.Toast({ title: 'File moved to Trash', timeout: 3, button_label: 'Undo' });
+toast.connect('button-clicked', undo);
+overlay.add_toast(toast);
+overlay.add_toast(new Adw.Toast({ title: 'Second file moved' }));  // waits its turn
 
 overlay.currentToast?.title;  // 'File moved to Trash'
 overlay.pendingToasts;        // 1
 
-overlay.dismiss();      // show the next queued toast now
-overlay.clearToasts();  // dismiss the visible one and drop the queue
+toast.dismiss();        // show the next queued toast now
+overlay.dismiss_all();  // dismiss the visible one and everything queued
 ```
 
-`addToast()`'s `timeout` is in **seconds** (mirroring `Adw.Toast:timeout`); `0`
+`Adw.Toast:timeout` is in **seconds**; `0`
 keeps the toast until it is dismissed and holds the queue behind it. The
 auto-dismiss runs on the browser's timers by default; assign
 `overlay.scheduler` a custom `ToastScheduler` (the seam `@gjsify/adwaita-core`
@@ -244,16 +248,11 @@ visible: the icon has not silently disappeared, and nothing throws — an icon i
 and neither of the other two Adwaita renderers takes an application down over a glyph. Only
 an **absent or empty** name draws nothing, which is the host declining an icon.
 
-### Registering your own
-
-```typescript
-import { registerIcon, isIconAvailable } from '@gjsify/adwaita-web';
-import { dialogErrorSymbolic } from '@gjsify/adwaita-icons/status';
+### Icons outside the subset
 
-if (!isIconAvailable('dialog-error')) {
-    registerIcon('dialog-error-symbolic', dialogErrorSymbolic);
-}
-```
+A glyph the subset does not compile — a symbolic of your own, or a full-colour application
+icon — comes from the app's GResource, the way GNOME ships it (next section).
+`isIconAvailable(name)` answers whether the compiled subset or a resource path draws a name.
 
 ```html
 <gtk-image icon-name="dialog-error"></gtk-image>
@@ -269,71 +268,6 @@ narrow surface such as an extension popup — a 96px icon, 24px margins and the
 <adw-status-page compact icon="dialog-error" title="No results"></adw-status-page>
 ```
 
-`registerIcon(name, svg)` takes the icon's **SVG source** — exactly what
-`@gjsify/adwaita-icons` exports, and equally any symbolic SVG of your own drawn on the 16px
-Adwaita grid with `fill="currentColor"`. It writes the same pair the build writes: a
-`--icon-<name>` custom property on the document element and a `.adw-icon--<name>` mask rule,
-so from then on the name is indistinguishable from a compiled one — in `<gtk-image>`, in a
-widget attribute, in a hand-written `class="adw-icon adw-icon--dialog-error"`, and in your
-own CSS as `var(--icon-dialog-error)`.
-
-Notes worth having:
-
-- **Register before you mount, where you can.** An icon already in the document shows the
-  fallback until the registration lands. The CSS is live, so it corrects itself on the next
-  style recalculation with no re-render — but there is a visible frame in between.
-- **`registerIcon` needs a live document.** It writes to `document.documentElement` and
-  `document.head`, so calling it at module top level in an SSR/SSG build (an Astro component
-  module, for instance) throws a `ReferenceError` before any page renders. Call it from
-  client-side code — an `onMount`, a `client:load` boundary, a `DOMContentLoaded` handler.
-- **The name is normalized the same way the attribute is**: one optional `-symbolic` suffix
-  comes off, and what is left has to be a single CSS token. `registerIcon` *throws* on a name
-  that is not (`org.gnome.Builder`, `a b`), because a call that silently registers nothing is
-  the failure this whole area exists to end — and because there is no mask class such a name
-  could be given. `<gtk-image>` stays lenient with the same input: the name came from markup,
-  so it draws `image-missing` rather than taking the page down.
-- **Re-registering replaces the glyph** rather than adding a second rule, so a runtime theme
-  switch can call it as often as it likes.
-- `isIconAvailable(name)` reads the live cascade, not a generated list, so it also answers
-  `true` for a glyph you supplied through your own stylesheet's `--icon-<name>`.
-
-### Full-colour icons — an application icon
-
-A symbolic icon is recoloured; an application icon is not. On GNOME,
-`AdwAboutDialog`'s `application-icon` is the application ID, and GTK finds
-`hicolor/scalable/apps/<app-id>.svg` and draws it as it is. The web stand-in for that file is
-`registerColorIcon`:
-
-```typescript
-import { registerColorIcon } from '@gjsify/adwaita-web';
-import appIcon from './icons/org.example.App.svg?raw';
-
-registerColorIcon('org.example.App', appIcon);         // SVG source…
-registerColorIcon('org.example.Other', '/icons/other.png'); // …or an image URL
-```
-
-```html
-<adw-about-dialog application-icon="org.example.App" application-name="Example"></adw-about-dialog>
-```
-
-Every `<gtk-image>` asking for a registered name draws the image unmasked and unrecoloured,
-which covers every widget that draws its icons through it, `<adw-about-dialog>` and
-`<gtk-about-dialog logo-icon-name>` among them. A name is looked up in the order GTK's own
-theme tries it (`g_themed_icon_update_names`, then gtkicontheme.c's theme order). A colour
-registration is hicolor's, so the current theme's symbolic glyph comes first either way:
-
-| Asked for | Tried, in order | Neither found |
-| --- | --- | --- |
-| `X` | symbolic `X-symbolic`, then colour `X` | `image-missing` |
-| `X-symbolic` | symbolic `X-symbolic`, then colour `X` | `image-missing` |
-
-So nothing changes for a name with no colour registration, and a colour `X` shows only where the
-theme has no `X-symbolic` — the same as on GNOME. `registerColorIcon` keys on the
-**exact** name, reverse-DNS IDs included, and *throws* on an empty or spaced name, on a
-`-symbolic` (`-ltr`/`-rtl`) name — that is `registerIcon`'s half — and on a source that is
-neither SVG source nor an `http(s):`, `blob:`, `file:` or `data:image/` URL. A registration
-redraws every mounted `<gtk-image>`, and `isIconAvailable` answers `true` for the name.
-
 ### Icons from the app's GResource (ADR 0116)
 
 The way GNOME takes: the app's compiled `.gresource`, registered with the GIO calls it already
@@ -352,9 +286,9 @@ the lookup follows `gtkicontheme.c`: hicolor subdirectories (`16x16/apps/`, `sca
 `symbolic/apps/`, …, without a `hicolor/` component) by size and scale, then files directly
 under the path. A compiled symbolic glyph still answers a `-symbolic` name first. A `-symbolic`
 file draws as a mask in `currentColor`, any other SVG or PNG as it is; an XPM or a compressed
-entry draws `image-missing` with a warning. After a colour registration, a resource is the next
-answer, so `registerColorIcon` still wins for its name. If the resource holds `gtk/menus.ui`
-or `gtk/help-overlay.ui` under the base path, startup throws: no builder here reads them yet.
+entry draws `image-missing` with a warning. An application icon (`application-icon="org.example.App"`)
+is a colour file such as `scalable/apps/org.example.App.svg` under the path. If the resource
+holds `gtk/menus.ui` or `gtk/help-overlay.ui` under the base path, startup throws: no builder here reads them yet.
 `add_search_path` stays a record, since there is no file system to search.
 
 ### Why this is a web-only concern
@@ -366,14 +300,14 @@ knowing which one you are on:
 | --- | --- | --- |
 | GTK (`@gjsify/adwaita-app`) | `GtkIconTheme` looks it up in the **system** icon theme at runtime | draws the theme's `image-missing` |
 | NativeScript (`@gjsify/adwaita-nativescript`) | `GtkImage` is handed the **SVG source**, not a name | cannot happen — a missing icon is a missing import |
-| Web (this package) | a **compile-time** subset, the `Gtk.IconTheme` resource paths, plus `registerIcon` / `registerColorIcon` | draws `image-missing` |
+| Web (this package) | a **compile-time** subset, then the `Gtk.IconTheme` resource paths | draws `image-missing` |
 
 All three therefore end on ONE glyph for a name they cannot draw. The web reaches it by two
 routes — no mask class for a known-shaped name, or no usable class for a name like
-`org.gnome.Builder` that no `registerColorIcon` call has answered either.
+`org.gnome.Builder` that no resource path has answered either.
 
 Only the web renderer has a set that can be missing something at runtime, which is why only
-it needs a registration path. `scripts/check-adwaita-icon-masks.mjs` holds the compiled
+it needs a compiled subset beside the resource paths. `scripts/check-adwaita-icon-masks.mjs` holds the compiled
 subset against every name this repository's SHIPPING surfaces emit, in both directions, and
 fails on a compiled glyph that did not come from `@gjsify/adwaita-icons`.
 

package/dist/adwaita-web.css

@@ -696,7 +696,7 @@
   font-size: var(--font-size-base);
 }
 
-adw-about-dialog, adw-action-row, adw-alert-dialog, adw-alert-response, adw-application-window, adw-avatar, adw-banner, adw-bin, adw-bottom-sheet, adw-bottom-sheet-bottom-bar, adw-bottom-sheet-content, adw-bottom-sheet-sheet, adw-breakpoint-bin, adw-button-content, adw-button-row, adw-card, adw-carousel, adw-carousel-indicator-dots, adw-carousel-indicator-lines, adw-clamp, adw-clamp-scrollable, adw-combo-row, adw-data-grid, adw-dialog, adw-entry-row, adw-expander-row, adw-header-bar, adw-inline-view-switcher, adw-layout-slot, adw-multi-layout-view, adw-navigation-page, adw-navigation-split-view, adw-navigation-view, adw-overlay-split-view, adw-password-entry-row, adw-preferences-dialog, adw-preferences-group, adw-preferences-page, adw-preferences-row, adw-radio, adw-shortcut-label, adw-shortcuts-dialog, adw-shortcuts-item, adw-shortcuts-section, adw-sidebar, adw-sidebar-item, adw-sidebar-section, adw-source-view, adw-spin-row, adw-spinner, adw-split-button, adw-status-page, adw-switch-row, adw-tab-bar, adw-tab-button, adw-tab-overview, adw-tab-page, adw-tab-view, adw-toast-overlay, adw-toggle, adw-toggle-group, adw-toolbar-view, gtk-notebook, adw-view-stack, adw-view-stack-page, adw-view-switcher, adw-view-switcher-bar, adw-view-switcher-page, adw-view-switcher-sidebar, adw-window, adw-window-title, adw-wrap-box, gtk-about-dialog, gtk-action-bar, gtk-application-window, gtk-aspect-frame, gtk-box, gtk-button, gtk-center-box, gtk-calendar, gtk-check-button, gtk-color-dialog-button, gtk-column-view, gtk-drag-icon, gtk-drawing-area, gtk-drop-down, gtk-editable-label, gtk-emoji-chooser, gtk-entry, gtk-expander, gtk-fixed, gtk-flow-box, gtk-flow-box-child, gtk-font-dialog-button, gtk-frame, gtk-gl-area, gtk-graphics-offload, gtk-grid, gtk-grid-view, gtk-header-bar, gtk-image, gtk-inscription, gtk-label, gtk-level-bar, gtk-link-button, gtk-list-box, gtk-list-box-row, gtk-list-view, gtk-media-controls, gtk-menu-button, gtk-overlay, gtk-page-setup-unix-dialog, gtk-paned, gtk-password-entry, gtk-picture, gtk-popover, gtk-popover-bin, gtk-popover-menu, gtk-popover-menu-bar, gtk-print-unix-dialog, gtk-progress-bar, gtk-revealer, gtk-scale, gtk-scale-button, gtk-scrollbar, gtk-scrolled-window, gtk-search-bar, gtk-search-entry, gtk-separator, gtk-source-view, gtk-spin-button, gtk-spinner, gtk-stack, gtk-stack-sidebar, gtk-stack-switcher, gtk-switch, gtk-text, gtk-text-view, gtk-toggle-button, gtk-tree-expander, gtk-video, gtk-viewport, gtk-window, gtk-window-controls, gtk-window-handle {
+adw-about-dialog, adw-action-row, adw-alert-dialog, adw-alert-response, adw-application-window, adw-avatar, adw-banner, adw-bin, adw-bottom-sheet, adw-bottom-sheet-bottom-bar, adw-bottom-sheet-content, adw-bottom-sheet-sheet, adw-breakpoint-bin, adw-button-content, adw-button-row, adw-card, adw-carousel, adw-carousel-indicator-dots, adw-carousel-indicator-lines, adw-clamp, adw-clamp-scrollable, adw-combo-row, adw-data-grid, adw-dialog, adw-entry-row, adw-expander-row, adw-header-bar, adw-inline-view-switcher, adw-layout-slot, adw-multi-layout-view, adw-navigation-page, adw-navigation-split-view, adw-navigation-view, adw-overlay-split-view, adw-password-entry-row, adw-preferences-dialog, adw-preferences-group, adw-preferences-page, adw-preferences-row, adw-radio, adw-shortcut-label, adw-shortcuts-dialog, adw-shortcuts-item, adw-shortcuts-section, adw-sidebar, adw-sidebar-item, adw-sidebar-section, adw-source-view, adw-spin-row, adw-spinner, adw-split-button, adw-status-page, adw-switch-row, adw-tab-bar, adw-tab-button, adw-tab-overview, adw-tab-page, adw-tab-view, adw-toast-overlay, adw-toggle, adw-toggle-group, adw-toolbar-view, gtk-notebook, adw-view-stack, adw-view-stack-page, adw-view-switcher, adw-view-switcher-bar, adw-view-switcher-page, adw-view-switcher-sidebar, adw-window, adw-window-title, adw-wrap-box, gtk-about-dialog, gtk-action-bar, gtk-application-window, gtk-aspect-frame, gtk-box, gtk-button, gtk-center-box, gtk-calendar, gtk-check-button, gtk-color-dialog-button, gtk-column-view, gtk-drag-icon, gtk-drawing-area, gtk-drop-down, gtk-editable-label, gtk-emoji-chooser, gtk-entry, gtk-expander, gtk-fixed, gtk-flow-box, gtk-flow-box-child, gtk-font-dialog-button, gtk-frame, gtk-gl-area, gtk-graphics-offload, gtk-grid, gtk-grid-view, gtk-header-bar, gtk-image, gtk-inscription, gtk-label, gtk-level-bar, gtk-link-button, gtk-list-box, gtk-list-box-row, gtk-list-view, gtk-media-controls, gtk-menu-button, gtk-overlay, gtk-page-setup-unix-dialog, gtk-paned, gtk-password-entry, gtk-picture, gtk-popover, gtk-popover-bin, gtk-popover-menu, gtk-popover-menu-bar, gtk-print-unix-dialog, gtk-progress-bar, gtk-revealer, gtk-scale, gtk-scale-button, gtk-scrollbar, gtk-scrolled-window, gtk-search-bar, gtk-search-entry, gtk-separator, gtk-source-view, gtk-spin-button, gtk-spinner, gtk-stack, gtk-stack-page, gtk-stack-sidebar, gtk-stack-switcher, gtk-switch, gtk-text, gtk-text-view, gtk-toggle-button, gtk-tree-expander, gtk-video, gtk-viewport, gtk-window, gtk-window-controls, gtk-window-handle {
   box-sizing: border-box;
   color: var(--window-fg-color);
   font-family: var(--font-family);
@@ -713,7 +713,7 @@ adw-about-dialog, adw-action-row, adw-alert-dialog, adw-alert-response, adw-appl
   text-shadow: none;
 }
 
-:where(adw-about-dialog, adw-action-row, adw-alert-dialog, adw-alert-response, adw-application-window, adw-avatar, adw-banner, adw-bin, adw-bottom-sheet, adw-bottom-sheet-bottom-bar, adw-bottom-sheet-content, adw-bottom-sheet-sheet, adw-breakpoint-bin, adw-button-content, adw-button-row, adw-card, adw-carousel, adw-carousel-indicator-dots, adw-carousel-indicator-lines, adw-clamp, adw-clamp-scrollable, adw-combo-row, adw-data-grid, adw-dialog, adw-entry-row, adw-expander-row, adw-header-bar, adw-inline-view-switcher, adw-layout-slot, adw-multi-layout-view, adw-navigation-page, adw-navigation-split-view, adw-navigation-view, adw-overlay-split-view, adw-password-entry-row, adw-preferences-dialog, adw-preferences-group, adw-preferences-page, adw-preferences-row, adw-radio, adw-shortcut-label, adw-shortcuts-dialog, adw-shortcuts-item, adw-shortcuts-section, adw-sidebar, adw-sidebar-item, adw-sidebar-section, adw-source-view, adw-spin-row, adw-spinner, adw-split-button, adw-status-page, adw-switch-row, adw-tab-bar, adw-tab-button, adw-tab-overview, adw-tab-page, adw-tab-view, adw-toast-overlay, adw-toggle, adw-toggle-group, adw-toolbar-view, gtk-notebook, adw-view-stack, adw-view-stack-page, adw-view-switcher, adw-view-switcher-bar, adw-view-switcher-page, adw-view-switcher-sidebar, adw-window, adw-window-title, adw-wrap-box, gtk-about-dialog, gtk-action-bar, gtk-application-window, gtk-aspect-frame, gtk-box, gtk-button, gtk-center-box, gtk-calendar, gtk-check-button, gtk-color-dialog-button, gtk-column-view, gtk-drag-icon, gtk-drawing-area, gtk-drop-down, gtk-editable-label, gtk-emoji-chooser, gtk-entry, gtk-expander, gtk-fixed, gtk-flow-box, gtk-flow-box-child, gtk-font-dialog-button, gtk-frame, gtk-gl-area, gtk-graphics-offload, gtk-grid, gtk-grid-view, gtk-header-bar, gtk-image, gtk-inscription, gtk-label, gtk-level-bar, gtk-link-button, gtk-list-box, gtk-list-box-row, gtk-list-view, gtk-media-controls, gtk-menu-button, gtk-overlay, gtk-page-setup-unix-dialog, gtk-paned, gtk-password-entry, gtk-picture, gtk-popover, gtk-popover-bin, gtk-popover-menu, gtk-popover-menu-bar, gtk-print-unix-dialog, gtk-progress-bar, gtk-revealer, gtk-scale, gtk-scale-button, gtk-scrollbar, gtk-scrolled-window, gtk-search-bar, gtk-search-entry, gtk-separator, gtk-source-view, gtk-spin-button, gtk-spinner, gtk-stack, gtk-stack-sidebar, gtk-stack-switcher, gtk-switch, gtk-text, gtk-text-view, gtk-toggle-button, gtk-tree-expander, gtk-video, gtk-viewport, gtk-window, gtk-window-controls, gtk-window-handle) :is(gtk-box, gtk-label, adw-button-content) {
+:where(adw-about-dialog, adw-action-row, adw-alert-dialog, adw-alert-response, adw-application-window, adw-avatar, adw-banner, adw-bin, adw-bottom-sheet, adw-bottom-sheet-bottom-bar, adw-bottom-sheet-content, adw-bottom-sheet-sheet, adw-breakpoint-bin, adw-button-content, adw-button-row, adw-card, adw-carousel, adw-carousel-indicator-dots, adw-carousel-indicator-lines, adw-clamp, adw-clamp-scrollable, adw-combo-row, adw-data-grid, adw-dialog, adw-entry-row, adw-expander-row, adw-header-bar, adw-inline-view-switcher, adw-layout-slot, adw-multi-layout-view, adw-navigation-page, adw-navigation-split-view, adw-navigation-view, adw-overlay-split-view, adw-password-entry-row, adw-preferences-dialog, adw-preferences-group, adw-preferences-page, adw-preferences-row, adw-radio, adw-shortcut-label, adw-shortcuts-dialog, adw-shortcuts-item, adw-shortcuts-section, adw-sidebar, adw-sidebar-item, adw-sidebar-section, adw-source-view, adw-spin-row, adw-spinner, adw-split-button, adw-status-page, adw-switch-row, adw-tab-bar, adw-tab-button, adw-tab-overview, adw-tab-page, adw-tab-view, adw-toast-overlay, adw-toggle, adw-toggle-group, adw-toolbar-view, gtk-notebook, adw-view-stack, adw-view-stack-page, adw-view-switcher, adw-view-switcher-bar, adw-view-switcher-page, adw-view-switcher-sidebar, adw-window, adw-window-title, adw-wrap-box, gtk-about-dialog, gtk-action-bar, gtk-application-window, gtk-aspect-frame, gtk-box, gtk-button, gtk-center-box, gtk-calendar, gtk-check-button, gtk-color-dialog-button, gtk-column-view, gtk-drag-icon, gtk-drawing-area, gtk-drop-down, gtk-editable-label, gtk-emoji-chooser, gtk-entry, gtk-expander, gtk-fixed, gtk-flow-box, gtk-flow-box-child, gtk-font-dialog-button, gtk-frame, gtk-gl-area, gtk-graphics-offload, gtk-grid, gtk-grid-view, gtk-header-bar, gtk-image, gtk-inscription, gtk-label, gtk-level-bar, gtk-link-button, gtk-list-box, gtk-list-box-row, gtk-list-view, gtk-media-controls, gtk-menu-button, gtk-overlay, gtk-page-setup-unix-dialog, gtk-paned, gtk-password-entry, gtk-picture, gtk-popover, gtk-popover-bin, gtk-popover-menu, gtk-popover-menu-bar, gtk-print-unix-dialog, gtk-progress-bar, gtk-revealer, gtk-scale, gtk-scale-button, gtk-scrollbar, gtk-scrolled-window, gtk-search-bar, gtk-search-entry, gtk-separator, gtk-source-view, gtk-spin-button, gtk-spinner, gtk-stack, gtk-stack-page, gtk-stack-sidebar, gtk-stack-switcher, gtk-switch, gtk-text, gtk-text-view, gtk-toggle-button, gtk-tree-expander, gtk-video, gtk-viewport, gtk-window, gtk-window-controls, gtk-window-handle) :is(gtk-box, gtk-label, adw-button-content) {
   color: inherit;
   font-family: inherit;
   font-size: inherit;
@@ -1525,6 +1525,12 @@ gtk-stack *::after {
   box-sizing: border-box;
 }
 
+gtk-stack-page *,
+gtk-stack-page *::before,
+gtk-stack-page *::after {
+  box-sizing: border-box;
+}
+
 gtk-stack-sidebar *,
 gtk-stack-sidebar *::before,
 gtk-stack-sidebar *::after {
@@ -2105,6 +2111,12 @@ adw-application-window.fullscreen {
   outline: none;
   box-shadow: none;
 }
+adw-window[maximized]:not([maximized=false]), adw-window[fullscreened]:not([fullscreened=false]),
+adw-application-window[maximized]:not([maximized=false]),
+adw-application-window[fullscreened]:not([fullscreened=false]) {
+  width: 100%;
+  height: 100%;
+}
 adw-window[hidden],
 adw-application-window[hidden] {
   display: none;
@@ -2146,6 +2158,12 @@ gtk-application-window.fullscreen {
   outline: none;
   box-shadow: none;
 }
+gtk-window[maximized]:not([maximized=false]), gtk-window[fullscreened]:not([fullscreened=false]),
+gtk-application-window[maximized]:not([maximized=false]),
+gtk-application-window[fullscreened]:not([fullscreened=false]) {
+  width: 100%;
+  height: 100%;
+}
 gtk-window > .adw-gtk-window-titlebar,
 gtk-application-window > .adw-gtk-window-titlebar {
   display: flex;
@@ -3913,13 +3931,17 @@ gtk-drag-icon .adw-drag-icon-swatch {
 }
 
 gtk-overlay {
-  display: block;
+  display: flex;
+  flex-direction: column;
   position: relative;
 }
 
 .adw-overlay-child {
   display: contents;
 }
+.adw-overlay-child > * {
+  flex: 1 1 auto;
+}
 
 .adw-overlay-layer {
   position: absolute;
@@ -4179,7 +4201,8 @@ gtk-check-button .adw-check-indicator {
   border-radius: 6px;
 }
 
-adw-radio .adw-check-indicator {
+adw-radio .adw-check-indicator,
+gtk-check-button[radio] .adw-check-indicator {
   border-radius: 100%;
 }
 
@@ -4189,13 +4212,15 @@ gtk-check-button[checked] .adw-check-indicator::after {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='black' d='m 12.599609,2.1992188 a 1,1 0 0 0 -1.40039,0.2011718 L 5.890625,9.4765625 2.7070313,6.2929687 a 1,1 0 0 0 -1.4140626,0 1,1 0 0 0 0,1.4140625 l 4,3.9999998 A 1.0001,1.0001 0 0 0 6.8007812,11.599609 L 12.800781,3.5996094 A 1,1 0 0 0 12.599609,2.1992188 Z'/%3E%3C/svg%3E");
 }
 
-adw-radio[checked] .adw-check-indicator::after {
+adw-radio[checked] .adw-check-indicator::after,
+gtk-check-button[radio][checked] .adw-check-indicator::after {
   background-color: currentColor;
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='black' d='M 7 3 c -2.207 0 -4 1.793 -4 4 s 1.793 4 4 4 c 2.208 0 4 -1.793 4 -4 s -1.792 -4 -4 -4 z'/%3E%3C/svg%3E");
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='black' d='M 7 3 c -2.207 0 -4 1.793 -4 4 s 1.793 4 4 4 c 2.208 0 4 -1.793 4 -4 s -1.792 -4 -4 -4 z'/%3E%3C/svg%3E");
 }
 
 gtk-check-button[indeterminate] .adw-check-indicator::after,
+gtk-check-button[radio][indeterminate] .adw-check-indicator::after,
 adw-radio[indeterminate] .adw-check-indicator::after {
   background-color: currentColor;
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='black' d='M 3 5 A 2 2 0 0 0 1 7 A 2 2 0 0 0 3 9 L 11 9 A 2 2 0 0 0 13 7 A 2 2 0 0 0 11 5 Z'/%3E%3C/svg%3E");
@@ -5390,10 +5415,11 @@ adw-card,
 }
 
 adw-bin {
-  display: block;
+  display: flex;
+  flex-direction: column;
 }
 adw-bin > :only-child {
-  block-size: 100%;
+  flex: 1 1 auto;
 }
 
 adw-clamp {
@@ -5423,12 +5449,12 @@ gtk-stack > .adw-stack-page.transitioning-in, gtk-stack > .adw-stack-page.transi
   display: flex;
   flex-direction: column;
 }
-gtk-stack:not([hhomogeneous]) > .adw-stack-page {
+gtk-stack[hhomogeneous=false] > .adw-stack-page {
   flex: 0 1 auto;
   width: max-content;
   max-width: 100%;
 }
-gtk-stack:not([vhomogeneous]) > .adw-stack-page {
+gtk-stack[vhomogeneous=false] > .adw-stack-page {
   height: max-content;
   max-height: 100%;
 }
@@ -6872,11 +6898,18 @@ adw-password-entry-row .adw-password-entry-row-toggle {
 
 adw-toast-overlay {
   position: relative;
-  display: block;
+  display: flex;
+  flex-direction: column;
 }
 adw-toast-overlay .adw-toast-overlay-content {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
   width: 100%;
-  height: 100%;
+}
+adw-toast-overlay .adw-toast-overlay-content > * {
+  flex: 1 1 auto;
 }
 adw-toast-overlay .adw-toast-overlay-toasts {
   position: absolute;
@@ -7232,6 +7265,12 @@ gtk-scrolled-window {
 }
 gtk-scrolled-window > gtk-viewport {
   grid-area: 1/1;
+  width: 0;
+  height: 0;
+  min-width: 100%;
+  min-height: 100%;
+  max-width: 100%;
+  max-height: 100%;
 }
 gtk-scrolled-window > gtk-scrollbar.vertical {
   grid-row: 1/3;
@@ -7416,6 +7455,10 @@ adw-overlay-split-view .adw-osv-content {
   flex-direction: column;
   align-self: stretch;
 }
+adw-overlay-split-view .adw-osv-content > :only-child,
+adw-overlay-split-view .adw-osv-sidebar > :only-child {
+  flex: 1 1 auto;
+}
 adw-overlay-split-view:not(.collapsed) .adw-osv-sidebar {
   position: relative;
 }
@@ -9894,6 +9937,7 @@ adw-about-dialog .adw-about-dialog-sheet:focus {
   outline: 1px solid var(--separator-color);
   outline-offset: -1px;
 }
+adw-about-dialog adw-toast-overlay,
 adw-about-dialog adw-navigation-view,
 adw-about-dialog .adw-navigation-view-pages,
 adw-about-dialog .adw-navigation-page {
@@ -10004,6 +10048,39 @@ adw-about-dialog .adw-about-dialog-comments {
   text-align: start;
   white-space: pre-wrap;
 }
+adw-about-dialog .adw-about-dialog-release-notes {
+  margin: var(--spacing-s) 0 0;
+  font-size: var(--font-size-base);
+  line-height: 1.5;
+  white-space: pre-wrap;
+}
+adw-about-dialog .adw-about-dialog-release-notes [data-tag=heading] {
+  font-weight: 800;
+  font-size: 1.2em;
+}
+adw-about-dialog .adw-about-dialog-release-notes [data-tag=em] {
+  font-style: italic;
+}
+adw-about-dialog .adw-about-dialog-release-notes [data-tag=code] {
+  font-family: var(--monospace-font-family);
+}
+adw-about-dialog .adw-about-dialog-release-notes [data-tag=bullet] {
+  opacity: var(--dim-opacity);
+}
+adw-about-dialog .adw-about-dialog-debug-info {
+  margin: var(--spacing-s) 0 0;
+  padding: var(--spacing-s);
+  font-family: var(--monospace-font-family);
+  font-size: var(--font-size-small);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  border-radius: var(--card-radius);
+  background-color: var(--card-bg-color);
+}
+adw-about-dialog .adw-about-dialog-copy {
+  align-self: center;
+  margin-top: var(--spacing-m);
+}
 adw-about-dialog .adw-about-dialog-copyright {
   margin: var(--spacing-s) 0 0;
   font-size: var(--font-size-small);
@@ -10542,7 +10619,9 @@ adw-shortcuts-item + adw-shortcuts-item {
 }
 
 gtk-box:not([orientation=vertical]) > [hexpand]:not([hexpand=false]),
-gtk-box[orientation=vertical] > [vexpand]:not([vexpand=false]) {
+gtk-box[orientation=vertical] > [vexpand]:not([vexpand=false]),
+gtk-box:not([orientation=vertical]) > [data-computed-hexpand],
+gtk-box[orientation=vertical] > [data-computed-vexpand] {
   flex-grow: 1;
 }