@ankhorage/zora 25.8.2 → 25.8.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 25.8.3
+
+### Patch Changes
+
+- 6194188: Propagate the held Space modifier to web grid drag interactions for panning.
+
 ## 25.8.2
 
 ### Patch Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # @ankhorage/zora
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v25.8.2](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![paradox: warnings](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v25.8.3](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![paradox: warnings](././paradox/badges/docs.svg)
 
 Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
 

package/dist/features/grid-interactions/adapters/inbound/GridInteractions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridInteractions.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,qCAAqC,CAAC;AAM7C,gGAAgG;AAChG,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,qBAAqB,qBA2DvB"}
+{"version":3,"file":"GridInteractions.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,qCAAqC,CAAC;AAM7C,gGAAgG;AAChG,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAmEvB"}

package/dist/features/grid-interactions/adapters/inbound/GridInteractions.js

@@ -9,30 +9,37 @@ export function GridInteractions({ children, interactionPolicy, resizeHandle, te
     const controllerProps = React.useMemo(() => ({ ...props, interactionPolicy }), [interactionPolicy, props]);
     const [controller] = React.useState(() => createGridInteractionsController(controllerProps));
     const surfaceRef = React.useRef(null);
+    const spaceKeyRef = React.useRef(false);
     const [pointerQueue] = React.useState(() => createGridInteractionsPointerQueue());
     React.useLayoutEffect(() => controller.update(controllerProps), [controller, controllerProps]);
     React.useLayoutEffect(() => {
         pointerQueue.activate();
         return () => {
+            spaceKeyRef.current = false;
             pointerQueue.dispose();
             controller.cancel();
         };
     }, [controller, pointerQueue]);
+    const setSpaceKey = React.useCallback((spaceKey) => {
+        spaceKeyRef.current = spaceKey;
+    }, []);
     const withPointer = (event, handlePointer) => {
         const surface = surfaceRef.current;
         if (!surface)
             return;
         const eventSnapshot = { nativeEvent: { ...event.nativeEvent } };
-        pointerQueue.enqueue(surface, (origin) => handlePointer(resolveGridInteractionPointer(eventSnapshot, origin)));
+        const modifierSnapshot = { spaceKey: spaceKeyRef.current };
+        pointerQueue.enqueue(surface, (origin) => handlePointer(resolveGridInteractionPointer(eventSnapshot, origin, modifierSnapshot)));
     };
     const enabled = interactionPolicy !== 'passive';
     return (<View accessible accessibilityLabel="Grid interaction surface" accessibilityRole="adjustable" ref={surfaceRef} testID={testID} onResponderGrant={(event) => withPointer(event, (pointer) => controller.begin(pointer, resizeHandle))} onResponderMove={(event) => withPointer(event, controller.move)} onResponderRelease={(event) => withPointer(event, controller.end)} onResponderTerminate={() => {
+            setSpaceKey(false);
             pointerQueue.cancel();
             controller.cancel();
         }} onStartShouldSetResponder={() => enabled}>
       <GridInteractionsKeyboardProxy enabled={enabled} onKeyDown={(key, keyPointer) => {
             return controller.keyDown(key, keyPointer);
-        }}>
+        }} onSpaceKeyChange={setSpaceKey}>
         {children}
       </GridInteractionsKeyboardProxy>
     </View>);

package/dist/features/grid-interactions/adapters/inbound/GridInteractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridInteractions.js","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractions.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport type {\n  GridInteractionsController,\n  GridInteractionsProps,\n} from '../../../../types/grid-interactions';\nimport { createGridInteractionsController } from '../../application/createGridInteractionsController';\nimport { createGridInteractionsPointerQueue } from './createGridInteractionsPointerQueue';\nimport { GridInteractionsKeyboardProxy } from './GridInteractionsKeyboardProxy';\nimport { resolveGridInteractionPointer } from './resolveGridInteractionPointer';\n\n/*** Adapts native responder and keyboard events to the controlled grid interaction boundary. */\nexport function GridInteractions({\n  children,\n  interactionPolicy,\n  resizeHandle,\n  testID,\n  ...props\n}: GridInteractionsProps) {\n  const controllerProps = React.useMemo(\n    () => ({ ...props, interactionPolicy }),\n    [interactionPolicy, props],\n  );\n  const [controller] = React.useState<GridInteractionsController>(() =>\n    createGridInteractionsController(controllerProps),\n  );\n  const surfaceRef = React.useRef<View>(null);\n  const [pointerQueue] = React.useState(() => createGridInteractionsPointerQueue());\n  React.useLayoutEffect(() => controller.update(controllerProps), [controller, controllerProps]);\n  React.useLayoutEffect(() => {\n    pointerQueue.activate();\n    return () => {\n      pointerQueue.dispose();\n      controller.cancel();\n    };\n  }, [controller, pointerQueue]);\n  const withPointer = (\n    event: Parameters<typeof resolveGridInteractionPointer>[0],\n    handlePointer: (pointer: ReturnType<typeof resolveGridInteractionPointer>) => void,\n  ) => {\n    const surface = surfaceRef.current;\n    if (!surface) return;\n    const eventSnapshot = { nativeEvent: { ...event.nativeEvent } };\n    pointerQueue.enqueue(surface, (origin) =>\n      handlePointer(resolveGridInteractionPointer(eventSnapshot, origin)),\n    );\n  };\n  const enabled = interactionPolicy !== 'passive';\n\n  return (\n    <View\n      accessible\n      accessibilityLabel=\"Grid interaction surface\"\n      accessibilityRole=\"adjustable\"\n      ref={surfaceRef}\n      testID={testID}\n      onResponderGrant={(event) =>\n        withPointer(event, (pointer) => controller.begin(pointer, resizeHandle))\n      }\n      onResponderMove={(event) => withPointer(event, controller.move)}\n      onResponderRelease={(event) => withPointer(event, controller.end)}\n      onResponderTerminate={() => {\n        pointerQueue.cancel();\n        controller.cancel();\n      }}\n      onStartShouldSetResponder={() => enabled}\n    >\n      <GridInteractionsKeyboardProxy\n        enabled={enabled}\n        onKeyDown={(key, keyPointer) => {\n          return controller.keyDown(key, keyPointer);\n        }}\n      >\n        {children}\n      </GridInteractionsKeyboardProxy>\n    </View>\n  );\n}\n"]}
+{"version":3,"file":"GridInteractions.js","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractions.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport type {\n  GridInteractionsController,\n  GridInteractionsProps,\n} from '../../../../types/grid-interactions';\nimport { createGridInteractionsController } from '../../application/createGridInteractionsController';\nimport { createGridInteractionsPointerQueue } from './createGridInteractionsPointerQueue';\nimport { GridInteractionsKeyboardProxy } from './GridInteractionsKeyboardProxy';\nimport { resolveGridInteractionPointer } from './resolveGridInteractionPointer';\n\n/*** Adapts native responder and keyboard events to the controlled grid interaction boundary. */\nexport function GridInteractions({\n  children,\n  interactionPolicy,\n  resizeHandle,\n  testID,\n  ...props\n}: GridInteractionsProps) {\n  const controllerProps = React.useMemo(\n    () => ({ ...props, interactionPolicy }),\n    [interactionPolicy, props],\n  );\n  const [controller] = React.useState<GridInteractionsController>(() =>\n    createGridInteractionsController(controllerProps),\n  );\n  const surfaceRef = React.useRef<View>(null);\n  const spaceKeyRef = React.useRef(false);\n  const [pointerQueue] = React.useState(() => createGridInteractionsPointerQueue());\n  React.useLayoutEffect(() => controller.update(controllerProps), [controller, controllerProps]);\n  React.useLayoutEffect(() => {\n    pointerQueue.activate();\n    return () => {\n      spaceKeyRef.current = false;\n      pointerQueue.dispose();\n      controller.cancel();\n    };\n  }, [controller, pointerQueue]);\n  const setSpaceKey = React.useCallback((spaceKey: boolean) => {\n    spaceKeyRef.current = spaceKey;\n  }, []);\n  const withPointer = (\n    event: Parameters<typeof resolveGridInteractionPointer>[0],\n    handlePointer: (pointer: ReturnType<typeof resolveGridInteractionPointer>) => void,\n  ) => {\n    const surface = surfaceRef.current;\n    if (!surface) return;\n    const eventSnapshot = { nativeEvent: { ...event.nativeEvent } };\n    const modifierSnapshot = { spaceKey: spaceKeyRef.current };\n    pointerQueue.enqueue(surface, (origin) =>\n      handlePointer(resolveGridInteractionPointer(eventSnapshot, origin, modifierSnapshot)),\n    );\n  };\n  const enabled = interactionPolicy !== 'passive';\n\n  return (\n    <View\n      accessible\n      accessibilityLabel=\"Grid interaction surface\"\n      accessibilityRole=\"adjustable\"\n      ref={surfaceRef}\n      testID={testID}\n      onResponderGrant={(event) =>\n        withPointer(event, (pointer) => controller.begin(pointer, resizeHandle))\n      }\n      onResponderMove={(event) => withPointer(event, controller.move)}\n      onResponderRelease={(event) => withPointer(event, controller.end)}\n      onResponderTerminate={() => {\n        setSpaceKey(false);\n        pointerQueue.cancel();\n        controller.cancel();\n      }}\n      onStartShouldSetResponder={() => enabled}\n    >\n      <GridInteractionsKeyboardProxy\n        enabled={enabled}\n        onKeyDown={(key, keyPointer) => {\n          return controller.keyDown(key, keyPointer);\n        }}\n        onSpaceKeyChange={setSpaceKey}\n      >\n        {children}\n      </GridInteractionsKeyboardProxy>\n    </View>\n  );\n}\n"]}

package/dist/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.native.d.ts

@@ -6,6 +6,7 @@ interface GridInteractionsKeyboardProxyProps {
     readonly children: React.ReactNode;
     readonly enabled: boolean;
     readonly onKeyDown: (key: string, pointer: GridInteractionPointer) => boolean;
+    readonly onSpaceKeyChange: (spaceKey: boolean) => void;
 }
 export {};
 //# sourceMappingURL=GridInteractionsKeyboardProxy.native.d.ts.map

package/dist/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridInteractionsKeyboardProxy.native.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAElF,kGAAkG;AAClG,wBAAgB,6BAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,kCAAkC,qBAE7F;AAED,UAAU,kCAAkC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC;CAC/E"}
+{"version":3,"file":"GridInteractionsKeyboardProxy.native.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAElF,kGAAkG;AAClG,wBAAgB,6BAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,kCAAkC,qBAE7F;AAED,UAAU,kCAAkC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC;IAC9E,QAAQ,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD"}

package/dist/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridInteractionsKeyboardProxy.native.js","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.native.tsx"],"names":[],"mappings":"AAIA,kGAAkG;AAClG,MAAM,UAAU,6BAA6B,CAAC,EAAE,QAAQ,EAAsC;IAC5F,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC","sourcesContent":["import type React from 'react';\n\nimport type { GridInteractionPointer } from '../../../../types/grid-interactions';\n\n/*** Leaves native accessibility focus untouched where browser keyboard events are unavailable. */\nexport function GridInteractionsKeyboardProxy({ children }: GridInteractionsKeyboardProxyProps) {\n  return <>{children}</>;\n}\n\ninterface GridInteractionsKeyboardProxyProps {\n  readonly children: React.ReactNode;\n  readonly enabled: boolean;\n  readonly onKeyDown: (key: string, pointer: GridInteractionPointer) => boolean;\n}\n"]}
+{"version":3,"file":"GridInteractionsKeyboardProxy.native.js","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.native.tsx"],"names":[],"mappings":"AAIA,kGAAkG;AAClG,MAAM,UAAU,6BAA6B,CAAC,EAAE,QAAQ,EAAsC;IAC5F,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC","sourcesContent":["import type React from 'react';\n\nimport type { GridInteractionPointer } from '../../../../types/grid-interactions';\n\n/*** Leaves native accessibility focus untouched where browser keyboard events are unavailable. */\nexport function GridInteractionsKeyboardProxy({ children }: GridInteractionsKeyboardProxyProps) {\n  return <>{children}</>;\n}\n\ninterface GridInteractionsKeyboardProxyProps {\n  readonly children: React.ReactNode;\n  readonly enabled: boolean;\n  readonly onKeyDown: (key: string, pointer: GridInteractionPointer) => boolean;\n  readonly onSpaceKeyChange: (spaceKey: boolean) => void;\n}\n"]}

