@hzblj/kara-components 0.1.0 → 0.2.1

package/lib/module/glyph/rn-glyph.ios.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { GLYPHS } from '@hzblj/kara-native';
+import { IconView } from '@hzblj/kara-native/swift-ui';
+import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The SF Symbol in a `UIImageView`, drawn at the size `Glyph` gives it inside a host — the React Native tier. */
+export const RnGlyph = ({
+  color = 'content.primary',
+  name,
+  size = 's24'
+}) => {
+  const theme = useAppTheme();
+  const style = useMemo(() => ({
+    height: spacing[size],
+    width: spacing[size]
+  }), [size]);
+  return /*#__PURE__*/_jsx(IconView, {
+    iconColor: theme.color(color),
+    style: style,
+    symbolSize: spacing[size],
+    systemName: GLYPHS[name].ios
+  });
+};
+//# sourceMappingURL=rn-glyph.ios.js.map

package/lib/module/glyph/rn-glyph.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GLYPHS","IconView","spacing","useAppTheme","useMemo","jsx","_jsx","RnGlyph","color","name","size","theme","style","height","width","iconColor","symbolSize","systemName","ios"],"sourceRoot":"../../../src","sources":["glyph/rn-glyph.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,oBAAoB;AACzC,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI7B;AACA,OAAO,MAAMC,OAAuB,GAAGA,CAAC;EAACC,KAAK,GAAG,iBAAiB;EAAEC,IAAI;EAAEC,IAAI,GAAG;AAAiB,CAAC,KAAK;EACtG,MAAMC,KAAK,GAAGR,WAAW,CAAC,CAAC;EAC3B,MAAMS,KAAK,GAAGR,OAAO,CAAC,OAAO;IAACS,MAAM,EAAEX,OAAO,CAACQ,IAAI,CAAC;IAAEI,KAAK,EAAEZ,OAAO,CAACQ,IAAI;EAAC,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,oBACEJ,IAAA,CAACL,QAAQ;IAACc,SAAS,EAAEJ,KAAK,CAACH,KAAK,CAACA,KAAK,CAAE;IAACI,KAAK,EAAEA,KAAM;IAACI,UAAU,EAAEd,OAAO,CAACQ,IAAI,CAAE;IAACO,UAAU,EAAEjB,MAAM,CAACS,IAAI,CAAC,CAACS;EAAI,CAAE,CAAC;AAEtH,CAAC","ignoreList":[]}

package/lib/module/molecules/collapsible/collapsible.android.js

@@ -4,7 +4,7 @@ import { AnimatedVisibility, Column, Text as ComposeText, Row } from '@expo/ui/j
 import { clickable } from '@expo/ui/jetpack-compose/modifiers';
 import { useAppTheme } from '@hzblj/kara-theme';
 import { useMemo } from 'react';
-import { Icon } from "../../atoms/icon/index.js";
+import { Glyph } from "../../glyph/index.js";
 import { useHostGuard } from "../../host-context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Collapsible = ({
@@ -25,7 +25,7 @@ export const Collapsible = ({
         color: theme.colorString('content.primary'),
         style: theme.typography.body,
         children: label
-      }), /*#__PURE__*/_jsx(Icon, {
+      }), /*#__PURE__*/_jsx(Glyph, {
         name: expanded ? 'chevronDown' : 'chevronRight',
         size: "s20"
       })]

package/lib/module/molecules/collapsible/collapsible.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatedVisibility","Column","Text","ComposeText","Row","clickable","useAppTheme","useMemo","Icon","useHostGuard","jsx","_jsx","jsxs","_jsxs","Collapsible","children","expanded","label","onExpandedChange","theme","modifiers","horizontalArrangement","verticalAlignment","color","colorString","style","typography","body","name","size","visible"],"sourceRoot":"../../../../src","sources":["molecules/collapsible/collapsible.android.tsx"],"mappings":";;AAAA,SAAQA,kBAAkB,EAAEC,MAAM,EAAEC,IAAI,IAAIC,WAAW,EAAEC,GAAG,QAAO,0BAA0B;AAC7F,SAAQC,SAAS,QAAO,oCAAoC;AAC5D,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,QAAQ;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EACpHT,YAAY,CAAC,aAAa,CAAC;EAC3B,MAAMU,KAAK,GAAGb,WAAW,CAAC,CAAC;EAC3B,MAAMc,SAAS,GAAGb,OAAO,CAAC,MAAM,CAACF,SAAS,CAAC,MAAMa,gBAAgB,CAAC,CAACF,QAAQ,CAAC,CAAC,CAAC,EAAE,CAACA,QAAQ,EAAEE,gBAAgB,CAAC,CAAC;EAE7G,oBACEL,KAAA,CAACZ,MAAM;IAAAc,QAAA,gBACLF,KAAA,CAACT,GAAG;MAACiB,qBAAqB,EAAC,cAAc;MAACD,SAAS,EAAEA,SAAU;MAACE,iBAAiB,EAAC,QAAQ;MAAAP,QAAA,gBACxFJ,IAAA,CAACR,WAAW;QAACoB,KAAK,EAAEJ,KAAK,CAACK,WAAW,CAAC,iBAAiB,CAAE;QAACC,KAAK,EAAEN,KAAK,CAACO,UAAU,CAACC,IAAK;QAAAZ,QAAA,EACpFE;MAAK,CACK,CAAC,eACdN,IAAA,CAACH,IAAI;QAACoB,IAAI,EAAEZ,QAAQ,GAAG,aAAa,GAAG,cAAe;QAACa,IAAI,EAAC;MAAK,CAAE,CAAC;IAAA,CACjE,CAAC,eACNlB,IAAA,CAACX,kBAAkB;MAAC8B,OAAO,EAAEd,QAAS;MAAAD,QAAA,EAAEA;IAAQ,CAAqB,CAAC;EAAA,CAChE,CAAC;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["AnimatedVisibility","Column","Text","ComposeText","Row","clickable","useAppTheme","useMemo","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","Collapsible","children","expanded","label","onExpandedChange","theme","modifiers","horizontalArrangement","verticalAlignment","color","colorString","style","typography","body","name","size","visible"],"sourceRoot":"../../../../src","sources":["molecules/collapsible/collapsible.android.tsx"],"mappings":";;AAAA,SAAQA,kBAAkB,EAAEC,MAAM,EAAEC,IAAI,IAAIC,WAAW,EAAEC,GAAG,QAAO,0BAA0B;AAC7F,SAAQC,SAAS,QAAO,oCAAoC;AAC5D,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,QAAQ;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EACpHT,YAAY,CAAC,aAAa,CAAC;EAC3B,MAAMU,KAAK,GAAGb,WAAW,CAAC,CAAC;EAC3B,MAAMc,SAAS,GAAGb,OAAO,CAAC,MAAM,CAACF,SAAS,CAAC,MAAMa,gBAAgB,CAAC,CAACF,QAAQ,CAAC,CAAC,CAAC,EAAE,CAACA,QAAQ,EAAEE,gBAAgB,CAAC,CAAC;EAE7G,oBACEL,KAAA,CAACZ,MAAM;IAAAc,QAAA,gBACLF,KAAA,CAACT,GAAG;MAACiB,qBAAqB,EAAC,cAAc;MAACD,SAAS,EAAEA,SAAU;MAACE,iBAAiB,EAAC,QAAQ;MAAAP,QAAA,gBACxFJ,IAAA,CAACR,WAAW;QAACoB,KAAK,EAAEJ,KAAK,CAACK,WAAW,CAAC,iBAAiB,CAAE;QAACC,KAAK,EAAEN,KAAK,CAACO,UAAU,CAACC,IAAK;QAAAZ,QAAA,EACpFE;MAAK,CACK,CAAC,eACdN,IAAA,CAACH,KAAK;QAACoB,IAAI,EAAEZ,QAAQ,GAAG,aAAa,GAAG,cAAe;QAACa,IAAI,EAAC;MAAK,CAAE,CAAC;IAAA,CAClE,CAAC,eACNlB,IAAA,CAACX,kBAAkB;MAAC8B,OAAO,EAAEd,QAAS;MAAAD,QAAA,EAAEA;IAAQ,CAAqB,CAAC;EAAA,CAChE,CAAC;AAEb,CAAC","ignoreList":[]}

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

