@jini-ai/ui-kit 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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.

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();
@@ -44,9 +48,22 @@ export function useNativeDialog(required, optional = {}) {
             'aria-busy': required.pending,
             onCancel: (event) => { event.preventDefault(); if (!required.pending)
                 required.onClose({}); },
-            onClick: (event) => { if (event.target === event.currentTarget && !required.pending)
+            // A click whose target is the <dialog> itself is not always the backdrop: the dialog's own
+            // padding and gaps hit it too, and so does the click that dismisses a native date/select
+            // popup inside it (seen live: closing a datetime picker closed the whole modal). Only a point
+            // outside the dialog's box is a backdrop click.
+            onClick: (event) => { if (event.target === event.currentTarget && !required.pending && isOutsideBox(event))
                 required.onClose({}); } } };
 }
+/** True when the pointer is outside the dialog's own rectangle, i.e. on the ::backdrop. A click with no
+ *  coordinates (keyboard activation, synthetic test clicks) keeps the old target-only behaviour. */
+function isOutsideBox(event) {
+    const { clientX: x, clientY: y } = event;
+    if (x === 0 && y === 0)
+        return true;
+    const r = event.currentTarget.getBoundingClientRect();
+    return x < r.left || x > r.right || y < r.top || y > r.bottom;
+}
 export function useNativeConfirm(required, _optional = {}) {
     const c = required.controller;
     const vm = useNativeDialog({ open: c.open, title: c.title, pending: c.pending, onClose: () => c.requestDismiss({ reason: 'close' }) }, { initialFocus: () => c.focusInitial({}) });

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.1",
+  "version": "0.1.3",
   "description": "Framework-free UI contract, injected React facades and native defaults.",
   "license": "Apache-2.0",
   "repository": {