package/dist/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.d.ts

@@ -1,11 +1,12 @@
-import type React from 'react';
+import React from 'react';
 import type { GridInteractionPointer } from '../../../../types/grid-interactions';
 /*** Adapts web keyboard movement and resize commands without changing native responder behavior. */
-export declare function GridInteractionsKeyboardProxy({ children, enabled, onKeyDown, }: GridInteractionsKeyboardProxyProps): React.JSX.Element;
+export declare function GridInteractionsKeyboardProxy({ children, enabled, onKeyDown, onSpaceKeyChange, }: GridInteractionsKeyboardProxyProps): React.JSX.Element;
 interface GridInteractionsKeyboardProxyProps {
     readonly children: React.ReactNode;
     readonly enabled: boolean;
     readonly onKeyDown: (key: string, pointer: GridInteractionPointer) => boolean;
+    readonly onSpaceKeyChange: (spaceKey: boolean) => void;
 }
 export {};
 //# sourceMappingURL=GridInteractionsKeyboardProxy.web.d.ts.map

package/dist/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridInteractionsKeyboardProxy.web.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAElF,oGAAoG;AACpG,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,kCAAkC,qBAyBpC;AAED,UAAU,kCAAkC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC;CAC/E"}
+{"version":3,"file":"GridInteractionsKeyboardProxy.web.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAElF,oGAAoG;AACpG,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,OAAO,EACP,SAAS,EACT,gBAAgB,GACjB,EAAE,kCAAkC,qBAmCpC;AAED,UAAU,kCAAkC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC;IAC9E,QAAQ,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD"}

