@hzblj/kara-components 0.15.2 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @hzblj/kara-components
 
+## 0.16.0
+
+### Minor Changes
+
+- [#49](https://github.com/hzblj/kara-ui/pull/49) [`1b82690`](https://github.com/hzblj/kara-ui/commit/1b826908a729399b4b9ef8038836b60539d1fa41) Thanks [@hzblj](https://github.com/hzblj)! - A tapped `ContextMenu` preview can morph into a screen that is already loaded, the way Apple's apps open a preview. Preload the detail in the new `onOpenChange` (React Navigation's `preload`) and pass its route key as `preloadedScreenId`: the screen is pushed natively in the same frame, and with `zoom` the whole preview grows into it, rounded and shadowed like the menu's platter, while the menu fades away. `pop` and `dismiss` push it as soon as UIKit's commit animation ends. Uses `@hzblj/expo-zoom-transition` 0.2.
+
+### Patch Changes
+
+- Updated dependencies [[`1b82690`](https://github.com/hzblj/kara-ui/commit/1b826908a729399b4b9ef8038836b60539d1fa41)]:
+  - @hzblj/kara-native@0.16.0
+  - @hzblj/kara-sx@0.16.0
+  - @hzblj/kara-theme@0.16.0
+
+## 0.15.4
+
+### Patch Changes
+
+- Updated dependencies [[`15aa9db`](https://github.com/hzblj/kara-ui/commit/15aa9db0b1c22dd4a55cb301982643449ad28dd0)]:
+  - @hzblj/kara-native@0.15.4
+  - @hzblj/kara-theme@0.15.4
+  - @hzblj/kara-sx@0.15.4
+
+## 0.15.3
+
+### Patch Changes
+
+- [`91f4285`](https://github.com/hzblj/kara-ui/commit/91f42856d2acc0d03fb9836a718c5deba758a29f) Thanks [@hzblj](https://github.com/hzblj)! - A pressable `HStack`, `VStack` or `ZStack` on iOS now takes a tap anywhere in its frame, padding and a `Spacer`'s gap included, as it already did on Android. Before, a `LabeledContent` row pressed in its empty middle did nothing.
+
+- Updated dependencies []:
+  - @hzblj/kara-theme@0.15.3
+  - @hzblj/kara-sx@0.15.3
+  - @hzblj/kara-native@0.15.3
+
 ## 0.15.2
 
 ### Patch Changes

package/lib/module/atoms/h-stack/h-stack.ios.js

@@ -1,11 +1,11 @@
 "use strict";
 
 import { HStack as SwiftUIHStack } from '@expo/ui/swift-ui';
-import { onTapGesture } from '@expo/ui/swift-ui/modifiers';
 import { splitAccessibility, useAccessibilityModifiers, useSxModifiers } from '@hzblj/kara-sx';
 import { spacing } from '@hzblj/kara-theme';
 import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
+import { tapModifiers } from "../../tap-modifiers.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ALIGNMENT = {
   center: 'center',
@@ -29,7 +29,7 @@ export const HStack = ({
   const [accessibility, sx] = splitAccessibility(props);
   const sxModifiers = useSxModifiers(sx, FRAME_ALIGNMENT[align]);
   const accessibilityModifiers = useAccessibilityModifiers(accessibility, onPress !== undefined);
-  const modifiers = useMemo(() => [...sxModifiers, ...(onPress ? [onTapGesture(onPress)] : []), ...accessibilityModifiers], [accessibilityModifiers, onPress, sxModifiers]);
+  const modifiers = useMemo(() => [...sxModifiers, ...tapModifiers(onPress), ...accessibilityModifiers], [accessibilityModifiers, onPress, sxModifiers]);
   return /*#__PURE__*/_jsx(SwiftUIHStack, {
     alignment: ALIGNMENT[align],
     modifiers: modifiers,

package/lib/module/atoms/h-stack/h-stack.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","SwiftUIHStack","onTapGesture","splitAccessibility","useAccessibilityModifiers","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","end","start","FRAME_ALIGNMENT","align","children","onPress","gap","testID","props","accessibility","sx","sxModifiers","accessibilityModifiers","undefined","modifiers","alignment"],"sourceRoot":"../../../../src","sources":["atoms/h-stack/h-stack.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAAQC,YAAY,QAAO,6BAA6B;AACxD,SAA6BC,kBAAkB,EAAEC,yBAAyB,EAAEC,cAAc,QAAO,gBAAgB;AACjH,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACT,CAAgD;AAEhD,MAAMC,eAAe,GAAG;EACtBH,MAAM,EAAE,SAAS;EACjBC,GAAG,EAAE,eAAe;EACpBC,KAAK,EAAE;AACT,CAAwD;AAExD,OAAO,MAAMd,MAAuB,GAAGA,CAAC;EACtCgB,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPZ,OAAO,EAAEa,GAAG;EACZC,MAAM;EACN,GAAGC;AACQ,CAAC,KAAK;EACjBb,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAM,CAACc,aAAa,EAAEC,EAAE,CAAC,GAAGpB,kBAAkB,CAACkB,KAAK,CAAC;EACrD,MAAMG,WAAW,GAAGnB,cAAc,CAACkB,EAAE,EAAER,eAAe,CAACC,KAAK,CAAC,CAAC;EAC9D,MAAMS,sBAAsB,GAAGrB,yBAAyB,CAACkB,aAAa,EAAEJ,OAAO,KAAKQ,SAAS,CAAC;EAC9F,MAAMC,SAAS,GAAGpB,OAAO,CACvB,MAAM,CAAC,GAAGiB,WAAW,EAAE,IAAIN,OAAO,GAAG,CAAChB,YAAY,CAACgB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAGO,sBAAsB,CAAC,EAC9F,CAACA,sBAAsB,EAAEP,OAAO,EAAEM,WAAW,CAC/C,CAAC;EAED,oBACEd,IAAA,CAACT,aAAa;IACZ2B,SAAS,EAAEjB,SAAS,CAACK,KAAK,CAAE;IAC5BW,SAAS,EAAEA,SAAU;IACrBrB,OAAO,EAAEa,GAAG,KAAKO,SAAS,GAAGA,SAAS,GAAGpB,OAAO,CAACa,GAAG,CAAE;IACtDC,MAAM,EAAEA,MAAO;IAAAH,QAAA,EAEdA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["HStack","SwiftUIHStack","splitAccessibility","useAccessibilityModifiers","useSxModifiers","spacing","useMemo","useHostGuard","tapModifiers","jsx","_jsx","ALIGNMENT","center","end","start","FRAME_ALIGNMENT","align","children","onPress","gap","testID","props","accessibility","sx","sxModifiers","accessibilityModifiers","undefined","modifiers","alignment"],"sourceRoot":"../../../../src","sources":["atoms/h-stack/h-stack.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAA6BC,kBAAkB,EAAEC,yBAAyB,EAAEC,cAAc,QAAO,gBAAgB;AACjH,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,YAAY,QAAO,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACT,CAAgD;AAEhD,MAAMC,eAAe,GAAG;EACtBH,MAAM,EAAE,SAAS;EACjBC,GAAG,EAAE,eAAe;EACpBC,KAAK,EAAE;AACT,CAAwD;AAExD,OAAO,MAAMd,MAAuB,GAAGA,CAAC;EACtCgB,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPb,OAAO,EAAEc,GAAG;EACZC,MAAM;EACN,GAAGC;AACQ,CAAC,KAAK;EACjBd,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAM,CAACe,aAAa,EAAEC,EAAE,CAAC,GAAGrB,kBAAkB,CAACmB,KAAK,CAAC;EACrD,MAAMG,WAAW,GAAGpB,cAAc,CAACmB,EAAE,EAAER,eAAe,CAACC,KAAK,CAAC,CAAC;EAC9D,MAAMS,sBAAsB,GAAGtB,yBAAyB,CAACmB,aAAa,EAAEJ,OAAO,KAAKQ,SAAS,CAAC;EAC9F,MAAMC,SAAS,GAAGrB,OAAO,CACvB,MAAM,CAAC,GAAGkB,WAAW,EAAE,GAAGhB,YAAY,CAACU,OAAO,CAAC,EAAE,GAAGO,sBAAsB,CAAC,EAC3E,CAACA,sBAAsB,EAAEP,OAAO,EAAEM,WAAW,CAC/C,CAAC;EAED,oBACEd,IAAA,CAACT,aAAa;IACZ2B,SAAS,EAAEjB,SAAS,CAACK,KAAK,CAAE;IAC5BW,SAAS,EAAEA,SAAU;IACrBtB,OAAO,EAAEc,GAAG,KAAKO,SAAS,GAAGA,SAAS,GAAGrB,OAAO,CAACc,GAAG,CAAE;IACtDC,MAAM,EAAEA,MAAO;IAAAH,QAAA,EAEdA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}

package/lib/module/atoms/v-stack/v-stack.ios.js

@@ -1,11 +1,11 @@
 "use strict";
 
 import { VStack as SwiftUIVStack } from '@expo/ui/swift-ui';
-import { onTapGesture } from '@expo/ui/swift-ui/modifiers';
 import { splitAccessibility, useAccessibilityModifiers, useSxModifiers } from '@hzblj/kara-sx';
 import { spacing } from '@hzblj/kara-theme';
 import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
+import { tapModifiers } from "../../tap-modifiers.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ALIGNMENT = {
   center: 'center',
@@ -24,7 +24,7 @@ export const VStack = ({
   const [accessibility, sx] = splitAccessibility(props);
   const sxModifiers = useSxModifiers(sx, ALIGNMENT[align]);
   const accessibilityModifiers = useAccessibilityModifiers(accessibility, onPress !== undefined);
-  const modifiers = useMemo(() => [...sxModifiers, ...(onPress ? [onTapGesture(onPress)] : []), ...accessibilityModifiers], [accessibilityModifiers, onPress, sxModifiers]);
+  const modifiers = useMemo(() => [...sxModifiers, ...tapModifiers(onPress), ...accessibilityModifiers], [accessibilityModifiers, onPress, sxModifiers]);
   return /*#__PURE__*/_jsx(SwiftUIVStack, {
     alignment: ALIGNMENT[align],
     modifiers: modifiers,

package/lib/module/atoms/v-stack/v-stack.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["VStack","SwiftUIVStack","onTapGesture","splitAccessibility","useAccessibilityModifiers","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","end","start","align","children","onPress","gap","testID","props","accessibility","sx","sxModifiers","accessibilityModifiers","undefined","modifiers","alignment"],"sourceRoot":"../../../../src","sources":["atoms/v-stack/v-stack.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAAQC,YAAY,QAAO,6BAA6B;AACxD,SAA6BC,kBAAkB,EAAEC,yBAAyB,EAAEC,cAAc,QAAO,gBAAgB;AACjH,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfC,KAAK,EAAE;AACT,CAAwD;AAExD,OAAO,MAAMd,MAAuB,GAAGA,CAAC;EACtCe,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPX,OAAO,EAAEY,GAAG;EACZC,MAAM;EACN,GAAGC;AACQ,CAAC,KAAK;EACjBZ,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAM,CAACa,aAAa,EAAEC,EAAE,CAAC,GAAGnB,kBAAkB,CAACiB,KAAK,CAAC;EACrD,MAAMG,WAAW,GAAGlB,cAAc,CAACiB,EAAE,EAAEX,SAAS,CAACI,KAAK,CAAC,CAAC;EACxD,MAAMS,sBAAsB,GAAGpB,yBAAyB,CAACiB,aAAa,EAAEJ,OAAO,KAAKQ,SAAS,CAAC;EAC9F,MAAMC,SAAS,GAAGnB,OAAO,CACvB,MAAM,CAAC,GAAGgB,WAAW,EAAE,IAAIN,OAAO,GAAG,CAACf,YAAY,CAACe,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAGO,sBAAsB,CAAC,EAC9F,CAACA,sBAAsB,EAAEP,OAAO,EAAEM,WAAW,CAC/C,CAAC;EAED,oBACEb,IAAA,CAACT,aAAa;IACZ0B,SAAS,EAAEhB,SAAS,CAACI,KAAK,CAAE;IAC5BW,SAAS,EAAEA,SAAU;IACrBpB,OAAO,EAAEY,GAAG,KAAKO,SAAS,GAAGA,SAAS,GAAGnB,OAAO,CAACY,GAAG,CAAE;IACtDC,MAAM,EAAEA,MAAO;IAAAH,QAAA,EAEdA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["VStack","SwiftUIVStack","splitAccessibility","useAccessibilityModifiers","useSxModifiers","spacing","useMemo","useHostGuard","tapModifiers","jsx","_jsx","ALIGNMENT","center","end","start","align","children","onPress","gap","testID","props","accessibility","sx","sxModifiers","accessibilityModifiers","undefined","modifiers","alignment"],"sourceRoot":"../../../../src","sources":["atoms/v-stack/v-stack.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAA6BC,kBAAkB,EAAEC,yBAAyB,EAAEC,cAAc,QAAO,gBAAgB;AACjH,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,YAAY,QAAO,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfC,KAAK,EAAE;AACT,CAAwD;AAExD,OAAO,MAAMd,MAAuB,GAAGA,CAAC;EACtCe,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPZ,OAAO,EAAEa,GAAG;EACZC,MAAM;EACN,GAAGC;AACQ,CAAC,KAAK;EACjBb,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAM,CAACc,aAAa,EAAEC,EAAE,CAAC,GAAGpB,kBAAkB,CAACkB,KAAK,CAAC;EACrD,MAAMG,WAAW,GAAGnB,cAAc,CAACkB,EAAE,EAAEX,SAAS,CAACI,KAAK,CAAC,CAAC;EACxD,MAAMS,sBAAsB,GAAGrB,yBAAyB,CAACkB,aAAa,EAAEJ,OAAO,KAAKQ,SAAS,CAAC;EAC9F,MAAMC,SAAS,GAAGpB,OAAO,CACvB,MAAM,CAAC,GAAGiB,WAAW,EAAE,GAAGf,YAAY,CAACS,OAAO,CAAC,EAAE,GAAGO,sBAAsB,CAAC,EAC3E,CAACA,sBAAsB,EAAEP,OAAO,EAAEM,WAAW,CAC/C,CAAC;EAED,oBACEb,IAAA,CAACT,aAAa;IACZ0B,SAAS,EAAEhB,SAAS,CAACI,KAAK,CAAE;IAC5BW,SAAS,EAAEA,SAAU;IACrBrB,OAAO,EAAEa,GAAG,KAAKO,SAAS,GAAGA,SAAS,GAAGpB,OAAO,CAACa,GAAG,CAAE;IACtDC,MAAM,EAAEA,MAAO;IAAAH,QAAA,EAEdA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}

package/lib/module/atoms/z-stack/z-stack.ios.js

@@ -1,10 +1,10 @@
 "use strict";
 
 import { ZStack as SwiftUIZStack } from '@expo/ui/swift-ui';
-import { onTapGesture } from '@expo/ui/swift-ui/modifiers';
 import { splitAccessibility, useAccessibilityModifiers, useSxModifiers } from '@hzblj/kara-sx';
 import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
+import { tapModifiers } from "../../tap-modifiers.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ALIGNMENT = {
   bottom: 'bottom',
@@ -22,7 +22,7 @@ export const ZStack = ({
   const [accessibility, sx] = splitAccessibility(props);
   const sxModifiers = useSxModifiers(sx, ALIGNMENT[align]);
   const accessibilityModifiers = useAccessibilityModifiers(accessibility, onPress !== undefined);
-  const modifiers = useMemo(() => [...sxModifiers, ...(onPress ? [onTapGesture(onPress)] : []), ...accessibilityModifiers], [accessibilityModifiers, onPress, sxModifiers]);
+  const modifiers = useMemo(() => [...sxModifiers, ...tapModifiers(onPress), ...accessibilityModifiers], [accessibilityModifiers, onPress, sxModifiers]);
   return /*#__PURE__*/_jsx(SwiftUIZStack, {
     alignment: ALIGNMENT[align],
     modifiers: modifiers,

package/lib/module/atoms/z-stack/z-stack.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["ZStack","SwiftUIZStack","onTapGesture","splitAccessibility","useAccessibilityModifiers","useSxModifiers","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","bottom","center","top","align","children","onPress","testID","props","accessibility","sx","sxModifiers","accessibilityModifiers","undefined","modifiers","alignment"],"sourceRoot":"../../../../src","sources":["atoms/z-stack/z-stack.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAAQC,YAAY,QAAO,6BAA6B;AACxD,SAA6BC,kBAAkB,EAAEC,yBAAyB,EAAEC,cAAc,QAAO,gBAAgB;AACjH,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE;AACP,CAAwD;AAExD,OAAO,MAAMb,MAAuB,GAAGA,CAAC;EAACc,KAAK,GAAG,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAkB,CAAC,KAAK;EAC/GX,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAM,CAACY,aAAa,EAAEC,EAAE,CAAC,GAAGjB,kBAAkB,CAACe,KAAK,CAAC;EACrD,MAAMG,WAAW,GAAGhB,cAAc,CAACe,EAAE,EAAEV,SAAS,CAACI,KAAK,CAAC,CAAC;EACxD,MAAMQ,sBAAsB,GAAGlB,yBAAyB,CAACe,aAAa,EAAEH,OAAO,KAAKO,SAAS,CAAC;EAC9F,MAAMC,SAAS,GAAGlB,OAAO,CACvB,MAAM,CAAC,GAAGe,WAAW,EAAE,IAAIL,OAAO,GAAG,CAACd,YAAY,CAACc,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAGM,sBAAsB,CAAC,EAC9F,CAACA,sBAAsB,EAAEN,OAAO,EAAEK,WAAW,CAC/C,CAAC;EAED,oBACEZ,IAAA,CAACR,aAAa;IAACwB,SAAS,EAAEf,SAAS,CAACI,KAAK,CAAE;IAACU,SAAS,EAAEA,SAAU;IAACP,MAAM,EAAEA,MAAO;IAAAF,QAAA,EAC9EA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["ZStack","SwiftUIZStack","splitAccessibility","useAccessibilityModifiers","useSxModifiers","useMemo","useHostGuard","tapModifiers","jsx","_jsx","ALIGNMENT","bottom","center","top","align","children","onPress","testID","props","accessibility","sx","sxModifiers","accessibilityModifiers","undefined","modifiers","alignment"],"sourceRoot":"../../../../src","sources":["atoms/z-stack/z-stack.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,QAAO,mBAAmB;AACzD,SAA6BC,kBAAkB,EAAEC,yBAAyB,EAAEC,cAAc,QAAO,gBAAgB;AACjH,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,YAAY,QAAO,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE;AACP,CAAwD;AAExD,OAAO,MAAMb,MAAuB,GAAGA,CAAC;EAACc,KAAK,GAAG,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAkB,CAAC,KAAK;EAC/GZ,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAM,CAACa,aAAa,EAAEC,EAAE,CAAC,GAAGlB,kBAAkB,CAACgB,KAAK,CAAC;EACrD,MAAMG,WAAW,GAAGjB,cAAc,CAACgB,EAAE,EAAEV,SAAS,CAACI,KAAK,CAAC,CAAC;EACxD,MAAMQ,sBAAsB,GAAGnB,yBAAyB,CAACgB,aAAa,EAAEH,OAAO,KAAKO,SAAS,CAAC;EAC9F,MAAMC,SAAS,GAAGnB,OAAO,CACvB,MAAM,CAAC,GAAGgB,WAAW,EAAE,GAAGd,YAAY,CAACS,OAAO,CAAC,EAAE,GAAGM,sBAAsB,CAAC,EAC3E,CAACA,sBAAsB,EAAEN,OAAO,EAAEK,WAAW,CAC/C,CAAC;EAED,oBACEZ,IAAA,CAACR,aAAa;IAACwB,SAAS,EAAEf,SAAS,CAACI,KAAK,CAAE;IAACU,SAAS,EAAEA,SAAU;IAACP,MAAM,EAAEA,MAAO;IAAAF,QAAA,EAC9EA;EAAQ,CACI,CAAC;AAEpB,CAAC","ignoreList":[]}

package/lib/module/organisms/context-menu/context-menu.android.js

@@ -51,7 +51,8 @@ const MenuRow = ({
  * Android's own take on a context menu, since Material has no lifted preview: a long press ripples the trigger, ticks
  * the long-press haptic, and opens a Material dropdown where the finger is — the trigger stays highlighted while the
  * menu is up. The host behind the menu mounts on the first long press and stays, so a list of triggers that are only
- * scrolled past never builds one. `preview`, `onPreviewPress` and `previewTransition` are iOS-only.
+ * scrolled past never builds one. `preview`, `onPreviewPress`, `previewTransition`, `onOpenChange` and
+ * `preloadedScreenId` are iOS-only.
  */
 const ContextMenuRoot = ({
   actions,
@@ -60,7 +61,9 @@ const ContextMenuRoot = ({
   ...props
 }) => {
   const {
+    onOpenChange: _onOpenChange,
     onPreviewPress: _onPreviewPress,
+    preloadedScreenId: _preloadedScreenId,
     preview: _preview,
     previewTransition: _previewTransition,
     ...sx

package/lib/module/organisms/context-menu/context-menu.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","Host","haptics","useSx","useAppTheme","useCallback","useMemo","useRef","useState","Pressable","StyleSheet","View","Icon","HostBoundary","splitForRipple","jsx","_jsx","jsxs","_jsxs","styles","create","anchor","height","position","width","MenuRow","action","onDismiss","theme","color","destructive","onClick","onPress","children","colorString","style","typography","body","label","icon","LeadingIcon","name","size","ContextMenuRoot","actions","testID","props","onPreviewPress","_onPreviewPress","preview","_preview","previewTransition","_previewTransition","sx","resolved","trigger","setAnchor","expanded","setExpanded","inner","outer","ripple","highlight","backgroundColor","open","event","pageX","pageY","nativeEvent","longPress","current","measure","_x","_y","_width","_height","left","top","x","y","dismiss","android_ripple","onLongPress","ref","pointerEvents","absoluteFill","colorScheme","dark","seedColor","materialSeed","onDismissRequest","Items","map","Exclusion","ContextMenu","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.android.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","Host","haptics","useSx","useAppTheme","useCallback","useMemo","useRef","useState","Pressable","StyleSheet","View","Icon","HostBoundary","splitForRipple","jsx","_jsx","jsxs","_jsxs","styles","create","anchor","height","position","width","MenuRow","action","onDismiss","theme","color","destructive","onClick","onPress","children","colorString","style","typography","body","label","icon","LeadingIcon","name","size","ContextMenuRoot","actions","testID","props","onOpenChange","_onOpenChange","onPreviewPress","_onPreviewPress","preloadedScreenId","_preloadedScreenId","preview","_preview","previewTransition","_previewTransition","sx","resolved","trigger","setAnchor","expanded","setExpanded","inner","outer","ripple","highlight","backgroundColor","open","event","pageX","pageY","nativeEvent","longPress","current","measure","_x","_y","_width","_height","left","top","x","y","dismiss","android_ripple","onLongPress","ref","pointerEvents","absoluteFill","colorScheme","dark","seedColor","materialSeed","onDismissRequest","Items","map","Exclusion","ContextMenu","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.android.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/context-menu/context-menu.ios.js

@@ -8,7 +8,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const ContextMenuRoot = ({
   actions,
   children,
+  onOpenChange,
   onPreviewPress,
+  preloadedScreenId,
   preview,
   previewTransition,
   testID,
@@ -24,10 +26,19 @@ const ContextMenuRoot = ({
     title: action.label
   })), [actions]);
   const onSelectItem = useCallback(id => actions[Number(id)]?.onPress(), [actions]);
+  const onMenuOpen = useCallback(() => onOpenChange?.(true), [onOpenChange]);
+  const onMenuClose = useCallback(isCommitted => {
+    if (!isCommitted) {
+      onOpenChange?.(false);
+    }
+  }, [onOpenChange]);
   return /*#__PURE__*/_jsx(NativeContextMenu, {
     items: items,
+    onMenuClose: onOpenChange ? onMenuClose : undefined,
+    onMenuOpen: onOpenChange ? onMenuOpen : undefined,
     onPreviewPress: onPreviewPress,
     onSelectItem: onSelectItem,
+    preloadedScreenId: preloadedScreenId,
     preview: preview,
     previewTransition: previewTransition,
     style: style,

package/lib/module/organisms/context-menu/context-menu.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconResourceName","ContextMenu","NativeContextMenu","ContextMenuExclusion","NativeContextMenuExclusion","useSx","useCallback","useMemo","jsx","_jsx","ContextMenuRoot","actions","children","onPreviewPress","preview","previewTransition","testID","sx","style","items","map","action","index","destructive","id","String","image","icon","undefined","title","label","onSelectItem","Number","onPress","Exclusion","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,0BAA0B;AACzD,SAEEC,WAAW,IAAIC,iBAAiB,EAChCC,oBAAoB,IAAIC,0BAA0B,QAC7C,6BAA6B;AACpC,SAAQC,KAAK,QAAO,gBAAgB;AACpC,SAAQC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG1C,MAAMC,eAAe,GAAGA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,OAAO;EACPC,iBAAiB;EACjBC,MAAM;EACN,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGb,KAAK,CAACY,EAAE,CAAC;;EAEvB;EACA,MAAME,KAAK,GAAGZ,OAAO,CACnB,MACEI,OAAO,CAACS,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,MAAM;IAC9BC,WAAW,EAAEF,MAAM,CAACE,WAAW;IAC/BC,EAAE,EAAEC,MAAM,CAACH,KAAK,CAAC;IACjBI,KAAK,EAAEL,MAAM,CAACM,IAAI,GAAG3B,gBAAgB,CAACqB,MAAM,CAACM,IAAI,CAAC,GAAGC,SAAS;IAC9DC,KAAK,EAAER,MAAM,CAACS;EAChB,CAAC,CAAC,CAAC,EACL,CAACnB,OAAO,CACV,CAAC;EAED,MAAMoB,YAAY,GAAGzB,WAAW,CAAEkB,EAAU,IAAKb,OAAO,CAACqB,MAAM,CAACR,EAAE,CAAC,CAAC,EAAES,OAAO,CAAC,CAAC,EAAE,CAACtB,OAAO,CAAC,CAAC;EAE3F,oBACEF,IAAA,CAACP,iBAAiB;IAChBiB,KAAK,EAAEA,KAAM;IACbN,cAAc,EAAEA,cAAe;IAC/BkB,YAAY,EAAEA,YAAa;IAC3BjB,OAAO,EAAEA,OAAQ;IACjBC,iBAAiB,EAAEA,iBAAkB;IACrCG,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IAAAJ,QAAA,EAEdA;EAAQ,CACQ,CAAC;AAExB,CAAC;AAED,MAAMsB,SAAS,GAAGA,CAAC;EAACtB;AAAmC,CAAC,kBACtDH,IAAA,CAACL,0BAA0B;EAAAQ,QAAA,EAAEA;AAAQ,CAA6B,CACnE;AAED,OAAO,MAAMX,WAAiC,GAAGkC,MAAM,CAACC,MAAM,CAAC1B,eAAe,EAAE;EAACwB;AAAS,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["iconResourceName","ContextMenu","NativeContextMenu","ContextMenuExclusion","NativeContextMenuExclusion","useSx","useCallback","useMemo","jsx","_jsx","ContextMenuRoot","actions","children","onOpenChange","onPreviewPress","preloadedScreenId","preview","previewTransition","testID","sx","style","items","map","action","index","destructive","id","String","image","icon","undefined","title","label","onSelectItem","Number","onPress","onMenuOpen","onMenuClose","isCommitted","Exclusion","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,0BAA0B;AACzD,SAEEC,WAAW,IAAIC,iBAAiB,EAChCC,oBAAoB,IAAIC,0BAA0B,QAC7C,6BAA6B;AACpC,SAAQC,KAAK,QAAO,gBAAgB;AACpC,SAAQC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG1C,MAAMC,eAAe,GAAGA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,YAAY;EACZC,cAAc;EACdC,iBAAiB;EACjBC,OAAO;EACPC,iBAAiB;EACjBC,MAAM;EACN,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGf,KAAK,CAACc,EAAE,CAAC;;EAEvB;EACA,MAAME,KAAK,GAAGd,OAAO,CACnB,MACEI,OAAO,CAACW,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,MAAM;IAC9BC,WAAW,EAAEF,MAAM,CAACE,WAAW;IAC/BC,EAAE,EAAEC,MAAM,CAACH,KAAK,CAAC;IACjBI,KAAK,EAAEL,MAAM,CAACM,IAAI,GAAG7B,gBAAgB,CAACuB,MAAM,CAACM,IAAI,CAAC,GAAGC,SAAS;IAC9DC,KAAK,EAAER,MAAM,CAACS;EAChB,CAAC,CAAC,CAAC,EACL,CAACrB,OAAO,CACV,CAAC;EAED,MAAMsB,YAAY,GAAG3B,WAAW,CAAEoB,EAAU,IAAKf,OAAO,CAACuB,MAAM,CAACR,EAAE,CAAC,CAAC,EAAES,OAAO,CAAC,CAAC,EAAE,CAACxB,OAAO,CAAC,CAAC;EAE3F,MAAMyB,UAAU,GAAG9B,WAAW,CAAC,MAAMO,YAAY,GAAG,IAAI,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAE1E,MAAMwB,WAAW,GAAG/B,WAAW,CAC5BgC,WAAoB,IAAK;IACxB,IAAI,CAACA,WAAW,EAAE;MAChBzB,YAAY,GAAG,KAAK,CAAC;IACvB;EACF,CAAC,EACD,CAACA,YAAY,CACf,CAAC;EAED,oBACEJ,IAAA,CAACP,iBAAiB;IAChBmB,KAAK,EAAEA,KAAM;IACbgB,WAAW,EAAExB,YAAY,GAAGwB,WAAW,GAAGP,SAAU;IACpDM,UAAU,EAAEvB,YAAY,GAAGuB,UAAU,GAAGN,SAAU;IAClDhB,cAAc,EAAEA,cAAe;IAC/BmB,YAAY,EAAEA,YAAa;IAC3BlB,iBAAiB,EAAEA,iBAAkB;IACrCC,OAAO,EAAEA,OAAQ;IACjBC,iBAAiB,EAAEA,iBAAkB;IACrCG,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IAAAN,QAAA,EAEdA;EAAQ,CACQ,CAAC;AAExB,CAAC;AAED,MAAM2B,SAAS,GAAGA,CAAC;EAAC3B;AAAmC,CAAC,kBACtDH,IAAA,CAACL,0BAA0B;EAAAQ,QAAA,EAAEA;AAAQ,CAA6B,CACnE;AAED,OAAO,MAAMX,WAAiC,GAAGuC,MAAM,CAACC,MAAM,CAAC/B,eAAe,EAAE;EAAC6B;AAAS,CAAC,CAAC","ignoreList":[]}

package/lib/module/tap-modifiers.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { contentShape, onTapGesture, shapes } from '@expo/ui/swift-ui/modifiers';
+
+/**
+ * A SwiftUI stack's `onPress`: the whole frame takes the tap, padding and a `Spacer`'s gap included. `onTapGesture`
+ * alone hit-tests only what draws, so a `LabeledContent` row pressed in its empty middle did nothing; the rectangle
+ * content shape makes it answer anywhere, as the Compose stacks' `clickable` already does.
+ */
+export const tapModifiers = onPress => onPress ? [contentShape(shapes.rectangle()), onTapGesture(onPress)] : [];
+//# sourceMappingURL=tap-modifiers.js.map

package/lib/module/tap-modifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["contentShape","onTapGesture","shapes","tapModifiers","onPress","rectangle"],"sourceRoot":"../../src","sources":["tap-modifiers.ts"],"mappings":";;AAAA,SAAQA,YAAY,EAAuBC,YAAY,EAAEC,MAAM,QAAO,6BAA6B;;AAEnG;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAIC,OAAiC,IAC5DA,OAAO,GAAG,CAACJ,YAAY,CAACE,MAAM,CAACG,SAAS,CAAC,CAAC,CAAC,EAAEJ,YAAY,CAACG,OAAO,CAAC,CAAC,GAAG,EAAE","ignoreList":[]}

package/lib/typescript/organisms/context-menu/context-menu.types.d.ts

@@ -13,8 +13,20 @@ export type ContextMenuProps = ResponsiveViewSx & {
     actions: MenuAction[];
     /** The trigger, laid out as usual. */
     children: ReactNode;
+    /**
+     * iOS: `true` when the menu appears, `false` when it ends without a tap on the preview. Preload the detail the card
+     * stands for here, and drop the preload on `false`.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
     /** iOS: the user tapped the lifted preview, committing to it. Open the detail the card stands for. */
     onPreviewPress?: () => void;
+    /**
+     * iOS: the route key of that detail, preloaded in the enclosing native stack while the menu is open (React
+     * Navigation's `preload`, Expo Router's `router.prefetch`). A tapped preview pushes it natively in the same frame
+     * and, with `zoom`, morphs the whole preview into it, the way Apple's apps open a preview. Move the route into the
+     * stack in `onPreviewPress`.
+     */
+    preloadedScreenId?: string;
     /**
      * iOS: lifted in place of the trigger while the menu is open (a larger version of the card, say). A snapshot of the
      * trigger when unset. Mounted only once a finger has rested on the trigger, so a list of cards does not pay for

package/lib/typescript/tap-modifiers.d.ts

@@ -0,0 +1,7 @@
+import { type ModifierConfig } from '@expo/ui/swift-ui/modifiers';
+/**
+ * A SwiftUI stack's `onPress`: the whole frame takes the tap, padding and a `Spacer`'s gap included. `onTapGesture`
+ * alone hit-tests only what draws, so a `LabeledContent` row pressed in its empty middle did nothing; the rectangle
+ * content shape makes it answer anywhere, as the Compose stacks' `clickable` already does.
+ */
+export declare const tapModifiers: (onPress: (() => void) | undefined) => ModifierConfig[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzblj/kara-components",
-  "version": "0.15.2",
+  "version": "0.16.0",
   "description": "The atoms, molecules, organisms and templates of @hzblj/kara-ui — real SwiftUI and Jetpack Compose views through @expo/ui.",
   "author": "Jan Blazej",
   "license": "MIT",
@@ -61,9 +61,9 @@
   "dependencies": {
     "@hzblj/expo-native-icons": "^0.1.0",
     "@hzblj/expo-rich-haptics": "^0.1.0",
-    "@hzblj/kara-native": "^0.15.2",
-    "@hzblj/kara-sx": "^0.15.2",
-    "@hzblj/kara-theme": "^0.15.2",
+    "@hzblj/kara-native": "^0.16.0",
+    "@hzblj/kara-sx": "^0.16.0",
+    "@hzblj/kara-theme": "^0.16.0",
     "sf-symbols-typescript": "^2.2.0"
   },
   "peerDependencies": {

package/src/atoms/h-stack/h-stack.ios.tsx

@@ -1,9 +1,9 @@
 import {HStack as SwiftUIHStack} from '@expo/ui/swift-ui'
-import {onTapGesture} from '@expo/ui/swift-ui/modifiers'
 import {type FrameAlignment, splitAccessibility, useAccessibilityModifiers, useSxModifiers} from '@hzblj/kara-sx'
 import {spacing} from '@hzblj/kara-theme'
 import {useMemo} from 'react'
 import {useHostGuard} from '../../host-context'
+import {tapModifiers} from '../../tap-modifiers'
 import type {HStackAlign, HStackComponent, HStackProps} from './h-stack.types'
 
 const ALIGNMENT = {
@@ -31,7 +31,7 @@ export const HStack: HStackComponent = ({
   const sxModifiers = useSxModifiers(sx, FRAME_ALIGNMENT[align])
   const accessibilityModifiers = useAccessibilityModifiers(accessibility, onPress !== undefined)
   const modifiers = useMemo(
-    () => [...sxModifiers, ...(onPress ? [onTapGesture(onPress)] : []), ...accessibilityModifiers],
+    () => [...sxModifiers, ...tapModifiers(onPress), ...accessibilityModifiers],
     [accessibilityModifiers, onPress, sxModifiers]
   )
 

package/src/atoms/v-stack/v-stack.ios.tsx

@@ -1,9 +1,9 @@
 import {VStack as SwiftUIVStack} from '@expo/ui/swift-ui'
-import {onTapGesture} from '@expo/ui/swift-ui/modifiers'
 import {type FrameAlignment, splitAccessibility, useAccessibilityModifiers, useSxModifiers} from '@hzblj/kara-sx'
 import {spacing} from '@hzblj/kara-theme'
 import {useMemo} from 'react'
 import {useHostGuard} from '../../host-context'
+import {tapModifiers} from '../../tap-modifiers'
 import type {VStackAlign, VStackComponent, VStackProps} from './v-stack.types'
 
 const ALIGNMENT = {
@@ -25,7 +25,7 @@ export const VStack: VStackComponent = ({
   const sxModifiers = useSxModifiers(sx, ALIGNMENT[align])
   const accessibilityModifiers = useAccessibilityModifiers(accessibility, onPress !== undefined)
   const modifiers = useMemo(
-    () => [...sxModifiers, ...(onPress ? [onTapGesture(onPress)] : []), ...accessibilityModifiers],
+    () => [...sxModifiers, ...tapModifiers(onPress), ...accessibilityModifiers],
     [accessibilityModifiers, onPress, sxModifiers]
   )
 

package/src/atoms/z-stack/z-stack.ios.tsx

@@ -1,8 +1,8 @@
 import {ZStack as SwiftUIZStack} from '@expo/ui/swift-ui'
-import {onTapGesture} from '@expo/ui/swift-ui/modifiers'
 import {type FrameAlignment, splitAccessibility, useAccessibilityModifiers, useSxModifiers} from '@hzblj/kara-sx'
 import {useMemo} from 'react'
 import {useHostGuard} from '../../host-context'
+import {tapModifiers} from '../../tap-modifiers'
 import type {ZStackAlign, ZStackComponent, ZStackProps} from './z-stack.types'
 
 const ALIGNMENT = {
@@ -17,7 +17,7 @@ export const ZStack: ZStackComponent = ({align = 'center', children, onPress, te
   const sxModifiers = useSxModifiers(sx, ALIGNMENT[align])
   const accessibilityModifiers = useAccessibilityModifiers(accessibility, onPress !== undefined)
   const modifiers = useMemo(
-    () => [...sxModifiers, ...(onPress ? [onTapGesture(onPress)] : []), ...accessibilityModifiers],
+    () => [...sxModifiers, ...tapModifiers(onPress), ...accessibilityModifiers],
     [accessibilityModifiers, onPress, sxModifiers]
   )
 

package/src/organisms/context-menu/context-menu.android.tsx

@@ -52,10 +52,18 @@ const MenuRow = ({action, onDismiss}: MenuRowProps) => {
  * Android's own take on a context menu, since Material has no lifted preview: a long press ripples the trigger, ticks
  * the long-press haptic, and opens a Material dropdown where the finger is — the trigger stays highlighted while the
  * menu is up. The host behind the menu mounts on the first long press and stays, so a list of triggers that are only
- * scrolled past never builds one. `preview`, `onPreviewPress` and `previewTransition` are iOS-only.
+ * scrolled past never builds one. `preview`, `onPreviewPress`, `previewTransition`, `onOpenChange` and
+ * `preloadedScreenId` are iOS-only.
  */
 const ContextMenuRoot = ({actions, children, testID, ...props}: ContextMenuProps) => {
-  const {onPreviewPress: _onPreviewPress, preview: _preview, previewTransition: _previewTransition, ...sx} = props
+  const {
+    onOpenChange: _onOpenChange,
+    onPreviewPress: _onPreviewPress,
+    preloadedScreenId: _preloadedScreenId,
+    preview: _preview,
+    previewTransition: _previewTransition,
+    ...sx
+  } = props
   const theme = useAppTheme()
   const resolved = useSx(sx)
   const trigger = useRef<View>(null)

package/src/organisms/context-menu/context-menu.ios.tsx

@@ -11,7 +11,9 @@ import type {ContextMenuComponent, ContextMenuExclusionProps, ContextMenuProps}
 const ContextMenuRoot = ({
   actions,
   children,
+  onOpenChange,
   onPreviewPress,
+  preloadedScreenId,
   preview,
   previewTransition,
   testID,
@@ -33,11 +35,25 @@ const ContextMenuRoot = ({
 
   const onSelectItem = useCallback((id: string) => actions[Number(id)]?.onPress(), [actions])
 
+  const onMenuOpen = useCallback(() => onOpenChange?.(true), [onOpenChange])
+
+  const onMenuClose = useCallback(
+    (isCommitted: boolean) => {
+      if (!isCommitted) {
+        onOpenChange?.(false)
+      }
+    },
+    [onOpenChange]
+  )
+
   return (
     <NativeContextMenu
       items={items}
+      onMenuClose={onOpenChange ? onMenuClose : undefined}
+      onMenuOpen={onOpenChange ? onMenuOpen : undefined}
       onPreviewPress={onPreviewPress}
       onSelectItem={onSelectItem}
+      preloadedScreenId={preloadedScreenId}
       preview={preview}
       previewTransition={previewTransition}
       style={style}

package/src/organisms/context-menu/context-menu.types.ts

@@ -14,8 +14,20 @@ export type ContextMenuProps = ResponsiveViewSx & {
   actions: MenuAction[]
   /** The trigger, laid out as usual. */
   children: ReactNode
+  /**
+   * iOS: `true` when the menu appears, `false` when it ends without a tap on the preview. Preload the detail the card
+   * stands for here, and drop the preload on `false`.
+   */
+  onOpenChange?: (isOpen: boolean) => void
   /** iOS: the user tapped the lifted preview, committing to it. Open the detail the card stands for. */
   onPreviewPress?: () => void
+  /**
+   * iOS: the route key of that detail, preloaded in the enclosing native stack while the menu is open (React
+   * Navigation's `preload`, Expo Router's `router.prefetch`). A tapped preview pushes it natively in the same frame
+   * and, with `zoom`, morphs the whole preview into it, the way Apple's apps open a preview. Move the route into the
+   * stack in `onPreviewPress`.
+   */
+  preloadedScreenId?: string
   /**
    * iOS: lifted in place of the trigger while the menu is open (a larger version of the card, say). A snapshot of the
    * trigger when unset. Mounted only once a finger has rested on the trigger, so a list of cards does not pay for

package/src/tap-modifiers.ts

@@ -0,0 +1,9 @@
+import {contentShape, type ModifierConfig, onTapGesture, shapes} from '@expo/ui/swift-ui/modifiers'
+
+/**
+ * A SwiftUI stack's `onPress`: the whole frame takes the tap, padding and a `Spacer`'s gap included. `onTapGesture`
+ * alone hit-tests only what draws, so a `LabeledContent` row pressed in its empty middle did nothing; the rectangle
+ * content shape makes it answer anywhere, as the Compose stacks' `clickable` already does.
+ */
+export const tapModifiers = (onPress: (() => void) | undefined): ModifierConfig[] =>
+  onPress ? [contentShape(shapes.rectangle()), onTapGesture(onPress)] : []