@rokkit/app 1.1.12 → 1.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rokkit/app",
3
- "version": "1.1.12",
3
+ "version": "1.1.14",
4
4
  "description": "App-level controls for Rokkit applications - theme management and UI chrome",
5
5
  "repository": {
6
6
  "type": "git",
@@ -37,10 +37,10 @@
37
37
  "build": "echo 'No build step needed for source-only package'"
38
38
  },
39
39
  "dependencies": {
40
- "@rokkit/actions": "1.1.12",
41
- "@rokkit/core": "1.1.12",
42
- "@rokkit/states": "1.1.12",
43
- "@rokkit/ui": "1.1.12"
40
+ "@rokkit/actions": "1.1.14",
41
+ "@rokkit/core": "1.1.14",
42
+ "@rokkit/states": "1.1.14",
43
+ "@rokkit/ui": "1.1.14"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "svelte": "^5.0.0"
@@ -1,7 +1,7 @@
1
1
  <script>
2
2
  // @ts-nocheck
3
- import { navigable } from '@rokkit/actions'
4
3
  import { onMount } from 'svelte'
4
+ import { keyboard } from '@rokkit/actions'
5
5
 
6
6
  let { container = 'main-content' } = $props()
7
7
 
@@ -97,6 +97,13 @@
97
97
  scrollToHeading(id)
98
98
  }
99
99
 
100
+ // Arrow/Enter keys → previous/next/select events, dispatched by the `keyboard` action.
101
+ const navKeys = {
102
+ previous: ['ArrowUp', 'ArrowLeft'],
103
+ next: ['ArrowDown', 'ArrowRight'],
104
+ select: ['Enter', ' ']
105
+ }
106
+
100
107
  onMount(() => {
101
108
  scan()
102
109
  observe()
@@ -112,7 +119,7 @@
112
119
  bind:this={navEl}
113
120
  data-toc
114
121
  aria-label="On this page"
115
- use:navigable
122
+ use:keyboard={navKeys}
116
123
  onprevious={handlePrevious}
117
124
  onnext={handleNext}
118
125
  onselect={handleSelect}