@synopackageland/ui 0.25.4 → 0.25.6

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.6",
   "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
   "license": "MIT",
   "type": "module",
@@ -60,64 +60,6 @@
     "./themes/dsm7-embedded-reset.css": "./dist/themes/dsm7-embedded-reset.css",
     "./themes/dsm7-embedded-theme.css": "./dist/themes/dsm7-embedded-theme.css"
   },
-  "peerDependencies": {
-    "vue": "^3.5.0"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "1.8.0",
-    "@internationalized/date": "3.12.4",
-    "@json-render/core": "0.21.0",
-    "@json-render/vue": "0.21.0",
-    "@lucide/vue": "1.48.0",
-    "@tiptap/core": "3.32.1",
-    "@tiptap/extension-bubble-menu": "3.32.1",
-    "@tiptap/extension-mention": "3.32.1",
-    "@tiptap/extensions": "3.32.1",
-    "@tiptap/pm": "3.32.1",
-    "@tiptap/starter-kit": "3.32.1",
-    "@tiptap/suggestion": "3.32.1",
-    "@tiptap/vue-3": "3.32.1",
-    "zod": "^4.6.5"
-  },
-  "devDependencies": {
-    "@eslint/js": "10.0.1",
-    "@histoire/plugin-vue": "1.0.0-beta.1",
-    "@tailwindcss/vite": "4.3.3",
-    "@tanstack/vue-virtual": "3.13.39",
-    "@vitejs/plugin-vue": "6.0.9",
-    "@vue/test-utils": "2.5.1",
-    "@vueuse/core": "14.4.0",
-    "eslint": "10.11.0",
-    "eslint-plugin-vue": "10.11.1",
-    "flexsearch": "0.8.212",
-    "globals": "17.12.0",
-    "histoire": "1.0.0-beta.1",
-    "jsdom": "30.1.1",
-    "playwright": "1.58.2",
-    "reka-ui": "2.11.0",
-    "tailwindcss": "4.3.3",
-    "typescript": "5.9.3",
-    "typescript-eslint": "8.71.0",
-    "vite": "7.3.6",
-    "vite-plugin-dts": "5.1.1",
-    "vitest": "5.0.2",
-    "vscode-oniguruma": "2.0.1",
-    "vscode-textmate": "9.3.2",
-    "vue": "3.5.43",
-    "vue-eslint-parser": "10.4.1",
-    "vue-tsc": "3.3.11"
-  },
-  "engines": {
-    "node": ">=20"
-  },
-  "config": {
-    "bundledRuntime": {
-      "@tanstack/vue-virtual": "3.13.39",
-      "@vueuse/core": "14.4.0",
-      "reka-ui": "2.11.0"
-    }
-  },
-  "homepage": "https://www.varvis.me/docs/",
   "scripts": {
     "check:docs": "node --test scripts/check-doc-versions.test.mjs && node scripts/check-doc-versions.mjs",
     "dev": "vite build --watch",
@@ -177,5 +119,70 @@
     "check:layout": "node scripts/check-layout.mjs",
     "release:smoke": "node scripts/release-smoke.mjs",
     "check:browser-install": "playwright install chromium webkit"
-  }
-}
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "1.8.0",
+    "@internationalized/date": "3.12.4",
+    "@json-render/core": "0.21.0",
+    "@json-render/vue": "0.21.0",
+    "@lucide/vue": "1.48.0",
+    "@tiptap/core": "3.32.1",
+    "@tiptap/extension-bubble-menu": "3.32.1",
+    "@tiptap/extension-mention": "3.32.1",
+    "@tiptap/extensions": "3.32.1",
+    "@tiptap/pm": "3.32.1",
+    "@tiptap/starter-kit": "3.32.1",
+    "@tiptap/suggestion": "3.32.1",
+    "@tiptap/vue-3": "3.32.1",
+    "zod": "^4.6.5"
+  },
+  "devDependencies": {
+    "@eslint/js": "10.0.1",
+    "@histoire/plugin-vue": "1.0.0-beta.1",
+    "@tailwindcss/vite": "4.3.3",
+    "@tanstack/vue-virtual": "3.13.39",
+    "@vitejs/plugin-vue": "6.0.9",
+    "@vue/test-utils": "2.5.1",
+    "@vueuse/core": "14.4.0",
+    "eslint": "10.11.0",
+    "eslint-plugin-vue": "10.11.1",
+    "flexsearch": "0.8.212",
+    "globals": "17.12.0",
+    "histoire": "1.0.0-beta.1",
+    "jsdom": "30.1.1",
+    "playwright": "1.58.2",
+    "reka-ui": "2.11.0",
+    "tailwindcss": "4.3.3",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.71.0",
+    "vite": "7.3.6",
+    "vite-plugin-dts": "5.1.1",
+    "vitest": "5.0.2",
+    "vscode-oniguruma": "2.0.1",
+    "vscode-textmate": "9.3.2",
+    "vue": "3.5.43",
+    "vue-eslint-parser": "10.4.1",
+    "vue-tsc": "3.3.11"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "packageManager": "pnpm@10.33.2",
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild",
+      "vue-demi"
+    ]
+  },
+  "config": {
+    "bundledRuntime": {
+      "@tanstack/vue-virtual": "3.13.39",
+      "@vueuse/core": "14.4.0",
+      "reka-ui": "2.11.0"
+    }
+  },
+  "homepage": "https://www.varvis.me/docs/"
+}