@@ -4,6 +4,7 @@ import { HStack } from "../../atoms/h-stack/index.js";
 import { Icon } from "../../atoms/icon/index.js";
 import { Spacer } from "../../atoms/spacer/index.js";
 import { Text } from "../../atoms/text/index.js";
+import { Glyph } from "../../glyph/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TrailingValue = ({
   value
@@ -35,7 +36,7 @@ export const LabeledContent = ({
     children: label
   }), /*#__PURE__*/_jsx(Spacer, {}), children ?? (value === undefined ? null : /*#__PURE__*/_jsx(TrailingValue, {
     value: value
-  })), onPress ? /*#__PURE__*/_jsx(Icon, {
+  })), onPress ? /*#__PURE__*/_jsx(Glyph, {
     color: "content.quaternary",
     name: "chevronRight",
     size: "s16"

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

@@ -1 +1 @@
-{"version":3,"names":["HStack","Icon","Spacer","Text","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;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGrC,MAAMC,aAAa,GAAGA,CAAC;EAACC;AAAsB,CAAC,kBAC7CJ,IAAA,CAACF,IAAI;EAACO,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,CAACP,MAAM;EAACkB,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,CAACJ,IAAI;IAACS,KAAK,EAAC,mBAAmB;IAACY,IAAI,EAAER,IAAK;IAACS,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACxElB,IAAA,CAACF,IAAI;IAACQ,OAAO,EAAC,MAAM;IAAAC,QAAA,EAAEG;EAAK,CAAO,CAAC,eACnCV,IAAA,CAACH,MAAM,IAAE,CAAC,EACTU,QAAQ,KAAKH,KAAK,KAAKe,SAAS,GAAG,IAAI,gBAAGnB,IAAA,CAACG,aAAa;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,CAAC,EAC1EO,OAAO,gBAAGX,IAAA,CAACJ,IAAI;IAACS,KAAK,EAAC,oBAAoB;IAACY,IAAI,EAAC,cAAc;IAACC,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI;AAAA,CAC9E,CACT","ignoreList":[]}
+{"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":[]}

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

@@ -5,6 +5,7 @@ import { Icon } from "../../atoms/icon/index.js";
 import { Spacer } from "../../atoms/spacer/index.js";
 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";
 export const ListItem = ({
   icon,
@@ -33,7 +34,7 @@ export const ListItem = ({
       variant: "footnote",
       children: subtitle
     }) : null]
-  }), /*#__PURE__*/_jsx(Spacer, {}), onPress ? /*#__PURE__*/_jsx(Icon, {
+  }), /*#__PURE__*/_jsx(Spacer, {}), 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","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;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,IAAI;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAoB,CAAC,kBACjGN,KAAA,CAACR,MAAM;EAACe,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,CAACL,IAAI;IAACmB,KAAK,EAAC,mBAAmB;IAACC,IAAI,EAAEX,IAAK;IAACY,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACxEd,KAAA,CAACJ,MAAM;IAACa,OAAO,EAAC,IAAI;IAAAE,QAAA,gBAClBb,IAAA,CAACH,IAAI;MAACoB,OAAO,EAAC,MAAM;MAAAJ,QAAA,EAAEL;IAAK,CAAO,CAAC,EAClCF,QAAQ,gBACPN,IAAA,CAACH,IAAI;MAACiB,KAAK,EAAC,mBAAmB;MAACG,OAAO,EAAC,UAAU;MAAAJ,QAAA,EAC/CP;IAAQ,CACL,CAAC,GACL,IAAI;EAAA,CACF,CAAC,eACTN,IAAA,CAACJ,MAAM,IAAE,CAAC,EACTS,OAAO,gBAAGL,IAAA,CAACL,IAAI;IAACmB,KAAK,EAAC,oBAAoB;IAACC,IAAI,EAAC,cAAc;IAACC,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI;AAAA,CAC9E,CACT","ignoreList":[]}
+{"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":[]}

package/lib/module/molecules/navigation-bar/navigation-bar.android.js

@@ -1,16 +1,18 @@
 "use strict";
 
 import { HStack } from "../../atoms/h-stack/index.js";
-import { IconButton } from "../../atoms/icon-button/index.js";
 import { Island } from "../../atoms/island/index.js";
 import { Spacer } from "../../atoms/spacer/index.js";
 import { Text } from "../../atoms/text/index.js";
+import { GlyphButton } from "../../glyph/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Material's top bar shape — navigation icon, start-aligned title, action at the end — built from the atoms in its own
  * island. Compose's icon buttons take no accessibility identifier, so `backTestID`/`closeTestID` are iOS-only.
  */
 export const NavigationBar = ({
+  backLabel = 'Back',
+  closeLabel = 'Close',
   onBack,
   onClose,
   testID,
@@ -22,13 +24,15 @@ export const NavigationBar = ({
     px: "s4",
     spacing: "s4",
     wide: true,
-    children: [onBack ? /*#__PURE__*/_jsx(IconButton, {
-      name: "arrowLeft",
+    children: [onBack ? /*#__PURE__*/_jsx(GlyphButton, {
+      accessibilityLabel: backLabel,
+      name: "back",
       onPress: onBack
     }) : null, title ? /*#__PURE__*/_jsx(Text, {
       variant: "body",
       children: title
-    }) : null, /*#__PURE__*/_jsx(Spacer, {}), onClose ? /*#__PURE__*/_jsx(IconButton, {
+    }) : null, /*#__PURE__*/_jsx(Spacer, {}), onClose ? /*#__PURE__*/_jsx(GlyphButton, {
+      accessibilityLabel: closeLabel,
       name: "close",
       onPress: onClose
     }) : null]

package/lib/module/molecules/navigation-bar/navigation-bar.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","IconButton","Island","Spacer","Text","jsx","_jsx","jsxs","_jsxs","NavigationBar","onBack","onClose","testID","title","children","align","px","spacing","wide","name","onPress","variant"],"sourceRoot":"../../../../src","sources":["molecules/navigation-bar/navigation-bar.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,UAAU,QAAO,kCAAyB;AAClD,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGrC;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAqC,GAAGA,CAAC;EAACC,MAAM;EAAEC,OAAO;EAAEC,MAAM;EAAEC;AAAyB,CAAC,kBACxGP,IAAA,CAACJ,MAAM;EAACU,MAAM,EAAEA,MAAO;EAAAE,QAAA,eACrBN,KAAA,CAACR,MAAM;IAACe,KAAK,EAAC,QAAQ;IAACC,EAAE,EAAC,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAJ,QAAA,GAC7CJ,MAAM,gBAAGJ,IAAA,CAACL,UAAU;MAACkB,IAAI,EAAC,WAAW;MAACC,OAAO,EAAEV;IAAO,CAAE,CAAC,GAAG,IAAI,EAChEG,KAAK,gBAAGP,IAAA,CAACF,IAAI;MAACiB,OAAO,EAAC,MAAM;MAAAP,QAAA,EAAED;IAAK,CAAO,CAAC,GAAG,IAAI,eACnDP,IAAA,CAACH,MAAM,IAAE,CAAC,EACTQ,OAAO,gBAAGL,IAAA,CAACL,UAAU;MAACkB,IAAI,EAAC,OAAO;MAACC,OAAO,EAAET;IAAQ,CAAE,CAAC,GAAG,IAAI;EAAA,CACzD;AAAC,CACH,CACT","ignoreList":[]}
+{"version":3,"names":["HStack","Island","Spacer","Text","GlyphButton","jsx","_jsx","jsxs","_jsxs","NavigationBar","backLabel","closeLabel","onBack","onClose","testID","title","children","align","px","spacing","wide","accessibilityLabel","name","onPress","variant"],"sourceRoot":"../../../../src","sources":["molecules/navigation-bar/navigation-bar.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,WAAW,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvC;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAqC,GAAGA,CAAC;EACpDC,SAAS,GAAG,MAAM;EAClBC,UAAU,GAAG,OAAO;EACpBC,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC;AACkB,CAAC,kBACnBT,IAAA,CAACL,MAAM;EAACa,MAAM,EAAEA,MAAO;EAAAE,QAAA,eACrBR,KAAA,CAACR,MAAM;IAACiB,KAAK,EAAC,QAAQ;IAACC,EAAE,EAAC,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAJ,QAAA,GAC7CJ,MAAM,gBAAGN,IAAA,CAACF,WAAW;MAACiB,kBAAkB,EAAEX,SAAU;MAACY,IAAI,EAAC,MAAM;MAACC,OAAO,EAAEX;IAAO,CAAE,CAAC,GAAG,IAAI,EAC3FG,KAAK,gBAAGT,IAAA,CAACH,IAAI;MAACqB,OAAO,EAAC,MAAM;MAAAR,QAAA,EAAED;IAAK,CAAO,CAAC,GAAG,IAAI,eACnDT,IAAA,CAACJ,MAAM,IAAE,CAAC,EACTW,OAAO,gBAAGP,IAAA,CAACF,WAAW;MAACiB,kBAAkB,EAAEV,UAAW;MAACW,IAAI,EAAC,OAAO;MAACC,OAAO,EAAEV;IAAQ,CAAE,CAAC,GAAG,IAAI;EAAA,CAC1F;AAAC,CACH,CACT","ignoreList":[]}

package/lib/module/molecules/radio-group/radio-group.android.js

@@ -1,6 +1,7 @@
 "use strict";
 
 import { Text as ComposeText, RadioButton, Row } from '@expo/ui/jetpack-compose';
+import { clickable, fillMaxWidth } from '@expo/ui/jetpack-compose/modifiers';
 import { useAppTheme } from '@hzblj/kara-theme';
 import { VStack } from "../../atoms/v-stack/index.js";
 import { useHostGuard } from "../../host-context.js";
@@ -16,8 +17,12 @@ export const RadioGroup = ({
     spacing: "s4",
     wide: true,
     children: options.map(option => /*#__PURE__*/_jsxs(Row, {
+      modifiers: [fillMaxWidth(), clickable(() => onValueChange?.(option.value))],
       verticalAlignment: "center",
       children: [/*#__PURE__*/_jsx(RadioButton, {
+        colors: {
+          selectedColor: theme.color('fill.accent.primary')
+        },
         onClick: () => onValueChange?.(option.value),
         selected: option.value === value
       }), /*#__PURE__*/_jsx(ComposeText, {

package/lib/module/molecules/radio-group/radio-group.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","ComposeText","RadioButton","Row","useAppTheme","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","RadioGroup","onValueChange","options","value","theme","spacing","wide","children","map","option","verticalAlignment","onClick","selected","color","colorString","style","typography","body","label"],"sourceRoot":"../../../../src","sources":["molecules/radio-group/radio-group.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,EAAEC,WAAW,EAAEC,GAAG,QAAO,0BAA0B;AAC9E,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAACC,aAAa;EAAEC,OAAO;EAAEC;AAAsB,CAAC,KAAK;EACnGR,YAAY,CAAC,YAAY,CAAC;EAE1B,MAAMS,KAAK,GAAGX,WAAW,CAAC,CAAC;EAE3B,oBACEI,IAAA,CAACH,MAAM;IAACW,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAC,QAAA,EACtBL,OAAO,CAACM,GAAG,CAACC,MAAM,iBACjBV,KAAA,CAACP,GAAG;MAAoBkB,iBAAiB,EAAC,QAAQ;MAAAH,QAAA,gBAChDV,IAAA,CAACN,WAAW;QAACoB,OAAO,EAAEA,CAAA,KAAMV,aAAa,GAAGQ,MAAM,CAACN,KAAK,CAAE;QAACS,QAAQ,EAAEH,MAAM,CAACN,KAAK,KAAKA;MAAM,CAAE,CAAC,eAC/FN,IAAA,CAACP,WAAW;QAACuB,KAAK,EAAET,KAAK,CAACU,WAAW,CAAC,iBAAiB,CAAE;QAACC,KAAK,EAAEX,KAAK,CAACY,UAAU,CAACC,IAAK;QAAAV,QAAA,EACpFE,MAAM,CAACS;MAAK,CACF,CAAC;IAAA,GAJNT,MAAM,CAACN,KAKZ,CACN;EAAC,CACI,CAAC;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["Text","ComposeText","RadioButton","Row","clickable","fillMaxWidth","useAppTheme","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","RadioGroup","onValueChange","options","value","theme","spacing","wide","children","map","option","modifiers","verticalAlignment","colors","selectedColor","color","onClick","selected","colorString","style","typography","body","label"],"sourceRoot":"../../../../src","sources":["molecules/radio-group/radio-group.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,EAAEC,WAAW,EAAEC,GAAG,QAAO,0BAA0B;AAC9E,SAAQC,SAAS,EAAEC,YAAY,QAAO,oCAAoC;AAC1E,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAACC,aAAa;EAAEC,OAAO;EAAEC;AAAsB,CAAC,KAAK;EACnGR,YAAY,CAAC,YAAY,CAAC;EAE1B,MAAMS,KAAK,GAAGX,WAAW,CAAC,CAAC;EAE3B,oBACEI,IAAA,CAACH,MAAM;IAACW,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAC,QAAA,EACtBL,OAAO,CAACM,GAAG,CAACC,MAAM,iBACjBV,KAAA,CAACT,GAAG;MAEFoB,SAAS,EAAE,CAAClB,YAAY,CAAC,CAAC,EAAED,SAAS,CAAC,MAAMU,aAAa,GAAGQ,MAAM,CAACN,KAAK,CAAC,CAAC,CAAE;MAC5EQ,iBAAiB,EAAC,QAAQ;MAAAJ,QAAA,gBAE1BV,IAAA,CAACR,WAAW;QACVuB,MAAM,EAAE;UAACC,aAAa,EAAET,KAAK,CAACU,KAAK,CAAC,qBAAqB;QAAC,CAAE;QAC5DC,OAAO,EAAEA,CAAA,KAAMd,aAAa,GAAGQ,MAAM,CAACN,KAAK,CAAE;QAC7Ca,QAAQ,EAAEP,MAAM,CAACN,KAAK,KAAKA;MAAM,CAClC,CAAC,eACFN,IAAA,CAACT,WAAW;QAAC0B,KAAK,EAAEV,KAAK,CAACa,WAAW,CAAC,iBAAiB,CAAE;QAACC,KAAK,EAAEd,KAAK,CAACe,UAAU,CAACC,IAAK;QAAAb,QAAA,EACpFE,MAAM,CAACY;MAAK,CACF,CAAC;IAAA,GAXTZ,MAAM,CAACN,KAYT,CACN;EAAC,CACI,CAAC;AAEb,CAAC","ignoreList":[]}

package/lib/module/molecules/radio-group/radio-group.ios.js

@@ -1,10 +1,10 @@
 "use strict";
 
 import { HStack } from "../../atoms/h-stack/index.js";
-import { Icon } from "../../atoms/icon/index.js";
 import { Spacer } from "../../atoms/spacer/index.js";
 import { Text } from "../../atoms/text/index.js";
 import { VStack } from "../../atoms/v-stack/index.js";
+import { Glyph } from "../../glyph/index.js";
 import { useHostGuard } from "../../host-context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const RadioGroup = ({
@@ -23,7 +23,7 @@ export const RadioGroup = ({
       wide: true,
       children: [/*#__PURE__*/_jsx(Text, {
         children: option.label
-      }), /*#__PURE__*/_jsx(Spacer, {}), option.value === value ? /*#__PURE__*/_jsx(Icon, {
+      }), /*#__PURE__*/_jsx(Spacer, {}), option.value === value ? /*#__PURE__*/_jsx(Glyph, {
         color: "content.accent",
         name: "check",
         size: "s20"

package/lib/module/molecules/radio-group/radio-group.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","Icon","Spacer","Text","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","RadioGroup","onValueChange","options","value","spacing","wide","children","map","option","align","onPress","py","label","color","name","size"],"sourceRoot":"../../../../src","sources":["molecules/radio-group/radio-group.ios.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,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAACC,aAAa;EAAEC,OAAO;EAAEC;AAAsB,CAAC,KAAK;EACnGR,YAAY,CAAC,YAAY,CAAC;EAE1B,oBACEE,IAAA,CAACH,MAAM;IAACU,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAC,QAAA,EACtBJ,OAAO,CAACK,GAAG,CAACC,MAAM,iBACjBT,KAAA,CAACT,MAAM;MAACmB,KAAK,EAAC,QAAQ;MAAoBC,OAAO,EAAEA,CAAA,KAAMT,aAAa,GAAGO,MAAM,CAACL,KAAK,CAAE;MAACQ,EAAE,EAAC,IAAI;MAACN,IAAI;MAAAC,QAAA,gBAClGT,IAAA,CAACJ,IAAI;QAAAa,QAAA,EAAEE,MAAM,CAACI;MAAK,CAAO,CAAC,eAC3Bf,IAAA,CAACL,MAAM,IAAE,CAAC,EACTgB,MAAM,CAACL,KAAK,KAAKA,KAAK,gBAAGN,IAAA,CAACN,IAAI;QAACsB,KAAK,EAAC,gBAAgB;QAACC,IAAI,EAAC,OAAO;QAACC,IAAI,EAAC;MAAK,CAAE,CAAC,GAAG,IAAI;IAAA,GAH9DP,MAAM,CAACL,KAI3B,CACT;EAAC,CACI,CAAC;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["HStack","Spacer","Text","VStack","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","RadioGroup","onValueChange","options","value","spacing","wide","children","map","option","align","onPress","py","label","color","name","size"],"sourceRoot":"../../../../src","sources":["molecules/radio-group/radio-group.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAACC,aAAa;EAAEC,OAAO;EAAEC;AAAsB,CAAC,KAAK;EACnGR,YAAY,CAAC,YAAY,CAAC;EAE1B,oBACEE,IAAA,CAACJ,MAAM;IAACW,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAC,QAAA,EACtBJ,OAAO,CAACK,GAAG,CAACC,MAAM,iBACjBT,KAAA,CAACT,MAAM;MAACmB,KAAK,EAAC,QAAQ;MAAoBC,OAAO,EAAEA,CAAA,KAAMT,aAAa,GAAGO,MAAM,CAACL,KAAK,CAAE;MAACQ,EAAE,EAAC,IAAI;MAACN,IAAI;MAAAC,QAAA,gBAClGT,IAAA,CAACL,IAAI;QAAAc,QAAA,EAAEE,MAAM,CAACI;MAAK,CAAO,CAAC,eAC3Bf,IAAA,CAACN,MAAM,IAAE,CAAC,EACTiB,MAAM,CAACL,KAAK,KAAKA,KAAK,gBAAGN,IAAA,CAACH,KAAK;QAACmB,KAAK,EAAC,gBAAgB;QAACC,IAAI,EAAC,OAAO;QAACC,IAAI,EAAC;MAAK,CAAE,CAAC,GAAG,IAAI;IAAA,GAH/DP,MAAM,CAACL,KAI3B,CACT;EAAC,CACI,CAAC;AAEb,CAAC","ignoreList":[]}

package/lib/module/molecules/search-bar/search-bar.js

@@ -1,11 +1,10 @@
 "use strict";
 
-import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { useAppTheme } from '@hzblj/kara-theme';
 import { TextInput } from 'react-native';
 import { Box } from "../../atoms/box/index.js";
-import { Icon } from "../../atoms/icon/index.js";
-import { Island } from "../../atoms/island/index.js";
 import { Pressable } from "../../atoms/pressable/index.js";
+import { RnGlyph } from "../../glyph/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SearchBar = ({
   onChangeText,
@@ -24,16 +23,10 @@ export const SearchBar = ({
     py: "s8",
     testID: testID,
     wide: true,
-    children: [/*#__PURE__*/_jsx(Island, {
-      style: {
-        height: spacing.s20,
-        width: spacing.s20
-      },
-      children: /*#__PURE__*/_jsx(Icon, {
-        color: "content.tertiary",
-        name: "search",
-        size: "s20"
-      })
+    children: [/*#__PURE__*/_jsx(RnGlyph, {
+      color: "content.tertiary",
+      name: "search",
+      size: "s20"
     }), /*#__PURE__*/_jsx(TextInput, {
       onChangeText: onChangeText,
       placeholder: placeholder,
@@ -46,16 +39,10 @@ export const SearchBar = ({
       value: value
     }), value.length > 0 ? /*#__PURE__*/_jsx(Pressable, {
       onPress: () => onChangeText?.(''),
-      children: /*#__PURE__*/_jsx(Island, {
-        style: {
-          height: spacing.s20,
-          width: spacing.s20
-        },
-        children: /*#__PURE__*/_jsx(Icon, {
-          color: "content.tertiary",
-          name: "close",
-          size: "s20"
-        })
+      children: /*#__PURE__*/_jsx(RnGlyph, {
+        color: "content.tertiary",
+        name: "close",
+        size: "s20"
       })
     }) : null]
   });

package/lib/module/molecules/search-bar/search-bar.js.map

@@ -1 +1 @@
-{"version":3,"names":["spacing","useAppTheme","TextInput","Box","Icon","Island","Pressable","jsx","_jsx","jsxs","_jsxs","SearchBar","onChangeText","placeholder","testID","value","theme","align","bg","borderRadius","flexDirection","gap","px","py","wide","children","style","height","s20","width","color","name","size","placeholderTextColor","typography","body","flex","padding","length","onPress"],"sourceRoot":"../../../../src","sources":["molecules/search-bar/search-bar.tsx"],"mappings":";;AAAA,SAAQA,OAAO,EAAEC,WAAW,QAAO,mBAAmB;AACtD,SAAQC,SAAS,QAAO,cAAc;AAEtC,SAAQC,GAAG,QAAO,0BAAiB;AACnC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,SAAS,QAAO,gCAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,SAA6B,GAAGA,CAAC;EAC5CC,YAAY;EACZC,WAAW,GAAG,QAAQ;EACtBC,MAAM;EACNC;AACc,CAAC,KAAK;EACpB,MAAMC,KAAK,GAAGf,WAAW,CAAC,CAAC;EAE3B,oBACES,KAAA,CAACP,GAAG;IACFc,KAAK,EAAC,QAAQ;IACdC,EAAE,EAAC,iBAAiB;IACpBC,YAAY,EAAC,QAAQ;IACrBC,aAAa,EAAC,KAAK;IACnBC,GAAG,EAAC,IAAI;IACRC,EAAE,EAAC,KAAK;IACRC,EAAE,EAAC,IAAI;IACPT,MAAM,EAAEA,MAAO;IACfU,IAAI;IAAAC,QAAA,gBAEJjB,IAAA,CAACH,MAAM;MAACqB,KAAK,EAAE;QAACC,MAAM,EAAE3B,OAAO,CAAC4B,GAAG;QAAEC,KAAK,EAAE7B,OAAO,CAAC4B;MAAG,CAAE;MAAAH,QAAA,eACvDjB,IAAA,CAACJ,IAAI;QAAC0B,KAAK,EAAC,kBAAkB;QAACC,IAAI,EAAC,QAAQ;QAACC,IAAI,EAAC;MAAK,CAAE;IAAC,CACpD,CAAC,eACTxB,IAAA,CAACN,SAAS;MACRU,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzBoB,oBAAoB,EAAEjB,KAAK,CAACc,KAAK,CAAC,oBAAoB,CAAE;MACxDJ,KAAK,EAAE,CAACV,KAAK,CAACkB,UAAU,CAACC,IAAI,EAAE;QAACL,KAAK,EAAEd,KAAK,CAACc,KAAK,CAAC,iBAAiB,CAAC;QAAEM,IAAI,EAAE,CAAC;QAAEC,OAAO,EAAE;MAAC,CAAC,CAAE;MAC7FtB,KAAK,EAAEA;IAAM,CACd,CAAC,EACDA,KAAK,CAACuB,MAAM,GAAG,CAAC,gBACf9B,IAAA,CAACF,SAAS;MAACiC,OAAO,EAAEA,CAAA,KAAM3B,YAAY,GAAG,EAAE,CAAE;MAAAa,QAAA,eAC3CjB,IAAA,CAACH,MAAM;QAACqB,KAAK,EAAE;UAACC,MAAM,EAAE3B,OAAO,CAAC4B,GAAG;UAAEC,KAAK,EAAE7B,OAAO,CAAC4B;QAAG,CAAE;QAAAH,QAAA,eACvDjB,IAAA,CAACJ,IAAI;UAAC0B,KAAK,EAAC,kBAAkB;UAACC,IAAI,EAAC,OAAO;UAACC,IAAI,EAAC;QAAK,CAAE;MAAC,CACnD;IAAC,CACA,CAAC,GACV,IAAI;EAAA,CACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["useAppTheme","TextInput","Box","Pressable","RnGlyph","jsx","_jsx","jsxs","_jsxs","SearchBar","onChangeText","placeholder","testID","value","theme","align","bg","borderRadius","flexDirection","gap","px","py","wide","children","color","name","size","placeholderTextColor","style","typography","body","flex","padding","length","onPress"],"sourceRoot":"../../../../src","sources":["molecules/search-bar/search-bar.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,SAAS,QAAO,cAAc;AAEtC,SAAQC,GAAG,QAAO,0BAAiB;AACnC,SAAQC,SAAS,QAAO,gCAAuB;AAC/C,SAAQC,OAAO,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnC,OAAO,MAAMC,SAA6B,GAAGA,CAAC;EAC5CC,YAAY;EACZC,WAAW,GAAG,QAAQ;EACtBC,MAAM;EACNC;AACc,CAAC,KAAK;EACpB,MAAMC,KAAK,GAAGd,WAAW,CAAC,CAAC;EAE3B,oBACEQ,KAAA,CAACN,GAAG;IACFa,KAAK,EAAC,QAAQ;IACdC,EAAE,EAAC,iBAAiB;IACpBC,YAAY,EAAC,QAAQ;IACrBC,aAAa,EAAC,KAAK;IACnBC,GAAG,EAAC,IAAI;IACRC,EAAE,EAAC,KAAK;IACRC,EAAE,EAAC,IAAI;IACPT,MAAM,EAAEA,MAAO;IACfU,IAAI;IAAAC,QAAA,gBAEJjB,IAAA,CAACF,OAAO;MAACoB,KAAK,EAAC,kBAAkB;MAACC,IAAI,EAAC,QAAQ;MAACC,IAAI,EAAC;IAAK,CAAE,CAAC,eAC7DpB,IAAA,CAACL,SAAS;MACRS,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzBgB,oBAAoB,EAAEb,KAAK,CAACU,KAAK,CAAC,oBAAoB,CAAE;MACxDI,KAAK,EAAE,CAACd,KAAK,CAACe,UAAU,CAACC,IAAI,EAAE;QAACN,KAAK,EAAEV,KAAK,CAACU,KAAK,CAAC,iBAAiB,CAAC;QAAEO,IAAI,EAAE,CAAC;QAAEC,OAAO,EAAE;MAAC,CAAC,CAAE;MAC7FnB,KAAK,EAAEA;IAAM,CACd,CAAC,EACDA,KAAK,CAACoB,MAAM,GAAG,CAAC,gBACf3B,IAAA,CAACH,SAAS;MAAC+B,OAAO,EAAEA,CAAA,KAAMxB,YAAY,GAAG,EAAE,CAAE;MAAAa,QAAA,eAC3CjB,IAAA,CAACF,OAAO;QAACoB,KAAK,EAAC,kBAAkB;QAACC,IAAI,EAAC,OAAO;QAACC,IAAI,EAAC;MAAK,CAAE;IAAC,CACnD,CAAC,GACV,IAAI;EAAA,CACL,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/molecules/stepper/stepper.android.js

@@ -2,9 +2,9 @@
 
 import { useCallback } from 'react';
 import { HStack } from "../../atoms/h-stack/index.js";
-import { IconButton } from "../../atoms/icon-button/index.js";
 import { Spacer } from "../../atoms/spacer/index.js";
 import { Text } from "../../atoms/text/index.js";
+import { GlyphButton } from "../../glyph/index.js";
 import { useHostGuard } from "../../host-context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Stepper = ({
@@ -24,16 +24,18 @@ export const Stepper = ({
     wide: true,
     children: [/*#__PURE__*/_jsx(Text, {
       children: label
-    }), /*#__PURE__*/_jsx(Spacer, {}), /*#__PURE__*/_jsx(IconButton, {
+    }), /*#__PURE__*/_jsx(Spacer, {}), /*#__PURE__*/_jsx(GlyphButton, {
+      accessibilityLabel: "Decrement",
       disabled: value <= min,
-      name: "close",
+      name: "minus",
       onPress: onDecrement
     }), /*#__PURE__*/_jsx(Text, {
       variant: "labelMedium",
       children: String(value)
-    }), /*#__PURE__*/_jsx(IconButton, {
+    }), /*#__PURE__*/_jsx(GlyphButton, {
+      accessibilityLabel: "Increment",
       disabled: value >= max,
-      name: "add",
+      name: "plus",
       onPress: onIncrement
     })]
   });

package/lib/module/molecules/stepper/stepper.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","HStack","IconButton","Spacer","Text","useHostGuard","jsx","_jsx","jsxs","_jsxs","Stepper","label","max","Number","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","onValueChange","step","value","onDecrement","Math","onIncrement","align","spacing","wide","children","disabled","name","onPress","variant","String"],"sourceRoot":"../../../../src","sources":["molecules/stepper/stepper.android.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,OAAO;AACjC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,UAAU,QAAO,kCAAyB;AAClD,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EACxCC,KAAK;EACLC,GAAG,GAAGC,MAAM,CAACC,gBAAgB;EAC7BC,GAAG,GAAGF,MAAM,CAACG,gBAAgB;EAC7BC,aAAa;EACbC,IAAI,GAAG,CAAC;EACRC;AACY,CAAC,KAAK;EAClBd,YAAY,CAAC,SAAS,CAAC;EAEvB,MAAMe,WAAW,GAAGpB,WAAW,CAAC,MAAMiB,aAAa,CAACI,IAAI,CAACT,GAAG,CAACG,GAAG,EAAEI,KAAK,GAAGD,IAAI,CAAC,CAAC,EAAE,CAACH,GAAG,EAAEE,aAAa,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC;EACpH,MAAMG,WAAW,GAAGtB,WAAW,CAAC,MAAMiB,aAAa,CAACI,IAAI,CAACN,GAAG,CAACH,GAAG,EAAEO,KAAK,GAAGD,IAAI,CAAC,CAAC,EAAE,CAACN,GAAG,EAAEK,aAAa,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEpH,oBACEV,KAAA,CAACR,MAAM;IAACsB,KAAK,EAAC,QAAQ;IAACC,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAC,QAAA,gBACtCnB,IAAA,CAACH,IAAI;MAAAsB,QAAA,EAAEf;IAAK,CAAO,CAAC,eACpBJ,IAAA,CAACJ,MAAM,IAAE,CAAC,eACVI,IAAA,CAACL,UAAU;MAACyB,QAAQ,EAAER,KAAK,IAAIJ,GAAI;MAACa,IAAI,EAAC,OAAO;MAACC,OAAO,EAAET;IAAY,CAAE,CAAC,eACzEb,IAAA,CAACH,IAAI;MAAC0B,OAAO,EAAC,aAAa;MAAAJ,QAAA,EAAEK,MAAM,CAACZ,KAAK;IAAC,CAAO,CAAC,eAClDZ,IAAA,CAACL,UAAU;MAACyB,QAAQ,EAAER,KAAK,IAAIP,GAAI;MAACgB,IAAI,EAAC,KAAK;MAACC,OAAO,EAAEP;IAAY,CAAE,CAAC;EAAA,CACjE,CAAC;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","HStack","Spacer","Text","GlyphButton","useHostGuard","jsx","_jsx","jsxs","_jsxs","Stepper","label","max","Number","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","onValueChange","step","value","onDecrement","Math","onIncrement","align","spacing","wide","children","accessibilityLabel","disabled","name","onPress","variant","String"],"sourceRoot":"../../../../src","sources":["molecules/stepper/stepper.android.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,OAAO;AACjC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,WAAW,QAAO,sBAAa;AACvC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EACxCC,KAAK;EACLC,GAAG,GAAGC,MAAM,CAACC,gBAAgB;EAC7BC,GAAG,GAAGF,MAAM,CAACG,gBAAgB;EAC7BC,aAAa;EACbC,IAAI,GAAG,CAAC;EACRC;AACY,CAAC,KAAK;EAClBd,YAAY,CAAC,SAAS,CAAC;EAEvB,MAAMe,WAAW,GAAGpB,WAAW,CAAC,MAAMiB,aAAa,CAACI,IAAI,CAACT,GAAG,CAACG,GAAG,EAAEI,KAAK,GAAGD,IAAI,CAAC,CAAC,EAAE,CAACH,GAAG,EAAEE,aAAa,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC;EACpH,MAAMG,WAAW,GAAGtB,WAAW,CAAC,MAAMiB,aAAa,CAACI,IAAI,CAACN,GAAG,CAACH,GAAG,EAAEO,KAAK,GAAGD,IAAI,CAAC,CAAC,EAAE,CAACN,GAAG,EAAEK,aAAa,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEpH,oBACEV,KAAA,CAACR,MAAM;IAACsB,KAAK,EAAC,QAAQ;IAACC,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAC,QAAA,gBACtCnB,IAAA,CAACJ,IAAI;MAAAuB,QAAA,EAAEf;IAAK,CAAO,CAAC,eACpBJ,IAAA,CAACL,MAAM,IAAE,CAAC,eACVK,IAAA,CAACH,WAAW;MAACuB,kBAAkB,EAAC,WAAW;MAACC,QAAQ,EAAET,KAAK,IAAIJ,GAAI;MAACc,IAAI,EAAC,OAAO;MAACC,OAAO,EAAEV;IAAY,CAAE,CAAC,eACzGb,IAAA,CAACJ,IAAI;MAAC4B,OAAO,EAAC,aAAa;MAAAL,QAAA,EAAEM,MAAM,CAACb,KAAK;IAAC,CAAO,CAAC,eAClDZ,IAAA,CAACH,WAAW;MAACuB,kBAAkB,EAAC,WAAW;MAACC,QAAQ,EAAET,KAAK,IAAIP,GAAI;MAACiB,IAAI,EAAC,MAAM;MAACC,OAAO,EAAER;IAAY,CAAE,CAAC;EAAA,CAClG,CAAC;AAEb,CAAC","ignoreList":[]}

package/lib/module/organisms/alert/alert.android.js

@@ -1,11 +1,17 @@
 "use strict";
 
-import { AlertDialog, Button, Column, Text as ComposeText } from '@expo/ui/jetpack-compose';
+import { AlertDialog, Text as ComposeText, TextButton } from '@expo/ui/jetpack-compose';
 import { useAppTheme } from '@hzblj/kara-theme';
 import { useHostGuard } from "../../host-context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Material's `AlertDialog`, built from its slots — title, text, confirm and dismiss buttons. Content passed as plain
+ * children has no slot to land in, and the dialog draws empty. The actions mirror the iOS alert: the confirm label
+ * (in the destructive colour when asked) and Cancel.
+ */
 export const Alert = ({
   confirmLabel = 'OK',
+  destructive = false,
   message,
   onConfirm,
   onDismiss,
@@ -17,25 +23,48 @@ export const Alert = ({
   if (!visible) {
     return null;
   }
-  return /*#__PURE__*/_jsx(AlertDialog, {
+  return /*#__PURE__*/_jsxs(AlertDialog, {
+    colors: {
+      containerColor: theme.color('surface.primary'),
+      textContentColor: theme.color('content.secondary'),
+      titleContentColor: theme.color('content.primary')
+    },
     onDismissRequest: onDismiss,
-    children: /*#__PURE__*/_jsxs(Column, {
-      verticalArrangement: {
-        spacedBy: 8
-      },
-      children: [/*#__PURE__*/_jsx(ComposeText, {
+    children: [/*#__PURE__*/_jsx(AlertDialog.Title, {
+      children: /*#__PURE__*/_jsx(ComposeText, {
         color: theme.colorString('content.primary'),
         style: theme.typography.headingXs,
         children: title
-      }), message ? /*#__PURE__*/_jsx(ComposeText, {
+      })
+    }), message ? /*#__PURE__*/_jsx(AlertDialog.Text, {
+      children: /*#__PURE__*/_jsx(ComposeText, {
         color: theme.colorString('content.secondary'),
         style: theme.typography.body,
         children: message
-      }) : null, /*#__PURE__*/_jsx(Button, {
-        onClick: onConfirm ?? onDismiss,
-        children: confirmLabel
-      })]
-    })
+      })
+    }) : null, /*#__PURE__*/_jsx(AlertDialog.ConfirmButton, {
+      children: /*#__PURE__*/_jsx(TextButton, {
+        onClick: () => {
+          // As on iOS, where any action closes the alert and reports it through `onDismiss`.
+          onConfirm?.();
+          onDismiss();
+        },
+        children: /*#__PURE__*/_jsx(ComposeText, {
+          color: theme.colorString(destructive ? 'content.destructive' : 'content.accent'),
+          style: theme.typography.body,
+          children: confirmLabel
+        })
+      })
+    }), /*#__PURE__*/_jsx(AlertDialog.DismissButton, {
+      children: /*#__PURE__*/_jsx(TextButton, {
+        onClick: onDismiss,
+        children: /*#__PURE__*/_jsx(ComposeText, {
+          color: theme.colorString('content.accent'),
+          style: theme.typography.body,
+          children: "Cancel"
+        })
+      })
+    })]
   });
 };
 //# sourceMappingURL=alert.android.js.map

package/lib/module/organisms/alert/alert.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["AlertDialog","Button","Column","Text","ComposeText","useAppTheme","useHostGuard","jsx","_jsx","jsxs","_jsxs","Alert","confirmLabel","message","onConfirm","onDismiss","title","visible","theme","onDismissRequest","children","verticalArrangement","spacedBy","color","colorString","style","typography","headingXs","body","onClick"],"sourceRoot":"../../../../src","sources":["organisms/alert/alert.android.tsx"],"mappings":";;AAAA,SAAQA,WAAW,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,IAAIC,WAAW,QAAO,0BAA0B;AACzF,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EACpCC,YAAY,GAAG,IAAI;EACnBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC;AACU,CAAC,KAAK;EAChBX,YAAY,CAAC,OAAO,CAAC;EACrB,MAAMY,KAAK,GAAGb,WAAW,CAAC,CAAC;EAE3B,IAAI,CAACY,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACET,IAAA,CAACR,WAAW;IAACmB,gBAAgB,EAAEJ,SAAU;IAAAK,QAAA,eACvCV,KAAA,CAACR,MAAM;MAACmB,mBAAmB,EAAE;QAACC,QAAQ,EAAE;MAAC,CAAE;MAAAF,QAAA,gBACzCZ,IAAA,CAACJ,WAAW;QAACmB,KAAK,EAAEL,KAAK,CAACM,WAAW,CAAC,iBAAiB,CAAE;QAACC,KAAK,EAAEP,KAAK,CAACQ,UAAU,CAACC,SAAU;QAAAP,QAAA,EACzFJ;MAAK,CACK,CAAC,EACbH,OAAO,gBACNL,IAAA,CAACJ,WAAW;QAACmB,KAAK,EAAEL,KAAK,CAACM,WAAW,CAAC,mBAAmB,CAAE;QAACC,KAAK,EAAEP,KAAK,CAACQ,UAAU,CAACE,IAAK;QAAAR,QAAA,EACtFP;MAAO,CACG,CAAC,GACZ,IAAI,eACRL,IAAA,CAACP,MAAM;QAAC4B,OAAO,EAAEf,SAAS,IAAIC,SAAU;QAAAK,QAAA,EAAER;MAAY,CAAS,CAAC;IAAA,CAC1D;EAAC,CACE,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"names":["AlertDialog","Text","ComposeText","TextButton","useAppTheme","useHostGuard","jsx","_jsx","jsxs","_jsxs","Alert","confirmLabel","destructive","message","onConfirm","onDismiss","title","visible","theme","colors","containerColor","color","textContentColor","titleContentColor","onDismissRequest","children","Title","colorString","style","typography","headingXs","body","ConfirmButton","onClick","DismissButton"],"sourceRoot":"../../../../src","sources":["organisms/alert/alert.android.tsx"],"mappings":";;AAAA,SAAQA,WAAW,EAAEC,IAAI,IAAIC,WAAW,EAAEC,UAAU,QAAO,0BAA0B;AACrF,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EACpCC,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,KAAK;EACnBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC;AACU,CAAC,KAAK;EAChBZ,YAAY,CAAC,OAAO,CAAC;EACrB,MAAMa,KAAK,GAAGd,WAAW,CAAC,CAAC;EAE3B,IAAI,CAACa,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACER,KAAA,CAACT,WAAW;IACVmB,MAAM,EAAE;MACNC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC,iBAAiB,CAAC;MAC9CC,gBAAgB,EAAEJ,KAAK,CAACG,KAAK,CAAC,mBAAmB,CAAC;MAClDE,iBAAiB,EAAEL,KAAK,CAACG,KAAK,CAAC,iBAAiB;IAClD,CAAE;IACFG,gBAAgB,EAAET,SAAU;IAAAU,QAAA,gBAE5BlB,IAAA,CAACP,WAAW,CAAC0B,KAAK;MAAAD,QAAA,eAChBlB,IAAA,CAACL,WAAW;QAACmB,KAAK,EAAEH,KAAK,CAACS,WAAW,CAAC,iBAAiB,CAAE;QAACC,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACC,SAAU;QAAAL,QAAA,EACzFT;MAAK,CACK;IAAC,CACG,CAAC,EACnBH,OAAO,gBACNN,IAAA,CAACP,WAAW,CAACC,IAAI;MAAAwB,QAAA,eACflB,IAAA,CAACL,WAAW;QAACmB,KAAK,EAAEH,KAAK,CAACS,WAAW,CAAC,mBAAmB,CAAE;QAACC,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACE,IAAK;QAAAN,QAAA,EACtFZ;MAAO,CACG;IAAC,CACE,CAAC,GACjB,IAAI,eACRN,IAAA,CAACP,WAAW,CAACgC,aAAa;MAAAP,QAAA,eACxBlB,IAAA,CAACJ,UAAU;QACT8B,OAAO,EAAEA,CAAA,KAAM;UACb;UACAnB,SAAS,GAAG,CAAC;UACbC,SAAS,CAAC,CAAC;QACb,CAAE;QAAAU,QAAA,eAEFlB,IAAA,CAACL,WAAW;UACVmB,KAAK,EAAEH,KAAK,CAACS,WAAW,CAACf,WAAW,GAAG,qBAAqB,GAAG,gBAAgB,CAAE;UACjFgB,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACE,IAAK;UAAAN,QAAA,EAE5Bd;QAAY,CACF;MAAC,CACJ;IAAC,CACY,CAAC,eAC5BJ,IAAA,CAACP,WAAW,CAACkC,aAAa;MAAAT,QAAA,eACxBlB,IAAA,CAACJ,UAAU;QAAC8B,OAAO,EAAElB,SAAU;QAAAU,QAAA,eAC7BlB,IAAA,CAACL,WAAW;UAACmB,KAAK,EAAEH,KAAK,CAACS,WAAW,CAAC,gBAAgB,CAAE;UAACC,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACE,IAAK;UAAAN,QAAA,EAAC;QAEvF,CAAa;MAAC,CACJ;IAAC,CACY,CAAC;EAAA,CACjB,CAAC;AAElB,CAAC","ignoreList":[]}

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

@@ -1,50 +1,101 @@
 "use strict";
 
-import { Column, Text as ComposeText, DropdownMenu } from '@expo/ui/jetpack-compose';
-import { clickable, combinedClickable } from '@expo/ui/jetpack-compose/modifiers';
+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, useMemo, useState } from 'react';
-import { useHostGuard } from "../../host-context.js";
+import { useCallback, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** A row's `clickable` closes over its own action, so memoising it needs a component per row. */
-const MenuItem = ({
+/**
+ * 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({
+  anchor: {
+    bottom: 0,
+    height: 1,
+    left: 0,
+    position: 'absolute',
+    width: 1
+  }
+});
+/** A row's `onClick` closes over its own action, so memoising it needs a component per row. */
+const MenuRow = ({
   action,
   onDismiss
 }) => {
   const theme = useAppTheme();
-  const modifiers = useMemo(() => [clickable(() => {
+  const onClick = useCallback(() => {
     onDismiss();
     action.onPress();
-  })], [action, onDismiss]);
-  return /*#__PURE__*/_jsx(ComposeText, {
-    color: theme.colorString(action.destructive ? 'content.destructive' : 'content.primary'),
-    modifiers: modifiers,
-    style: theme.typography.body,
-    children: action.label
+  }, [action, onDismiss]);
+  return /*#__PURE__*/_jsx(DropdownMenuItem, {
+    onClick: onClick,
+    children: /*#__PURE__*/_jsx(DropdownMenuItem.Text, {
+      children: /*#__PURE__*/_jsx(ComposeText, {
+        color: theme.colorString(action.destructive ? 'content.destructive' : 'content.primary'),
+        style: theme.typography.body,
+        children: action.label
+      })
+    })
   });
 };
-export const ContextMenu = ({
+
+/**
+ * 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.
+ */
+const ContextMenuRoot = ({
   actions,
-  children
+  children,
+  testID,
+  ...props
 }) => {
-  useHostGuard('ContextMenu');
+  const {
+    onPreviewPress: _onPreviewPress,
+    preview: _preview,
+    ...sx
+  } = props;
+  const theme = useAppTheme();
+  const style = useSx(sx);
+  const [isHostMounted, setIsHostMounted] = useState(false);
   const [expanded, setExpanded] = useState(false);
+  const open = useCallback(() => {
+    setIsHostMounted(true);
+    setExpanded(true);
+  }, []);
   const dismiss = useCallback(() => setExpanded(false), []);
-  const triggerModifiers = useMemo(() => [combinedClickable({
-    onLongClick: () => setExpanded(true)
-  })], []);
-  return /*#__PURE__*/_jsxs(Column, {
-    children: [/*#__PURE__*/_jsx(Column, {
-      modifiers: triggerModifiers,
-      children: children
-    }), /*#__PURE__*/_jsx(DropdownMenu, {
-      expanded: expanded,
-      onDismissRequest: dismiss,
-      children: actions.map(action => /*#__PURE__*/_jsx(MenuItem, {
-        action: action,
-        onDismiss: dismiss
-      }, action.label))
-    })]
+  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))
+        })
+      })
+    }) : null]
   });
 };
+
+/** A touchable inside the trigger already claims its own long press on Android, so this only has to group. */
+const Exclusion = ({
+  children
+}) => /*#__PURE__*/_jsx(View, {
+  children: children
+});
+export const ContextMenu = Object.assign(ContextMenuRoot, {
+  Exclusion
+});
 //# sourceMappingURL=context-menu.android.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Column","Text","ComposeText","DropdownMenu","clickable","combinedClickable","useAppTheme","useCallback","useMemo","useState","useHostGuard","jsx","_jsx","jsxs","_jsxs","MenuItem","action","onDismiss","theme","modifiers","onPress","color","colorString","destructive","style","typography","body","children","label","ContextMenu","actions","expanded","setExpanded","dismiss","triggerModifiers","onLongClick","onDismissRequest","map"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,IAAI,IAAIC,WAAW,EAAEC,YAAY,QAAO,0BAA0B;AAClF,SAAQC,SAAS,EAAEC,iBAAiB,QAAO,oCAAoC;AAC/E,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAO,OAAO;AAEpD,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS/C;AACA,MAAMC,QAAQ,GAAGA,CAAC;EAACC,MAAM;EAAEC;AAAwB,CAAC,KAAK;EACvD,MAAMC,KAAK,GAAGZ,WAAW,CAAC,CAAC;EAC3B,MAAMa,SAAS,GAAGX,OAAO,CACvB,MAAM,CACJJ,SAAS,CAAC,MAAM;IACda,SAAS,CAAC,CAAC;IACXD,MAAM,CAACI,OAAO,CAAC,CAAC;EAClB,CAAC,CAAC,CACH,EACD,CAACJ,MAAM,EAAEC,SAAS,CACpB,CAAC;EAED,oBACEL,IAAA,CAACV,WAAW;IACVmB,KAAK,EAAEH,KAAK,CAACI,WAAW,CAACN,MAAM,CAACO,WAAW,GAAG,qBAAqB,GAAG,iBAAiB,CAAE;IACzFJ,SAAS,EAAEA,SAAU;IACrBK,KAAK,EAAEN,KAAK,CAACO,UAAU,CAACC,IAAK;IAAAC,QAAA,EAE5BX,MAAM,CAACY;EAAK,CACF,CAAC;AAElB,CAAC;AAED,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,OAAO;EAAEH;AAA0B,CAAC,KAAK;EAC1FjB,YAAY,CAAC,aAAa,CAAC;EAE3B,MAAM,CAACqB,QAAQ,EAAEC,WAAW,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMwB,OAAO,GAAG1B,WAAW,CAAC,MAAMyB,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EACzD,MAAME,gBAAgB,GAAG1B,OAAO,CAAC,MAAM,CAACH,iBAAiB,CAAC;IAAC8B,WAAW,EAAEA,CAAA,KAAMH,WAAW,CAAC,IAAI;EAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEvG,oBACElB,KAAA,CAACd,MAAM;IAAA2B,QAAA,gBACLf,IAAA,CAACZ,MAAM;MAACmB,SAAS,EAAEe,gBAAiB;MAAAP,QAAA,EAAEA;IAAQ,CAAS,CAAC,eACxDf,IAAA,CAACT,YAAY;MAAC4B,QAAQ,EAAEA,QAAS;MAACK,gBAAgB,EAAEH,OAAQ;MAAAN,QAAA,EACzDG,OAAO,CAACO,GAAG,CAACrB,MAAM,iBACjBJ,IAAA,CAACG,QAAQ;QAACC,MAAM,EAAEA,MAAO;QAAoBC,SAAS,EAAEgB;MAAQ,GAAjCjB,MAAM,CAACY,KAA4B,CACnE;IAAC,CACU,CAAC;EAAA,CACT,CAAC;AAEb,CAAC","ignoreList":[]}
+{"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":[]}