@jini-ai/ui-kit 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# @jini-ai/ui-kit
+
+## 0.1.2
+
+### Patch Changes
+
+- Tovu clean-up release (2026-10-08): code Tovu moved into Jini, plus the Jini clean-up (see the commit log since 0.1.1).
+
+## 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/confirm/ConfirmDialog.hooks.d.ts

@@ -1,5 +1,11 @@
+import type { AgentAttrsPort } from '../../attrs.js';
 import type { ConfirmController, ConfirmDialogProps } from '../types.js';
-export declare function useConfirmController(required: ConfirmDialogProps, _optional?: Record<string, never>): ConfirmController;
+/** Shared confirmation policy and execution; adapters may supply their existing agent-attribute port.
+ * @example useConfirmController({ open, title, confirmLabel, onConfirm, onCancel }, { agent: agentAttrs })
+ */
+export declare function useConfirmController(required: ConfirmDialogProps, optional?: {
+    agent?: AgentAttrsPort;
+}): ConfirmController;
 export declare function useConfirmFacade(required: ConfirmDialogProps, _optional?: Record<string, never>): {
     Component: import("react").ComponentType<import("../types.js").ConfirmViewProps>;
     controller: ConfirmController;

package/dist/react/confirm/ConfirmDialog.hooks.js

@@ -4,7 +4,10 @@ import { useKit, useOverlayContainer } from '../Kit.hooks.js';
 import { isDevelopment } from '../context.js';
 import { nativeKit } from '../native/index.js';
 import { inspectConfirm } from './guard.js';
-export function useConfirmController(required, _optional = {}) {
+/** Shared confirmation policy and execution; adapters may supply their existing agent-attribute port.
+ * @example useConfirmController({ open, title, confirmLabel, onConfirm, onCancel }, { agent: agentAttrs })
+ */
+export function useConfirmController(required, optional = {}) {
     const context = useKit({}), titleId = useId(), frameId = useId(), consequenceId = useId(), cancelRef = useRef(null);
     const boundaryRef = useRef(null), latest = useRef(required), mounted = useRef(false);
     const [executing, setExecuting] = useState(false), [error, setError] = useState(false);
@@ -15,7 +18,8 @@ export function useConfirmController(required, _optional = {}) {
     const pending = !!required.pending || executing;
     const plan = planConfirm({ ...required, cancelLabel: required.cancelLabel ?? context.cancelLabel, pending });
     function actionAttrs(part, spec, label) {
-        const attrs = spec && context.agent ? context.agent({ handle: spec.handle }, { role: spec.role, label: spec.label }) : {};
+        const agent = optional.agent ?? context.agent;
+        const attrs = spec && agent ? agent({ handle: spec.handle }, { role: spec.role, label: spec.label }) : {};
         return Object.freeze({ ...attrs, 'data-jini-part': part, 'aria-label': label,
             ...(required.actionAccessibleNames && plan.consequence ? { 'aria-describedby': consequenceId } : {}),
             'aria-busy': pending, 'data-jini-state': pending ? 'pending' : 'ready' });

package/dist/react/native/Dialog.hooks.d.ts

@@ -1,7 +1,12 @@
 import type { MouseEvent, SyntheticEvent } from 'react';
 import type { DialogProps, ConfirmViewProps } from '../types.js';
+/** Native modal lifecycle shared by kit views and compatibility adapters; DOM effects are O(1).
+ * The document port preserves hosts' focus injection seam without introducing another lifecycle.
+ * @example useNativeDialog({ open, title, onClose }, { initialFocus: () => cancelRef.current?.focus() })
+ */
 export declare function useNativeDialog(required: DialogProps, optional?: {
     initialFocus?: () => void;
+    document?: Pick<Document, 'activeElement'>;
 }): {
     title: string;
     children: import("react").ReactNode;

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

@@ -1,6 +1,10 @@
 import { useId, useImperativeHandle, useLayoutEffect, useRef } from 'react';
 import { Button } from '../facade.js';
 import { NativeButton } from './Controls.js';
+/** Native modal lifecycle shared by kit views and compatibility adapters; DOM effects are O(1).
+ * The document port preserves hosts' focus injection seam without introducing another lifecycle.
+ * @example useNativeDialog({ open, title, onClose }, { initialFocus: () => cancelRef.current?.focus() })
+ */
 export function useNativeDialog(required, optional = {}) {
     const dialogRef = useRef(null), opener = useRef(null), titleId = useId();
     useImperativeHandle(required.ref, () => dialogRef.current, []);
@@ -13,7 +17,7 @@ export function useNativeDialog(required, optional = {}) {
                 opener.current.focus({ preventScroll: true });
             return;
         }
-        opener.current = document.activeElement;
+        opener.current = (optional.document ?? document).activeElement;
         if (typeof dialog.showModal === 'function') {
             if (!dialog.open)
                 dialog.showModal();

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/dist/react/native/index.d.ts

@@ -1,3 +1,4 @@
 import type { ReactKit } from '../types.js';
 export declare const nativeKit: ReactKit;
+export { useNativeDialog } from './Dialog.hooks.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/native/index.js

@@ -6,4 +6,5 @@ export const nativeKit = Object.freeze({ Button: NativeButton, IconButton: Nativ
     Switch: NativeSwitch, Dialog: NativeDialog, ConfirmDialog: NativeConfirmDialog, Tabs: NativeTabs,
     Menu: NativeMenu, Toast: NativeToast, Tooltip: NativeTooltip, Notice: NativeNotice, Spinner: NativeSpinner, Badge: NativeBadge });
 // This is a concrete kit, rather than a forwarding subpath to another package's implementation.
+export { useNativeDialog } from './Dialog.hooks.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jini-ai/ui-kit",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "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",