package/dist/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.js

@@ -1,8 +1,16 @@
+import React from 'react';
 /*** Adapts web keyboard movement and resize commands without changing native responder behavior. */
-export function GridInteractionsKeyboardProxy({ children, enabled, onKeyDown, }) {
-    return (<div aria-label="Grid interaction keyboard controls" onKeyDown={(event) => {
+export function GridInteractionsKeyboardProxy({ children, enabled, onKeyDown, onSpaceKeyChange, }) {
+    React.useEffect(() => {
+        if (!enabled)
+            onSpaceKeyChange(false);
+    }, [enabled, onSpaceKeyChange]);
+    React.useEffect(() => () => onSpaceKeyChange(false), [onSpaceKeyChange]);
+    return (<div aria-label="Grid interaction keyboard controls" onBlur={() => onSpaceKeyChange(false)} onKeyDown={(event) => {
             if (!enabled)
                 return;
+            if (isSpaceKey(event))
+                onSpaceKeyChange(true);
             if (onKeyDown(event.key, {
                 altKey: event.altKey,
                 ctrlKey: event.ctrlKey,
@@ -13,8 +21,15 @@ export function GridInteractionsKeyboardProxy({ children, enabled, onKeyDown, })
             })) {
                 event.preventDefault();
             }
+        }} onKeyUp={(event) => {
+            if (isSpaceKey(event))
+                onSpaceKeyChange(false);
         }} style={{ display: 'contents' }} tabIndex={enabled ? 0 : -1}>
       {children}
     </div>);
 }
+/*** Determines whether a web keyboard event represents the Space modifier. */
+function isSpaceKey(event) {
+    return event.code === 'Space' || event.key === ' ';
+}
 //# sourceMappingURL=GridInteractionsKeyboardProxy.web.js.map

package/dist/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridInteractionsKeyboardProxy.web.js","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.tsx"],"names":[],"mappings":"AAIA,oGAAoG;AACpG,MAAM,UAAU,6BAA6B,CAAC,EAC5C,QAAQ,EACR,OAAO,EACP,SAAS,GAC0B;IACnC,OAAO,CACL,CAAC,GAAG,CACF,UAAU,CAAC,oCAAoC,CAC/C,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,IACE,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;gBACnB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL,CAAC,EACF,CAAC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CACF,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAC/B,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAE3B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\n\nimport type { GridInteractionPointer } from '../../../../types/grid-interactions';\n\n/*** Adapts web keyboard movement and resize commands without changing native responder behavior. */\nexport function GridInteractionsKeyboardProxy({\n  children,\n  enabled,\n  onKeyDown,\n}: GridInteractionsKeyboardProxyProps) {\n  return (\n    <div\n      aria-label=\"Grid interaction keyboard controls\"\n      onKeyDown={(event) => {\n        if (!enabled) return;\n        if (\n          onKeyDown(event.key, {\n            altKey: event.altKey,\n            ctrlKey: event.ctrlKey,\n            metaKey: event.metaKey,\n            shiftKey: event.shiftKey,\n            x: 0,\n            y: 0,\n          })\n        ) {\n          event.preventDefault();\n        }\n      }}\n      style={{ display: 'contents' }}\n      tabIndex={enabled ? 0 : -1}\n    >\n      {children}\n    </div>\n  );\n}\n\ninterface GridInteractionsKeyboardProxyProps {\n  readonly children: React.ReactNode;\n  readonly enabled: boolean;\n  readonly onKeyDown: (key: string, pointer: GridInteractionPointer) => boolean;\n}\n"]}
+{"version":3,"file":"GridInteractionsKeyboardProxy.web.js","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oGAAoG;AACpG,MAAM,UAAU,6BAA6B,CAAC,EAC5C,QAAQ,EACR,OAAO,EACP,SAAS,EACT,gBAAgB,GACmB;IACnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO;YAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,CAAC,GAAG,CACF,UAAU,CAAC,oCAAoC,CAC/C,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CACtC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,IAAI,UAAU,CAAC,KAAK,CAAC;gBAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAC9C,IACE,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;gBACnB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL,CAAC,EACF,CAAC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,UAAU,CAAC,KAAK,CAAC;gBAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC,CACF,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAC/B,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAE3B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AASD,8EAA8E;AAC9E,SAAS,UAAU,CAAC,KAA0C;IAC5D,OAAO,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AACrD,CAAC","sourcesContent":["import React from 'react';\n\nimport type { GridInteractionPointer } from '../../../../types/grid-interactions';\n\n/*** Adapts web keyboard movement and resize commands without changing native responder behavior. */\nexport function GridInteractionsKeyboardProxy({\n  children,\n  enabled,\n  onKeyDown,\n  onSpaceKeyChange,\n}: GridInteractionsKeyboardProxyProps) {\n  React.useEffect(() => {\n    if (!enabled) onSpaceKeyChange(false);\n  }, [enabled, onSpaceKeyChange]);\n  React.useEffect(() => () => onSpaceKeyChange(false), [onSpaceKeyChange]);\n\n  return (\n    <div\n      aria-label=\"Grid interaction keyboard controls\"\n      onBlur={() => onSpaceKeyChange(false)}\n      onKeyDown={(event) => {\n        if (!enabled) return;\n        if (isSpaceKey(event)) onSpaceKeyChange(true);\n        if (\n          onKeyDown(event.key, {\n            altKey: event.altKey,\n            ctrlKey: event.ctrlKey,\n            metaKey: event.metaKey,\n            shiftKey: event.shiftKey,\n            x: 0,\n            y: 0,\n          })\n        ) {\n          event.preventDefault();\n        }\n      }}\n      onKeyUp={(event) => {\n        if (isSpaceKey(event)) onSpaceKeyChange(false);\n      }}\n      style={{ display: 'contents' }}\n      tabIndex={enabled ? 0 : -1}\n    >\n      {children}\n    </div>\n  );\n}\n\ninterface GridInteractionsKeyboardProxyProps {\n  readonly children: React.ReactNode;\n  readonly enabled: boolean;\n  readonly onKeyDown: (key: string, pointer: GridInteractionPointer) => boolean;\n  readonly onSpaceKeyChange: (spaceKey: boolean) => void;\n}\n\n/*** Determines whether a web keyboard event represents the Space modifier. */\nfunction isSpaceKey(event: React.KeyboardEvent<HTMLDivElement>): boolean {\n  return event.code === 'Space' || event.key === ' ';\n}\n"]}

package/dist/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.d.ts

@@ -1,6 +1,6 @@
 import type { GridInteractionPointer } from '../../../../types/grid-interactions';
 /*** Converts a responder event into coordinates local to the interaction surface. */
-export declare function resolveGridInteractionPointer(event: GridInteractionNativePointerEvent, surfaceOrigin: GridInteractionSurfaceOrigin): GridInteractionPointer;
+export declare function resolveGridInteractionPointer(event: GridInteractionNativePointerEvent, surfaceOrigin: GridInteractionSurfaceOrigin, modifierState?: GridInteractionModifierState): GridInteractionPointer;
 interface GridInteractionNativePointerEvent {
     readonly nativeEvent: {
         readonly altKey?: boolean;
@@ -17,5 +17,8 @@ interface GridInteractionSurfaceOrigin {
     readonly x: number;
     readonly y: number;
 }
+interface GridInteractionModifierState {
+    readonly spaceKey?: boolean;
+}
 export {};
 //# sourceMappingURL=resolveGridInteractionPointer.d.ts.map

package/dist/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveGridInteractionPointer.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAElF,qFAAqF;AACrF,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,iCAAiC,EACxC,aAAa,EAAE,4BAA4B,GAC1C,sBAAsB,CAoBxB;AAED,UAAU,iCAAiC;IACzC,QAAQ,CAAC,WAAW,EAAE;QACpB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;KAC7B,CAAC;CACH;AAED,UAAU,4BAA4B;IACpC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"resolveGridInteractionPointer.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAElF,qFAAqF;AACrF,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,iCAAiC,EACxC,aAAa,EAAE,4BAA4B,EAC3C,aAAa,GAAE,4BAAiC,GAC/C,sBAAsB,CAqBxB;AAED,UAAU,iCAAiC;IACzC,QAAQ,CAAC,WAAW,EAAE;QACpB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;KAC7B,CAAC;CACH;AAED,UAAU,4BAA4B;IACpC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,4BAA4B;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/dist/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.js

@@ -1,5 +1,5 @@
 /*** Converts a responder event into coordinates local to the interaction surface. */
-export function resolveGridInteractionPointer(event, surfaceOrigin) {
+export function resolveGridInteractionPointer(event, surfaceOrigin, modifierState = {}) {
     const { nativeEvent } = event;
     const { pageX, pageY } = nativeEvent;
     const x = typeof pageX === 'number' && Number.isFinite(pageX)
@@ -13,6 +13,7 @@ export function resolveGridInteractionPointer(event, surfaceOrigin) {
         ctrlKey: nativeEvent.ctrlKey,
         metaKey: nativeEvent.metaKey,
         shiftKey: nativeEvent.shiftKey,
+        spaceKey: modifierState.spaceKey,
         x,
         y,
     };

package/dist/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveGridInteractionPointer.js","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.ts"],"names":[],"mappings":"AAEA,qFAAqF;AACrF,MAAM,UAAU,6BAA6B,CAC3C,KAAwC,EACxC,aAA2C;IAE3C,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC;IACrC,MAAM,CAAC,GACL,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjD,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;QACzB,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,GACL,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjD,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;QACzB,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC;IAE5B,OAAO;QACL,MAAM,EAAE,WAAW,CAAC,MAAM;QAC1B,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC;QACD,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { GridInteractionPointer } from '../../../../types/grid-interactions';\n\n/*** Converts a responder event into coordinates local to the interaction surface. */\nexport function resolveGridInteractionPointer(\n  event: GridInteractionNativePointerEvent,\n  surfaceOrigin: GridInteractionSurfaceOrigin,\n): GridInteractionPointer {\n  const { nativeEvent } = event;\n  const { pageX, pageY } = nativeEvent;\n  const x =\n    typeof pageX === 'number' && Number.isFinite(pageX)\n      ? pageX - surfaceOrigin.x\n      : nativeEvent.locationX;\n  const y =\n    typeof pageY === 'number' && Number.isFinite(pageY)\n      ? pageY - surfaceOrigin.y\n      : nativeEvent.locationY;\n\n  return {\n    altKey: nativeEvent.altKey,\n    ctrlKey: nativeEvent.ctrlKey,\n    metaKey: nativeEvent.metaKey,\n    shiftKey: nativeEvent.shiftKey,\n    x,\n    y,\n  };\n}\n\ninterface GridInteractionNativePointerEvent {\n  readonly nativeEvent: {\n    readonly altKey?: boolean;\n    readonly ctrlKey?: boolean;\n    readonly locationX: number;\n    readonly locationY: number;\n    readonly metaKey?: boolean;\n    readonly pageX?: number;\n    readonly pageY?: number;\n    readonly shiftKey?: boolean;\n  };\n}\n\ninterface GridInteractionSurfaceOrigin {\n  readonly x: number;\n  readonly y: number;\n}\n"]}
+{"version":3,"file":"resolveGridInteractionPointer.js","sourceRoot":"","sources":["../../../../../src/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.ts"],"names":[],"mappings":"AAEA,qFAAqF;AACrF,MAAM,UAAU,6BAA6B,CAC3C,KAAwC,EACxC,aAA2C,EAC3C,gBAA8C,EAAE;IAEhD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC;IACrC,MAAM,CAAC,GACL,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjD,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;QACzB,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,GACL,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjD,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;QACzB,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC;IAE5B,OAAO;QACL,MAAM,EAAE,WAAW,CAAC,MAAM;QAC1B,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,QAAQ,EAAE,aAAa,CAAC,QAAQ;QAChC,CAAC;QACD,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { GridInteractionPointer } from '../../../../types/grid-interactions';\n\n/*** Converts a responder event into coordinates local to the interaction surface. */\nexport function resolveGridInteractionPointer(\n  event: GridInteractionNativePointerEvent,\n  surfaceOrigin: GridInteractionSurfaceOrigin,\n  modifierState: GridInteractionModifierState = {},\n): GridInteractionPointer {\n  const { nativeEvent } = event;\n  const { pageX, pageY } = nativeEvent;\n  const x =\n    typeof pageX === 'number' && Number.isFinite(pageX)\n      ? pageX - surfaceOrigin.x\n      : nativeEvent.locationX;\n  const y =\n    typeof pageY === 'number' && Number.isFinite(pageY)\n      ? pageY - surfaceOrigin.y\n      : nativeEvent.locationY;\n\n  return {\n    altKey: nativeEvent.altKey,\n    ctrlKey: nativeEvent.ctrlKey,\n    metaKey: nativeEvent.metaKey,\n    shiftKey: nativeEvent.shiftKey,\n    spaceKey: modifierState.spaceKey,\n    x,\n    y,\n  };\n}\n\ninterface GridInteractionNativePointerEvent {\n  readonly nativeEvent: {\n    readonly altKey?: boolean;\n    readonly ctrlKey?: boolean;\n    readonly locationX: number;\n    readonly locationY: number;\n    readonly metaKey?: boolean;\n    readonly pageX?: number;\n    readonly pageY?: number;\n    readonly shiftKey?: boolean;\n  };\n}\n\ninterface GridInteractionSurfaceOrigin {\n  readonly x: number;\n  readonly y: number;\n}\n\ninterface GridInteractionModifierState {\n  readonly spaceKey?: boolean;\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "25.8.2",
+  "version": "25.8.3",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -129,7 +129,7 @@
     "format": "ankhorage-prettier --write .",
     "format:check": "ankhorage-prettier --check .",
     "prepack": "bun run build",
-    "test": "bun run build && bun test src examples/grid-workspaces/time",
+    "test": "bun run build && bun test src examples/grid-workspaces/time --isolate",
     "typecheck": "bun x tsc --noEmit -p tsconfig.json && bun x tsc --noEmit -p tsconfig.scripts.json",
     "version-packages": "ankhorage-changeset version"
   },

package/src/features/grid-interactions/adapters/inbound/GridInteractions.test.tsx

@@ -6,7 +6,9 @@ import { Window } from 'happy-dom';
 import React, { act } from 'react';
 import { createRoot } from 'react-dom/client';
 
+import type { GridInteractionIntent } from '../../../../types/grid-interactions';
 import type { GridInteractions as GridInteractionsComponent } from './GridInteractions';
+import { GridInteractionsKeyboardProxy } from './GridInteractionsKeyboardProxy.web';
 
 const webDistRoot = join(import.meta.dir, '../../../../../web-dist');
 
@@ -103,6 +105,110 @@ test('keeps a mounted RNW keyboard boundary current across parent rerenders', as
   }
 });
 
+test('bridges a held Space key into web responder pan and clears it for the following marquee drag', async () => {
+  const browser = new Window();
+  const restore = installBrowserGlobals(browser);
+  const host = document.createElement('div');
+  document.body.append(host);
+  const root = createRoot(host);
+  const { GridInteractions } = await loadGridInteractions();
+  const intents: GridInteractionIntent[] = [];
+
+  try {
+    await renderGridInteractions(
+      root,
+      <GridInteractions
+        items={[]}
+        onIntent={(intent) => intents.push(intent)}
+        testID="grid-interactions"
+        viewport={{
+          height: 100,
+          offsetX: 0,
+          offsetY: 0,
+          pixelsPerUnitX: 2,
+          pixelsPerUnitY: 4,
+          width: 100,
+        }}
+      >
+        <span>nested target</span>
+      </GridInteractions>,
+    );
+    const keyboard = host.querySelector<HTMLElement>(
+      '[aria-label="Grid interaction keyboard controls"]',
+    );
+    const surface = host.querySelector<HTMLElement>('[data-testid="grid-interactions"]');
+    if (!keyboard || !surface) throw new Error('Missing web grid interaction boundary');
+
+    await dispatch(
+      keyboard,
+      new browser.KeyboardEvent('keydown', { bubbles: true, code: 'Space', key: ' ' }),
+    );
+    await drag(browser, surface, { x: 10, y: 20 }, { x: 30, y: 60 });
+    await dispatch(
+      keyboard,
+      new browser.KeyboardEvent('keyup', { bubbles: true, code: 'Space', key: ' ' }),
+    );
+    await drag(browser, surface, { x: 10, y: 20 }, { x: 30, y: 60 });
+    expect(intents.map((intent) => intent.type)).toEqual(['pan', 'marquee']);
+  } finally {
+    await act(() => Promise.resolve().then(() => root.unmount()));
+    host.remove();
+    browser.close();
+    restore();
+  }
+});
+
+test('clears the web Space modifier on blur, disable, and unmount', async () => {
+  const browser = new Window();
+  const restore = installBrowserGlobals(browser);
+  const host = document.createElement('div');
+  document.body.append(host);
+  const root = createRoot(host);
+  const spaceKeyChanges: boolean[] = [];
+  const onSpaceKeyChange = (spaceKey: boolean) => spaceKeyChanges.push(spaceKey);
+
+  try {
+    await renderGridInteractions(
+      root,
+      <GridInteractionsKeyboardProxy
+        enabled
+        onKeyDown={() => false}
+        onSpaceKeyChange={onSpaceKeyChange}
+      >
+        <span>nested target</span>
+      </GridInteractionsKeyboardProxy>,
+    );
+    const keyboard = host.querySelector<HTMLElement>(
+      '[aria-label="Grid interaction keyboard controls"]',
+    );
+    if (!keyboard) throw new Error('Missing keyboard interaction proxy');
+
+    await dispatch(
+      keyboard,
+      new browser.KeyboardEvent('keydown', { bubbles: true, code: 'Space', key: ' ' }),
+    );
+    await dispatch(keyboard, new browser.FocusEvent('focusout', { bubbles: true }));
+    await renderGridInteractions(
+      root,
+      <GridInteractionsKeyboardProxy
+        enabled={false}
+        onKeyDown={() => false}
+        onSpaceKeyChange={onSpaceKeyChange}
+      >
+        <span>nested target</span>
+      </GridInteractionsKeyboardProxy>,
+    );
+
+    expect(spaceKeyChanges).toEqual([true, false, false]);
+  } finally {
+    await act(() => Promise.resolve().then(() => root.unmount()));
+    expect(spaceKeyChanges.at(-1)).toBe(false);
+    host.remove();
+    browser.close();
+    restore();
+  }
+});
+
 /*** Installs the DOM globals that the independently bundled RNW adapter requires. */
 function installBrowserGlobals(browser: Window): () => void {
   const keys = [
@@ -141,3 +247,43 @@ function renderGridInteractions(root: ReturnType<typeof createRoot>, component:
 function dispatch(target: HTMLElement, event: Event) {
   return act(() => Promise.resolve().then(() => target.dispatchEvent(event)));
 }
+
+/*** Runs one browser touch drag through the RNW responder boundary. */
+async function drag(
+  browser: Window,
+  target: HTMLElement,
+  start: { readonly x: number; readonly y: number },
+  end: { readonly x: number; readonly y: number },
+) {
+  await dispatch(target, createTouchEvent(browser, 'touchstart', target, start, [start]));
+  await dispatch(target, createTouchEvent(browser, 'touchmove', target, end, [end]));
+  await dispatch(target, createTouchEvent(browser, 'touchend', target, end, []));
+}
+
+/*** Creates a browser touch event consumed by the RNW responder implementation. */
+function createTouchEvent(
+  browser: Window,
+  type: 'touchend' | 'touchmove' | 'touchstart',
+  target: HTMLElement,
+  changed: { readonly x: number; readonly y: number },
+  touches: readonly { readonly x: number; readonly y: number }[],
+) {
+  const event = new browser.Event(type, { bubbles: true });
+  Object.defineProperties(event, {
+    changedTouches: { value: [createTouch(target, changed)] },
+    touches: { value: touches.map((touch) => createTouch(target, touch)) },
+  });
+  return event;
+}
+
+/*** Creates one RNW-compatible touch point with page and client coordinates. */
+function createTouch(target: HTMLElement, point: { readonly x: number; readonly y: number }) {
+  return {
+    clientX: point.x,
+    clientY: point.y,
+    identifier: 1,
+    pageX: point.x,
+    pageY: point.y,
+    target,
+  };
+}

package/src/features/grid-interactions/adapters/inbound/GridInteractions.tsx

@@ -26,15 +26,20 @@ export function GridInteractions({
     createGridInteractionsController(controllerProps),
   );
   const surfaceRef = React.useRef<View>(null);
+  const spaceKeyRef = React.useRef(false);
   const [pointerQueue] = React.useState(() => createGridInteractionsPointerQueue());
   React.useLayoutEffect(() => controller.update(controllerProps), [controller, controllerProps]);
   React.useLayoutEffect(() => {
     pointerQueue.activate();
     return () => {
+      spaceKeyRef.current = false;
       pointerQueue.dispose();
       controller.cancel();
     };
   }, [controller, pointerQueue]);
+  const setSpaceKey = React.useCallback((spaceKey: boolean) => {
+    spaceKeyRef.current = spaceKey;
+  }, []);
   const withPointer = (
     event: Parameters<typeof resolveGridInteractionPointer>[0],
     handlePointer: (pointer: ReturnType<typeof resolveGridInteractionPointer>) => void,
@@ -42,8 +47,9 @@ export function GridInteractions({
     const surface = surfaceRef.current;
     if (!surface) return;
     const eventSnapshot = { nativeEvent: { ...event.nativeEvent } };
+    const modifierSnapshot = { spaceKey: spaceKeyRef.current };
     pointerQueue.enqueue(surface, (origin) =>
-      handlePointer(resolveGridInteractionPointer(eventSnapshot, origin)),
+      handlePointer(resolveGridInteractionPointer(eventSnapshot, origin, modifierSnapshot)),
     );
   };
   const enabled = interactionPolicy !== 'passive';
@@ -61,6 +67,7 @@ export function GridInteractions({
       onResponderMove={(event) => withPointer(event, controller.move)}
       onResponderRelease={(event) => withPointer(event, controller.end)}
       onResponderTerminate={() => {
+        setSpaceKey(false);
         pointerQueue.cancel();
         controller.cancel();
       }}
@@ -71,6 +78,7 @@ export function GridInteractions({
         onKeyDown={(key, keyPointer) => {
           return controller.keyDown(key, keyPointer);
         }}
+        onSpaceKeyChange={setSpaceKey}
       >
         {children}
       </GridInteractionsKeyboardProxy>

package/src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.native.tsx

@@ -11,4 +11,5 @@ interface GridInteractionsKeyboardProxyProps {
   readonly children: React.ReactNode;
   readonly enabled: boolean;
   readonly onKeyDown: (key: string, pointer: GridInteractionPointer) => boolean;
+  readonly onSpaceKeyChange: (spaceKey: boolean) => void;
 }

package/src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.tsx

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from 'react';
 
 import type { GridInteractionPointer } from '../../../../types/grid-interactions';
 
@@ -7,12 +7,20 @@ export function GridInteractionsKeyboardProxy({
   children,
   enabled,
   onKeyDown,
+  onSpaceKeyChange,
 }: GridInteractionsKeyboardProxyProps) {
+  React.useEffect(() => {
+    if (!enabled) onSpaceKeyChange(false);
+  }, [enabled, onSpaceKeyChange]);
+  React.useEffect(() => () => onSpaceKeyChange(false), [onSpaceKeyChange]);
+
   return (
     <div
       aria-label="Grid interaction keyboard controls"
+      onBlur={() => onSpaceKeyChange(false)}
       onKeyDown={(event) => {
         if (!enabled) return;
+        if (isSpaceKey(event)) onSpaceKeyChange(true);
         if (
           onKeyDown(event.key, {
             altKey: event.altKey,
@@ -26,6 +34,9 @@ export function GridInteractionsKeyboardProxy({
           event.preventDefault();
         }
       }}
+      onKeyUp={(event) => {
+        if (isSpaceKey(event)) onSpaceKeyChange(false);
+      }}
       style={{ display: 'contents' }}
       tabIndex={enabled ? 0 : -1}
     >
@@ -38,4 +49,10 @@ interface GridInteractionsKeyboardProxyProps {
   readonly children: React.ReactNode;
   readonly enabled: boolean;
   readonly onKeyDown: (key: string, pointer: GridInteractionPointer) => boolean;
+  readonly onSpaceKeyChange: (spaceKey: boolean) => void;
+}
+
+/*** Determines whether a web keyboard event represents the Space modifier. */
+function isSpaceKey(event: React.KeyboardEvent<HTMLDivElement>): boolean {
+  return event.code === 'Space' || event.key === ' ';
 }

package/src/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.test.ts

@@ -31,3 +31,18 @@ test('uses responder-local coordinates when page coordinates are unavailable on
     ),
   ).toEqual({ x: 4, y: 6 });
 });
+
+test('carries a scoped web Space modifier snapshot without changing native event input', () => {
+  expect(
+    resolveGridInteractionPointer(
+      {
+        nativeEvent: {
+          locationX: 4,
+          locationY: 6,
+        },
+      },
+      { x: 120, y: 80 },
+      { spaceKey: true },
+    ),
+  ).toEqual({ spaceKey: true, x: 4, y: 6 });
+});

package/src/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.ts

@@ -4,6 +4,7 @@ import type { GridInteractionPointer } from '../../../../types/grid-interactions
 export function resolveGridInteractionPointer(
   event: GridInteractionNativePointerEvent,
   surfaceOrigin: GridInteractionSurfaceOrigin,
+  modifierState: GridInteractionModifierState = {},
 ): GridInteractionPointer {
   const { nativeEvent } = event;
   const { pageX, pageY } = nativeEvent;
@@ -21,6 +22,7 @@ export function resolveGridInteractionPointer(
     ctrlKey: nativeEvent.ctrlKey,
     metaKey: nativeEvent.metaKey,
     shiftKey: nativeEvent.shiftKey,
+    spaceKey: modifierState.spaceKey,
     x,
     y,
   };
@@ -43,3 +45,7 @@ interface GridInteractionSurfaceOrigin {
   readonly x: number;
   readonly y: number;
 }
+
+interface GridInteractionModifierState {
+  readonly spaceKey?: boolean;
+}

package/web-dist/components/grid-interactions/GridInteractions.js

@@ -17,7 +17,7 @@ import {
 
 // src/features/grid-interactions/adapters/inbound/GridInteractions.tsx
 var import_react_native = __toESM(require_cjs(), 1);
-import React from "react";
+import React2 from "react";
 
 // src/features/grid-interactions/application/createGridInteractionsController.ts
 function createGridInteractionsController(props) {
@@ -278,17 +278,27 @@ function measureSurfaceOrigin(surface, onOrigin) {
 }
 
 // src/features/grid-interactions/adapters/inbound/GridInteractionsKeyboardProxy.web.tsx
+import React from "react";
 import { jsx } from "react/jsx-runtime";
 function GridInteractionsKeyboardProxy({
   children,
   enabled,
-  onKeyDown
+  onKeyDown,
+  onSpaceKeyChange
 }) {
+  React.useEffect(() => {
+    if (!enabled)
+      onSpaceKeyChange(false);
+  }, [enabled, onSpaceKeyChange]);
+  React.useEffect(() => () => onSpaceKeyChange(false), [onSpaceKeyChange]);
   return /* @__PURE__ */ jsx("div", {
     "aria-label": "Grid interaction keyboard controls",
+    onBlur: () => onSpaceKeyChange(false),
     onKeyDown: (event) => {
       if (!enabled)
         return;
+      if (isSpaceKey(event))
+        onSpaceKeyChange(true);
       if (onKeyDown(event.key, {
         altKey: event.altKey,
         ctrlKey: event.ctrlKey,
@@ -300,14 +310,21 @@ function GridInteractionsKeyboardProxy({
         event.preventDefault();
       }
     },
+    onKeyUp: (event) => {
+      if (isSpaceKey(event))
+        onSpaceKeyChange(false);
+    },
     style: { display: "contents" },
     tabIndex: enabled ? 0 : -1,
     children
   });
 }
+function isSpaceKey(event) {
+  return event.code === "Space" || event.key === " ";
+}
 
 // src/features/grid-interactions/adapters/inbound/resolveGridInteractionPointer.ts
-function resolveGridInteractionPointer(event, surfaceOrigin) {
+function resolveGridInteractionPointer(event, surfaceOrigin, modifierState = {}) {
   const { nativeEvent } = event;
   const { pageX, pageY } = nativeEvent;
   const x = typeof pageX === "number" && Number.isFinite(pageX) ? pageX - surfaceOrigin.x : nativeEvent.locationX;
@@ -317,6 +334,7 @@ function resolveGridInteractionPointer(event, surfaceOrigin) {
     ctrlKey: nativeEvent.ctrlKey,
     metaKey: nativeEvent.metaKey,
     shiftKey: nativeEvent.shiftKey,
+    spaceKey: modifierState.spaceKey,
     x,
     y
   };
@@ -331,24 +349,30 @@ function GridInteractions({
   testID,
   ...props
 }) {
-  const controllerProps = React.useMemo(() => ({ ...props, interactionPolicy }), [interactionPolicy, props]);
-  const [controller] = React.useState(() => createGridInteractionsController(controllerProps));
-  const surfaceRef = React.useRef(null);
-  const [pointerQueue] = React.useState(() => createGridInteractionsPointerQueue());
-  React.useLayoutEffect(() => controller.update(controllerProps), [controller, controllerProps]);
-  React.useLayoutEffect(() => {
+  const controllerProps = React2.useMemo(() => ({ ...props, interactionPolicy }), [interactionPolicy, props]);
+  const [controller] = React2.useState(() => createGridInteractionsController(controllerProps));
+  const surfaceRef = React2.useRef(null);
+  const spaceKeyRef = React2.useRef(false);
+  const [pointerQueue] = React2.useState(() => createGridInteractionsPointerQueue());
+  React2.useLayoutEffect(() => controller.update(controllerProps), [controller, controllerProps]);
+  React2.useLayoutEffect(() => {
     pointerQueue.activate();
     return () => {
+      spaceKeyRef.current = false;
       pointerQueue.dispose();
       controller.cancel();
     };
   }, [controller, pointerQueue]);
+  const setSpaceKey = React2.useCallback((spaceKey) => {
+    spaceKeyRef.current = spaceKey;
+  }, []);
   const withPointer = (event, handlePointer) => {
     const surface = surfaceRef.current;
     if (!surface)
       return;
     const eventSnapshot = { nativeEvent: { ...event.nativeEvent } };
-    pointerQueue.enqueue(surface, (origin) => handlePointer(resolveGridInteractionPointer(eventSnapshot, origin)));
+    const modifierSnapshot = { spaceKey: spaceKeyRef.current };
+    pointerQueue.enqueue(surface, (origin) => handlePointer(resolveGridInteractionPointer(eventSnapshot, origin, modifierSnapshot)));
   };
   const enabled = interactionPolicy !== "passive";
   return /* @__PURE__ */ jsx2(import_react_native.View, {
@@ -361,6 +385,7 @@ function GridInteractions({
     onResponderMove: (event) => withPointer(event, controller.move),
     onResponderRelease: (event) => withPointer(event, controller.end),
     onResponderTerminate: () => {
+      setSpaceKey(false);
       pointerQueue.cancel();
       controller.cancel();
     },
@@ -370,6 +395,7 @@ function GridInteractions({
       onKeyDown: (key, keyPointer) => {
         return controller.keyDown(key, keyPointer);
       },
+      onSpaceKeyChange: setSpaceKey,
       children
     })
   });