@hexdspace/react 0.1.52 → 0.1.54

package/dist/index.d.ts

@@ -729,6 +729,7 @@ interface ShortcutRegistration {
     bindings: ShortcutBinding[];
     ignoreTyping?: boolean;
     preventDefault?: boolean;
+    blockWhileTyping?: (event: KeyboardEvent) => boolean;
 }
 
 interface ShortcutScope {
@@ -852,6 +853,7 @@ declare function useKeyboardController(): KeyboardController;
 declare function useShortcut(scopeId: string, bindings: ShortcutBinding[], opts?: {
     ignoreTyping?: boolean;
     preventDefault?: boolean;
+    blockWhileTyping?: (event: KeyboardEvent) => boolean;
 }): void;
 
 declare function useShortcutScope(scopeId: string, enabled?: boolean): void;

package/dist/index.js

@@ -1697,6 +1697,7 @@ function Dialog({
   onKeyDown,
   ...props
 }) {
+  const { "aria-describedby": ariaDescribedBy, ...contentProps } = props;
   const fallbackId = React3.useId();
   const resolvedRef = React3.useRef(false);
   const isControlled = open2 !== void 0;
@@ -1799,6 +1800,7 @@ function Dialog({
         {
           forceMount: true,
           asChild: true,
+          "aria-describedby": ariaDescribedBy ?? void 0,
           onInteractOutside: (event) => {
             if (!dismissible) event.preventDefault();
           },
@@ -1812,7 +1814,7 @@ function Dialog({
             });
           },
           onKeyDown: handleKeyDown,
-          ...props,
+          ...contentProps,
           children: /* @__PURE__ */ jsx7(
             motion.div,
             {
@@ -3004,7 +3006,7 @@ var RegisterShortcutUseCase = class {
     const id = uuid2();
     const reg = { preventDefault: true, ignoreTyping: true, ...regInput, id };
     const guard = (e) => {
-      if (reg.ignoreTyping && isTyping(e)) return false;
+      if (reg.ignoreTyping && isTyping(e, reg.blockWhileTyping)) return false;
       return this.scopes.isScopeActive(reg.scopeId);
     };
     const handle = this.engine.register(reg.bindings, { guard, preventDefault: reg.preventDefault });
@@ -3028,11 +3030,12 @@ var RegisterShortcutUseCase = class {
     this.registry.removeByRegistration(id);
   }
 };
-function isTyping(e) {
+function isTyping(e, blockWhileTyping) {
   const el = e.target;
   if (!el) return false;
   const inText = el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.isContentEditable;
   if (!inText) return false;
+  if (blockWhileTyping?.(e)) return true;
   const k = e.key;
   const allow = k === "Escape" || k === "Tab" || k.startsWith("Arrow") || k === "PageUp" || k === "PageDown" || k === "Home" || k === "End" || e.ctrlKey || e.metaKey || e.altKey;
   return !allow;
@@ -3227,10 +3230,11 @@ function useShortcut(scopeId, bindings, opts) {
       scopeId,
       bindings: stableBindings,
       ignoreTyping: opts?.ignoreTyping ?? true,
-      preventDefault: opts?.preventDefault ?? true
+      preventDefault: opts?.preventDefault ?? true,
+      blockWhileTyping: opts?.blockWhileTyping
     });
     return () => controller.handleUnregisterShortcut(id);
-  }, [controller, stableBindings, opts?.ignoreTyping, opts?.preventDefault, scopeId]);
+  }, [controller, stableBindings, opts?.ignoreTyping, opts?.preventDefault, opts?.blockWhileTyping, scopeId]);
 }
 
 // src/feature/keyboard/infra/web/react/useShortcutScope.tsx
@@ -3698,6 +3702,10 @@ function useVimBindings(regionKey, keyboardScopeId, options = {}) {
     setIsOwner(entry.ownerId === ownerIdRef.current);
     setModifierActionsVersion(entry.modifierActionsVersion);
   }, []);
+  const blockWhileTyping = useCallback5(
+    (e) => allowArrowKeys && e.key.startsWith("Arrow"),
+    [allowArrowKeys]
+  );
   useEffect7(() => {
     if (!enabled) {
       setIsOwner(false);
@@ -3853,7 +3861,11 @@ function useVimBindings(regionKey, keyboardScopeId, options = {}) {
       ...modifierBindings("ctrlShift", modifierAvailability?.ctrlShift)
     ];
   }, [allowArrowKeys, enabled, isOwner, keyboardScopeId, modifierActionsVersion, vim]);
-  useShortcut(keyboardScopeId, bindings, { ignoreTyping: true, preventDefault: true });
+  useShortcut(keyboardScopeId, bindings, {
+    ignoreTyping: true,
+    preventDefault: true,
+    blockWhileTyping
+  });
 }
 function getModifierAvailability(keyboardScopeId) {
   const entry = scopeBindings.get(keyboardScopeId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexdspace/react",
-  "version": "0.1.52",
+  "version": "0.1.54",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",