@synopackageland/ui 0.25.4 → 0.25.5

package/dist/reka-runtime.json

@@ -3,7 +3,7 @@
   "version": "2.11.0",
   "delivery": "bundled-patched-esm",
   "patchManifestSha256": "9c5b9c9a162fa584b4695a683368a4484b3ac6e70177fd063b77aa618c051627",
-  "bundleSha256": "b992eb0e6b74fd027571844040e69248fa39ce1906fa762f3263a762ccaf780d",
+  "bundleSha256": "321dac978fd161de20e750583376cc4f0cedec34de3c41fcee23a5197d53709c",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "287bfb604318c4202769e4b5191896eaf0e52a952e1de898967cbe09467fcfda",
     "DismissableLayer/DismissableLayer.js": "3c8d248f0a32e01f89ca1f6202b1bb691bf5d0e4012a92535e161c35e69cdc32",

package/docs/adaptive-layout.md

@@ -299,9 +299,9 @@ const { state, width } = useAsidePreference('studio.aside', 'editor', { state: '
 | --- | --- | --- |
 | docked | `web`, the page keeps 480px | keeps `--ui-aside-open-width` and slides by `translate` while the region's width moves (`--ui-motion-panel`, ease-in-out both ways); the rail button fades in 150ms into a collapse |
 | floating | an open panel the page has no room for, or a 641–959 container | slides over the page from the rail (in `panel` ease-out, out `normal` ease-in); the region keeps its 48px |
-| sheet | a phone (≤640) | a 48px button at the end corner (above the tab bar and the safe area) opens a 90% bottom sheet; `expanded` is full screen; the scrim, Escape and a downward swipe on the header close it; the page is inert |
+| sheet | a phone (≤640) | a 48px button at the end corner (above the tab bar and the safe area) opens a 90% bottom sheet; `expanded` is full screen; the scrim, Escape and a downward swipe on the header close it; the page is `aria-hidden` and out of reach |
 
-- The panel is never unmounted: collapsed, it is `inert` and `aria-hidden`, and the thread's scroll and the composer's draft stay. The page is `inert` while the panel is expanded or a sheet is up.
+- The panel is never unmounted: collapsed, it is `inert` and `aria-hidden`, and the thread's scroll and the composer's draft stay. The page is `inert` and `aria-hidden` while the panel is expanded (it has no width then). While a sheet is up the page is `aria-hidden` but not `inert`: the sheet keeps it out of reach as an app-local dialog does (docs/app-local-modal.md).
 - Focus moves to the composer's first field on open (not on touch, `initial-focus` changes it) and back to the rail button or the phone button on collapse.
 - Escape: docked and expanded leave it to the content (stop a reply). A floating panel with focus inside, or a sheet, collapses on Escape after any layer opened above it (a menu, a popover) has closed.
 - No transition runs before the first paint has settled. The state needs no `transitionend`: only a floating panel's exit waits for one, with the `normal` token as its deadline, and a new state change or reduced motion ends it at once.

package/docs/app-local-modal.md

@@ -45,6 +45,14 @@ that reaches the background goes back to the panel) keep the background out of
 reach; focus left on the background when a dialog skips autofocus is released,
 as inert would.
 
+AppLayout's phone overlays work the same way. The navigation drawer and the
+aside's bottom sheet are local modal layers. The FAB speed dial is a trapped
+focus scope over its own scrim: Tab loops in the dial and focus that reaches
+the page comes back, although the dial is not a layer. While any of them is
+open the page column (`[data-ui-layout-main]`) is `aria-hidden`, never
+`inert`. Only an expanded aside, which leaves the page no width, makes the page
+`inert`.
+
 A host must provide an accessible window switch mechanism: a looping Tab
 sequence inside a local dialog does not itself reach another app. There is no
 claim of whole-document modality in app mode. VoiceOver/NVDA exposure and
@@ -163,7 +171,11 @@ Independent modality is the default.
 module plus exact before/after hunks. `build/rekaPatch.ts` verifies the installed
 version and all input hashes before the build; each hunk must match exactly
 once. The Vite plugin loads patched modules in memory, never edits node_modules,
-and is also used by Vitest. Any source/hash/hunk mismatch fails the build.
+and is also used by Vitest and every dev server (Histoire, the gallery,
+`tests/dsm-host`). The dependency optimizer would pre-bundle reka-ui without the
+patch, so the plugin keeps reka-ui out of `optimizeDeps` in any config it is
+in; `tests/dev-server-reka.test.ts` fails if a dev config or a script's dev
+server goes without it. Any source/hash/hunk mismatch fails the build.
 
 The body-scroll patch follows the U3 shared-lock candidate: save owned body
 padding-right, margin-right, overflow, pointer-events and root scrollbar-width

package/docs/mobile-native.md

@@ -724,8 +724,11 @@ change: the same slot moves.
   as labelled 48px pills over a scrim, staggered in. Focus moves to the first
   and stays in the dial; Escape, Back, a press on the scrim or the FAB close
   it and focus returns to the FAB. A pick runs the action and closes the dial;
-  an action that opens a menu closes it once the menu closes. The page behind
-  is inert while it is open. Reduced motion shows and hides it at once.
+  an action that opens a menu closes it once the menu closes. While it is
+  open the page behind is out of reach: the scrim takes presses, Tab loops in
+  the dial, focus that reaches the page comes back, and the page is
+  `aria-hidden` (not `inert`, which would restyle the whole page). Reduced
+  motion shows and hides it at once.
 - Every pill is its icon and its text. An action with no text of its own (an
   `IconButton` such as "More actions", an icon-only Button) shows its
   accessible name, from `aria-label` or `title`; the pill sizes to it and a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/ui",
-  "version": "0.25.4",
+  "version": "0.25.5",
   "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
   "license": "MIT",
   "type": "module",