@hzblj/kara-components 0.3.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @hzblj/kara-components
 
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`d14bdd3`](https://github.com/hzblj/kara-ui/commit/d14bdd37bede9fef80f4d3af4621ea5d60b2b16b)]:
+  - @hzblj/kara-native@0.4.1
+  - @hzblj/kara-theme@0.4.1
+  - @hzblj/kara-sx@0.4.1
+
+## 0.4.0
+
+### Minor Changes
+
+- [`6e7903a`](https://github.com/hzblj/kara-ui/commit/6e7903afa3d3442e04a48a6e24399f9f03559a03) Thanks [@hzblj](https://github.com/hzblj)! - Android polish, and a new `RnListItem`.
+
+  - `ContextMenu` on Android is a proper long-press menu: a ripple and the long-press haptic, then a Material dropdown where the finger is, with the actions' icons and the trigger highlighted while it is open. The ripple and highlight stay inside rounded corners.
+  - A pressable `HStack`, `VStack` or `ZStack` ripples across its whole shape, padding included; `ListItem` and `LabeledContent` take `px` so a row in a card can carry the card's padding inside its press area.
+  - `ListItem` keeps its chevron when the subtitle fills the line.
+  - `Tabs` take the theme's colours: on Android the bar, active indicator, icons, labels and ripple come from tokens instead of the wallpaper scheme; on iOS the selected item takes the accent.
+  - New `RnListItem`: `ListItem`'s row in the React Native tier, cheap to mount by the dozen, with a full-row ripple on Android and a highlight on iOS.
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @hzblj/kara-theme@0.4.0
+  - @hzblj/kara-sx@0.4.0
+  - @hzblj/kara-native@0.4.0
+
 ## 0.3.0
 
 ### Minor Changes

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

@@ -1,11 +1,9 @@
 "use strict";
 
 import { Row } from '@expo/ui/jetpack-compose';
-import { clickable, testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
-import { useSxModifiers } from '@hzblj/kara-sx';
 import { spacing } from '@hzblj/kara-theme';
-import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
+import { useStackModifiers } from "../../use-stack-modifiers.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ALIGNMENT = {
   center: 'center',
@@ -21,8 +19,7 @@ export const HStack = ({
   ...sx
 }) => {
   useHostGuard('HStack');
-  const sxModifiers = useSxModifiers(sx);
-  const modifiers = useMemo(() => [...sxModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : [])], [onPress, sxModifiers, testID]);
+  const modifiers = useStackModifiers(sx, onPress, testID);
   return /*#__PURE__*/_jsx(Row, {
     verticalAlignment: ALIGNMENT[align],
     horizontalArrangement: gap === undefined ? undefined : {

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

@@ -1 +1 @@
-{"version":3,"names":["Row","clickable","testID","testIdModifier","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","end","start","HStack","align","children","onPress","gap","sx","sxModifiers","modifiers","verticalAlignment","horizontalArrangement","undefined","spacedBy"],"sourceRoot":"../../../../src","sources":["atoms/h-stack/h-stack.android.tsx"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,0BAA0B;AAC5C,SAAQC,SAAS,EAAEC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AACtF,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,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,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPZ,OAAO,EAAEa,GAAG;EACZhB,MAAM;EACN,GAAGiB;AACQ,CAAC,KAAK;EACjBZ,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMa,WAAW,GAAGhB,cAAc,CAACe,EAAE,CAAC;EACtC,MAAME,SAAS,GAAGf,OAAO,CACvB,MAAM,CAAC,GAAGc,WAAW,EAAE,IAAIlB,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAIe,OAAO,GAAG,CAAChB,SAAS,CAACgB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAC7G,CAACA,OAAO,EAAEG,WAAW,EAAElB,MAAM,CAC/B,CAAC;EAED,oBACEO,IAAA,CAACT,GAAG;IACFsB,iBAAiB,EAAEZ,SAAS,CAACK,KAAK,CAAE;IACpCQ,qBAAqB,EAAEL,GAAG,KAAKM,SAAS,GAAGA,SAAS,GAAG;MAACC,QAAQ,EAAEpB,OAAO,CAACa,GAAG;IAAC,CAAE;IAChFG,SAAS,EAAEA,SAAU;IAAAL,QAAA,EAEpBA;EAAQ,CACN,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["Row","spacing","useHostGuard","useStackModifiers","jsx","_jsx","ALIGNMENT","center","end","start","HStack","align","children","onPress","gap","testID","sx","modifiers","verticalAlignment","horizontalArrangement","undefined","spacedBy"],"sourceRoot":"../../../../src","sources":["atoms/h-stack/h-stack.android.tsx"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,0BAA0B;AAC5C,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,iBAAiB,QAAO,8BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG3D,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACT,CAAgD;AAEhD,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPZ,OAAO,EAAEa,GAAG;EACZC,MAAM;EACN,GAAGC;AACQ,CAAC,KAAK;EACjBd,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMe,SAAS,GAAGd,iBAAiB,CAACa,EAAE,EAAEH,OAAO,EAAEE,MAAM,CAAC;EAExD,oBACEV,IAAA,CAACL,GAAG;IACFkB,iBAAiB,EAAEZ,SAAS,CAACK,KAAK,CAAE;IACpCQ,qBAAqB,EAAEL,GAAG,KAAKM,SAAS,GAAGA,SAAS,GAAG;MAACC,QAAQ,EAAEpB,OAAO,CAACa,GAAG;IAAC,CAAE;IAChFG,SAAS,EAAEA,SAAU;IAAAL,QAAA,EAEpBA;EAAQ,CACN,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,11 +1,9 @@
 "use strict";
 
 import { Column } from '@expo/ui/jetpack-compose';
-import { clickable, testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
-import { useSxModifiers } from '@hzblj/kara-sx';
 import { spacing } from '@hzblj/kara-theme';
-import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
+import { useStackModifiers } from "../../use-stack-modifiers.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ALIGNMENT = {
   center: 'center',
@@ -21,8 +19,7 @@ export const VStack = ({
   ...sx
 }) => {
   useHostGuard('VStack');
-  const sxModifiers = useSxModifiers(sx);
-  const modifiers = useMemo(() => [...sxModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : [])], [onPress, sxModifiers, testID]);
+  const modifiers = useStackModifiers(sx, onPress, testID);
   return /*#__PURE__*/_jsx(Column, {
     horizontalAlignment: ALIGNMENT[align],
     verticalArrangement: gap === undefined ? undefined : {

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

@@ -1 +1 @@
-{"version":3,"names":["Column","clickable","testID","testIdModifier","useSxModifiers","spacing","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","center","end","start","VStack","align","children","onPress","gap","sx","sxModifiers","modifiers","horizontalAlignment","verticalArrangement","undefined","spacedBy"],"sourceRoot":"../../../../src","sources":["atoms/v-stack/v-stack.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,0BAA0B;AAC/C,SAAQC,SAAS,EAAEC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AACtF,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,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,KAAK;EACVC,KAAK,EAAE;AACT,CAAgD;AAEhD,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPZ,OAAO,EAAEa,GAAG;EACZhB,MAAM;EACN,GAAGiB;AACQ,CAAC,KAAK;EACjBZ,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMa,WAAW,GAAGhB,cAAc,CAACe,EAAE,CAAC;EACtC,MAAME,SAAS,GAAGf,OAAO,CACvB,MAAM,CAAC,GAAGc,WAAW,EAAE,IAAIlB,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAIe,OAAO,GAAG,CAAChB,SAAS,CAACgB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAC7G,CAACA,OAAO,EAAEG,WAAW,EAAElB,MAAM,CAC/B,CAAC;EAED,oBACEO,IAAA,CAACT,MAAM;IACLsB,mBAAmB,EAAEZ,SAAS,CAACK,KAAK,CAAE;IACtCQ,mBAAmB,EAAEL,GAAG,KAAKM,SAAS,GAAGA,SAAS,GAAG;MAACC,QAAQ,EAAEpB,OAAO,CAACa,GAAG;IAAC,CAAE;IAC9EG,SAAS,EAAEA,SAAU;IAAAL,QAAA,EAEpBA;EAAQ,CACH,CAAC;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["Column","spacing","useHostGuard","useStackModifiers","jsx","_jsx","ALIGNMENT","center","end","start","VStack","align","children","onPress","gap","testID","sx","modifiers","horizontalAlignment","verticalArrangement","undefined","spacedBy"],"sourceRoot":"../../../../src","sources":["atoms/v-stack/v-stack.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,0BAA0B;AAC/C,SAAQC,OAAO,QAAO,mBAAmB;AACzC,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,iBAAiB,QAAO,8BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG3D,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE;AACT,CAAgD;AAEhD,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,KAAK,GAAG,OAAO;EACfC,QAAQ;EACRC,OAAO;EACPZ,OAAO,EAAEa,GAAG;EACZC,MAAM;EACN,GAAGC;AACQ,CAAC,KAAK;EACjBd,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMe,SAAS,GAAGd,iBAAiB,CAACa,EAAE,EAAEH,OAAO,EAAEE,MAAM,CAAC;EAExD,oBACEV,IAAA,CAACL,MAAM;IACLkB,mBAAmB,EAAEZ,SAAS,CAACK,KAAK,CAAE;IACtCQ,mBAAmB,EAAEL,GAAG,KAAKM,SAAS,GAAGA,SAAS,GAAG;MAACC,QAAQ,EAAEpB,OAAO,CAACa,GAAG;IAAC,CAAE;IAC9EG,SAAS,EAAEA,SAAU;IAAAL,QAAA,EAEpBA;EAAQ,CACH,CAAC;AAEb,CAAC","ignoreList":[]}

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

@@ -1,10 +1,8 @@
 "use strict";
 
 import { Box } from '@expo/ui/jetpack-compose';
-import { clickable, testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
-import { useSxModifiers } from '@hzblj/kara-sx';
-import { useMemo } from 'react';
 import { useHostGuard } from "../../host-context.js";
+import { useStackModifiers } from "../../use-stack-modifiers.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ALIGNMENT = {
   bottom: 'bottomCenter',
@@ -19,8 +17,7 @@ export const ZStack = ({
   ...sx
 }) => {
   useHostGuard('ZStack');
-  const sxModifiers = useSxModifiers(sx);
-  const modifiers = useMemo(() => [...sxModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : [])], [onPress, sxModifiers, testID]);
+  const modifiers = useStackModifiers(sx, onPress, testID);
   return /*#__PURE__*/_jsx(Box, {
     contentAlignment: ALIGNMENT[align],
     modifiers: modifiers,

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

@@ -1 +1 @@
-{"version":3,"names":["Box","clickable","testID","testIdModifier","useSxModifiers","useMemo","useHostGuard","jsx","_jsx","ALIGNMENT","bottom","center","top","ZStack","align","children","onPress","sx","sxModifiers","modifiers","contentAlignment"],"sourceRoot":"../../../../src","sources":["atoms/z-stack/z-stack.android.tsx"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,0BAA0B;AAC5C,SAAQC,SAAS,EAAEC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AACtF,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,cAAc;EACtBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE;AACP,CAAgD;AAEhD,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EAACC,KAAK,GAAG,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEd,MAAM;EAAE,GAAGe;AAAe,CAAC,KAAK;EAC5GX,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMY,WAAW,GAAGd,cAAc,CAACa,EAAE,CAAC;EACtC,MAAME,SAAS,GAAGd,OAAO,CACvB,MAAM,CAAC,GAAGa,WAAW,EAAE,IAAIhB,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAIc,OAAO,GAAG,CAACf,SAAS,CAACe,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAC7G,CAACA,OAAO,EAAEE,WAAW,EAAEhB,MAAM,CAC/B,CAAC;EAED,oBACEM,IAAA,CAACR,GAAG;IAACoB,gBAAgB,EAAEX,SAAS,CAACK,KAAK,CAAE;IAACK,SAAS,EAAEA,SAAU;IAAAJ,QAAA,EAC3DA;EAAQ,CACN,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["Box","useHostGuard","useStackModifiers","jsx","_jsx","ALIGNMENT","bottom","center","top","ZStack","align","children","onPress","testID","sx","modifiers","contentAlignment"],"sourceRoot":"../../../../src","sources":["atoms/z-stack/z-stack.android.tsx"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,0BAA0B;AAC5C,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,iBAAiB,QAAO,8BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG3D,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAE,cAAc;EACtBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE;AACP,CAAgD;AAEhD,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EAACC,KAAK,GAAG,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAe,CAAC,KAAK;EAC5Gb,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMc,SAAS,GAAGb,iBAAiB,CAACY,EAAE,EAAEF,OAAO,EAAEC,MAAM,CAAC;EAExD,oBACET,IAAA,CAACJ,GAAG;IAACgB,gBAAgB,EAAEX,SAAS,CAACK,KAAK,CAAE;IAACK,SAAS,EAAEA,SAAU;IAAAJ,QAAA,EAC3DA;EAAQ,CACN,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/molecules/index.js

@@ -9,6 +9,7 @@ export * from "./list-item/index.js";
 export * from "./navigation-bar/index.js";
 export * from "./pager/index.js";
 export * from "./radio-group/index.js";
+export * from "./rn-list-item/index.js";
 export * from "./rn-tooltip/index.js";
 export * from "./scroll-edge-container/index.js";
 export * from "./search-bar/index.js";

package/lib/module/molecules/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["molecules/index.ts"],"mappings":";;AAAA,cAAc,wBAAe;AAC7B,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,4BAAmB;AACjC,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,2BAAkB;AAChC,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,kCAAyB;AACvC,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,oBAAW","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["molecules/index.ts"],"mappings":";;AAAA,cAAc,wBAAe;AAC7B,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,4BAAmB;AACjC,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,2BAAkB;AAChC,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAC7B,cAAc,yBAAgB;AAC9B,cAAc,uBAAc;AAC5B,cAAc,kCAAyB;AACvC,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,oBAAW","ignoreList":[]}

package/lib/module/molecules/labeled-content/labeled-content.js

@@ -18,11 +18,13 @@ export const LabeledContent = ({
   icon,
   label,
   onPress,
+  px,
   testID,
   value
 }) => /*#__PURE__*/_jsxs(HStack, {
   align: "center",
   onPress: onPress,
+  px: px,
   py: "s8",
   spacing: "s12",
   testID: testID,

package/lib/module/molecules/labeled-content/labeled-content.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","Icon","Spacer","Text","Glyph","jsx","_jsx","jsxs","_jsxs","TrailingValue","value","color","variant","children","LabeledContent","icon","label","onPress","testID","align","py","spacing","wide","name","size","undefined"],"sourceRoot":"../../../../src","sources":["molecules/labeled-content/labeled-content.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,KAAK,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC,MAAMC,aAAa,GAAGA,CAAC;EAACC;AAAsB,CAAC,kBAC7CJ,IAAA,CAACH,IAAI;EAACQ,KAAK,EAAC,mBAAmB;EAACC,OAAO,EAAC,MAAM;EAAAC,QAAA,EAC3CH;AAAK,CACF,CACP;AAED,OAAO,MAAMI,cAAuC,GAAGA,CAAC;EACtDD,QAAQ;EACRE,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,MAAM;EACNR;AACmB,CAAC,kBACpBF,KAAA,CAACR,MAAM;EAACmB,KAAK,EAAC,QAAQ;EAACF,OAAO,EAAEA,OAAQ;EAACG,EAAE,EAAC,IAAI;EAACC,OAAO,EAAC,KAAK;EAACH,MAAM,EAAEA,MAAO;EAACI,IAAI;EAAAT,QAAA,GAChFE,IAAI,gBAAGT,IAAA,CAACL,IAAI;IAACU,KAAK,EAAC,mBAAmB;IAACY,IAAI,EAAER,IAAK;IAACS,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACxElB,IAAA,CAACH,IAAI;IAACS,OAAO,EAAC,MAAM;IAAAC,QAAA,EAAEG;EAAK,CAAO,CAAC,eACnCV,IAAA,CAACJ,MAAM,IAAE,CAAC,EACTW,QAAQ,KAAKH,KAAK,KAAKe,SAAS,GAAG,IAAI,gBAAGnB,IAAA,CAACG,aAAa;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,CAAC,EAC1EO,OAAO,gBAAGX,IAAA,CAACF,KAAK;IAACO,KAAK,EAAC,oBAAoB;IAACY,IAAI,EAAC,cAAc;IAACC,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI;AAAA,CAC/E,CACT","ignoreList":[]}
+{"version":3,"names":["HStack","Icon","Spacer","Text","Glyph","jsx","_jsx","jsxs","_jsxs","TrailingValue","value","color","variant","children","LabeledContent","icon","label","onPress","px","testID","align","py","spacing","wide","name","size","undefined"],"sourceRoot":"../../../../src","sources":["molecules/labeled-content/labeled-content.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,KAAK,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC,MAAMC,aAAa,GAAGA,CAAC;EAACC;AAAsB,CAAC,kBAC7CJ,IAAA,CAACH,IAAI;EAACQ,KAAK,EAAC,mBAAmB;EAACC,OAAO,EAAC,MAAM;EAAAC,QAAA,EAC3CH;AAAK,CACF,CACP;AAED,OAAO,MAAMI,cAAuC,GAAGA,CAAC;EACtDD,QAAQ;EACRE,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,EAAE;EACFC,MAAM;EACNT;AACmB,CAAC,kBACpBF,KAAA,CAACR,MAAM;EAACoB,KAAK,EAAC,QAAQ;EAACH,OAAO,EAAEA,OAAQ;EAACC,EAAE,EAAEA,EAAG;EAACG,EAAE,EAAC,IAAI;EAACC,OAAO,EAAC,KAAK;EAACH,MAAM,EAAEA,MAAO;EAACI,IAAI;EAAAV,QAAA,GACxFE,IAAI,gBAAGT,IAAA,CAACL,IAAI;IAACU,KAAK,EAAC,mBAAmB;IAACa,IAAI,EAAET,IAAK;IAACU,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACxEnB,IAAA,CAACH,IAAI;IAACS,OAAO,EAAC,MAAM;IAAAC,QAAA,EAAEG;EAAK,CAAO,CAAC,eACnCV,IAAA,CAACJ,MAAM,IAAE,CAAC,EACTW,QAAQ,KAAKH,KAAK,KAAKgB,SAAS,GAAG,IAAI,gBAAGpB,IAAA,CAACG,aAAa;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,CAAC,EAC1EO,OAAO,gBAAGX,IAAA,CAACF,KAAK;IAACO,KAAK,EAAC,oBAAoB;IAACa,IAAI,EAAC,cAAc;IAACC,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI;AAAA,CAC/E,CACT","ignoreList":[]}

package/lib/module/molecules/list-item/list-item.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { Platform } from 'react-native';
 import { HStack } from "../../atoms/h-stack/index.js";
 import { Icon } from "../../atoms/icon/index.js";
 import { Spacer } from "../../atoms/spacer/index.js";
@@ -7,15 +8,24 @@ import { Text } from "../../atoms/text/index.js";
 import { VStack } from "../../atoms/v-stack/index.js";
 import { Glyph } from "../../glyph/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Compose measures a row's children in order, so a text column that fills the line leaves the chevron no room. With a
+ * weight it is measured last and takes only what is left; SwiftUI shares the line by itself, with a `Spacer`.
+ */
+const TEXT_FILLS_ROW = {
+  weight: 1
+};
 export const ListItem = ({
   icon,
   onPress,
+  px,
   subtitle,
   testID,
   title
 }) => /*#__PURE__*/_jsxs(HStack, {
   align: "center",
   onPress: onPress,
+  px: px,
   py: "s8",
   spacing: "s12",
   testID: testID,
@@ -25,6 +35,7 @@ export const ListItem = ({
     name: icon,
     size: "s20"
   }) : null, /*#__PURE__*/_jsxs(VStack, {
+    android: TEXT_FILLS_ROW,
     spacing: "s2",
     children: [/*#__PURE__*/_jsx(Text, {
       variant: "body",
@@ -34,7 +45,7 @@ export const ListItem = ({
       variant: "footnote",
       children: subtitle
     }) : null]
-  }), /*#__PURE__*/_jsx(Spacer, {}), onPress ? /*#__PURE__*/_jsx(Glyph, {
+  }), Platform.OS === 'ios' ? /*#__PURE__*/_jsx(Spacer, {}) : null, onPress ? /*#__PURE__*/_jsx(Glyph, {
     color: "content.quaternary",
     name: "chevronRight",
     size: "s16"

package/lib/module/molecules/list-item/list-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","Icon","Spacer","Text","VStack","Glyph","jsx","_jsx","jsxs","_jsxs","ListItem","icon","onPress","subtitle","testID","title","align","py","spacing","wide","children","color","name","size","variant"],"sourceRoot":"../../../../src","sources":["molecules/list-item/list-item.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,IAAI;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAoB,CAAC,kBACjGN,KAAA,CAACT,MAAM;EAACgB,KAAK,EAAC,QAAQ;EAACJ,OAAO,EAAEA,OAAQ;EAACK,EAAE,EAAC,IAAI;EAACC,OAAO,EAAC,KAAK;EAACJ,MAAM,EAAEA,MAAO;EAACK,IAAI;EAAAC,QAAA,GAChFT,IAAI,gBAAGJ,IAAA,CAACN,IAAI;IAACoB,KAAK,EAAC,mBAAmB;IAACC,IAAI,EAAEX,IAAK;IAACY,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACxEd,KAAA,CAACL,MAAM;IAACc,OAAO,EAAC,IAAI;IAAAE,QAAA,gBAClBb,IAAA,CAACJ,IAAI;MAACqB,OAAO,EAAC,MAAM;MAAAJ,QAAA,EAAEL;IAAK,CAAO,CAAC,EAClCF,QAAQ,gBACPN,IAAA,CAACJ,IAAI;MAACkB,KAAK,EAAC,mBAAmB;MAACG,OAAO,EAAC,UAAU;MAAAJ,QAAA,EAC/CP;IAAQ,CACL,CAAC,GACL,IAAI;EAAA,CACF,CAAC,eACTN,IAAA,CAACL,MAAM,IAAE,CAAC,EACTU,OAAO,gBAAGL,IAAA,CAACF,KAAK;IAACgB,KAAK,EAAC,oBAAoB;IAACC,IAAI,EAAC,cAAc;IAACC,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI;AAAA,CAC/E,CACT","ignoreList":[]}
+{"version":3,"names":["Platform","HStack","Icon","Spacer","Text","VStack","Glyph","jsx","_jsx","jsxs","_jsxs","TEXT_FILLS_ROW","weight","ListItem","icon","onPress","px","subtitle","testID","title","align","py","spacing","wide","children","color","name","size","android","variant","OS"],"sourceRoot":"../../../../src","sources":["molecules/list-item/list-item.tsx"],"mappings":";;AAAA,SAAQA,QAAQ,QAAO,cAAc;AAErC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG;EAACC,MAAM,EAAE;AAAC,CAAC;AAElC,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,IAAI;EAAEC,OAAO;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAoB,CAAC,kBACrGT,KAAA,CAACT,MAAM;EAACmB,KAAK,EAAC,QAAQ;EAACL,OAAO,EAAEA,OAAQ;EAACC,EAAE,EAAEA,EAAG;EAACK,EAAE,EAAC,IAAI;EAACC,OAAO,EAAC,KAAK;EAACJ,MAAM,EAAEA,MAAO;EAACK,IAAI;EAAAC,QAAA,GACxFV,IAAI,gBAAGN,IAAA,CAACN,IAAI;IAACuB,KAAK,EAAC,mBAAmB;IAACC,IAAI,EAAEZ,IAAK;IAACa,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACxEjB,KAAA,CAACL,MAAM;IAACuB,OAAO,EAAEjB,cAAe;IAACW,OAAO,EAAC,IAAI;IAAAE,QAAA,gBAC3ChB,IAAA,CAACJ,IAAI;MAACyB,OAAO,EAAC,MAAM;MAAAL,QAAA,EAAEL;IAAK,CAAO,CAAC,EAClCF,QAAQ,gBACPT,IAAA,CAACJ,IAAI;MAACqB,KAAK,EAAC,mBAAmB;MAACI,OAAO,EAAC,UAAU;MAAAL,QAAA,EAC/CP;IAAQ,CACL,CAAC,GACL,IAAI;EAAA,CACF,CAAC,EACRjB,QAAQ,CAAC8B,EAAE,KAAK,KAAK,gBAAGtB,IAAA,CAACL,MAAM,IAAE,CAAC,GAAG,IAAI,EACzCY,OAAO,gBAAGP,IAAA,CAACF,KAAK;IAACmB,KAAK,EAAC,oBAAoB;IAACC,IAAI,EAAC,cAAc;IAACC,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI;AAAA,CAC/E,CACT","ignoreList":[]}

package/lib/module/molecules/rn-list-item/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./rn-list-item.js";
+export * from "./rn-list-item.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/molecules/rn-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["molecules/rn-list-item/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,yBAAsB","ignoreList":[]}

package/lib/module/molecules/rn-list-item/rn-list-item.js

@@ -0,0 +1,71 @@
+"use strict";
+
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { Box } from "../../atoms/box/index.js";
+import { RnIcon } from "../../atoms/rn-icon/index.js";
+import { RnText } from "../../atoms/rn-text/index.js";
+import { RnGlyph } from "../../glyph/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const RnListItem = ({
+  icon,
+  onPress,
+  px,
+  subtitle,
+  testID,
+  title
+}) => {
+  const theme = useAppTheme();
+  const pressedColor = theme.color('fill.tertiary');
+  const ripple = useMemo(() => ({
+    color: pressedColor
+  }), [pressedColor]);
+  const highlight = useMemo(() => Platform.OS === 'ios' ? ({
+    pressed
+  }) => pressed ? {
+    backgroundColor: pressedColor
+  } : null : undefined, [pressedColor]);
+  const row = /*#__PURE__*/_jsxs(Box, {
+    align: "center",
+    flexDirection: "row",
+    gap: "s12",
+    px: px,
+    py: "s12",
+    children: [icon ? /*#__PURE__*/_jsx(RnIcon, {
+      color: "content.secondary",
+      name: icon,
+      size: "s20"
+    }) : null, /*#__PURE__*/_jsxs(Box, {
+      flex: 1,
+      gap: "s2",
+      children: [/*#__PURE__*/_jsx(RnText, {
+        variant: "body",
+        children: title
+      }), subtitle ? /*#__PURE__*/_jsx(RnText, {
+        color: "content.secondary",
+        variant: "footnote",
+        children: subtitle
+      }) : null]
+    }), onPress ? /*#__PURE__*/_jsx(RnGlyph, {
+      color: "content.quaternary",
+      name: "chevronRight",
+      size: "s16"
+    }) : null]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(Box, {
+      testID: testID,
+      children: row
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    android_ripple: ripple,
+    onPress: onPress,
+    style: highlight,
+    testID: testID,
+    children: row
+  });
+};
+//# sourceMappingURL=rn-list-item.js.map

package/lib/module/molecules/rn-list-item/rn-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAppTheme","useMemo","Platform","Pressable","Box","RnIcon","RnText","RnGlyph","jsx","_jsx","jsxs","_jsxs","RnListItem","icon","onPress","px","subtitle","testID","title","theme","pressedColor","color","ripple","highlight","OS","pressed","backgroundColor","undefined","row","align","flexDirection","gap","py","children","name","size","flex","variant","accessibilityRole","android_ripple","style"],"sourceRoot":"../../../../src","sources":["molecules/rn-list-item/rn-list-item.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,QAAQ,EAAEC,SAAS,QAAwC,cAAc;AAEjF,SAAQC,GAAG,QAAO,0BAAiB;AACnC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,OAAO,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnC,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAACC,IAAI;EAAEC,OAAO;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAsB,CAAC,KAAK;EAChH,MAAMC,KAAK,GAAGnB,WAAW,CAAC,CAAC;EAC3B,MAAMoB,YAAY,GAAGD,KAAK,CAACE,KAAK,CAAC,eAAe,CAAC;EAEjD,MAAMC,MAAM,GAAGrB,OAAO,CAAC,OAAO;IAACoB,KAAK,EAAED;EAAY,CAAC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EACrE,MAAMG,SAAS,GAAGtB,OAAO,CACvB,MACEC,QAAQ,CAACsB,EAAE,KAAK,KAAK,GACjB,CAAC;IAACC;EAAmC,CAAC,KAAMA,OAAO,GAAG;IAACC,eAAe,EAAEN;EAAY,CAAC,GAAG,IAAK,GAC7FO,SAAS,EACf,CAACP,YAAY,CACf,CAAC;EAED,MAAMQ,GAAG,gBACPjB,KAAA,CAACP,GAAG;IAACyB,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,GAAG,EAAC,KAAK;IAAChB,EAAE,EAAEA,EAAG;IAACiB,EAAE,EAAC,KAAK;IAAAC,QAAA,GAC/DpB,IAAI,gBAAGJ,IAAA,CAACJ,MAAM;MAACgB,KAAK,EAAC,mBAAmB;MAACa,IAAI,EAAErB,IAAK;MAACsB,IAAI,EAAC;IAAK,CAAE,CAAC,GAAG,IAAI,eAC1ExB,KAAA,CAACP,GAAG;MAACgC,IAAI,EAAE,CAAE;MAACL,GAAG,EAAC,IAAI;MAAAE,QAAA,gBACpBxB,IAAA,CAACH,MAAM;QAAC+B,OAAO,EAAC,MAAM;QAAAJ,QAAA,EAAEf;MAAK,CAAS,CAAC,EACtCF,QAAQ,gBACPP,IAAA,CAACH,MAAM;QAACe,KAAK,EAAC,mBAAmB;QAACgB,OAAO,EAAC,UAAU;QAAAJ,QAAA,EACjDjB;MAAQ,CACH,CAAC,GACP,IAAI;IAAA,CACL,CAAC,EACLF,OAAO,gBAAGL,IAAA,CAACF,OAAO;MAACc,KAAK,EAAC,oBAAoB;MAACa,IAAI,EAAC,cAAc;MAACC,IAAI,EAAC;IAAK,CAAE,CAAC,GAAG,IAAI;EAAA,CACpF,CACN;EAED,IAAI,CAACrB,OAAO,EAAE;IACZ,oBAAOL,IAAA,CAACL,GAAG;MAACa,MAAM,EAAEA,MAAO;MAAAgB,QAAA,EAAEL;IAAG,CAAM,CAAC;EACzC;EAEA,oBACEnB,IAAA,CAACN,SAAS;IAACmC,iBAAiB,EAAC,QAAQ;IAACC,cAAc,EAAEjB,MAAO;IAACR,OAAO,EAAEA,OAAQ;IAAC0B,KAAK,EAAEjB,SAAU;IAACN,MAAM,EAAEA,MAAO;IAAAgB,QAAA,EAC9GL;EAAG,CACK,CAAC;AAEhB,CAAC","ignoreList":[]}

package/lib/module/molecules/rn-list-item/rn-list-item.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=rn-list-item.types.js.map

package/lib/module/molecules/rn-list-item/rn-list-item.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["molecules/rn-list-item/rn-list-item.types.ts"],"mappings":"","ignoreList":[]}

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

@@ -3,18 +3,17 @@
 import { Text as ComposeText, DropdownMenu, DropdownMenuItem, Host } from '@expo/ui/jetpack-compose';
 import { useSx } from '@hzblj/kara-sx';
 import { useAppTheme } from '@hzblj/kara-theme';
-import { useCallback, useState } from 'react';
+import * as Haptics from 'expo-haptics';
+import { useCallback, useMemo, useRef, useState } from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
+import { Icon } from "../../atoms/icon/index.js";
+import { HostBoundary } from "../../host-context.js";
+import { splitForRipple } from "../../ripple-clip.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The menu's anchor: a point at the trigger's bottom start, so the dropdown opens just under it. The host lies outside
- * the touch path — the dropdown is a popup window of its own, which takes its touches regardless.
- */
 const styles = StyleSheet.create({
+  /** A point under the finger: the dropdown opens from it. The menu is a popup window, so nothing clips it. */
   anchor: {
-    bottom: 0,
     height: 1,
-    left: 0,
     position: 'absolute',
     width: 1
   }
@@ -25,26 +24,34 @@ const MenuRow = ({
   onDismiss
 }) => {
   const theme = useAppTheme();
+  const color = action.destructive ? 'content.destructive' : 'content.primary';
   const onClick = useCallback(() => {
     onDismiss();
     action.onPress();
   }, [action, onDismiss]);
-  return /*#__PURE__*/_jsx(DropdownMenuItem, {
+  return /*#__PURE__*/_jsxs(DropdownMenuItem, {
     onClick: onClick,
-    children: /*#__PURE__*/_jsx(DropdownMenuItem.Text, {
+    children: [/*#__PURE__*/_jsx(DropdownMenuItem.Text, {
       children: /*#__PURE__*/_jsx(ComposeText, {
-        color: theme.colorString(action.destructive ? 'content.destructive' : 'content.primary'),
+        color: theme.colorString(color),
         style: theme.typography.body,
         children: action.label
       })
-    })
+    }), action.icon ? /*#__PURE__*/_jsx(DropdownMenuItem.LeadingIcon, {
+      children: /*#__PURE__*/_jsx(Icon, {
+        color: color,
+        name: action.icon,
+        size: "s20"
+      })
+    }) : null]
   });
 };
 
 /**
- * The trigger stays a plain React Native subtree; a long press on it expands a Compose `DropdownMenu` anchored under
- * it. The host behind the menu mounts on the first long press and stays — a list of triggers that are only scrolled
- * past never builds one. `preview` and `onPreviewPress` are iOS-only: Material has no lifted preview.
+ * 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` and `onPreviewPress` are iOS-only.
  */
 const ContextMenuRoot = ({
   actions,
@@ -58,34 +65,72 @@ const ContextMenuRoot = ({
     ...sx
   } = props;
   const theme = useAppTheme();
-  const style = useSx(sx);
-  const [isHostMounted, setIsHostMounted] = useState(false);
+  const resolved = useSx(sx);
+  const trigger = useRef(null);
+  const [anchor, setAnchor] = useState(null);
   const [expanded, setExpanded] = useState(false);
-  const open = useCallback(() => {
-    setIsHostMounted(true);
-    setExpanded(true);
+
+  // The shape clips on an outer view, so the ripple and the highlight follow the trigger's rounded corners.
+  const {
+    inner,
+    outer
+  } = useMemo(() => splitForRipple(resolved), [resolved]);
+  const ripple = useMemo(() => ({
+    color: theme.color('fill.tertiary')
+  }), [theme]);
+  const highlight = useMemo(() => ({
+    backgroundColor: theme.color('fill.tertiary')
+  }), [theme]);
+  const open = useCallback(event => {
+    const {
+      pageX,
+      pageY
+    } = event.nativeEvent;
+    Haptics.performAndroidHapticsAsync(Haptics.AndroidHaptics.Long_Press).catch(() => undefined);
+    // The touch in the trigger's own coordinates: `locationX/Y` are relative to whichever child was touched.
+    trigger.current?.measure((_x, _y, _width, _height, left, top) => {
+      setAnchor({
+        x: pageX - left,
+        y: pageY - top
+      });
+      setExpanded(true);
+    });
   }, []);
   const dismiss = useCallback(() => setExpanded(false), []);
-  return /*#__PURE__*/_jsxs(Pressable, {
-    onLongPress: open,
-    style: style,
-    testID: testID,
-    children: [children, isHostMounted ? /*#__PURE__*/_jsx(Host, {
-      colorScheme: theme.dark ? 'dark' : 'light',
-      pointerEvents: "none",
-      seedColor: theme.materialSeed,
-      style: styles.anchor,
-      children: /*#__PURE__*/_jsx(DropdownMenu, {
-        expanded: expanded,
-        onDismissRequest: dismiss,
-        children: /*#__PURE__*/_jsx(DropdownMenu.Items, {
-          children: actions.map(action => /*#__PURE__*/_jsx(MenuRow, {
-            action: action,
-            onDismiss: dismiss
-          }, action.label))
+  return /*#__PURE__*/_jsx(View, {
+    style: outer,
+    children: /*#__PURE__*/_jsxs(Pressable, {
+      android_ripple: ripple,
+      onLongPress: open,
+      ref: trigger,
+      style: inner,
+      testID: testID,
+      children: [expanded ? /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: [StyleSheet.absoluteFill, highlight]
+      }) : null, children, anchor ? /*#__PURE__*/_jsx(Host, {
+        colorScheme: theme.dark ? 'dark' : 'light',
+        pointerEvents: "none",
+        seedColor: theme.materialSeed,
+        style: [styles.anchor, {
+          left: anchor.x,
+          top: anchor.y
+        }],
+        children: /*#__PURE__*/_jsx(HostBoundary, {
+          children: /*#__PURE__*/_jsx(DropdownMenu, {
+            color: theme.color('surface.primary'),
+            expanded: expanded,
+            onDismissRequest: dismiss,
+            children: /*#__PURE__*/_jsx(DropdownMenu.Items, {
+              children: actions.map(action => /*#__PURE__*/_jsx(MenuRow, {
+                action: action,
+                onDismiss: dismiss
+              }, action.label))
+            })
+          })
         })
-      })
-    }) : null]
+      }) : null]
+    })
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","Host","useSx","useAppTheme","useCallback","useState","Pressable","StyleSheet","View","jsx","_jsx","jsxs","_jsxs","styles","create","anchor","bottom","height","left","position","width","MenuRow","action","onDismiss","theme","onClick","onPress","children","color","colorString","destructive","style","typography","body","label","ContextMenuRoot","actions","testID","props","onPreviewPress","_onPreviewPress","preview","_preview","sx","isHostMounted","setIsHostMounted","expanded","setExpanded","open","dismiss","onLongPress","colorScheme","dark","pointerEvents","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","useSx","useAppTheme","Haptics","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","sx","resolved","trigger","setAnchor","expanded","setExpanded","inner","outer","ripple","highlight","backgroundColor","open","event","pageX","pageY","nativeEvent","performAndroidHapticsAsync","AndroidHaptics","Long_Press","catch","undefined","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/ripple-clip.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+
+/** What lays out a view's children — it goes on the pressable inside, so the content sits where the caller put it. */
+const CONTENT_KEYS = new Set(['alignContent', 'alignItems', 'columnGap', 'flexDirection', 'flexWrap', 'gap', 'justifyContent', 'padding', 'paddingBottom', 'paddingEnd', 'paddingHorizontal', 'paddingLeft', 'paddingRight', 'paddingStart', 'paddingTop', 'paddingVertical', 'rowGap']);
+const FILL = {
+  flexGrow: 1
+};
+
+/**
+ * Splits a resolved style for a pressable with an Android ripple. The ripple is drawn as the pressable's foreground,
+ * which its own `overflow: hidden` does not clip — so it would spill past rounded corners. A parent clips its
+ * children's foregrounds, though: the outer view takes the shape, background, border and outer layout and clips; the
+ * pressable inside takes the padding and the content layout and fills it, so the ripple covers the whole card and
+ * stops at its corners.
+ */
+export const splitForRipple = style => {
+  const flat = StyleSheet.flatten(style) ?? {};
+  const outer = {
+    overflow: 'hidden'
+  };
+  const inner = {};
+  for (const [key, value] of Object.entries(flat)) {
+    if (CONTENT_KEYS.has(key)) {
+      inner[key] = value;
+    } else if (key !== 'overflow') {
+      outer[key] = value;
+    }
+  }
+  return {
+    inner: [FILL, inner],
+    outer: outer
+  };
+};
+//# sourceMappingURL=ripple-clip.js.map

package/lib/module/ripple-clip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","CONTENT_KEYS","Set","FILL","flexGrow","splitForRipple","style","flat","flatten","outer","overflow","inner","key","value","Object","entries","has"],"sourceRoot":"../../src","sources":["ripple-clip.ts"],"mappings":";;AAAA,SAAQA,UAAU,QAAuB,cAAc;;AAEvD;AACA,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAAS,CACnC,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,QAAQ,CACT,CAAC;AAEF,MAAMC,IAAe,GAAG;EAACC,QAAQ,EAAE;AAAC,CAAC;;AAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAIC,KAA4B,IAA6C;EACtG,MAAMC,IAAI,GAAGP,UAAU,CAACQ,OAAO,CAACF,KAAK,CAAC,IAAI,CAAC,CAAC;EAC5C,MAAMG,KAA8B,GAAG;IAACC,QAAQ,EAAE;EAAQ,CAAC;EAC3D,MAAMC,KAA8B,GAAG,CAAC,CAAC;EAEzC,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,EAAE;IAC/C,IAAIN,YAAY,CAACe,GAAG,CAACJ,GAAG,CAAC,EAAE;MACzBD,KAAK,CAACC,GAAG,CAAC,GAAGC,KAAK;IACpB,CAAC,MAAM,IAAID,GAAG,KAAK,UAAU,EAAE;MAC7BH,KAAK,CAACG,GAAG,CAAC,GAAGC,KAAK;IACpB;EACF;EAEA,OAAO;IAACF,KAAK,EAAE,CAACR,IAAI,EAAEQ,KAAK,CAAc;IAAEF,KAAK,EAAEA;EAAkB,CAAC;AACvE,CAAC","ignoreList":[]}

package/lib/module/use-stack-modifiers.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { clickable, testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useMemo } from 'react';
+
+/**
+ * A Compose stack's modifiers in the order a pressable one needs: its frame, shape and background, then the press,
+ * then its padding. Compose clips a `clickable` to what comes after it, so with the padding first the ripple would stop
+ * at the padding and a row pressed by its edge would light up only in the middle.
+ */
+export const useStackModifiers = (sx, onPress, testID) => {
+  const {
+    p,
+    pb,
+    pl,
+    pr,
+    pt,
+    px,
+    py,
+    ...frame
+  } = sx;
+  const frameModifiers = useSxModifiers(frame);
+  const paddingModifiers = useSxModifiers({
+    p,
+    pb,
+    pl,
+    pr,
+    pt,
+    px,
+    py
+  });
+  return useMemo(() => [...frameModifiers, ...(testID ? [testIdModifier(testID)] : []), ...(onPress ? [clickable(onPress)] : []), ...paddingModifiers], [frameModifiers, onPress, paddingModifiers, testID]);
+};
+//# sourceMappingURL=use-stack-modifiers.js.map

package/lib/module/use-stack-modifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clickable","testID","testIdModifier","useSxModifiers","useMemo","useStackModifiers","sx","onPress","p","pb","pl","pr","pt","px","py","frame","frameModifiers","paddingModifiers"],"sourceRoot":"../../src","sources":["use-stack-modifiers.ts"],"mappings":";;AAAA,SAAQA,SAAS,EAAuBC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AAC3G,SAA2BC,cAAc,QAAO,gBAAgB;AAChE,SAAQC,OAAO,QAAO,OAAO;;AAE7B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAACC,EAAgB,EAAEC,OAAoB,EAAEN,MAAe,KAAuB;EAC9G,MAAM;IAACO,CAAC;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAE,GAAGC;EAAK,CAAC,GAAGT,EAAE;EAChD,MAAMU,cAAc,GAAGb,cAAc,CAACY,KAAK,CAAC;EAC5C,MAAME,gBAAgB,GAAGd,cAAc,CAAC;IAACK,CAAC;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC;EAAE,CAAC,CAAC;EAEpE,OAAOV,OAAO,CACZ,MAAM,CACJ,GAAGY,cAAc,EACjB,IAAIf,MAAM,GAAG,CAACC,cAAc,CAACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAC3C,IAAIM,OAAO,GAAG,CAACP,SAAS,CAACO,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EACxC,GAAGU,gBAAgB,CACpB,EACD,CAACD,cAAc,EAAET,OAAO,EAAEU,gBAAgB,EAAEhB,MAAM,CACpD,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/molecules/index.d.ts

@@ -7,6 +7,7 @@ export * from './list-item';
 export * from './navigation-bar';
 export * from './pager';
 export * from './radio-group';
+export * from './rn-list-item';
 export * from './rn-tooltip';
 export * from './scroll-edge-container';
 export * from './search-bar';