@jini-ai/ui-kit 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+# @jini-ai/ui-kit
+
+## 0.1.1 — 2026-10-05
+
+- Native menu items step by their position among enabled items (from the render closure) instead of re-querying the menu ref. Same order as `focus()`; arrow keys skip a disabled item. Behavior unchanged.
+
+## 0.1.0
+
+- First published release.

package/dist/react/native/Navigation.hooks.js

@@ -58,7 +58,8 @@ export function useNativeMenu(required, _optional = {}) {
         document.addEventListener('pointerdown', dismiss);
         return () => document.removeEventListener('pointerdown', dismiss);
     }, [open]);
-    function onKeyDown(event) {
+    // `current` is the item's position among enabled items, the same order focus() walks, so no DOM lookup is needed.
+    function onKeyDown(event, current) {
         if (event.key === 'Escape') {
             event.preventDefault();
             close();
@@ -68,7 +69,6 @@ export function useNativeMenu(required, _optional = {}) {
             setOpen(false);
             return;
         }
-        const current = Array.from(menu.current?.querySelectorAll('[role="menuitem"]:not(:disabled)') ?? []).indexOf(event.target);
         const next = event.key === 'Home' ? 0 : event.key === 'End' ? enabled.length - 1 :
             event.key === 'ArrowDown' ? (current + 1) % enabled.length : event.key === 'ArrowUp' ? (current - 1 + enabled.length) % enabled.length : undefined;
         if (next !== undefined) {
@@ -81,7 +81,7 @@ export function useNativeMenu(required, _optional = {}) {
         onClick: () => { if (!item.disabled) {
             close();
             item.onPress({});
-        } }, onKeyDown }, item.label));
+        } }, onKeyDown: (event) => onKeyDown(event, enabled.indexOf(item)) }, item.label));
     const menuProps = { ref: menu, id, role: 'menu', 'aria-label': required.label, hidden: !open, className: 'jini-row-menu-popup', 'data-jini-part': 'kit.menu', style: { position: 'fixed', ...position } };
     return { label: '⋮', items, popup: open ? createPortal(createElement('div', menuProps, items), document.body) : null,
         triggerProps: { 'data-jini-part': 'kit.menu-trigger', ...required.attrs, ref: trigger, type: 'button',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jini-ai/ui-kit",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Framework-free UI contract, injected React facades and native defaults.",
   "license": "Apache-2.0",
   "repository": {
@@ -51,11 +51,13 @@
     "dist",
     "src/react/native/styles.css",
     "README.md",
+    "CHANGELOG.md",
     "docs",
     "LICENSE",
     "!dist/**/__tests__/**",
     "!dist/**/*.test.*",
-    "!dist/**/*.typecheck.*"
+    "!dist/**/*.typecheck.*",
+    "!dist/**/*.map"
   ],
   "publishConfig": {
     "access": "public",