Refresh UI components and showcase; release updated framework packages

packages/viewer/viewer.css

@@ -27,6 +27,8 @@
   align-items: center;
   gap: 0.5rem;
 }
+.wrn-viewer-toolbar > [data-viewer-title][hidden] { display: none; }
+.wrn-viewer-toolbar:has(> [data-viewer-title][hidden]) { justify-content: flex-end; }
 /* The generic control look applies only to controls the package has not styled
    itself; without this it outranks every specific rule below. */
 .wrn-viewer button:not([class*="wrn-viewer-"]),
@@ -903,9 +905,9 @@
 /* `Viewer.wrn` renders the toolbar and content inside a shell, so the growing
    box is two levels down: every wrapper between has to flex for the content to
    fill the space these modes hand it. */
-.wrn-viewer-dialog .wrn-viewer > *:not(noscript),
-.wrn-viewer-expanded > *:not(noscript),
-.wrn-viewer-as-page > *:not(noscript),
+.wrn-viewer-dialog .wrn-viewer > *:not(noscript, .wrn-viewer-toolbar, .wrn-viewer-content),
+.wrn-viewer-expanded > *:not(noscript, .wrn-viewer-toolbar, .wrn-viewer-content),
+.wrn-viewer-as-page > *:not(noscript, .wrn-viewer-toolbar, .wrn-viewer-content),
 .wrn-viewer-dialog .wrn-viewer-shell,
 .wrn-viewer-expanded .wrn-viewer-shell,
 .wrn-viewer-as-page .wrn-viewer-shell {