@hzblj/kara-components 0.6.0 → 0.8.0

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

@@ -1 +1 @@
-{"version":3,"names":["Text","ComposeText","TooltipBox","useAppTheme","useHostGuard","jsx","_jsx","jsxs","_jsxs","Tooltip","children","text","theme","PlainTooltip","containerColor","colorString","contentColor","color","style","typography","footnote"],"sourceRoot":"../../../../src","sources":["molecules/tooltip/tooltip.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,EAAEC,UAAU,QAAO,0BAA0B;AACxE,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,QAAQ;EAAEC;AAAkB,CAAC,KAAK;EAC3EP,YAAY,CAAC,SAAS,CAAC;EAEvB,MAAMQ,KAAK,GAAGT,WAAW,CAAC,CAAC;EAE3B,oBACEK,KAAA,CAACN,UAAU;IAAAQ,QAAA,gBACTJ,IAAA,CAACJ,UAAU,CAACW,YAAY;MACtBC,cAAc,EAAEF,KAAK,CAACG,WAAW,CAAC,uBAAuB,CAAE;MAC3DC,YAAY,EAAEJ,KAAK,CAACG,WAAW,CAAC,0BAA0B,CAAE;MAAAL,QAAA,eAE5DJ,IAAA,CAACL,WAAW;QAACgB,KAAK,EAAEL,KAAK,CAACG,WAAW,CAAC,0BAA0B,CAAE;QAACG,KAAK,EAAEN,KAAK,CAACO,UAAU,CAACC,QAAS;QAAAV,QAAA,EACjGC;MAAI,CACM;IAAC,CACS,CAAC,EACzBD,QAAQ;EAAA,CACC,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["Text","ComposeText","TooltipBox","useAppTheme","useCallback","useHostGuard","jsx","_jsx","jsxs","_jsxs","Tooltip","children","onDismiss","text","visible","theme","onDismissRequest","containerColor","color","isPresented","plain","colorString","style","typography","footnote"],"sourceRoot":"../../../../src","sources":["molecules/tooltip/tooltip.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,QAAO,0BAA0B;AAC5D,SAAQC,UAAU,QAAO,oCAAoC;AAC7D,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,QAAO,OAAO;AAEjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,QAAQ;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAqB,CAAC,KAAK;EAC/FT,YAAY,CAAC,SAAS,CAAC;EACvB,MAAMU,KAAK,GAAGZ,WAAW,CAAC,CAAC;EAC3B,MAAMa,gBAAgB,GAAGZ,WAAW,CAAC,MAAMQ,SAAS,CAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEpE,oBACEH,KAAA,CAACP,UAAU;IACTe,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC,uBAAuB,CAAE;IACrDC,WAAW,EAAEL,OAAQ;IACrBE,gBAAgB,EAAEA,gBAAiB;IACnCI,KAAK;IAAAT,QAAA,gBAELJ,IAAA,CAACL,UAAU,CAACF,IAAI;MAAAW,QAAA,eACdJ,IAAA,CAACN,WAAW;QAACiB,KAAK,EAAEH,KAAK,CAACM,WAAW,CAAC,0BAA0B,CAAE;QAACC,KAAK,EAAEP,KAAK,CAACQ,UAAU,CAACC,QAAS;QAAAb,QAAA,EACjGE;MAAI,CACM;IAAC,CACC,CAAC,EACjBF,QAAQ;EAAA,CACC,CAAC;AAEjB,CAAC","ignoreList":[]}

package/lib/module/organisms/action-sheet/action-sheet.android.js

@@ -1,12 +1,18 @@
 "use strict";
 
-import { Divider } from "../../atoms/divider/index.js";
 import { HStack } from "../../atoms/h-stack/index.js";
+import { Icon } from "../../atoms/icon/index.js";
+import { Island } from "../../atoms/island/index.js";
 import { Text } from "../../atoms/text/index.js";
 import { VStack } from "../../atoms/v-stack/index.js";
 import { useHostGuard } from "../../host-context.js";
 import { Sheet } from "../sheet/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Material's bottom-sheet menu: the title, then a full-width row per action, its icon leading. The sheet is the React
+ * Native tier, so the rows — Compose views — sit in an `Island` of their own; rendered straight into the sheet they had
+ * no host and threw.
+ */
 export const ActionSheet = ({
   actions,
   onDismiss,
@@ -17,26 +23,41 @@ export const ActionSheet = ({
   return /*#__PURE__*/_jsx(Sheet, {
     onDismiss: onDismiss,
     visible: visible,
-    children: /*#__PURE__*/_jsxs(VStack, {
-      p: "s16",
-      spacing: "s4",
-      wide: true,
-      children: [/*#__PURE__*/_jsx(Text, {
-        color: "content.secondary",
-        variant: "labelMedium",
-        children: title
-      }), /*#__PURE__*/_jsx(Divider, {}), actions.map(action => /*#__PURE__*/_jsx(HStack, {
-        onPress: () => {
-          onDismiss();
-          action.onPress();
-        },
-        py: "s12",
+    children: /*#__PURE__*/_jsx(Island, {
+      children: /*#__PURE__*/_jsxs(VStack, {
+        pb: "s16",
         wide: true,
-        children: /*#__PURE__*/_jsx(Text, {
-          color: action.destructive ? 'content.destructive' : 'content.primary',
-          children: action.label
-        })
-      }, action.label))]
+        children: [/*#__PURE__*/_jsx(HStack, {
+          px: "s24",
+          py: "s12",
+          wide: true,
+          children: /*#__PURE__*/_jsx(Text, {
+            color: "content.secondary",
+            variant: "labelMedium",
+            children: title
+          })
+        }), actions.map(action => {
+          const color = action.destructive ? 'content.destructive' : 'content.primary';
+          return /*#__PURE__*/_jsxs(HStack, {
+            onPress: () => {
+              onDismiss();
+              action.onPress();
+            },
+            px: "s24",
+            py: "s16",
+            spacing: "s16",
+            wide: true,
+            children: [action.icon ? /*#__PURE__*/_jsx(Icon, {
+              color: color,
+              name: action.icon
+            }) : null, /*#__PURE__*/_jsx(Text, {
+              color: color,
+              variant: "body",
+              children: action.label
+            })]
+          }, action.label);
+        })]
+      })
     })
   });
 };

package/lib/module/organisms/action-sheet/action-sheet.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["Divider","HStack","Text","VStack","useHostGuard","Sheet","jsx","_jsx","jsxs","_jsxs","ActionSheet","actions","onDismiss","title","visible","children","p","spacing","wide","color","variant","map","action","onPress","py","destructive","label"],"sourceRoot":"../../../../src","sources":["organisms/action-sheet/action-sheet.android.tsx"],"mappings":";;AAAA,SAAQA,OAAO,QAAO,8BAAqB;AAC3C,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,KAAK,QAAO,mBAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9B,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAC3GV,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEG,IAAA,CAACF,KAAK;IAACO,SAAS,EAAEA,SAAU;IAACE,OAAO,EAAEA,OAAQ;IAAAC,QAAA,eAC5CN,KAAA,CAACN,MAAM;MAACa,CAAC,EAAC,KAAK;MAACC,OAAO,EAAC,IAAI;MAACC,IAAI;MAAAH,QAAA,gBAC/BR,IAAA,CAACL,IAAI;QAACiB,KAAK,EAAC,mBAAmB;QAACC,OAAO,EAAC,aAAa;QAAAL,QAAA,EAClDF;MAAK,CACF,CAAC,eACPN,IAAA,CAACP,OAAO,IAAE,CAAC,EACVW,OAAO,CAACU,GAAG,CAACC,MAAM,iBACjBf,IAAA,CAACN,MAAM;QAELsB,OAAO,EAAEA,CAAA,KAAM;UACbX,SAAS,CAAC,CAAC;UACXU,MAAM,CAACC,OAAO,CAAC,CAAC;QAClB,CAAE;QACFC,EAAE,EAAC,KAAK;QACRN,IAAI;QAAAH,QAAA,eAEJR,IAAA,CAACL,IAAI;UAACiB,KAAK,EAAEG,MAAM,CAACG,WAAW,GAAG,qBAAqB,GAAG,iBAAkB;UAAAV,QAAA,EAAEO,MAAM,CAACI;QAAK,CAAO;MAAC,GAR7FJ,MAAM,CAACI,KASN,CACT,CAAC;IAAA,CACI;EAAC,CACJ,CAAC;AAEZ,CAAC","ignoreList":[]}
+{"version":3,"names":["HStack","Icon","Island","Text","VStack","useHostGuard","Sheet","jsx","_jsx","jsxs","_jsxs","ActionSheet","actions","onDismiss","title","visible","children","pb","wide","px","py","color","variant","map","action","destructive","onPress","spacing","icon","name","label"],"sourceRoot":"../../../../src","sources":["organisms/action-sheet/action-sheet.android.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;AAC/C,SAAQC,KAAK,QAAO,mBAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAC3GV,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEG,IAAA,CAACF,KAAK;IAACO,SAAS,EAAEA,SAAU;IAACE,OAAO,EAAEA,OAAQ;IAAAC,QAAA,eAC5CR,IAAA,CAACN,MAAM;MAAAc,QAAA,eACLN,KAAA,CAACN,MAAM;QAACa,EAAE,EAAC,KAAK;QAACC,IAAI;QAAAF,QAAA,gBACnBR,IAAA,CAACR,MAAM;UAACmB,EAAE,EAAC,KAAK;UAACC,EAAE,EAAC,KAAK;UAACF,IAAI;UAAAF,QAAA,eAC5BR,IAAA,CAACL,IAAI;YAACkB,KAAK,EAAC,mBAAmB;YAACC,OAAO,EAAC,aAAa;YAAAN,QAAA,EAClDF;UAAK,CACF;QAAC,CACD,CAAC,EACRF,OAAO,CAACW,GAAG,CAACC,MAAM,IAAI;UACrB,MAAMH,KAAK,GAAGG,MAAM,CAACC,WAAW,GAAG,qBAAqB,GAAG,iBAAiB;UAE5E,oBACEf,KAAA,CAACV,MAAM;YAEL0B,OAAO,EAAEA,CAAA,KAAM;cACbb,SAAS,CAAC,CAAC;cACXW,MAAM,CAACE,OAAO,CAAC,CAAC;YAClB,CAAE;YACFP,EAAE,EAAC,KAAK;YACRC,EAAE,EAAC,KAAK;YACRO,OAAO,EAAC,KAAK;YACbT,IAAI;YAAAF,QAAA,GAEHQ,MAAM,CAACI,IAAI,gBAAGpB,IAAA,CAACP,IAAI;cAACoB,KAAK,EAAEA,KAAM;cAACQ,IAAI,EAAEL,MAAM,CAACI;YAAK,CAAE,CAAC,GAAG,IAAI,eAC/DpB,IAAA,CAACL,IAAI;cAACkB,KAAK,EAAEA,KAAM;cAACC,OAAO,EAAC,MAAM;cAAAN,QAAA,EAC/BQ,MAAM,CAACM;YAAK,CACT,CAAC;UAAA,GAbFN,MAAM,CAACM,KAcN,CAAC;QAEb,CAAC,CAAC;MAAA,CACI;IAAC,CACH;EAAC,CACJ,CAAC;AAEZ,CAAC","ignoreList":[]}

package/lib/module/organisms/action-sheet/action-sheet.ios.js

@@ -1,8 +1,18 @@
 "use strict";
 
-import { Button, ConfirmationDialog } from '@expo/ui/swift-ui';
+import { Button, ConfirmationDialog, Spacer } from '@expo/ui/swift-ui';
+import { frame } from '@expo/ui/swift-ui/modifiers';
 import { useHostGuard } from "../../host-context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `@expo/ui` hangs the dialog on its `Trigger` and reads the buttons from its `Actions` slot. Without a trigger it
+ * attaches to an `EmptyView`, which SwiftUI never presents from — a spacer framed to nothing is a real view that takes
+ * no room.
+ */
+const ANCHOR = [frame({
+  height: 0,
+  width: 0
+})];
 export const ActionSheet = ({
   actions,
   onDismiss,
@@ -10,7 +20,7 @@ export const ActionSheet = ({
   visible
 }) => {
   useHostGuard('ActionSheet');
-  return /*#__PURE__*/_jsx(ConfirmationDialog, {
+  return /*#__PURE__*/_jsxs(ConfirmationDialog, {
     isPresented: visible,
     onIsPresentedChange: next => {
       if (!next) {
@@ -18,11 +28,17 @@ export const ActionSheet = ({
       }
     },
     title: title,
-    children: actions.map(action => /*#__PURE__*/_jsx(Button, {
-      label: action.label,
-      onPress: action.onPress,
-      role: action.destructive ? 'destructive' : 'default'
-    }, action.label))
+    children: [/*#__PURE__*/_jsx(ConfirmationDialog.Trigger, {
+      children: /*#__PURE__*/_jsx(Spacer, {
+        modifiers: ANCHOR
+      })
+    }), /*#__PURE__*/_jsx(ConfirmationDialog.Actions, {
+      children: actions.map(action => /*#__PURE__*/_jsx(Button, {
+        label: action.label,
+        onPress: action.onPress,
+        role: action.destructive ? 'destructive' : 'default'
+      }, action.label))
+    })]
   });
 };
 //# sourceMappingURL=action-sheet.ios.js.map

package/lib/module/organisms/action-sheet/action-sheet.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","ConfirmationDialog","useHostGuard","jsx","_jsx","ActionSheet","actions","onDismiss","title","visible","isPresented","onIsPresentedChange","next","children","map","action","label","onPress","role","destructive"],"sourceRoot":"../../../../src","sources":["organisms/action-sheet/action-sheet.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,kBAAkB,QAAO,mBAAmB;AAE5D,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAC3GP,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEE,IAAA,CAACH,kBAAkB;IACjBS,WAAW,EAAED,OAAQ;IACrBE,mBAAmB,EAAEC,IAAI,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACTL,SAAS,CAAC,CAAC;MACb;IACF,CAAE;IACFC,KAAK,EAAEA,KAAM;IAAAK,QAAA,EAEZP,OAAO,CAACQ,GAAG,CAACC,MAAM,iBACjBX,IAAA,CAACJ,MAAM;MAELgB,KAAK,EAAED,MAAM,CAACC,KAAM;MACpBC,OAAO,EAAEF,MAAM,CAACE,OAAQ;MACxBC,IAAI,EAAEH,MAAM,CAACI,WAAW,GAAG,aAAa,GAAG;IAAU,GAHhDJ,MAAM,CAACC,KAIb,CACF;EAAC,CACgB,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","ConfirmationDialog","Spacer","frame","useHostGuard","jsx","_jsx","jsxs","_jsxs","ANCHOR","height","width","ActionSheet","actions","onDismiss","title","visible","isPresented","onIsPresentedChange","next","children","Trigger","modifiers","Actions","map","action","label","onPress","role","destructive"],"sourceRoot":"../../../../src","sources":["organisms/action-sheet/action-sheet.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,kBAAkB,EAAEC,MAAM,QAAO,mBAAmB;AACpE,SAAQC,KAAK,QAAO,6BAA6B;AAEjD,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAG,CAACN,KAAK,CAAC;EAACO,MAAM,EAAE,CAAC;EAAEC,KAAK,EAAE;AAAC,CAAC,CAAC,CAAC;AAE7C,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAC3GZ,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEI,KAAA,CAACP,kBAAkB;IACjBgB,WAAW,EAAED,OAAQ;IACrBE,mBAAmB,EAAEC,IAAI,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACTL,SAAS,CAAC,CAAC;MACb;IACF,CAAE;IACFC,KAAK,EAAEA,KAAM;IAAAK,QAAA,gBAEbd,IAAA,CAACL,kBAAkB,CAACoB,OAAO;MAAAD,QAAA,eACzBd,IAAA,CAACJ,MAAM;QAACoB,SAAS,EAAEb;MAAO,CAAE;IAAC,CACH,CAAC,eAC7BH,IAAA,CAACL,kBAAkB,CAACsB,OAAO;MAAAH,QAAA,EACxBP,OAAO,CAACW,GAAG,CAACC,MAAM,iBACjBnB,IAAA,CAACN,MAAM;QAEL0B,KAAK,EAAED,MAAM,CAACC,KAAM;QACpBC,OAAO,EAAEF,MAAM,CAACE,OAAQ;QACxBC,IAAI,EAAEH,MAAM,CAACI,WAAW,GAAG,aAAa,GAAG;MAAU,GAHhDJ,MAAM,CAACC,KAIb,CACF;IAAC,CACwB,CAAC;EAAA,CACX,CAAC;AAEzB,CAAC","ignoreList":[]}

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

@@ -1,8 +1,17 @@
 "use strict";
 
-import { Button, Alert as SwiftUIAlert, Text as SwiftUIText } from '@expo/ui/swift-ui';
+import { Button, Spacer, Alert as SwiftUIAlert, Text as SwiftUIText } from '@expo/ui/swift-ui';
+import { frame } from '@expo/ui/swift-ui/modifiers';
 import { useHostGuard } from "../../host-context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `@expo/ui` hangs the alert on its `Alert.Trigger`, and on an `EmptyView` when there is none — which SwiftUI never
+ * presents from, so the alert would not appear at all. A spacer framed to nothing is a real view that takes no room.
+ */
+const ANCHOR = [frame({
+  height: 0,
+  width: 0
+})];
 export const Alert = ({
   confirmLabel = 'OK',
   destructive = false,
@@ -21,7 +30,11 @@ export const Alert = ({
       }
     },
     title: title,
-    children: [/*#__PURE__*/_jsxs(SwiftUIAlert.Actions, {
+    children: [/*#__PURE__*/_jsx(SwiftUIAlert.Trigger, {
+      children: /*#__PURE__*/_jsx(Spacer, {
+        modifiers: ANCHOR
+      })
+    }), /*#__PURE__*/_jsxs(SwiftUIAlert.Actions, {
       children: [/*#__PURE__*/_jsx(Button, {
         label: confirmLabel,
         onPress: onConfirm ?? onDismiss,

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

@@ -1 +1 @@
-{"version":3,"names":["Button","Alert","SwiftUIAlert","Text","SwiftUIText","useHostGuard","jsx","_jsx","jsxs","_jsxs","confirmLabel","destructive","message","onConfirm","onDismiss","title","visible","isPresented","onIsPresentedChange","next","children","Actions","label","onPress","role","Message"],"sourceRoot":"../../../../src","sources":["organisms/alert/alert.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,KAAK,IAAIC,YAAY,EAAEC,IAAI,IAAIC,WAAW,QAAO,mBAAmB;AAEpF,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMR,KAAqB,GAAGA,CAAC;EACpCS,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,KAAK;EACnBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC;AACU,CAAC,KAAK;EAChBX,YAAY,CAAC,OAAO,CAAC;EAErB,oBACEI,KAAA,CAACP,YAAY;IACXe,WAAW,EAAED,OAAQ;IACrBE,mBAAmB,EAAEC,IAAI,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACTL,SAAS,CAAC,CAAC;MACb;IACF,CAAE;IACFC,KAAK,EAAEA,KAAM;IAAAK,QAAA,gBAEbX,KAAA,CAACP,YAAY,CAACmB,OAAO;MAAAD,QAAA,gBACnBb,IAAA,CAACP,MAAM;QAACsB,KAAK,EAAEZ,YAAa;QAACa,OAAO,EAAEV,SAAS,IAAIC,SAAU;QAACU,IAAI,EAAEb,WAAW,GAAG,aAAa,GAAG;MAAU,CAAE,CAAC,eAC/GJ,IAAA,CAACP,MAAM;QAACsB,KAAK,EAAC,QAAQ;QAACC,OAAO,EAAET,SAAU;QAACU,IAAI,EAAC;MAAQ,CAAE,CAAC;IAAA,CACvC,CAAC,EAQtBZ,OAAO,gBACNL,IAAA,CAACL,YAAY,CAACuB,OAAO;MAAAL,QAAA,eACnBb,IAAA,CAACH,WAAW;QAAAgB,QAAA,EAAER;MAAO,CAAc;IAAC,CAChB,CAAC,GACrB,IAAI;EAAA,CACI,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","Spacer","Alert","SwiftUIAlert","Text","SwiftUIText","frame","useHostGuard","jsx","_jsx","jsxs","_jsxs","ANCHOR","height","width","confirmLabel","destructive","message","onConfirm","onDismiss","title","visible","isPresented","onIsPresentedChange","next","children","Trigger","modifiers","Actions","label","onPress","role","Message"],"sourceRoot":"../../../../src","sources":["organisms/alert/alert.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,MAAM,EAAEC,KAAK,IAAIC,YAAY,EAAEC,IAAI,IAAIC,WAAW,QAAO,mBAAmB;AAC5F,SAAQC,KAAK,QAAO,6BAA6B;AAEjD,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAG,CAACN,KAAK,CAAC;EAACO,MAAM,EAAE,CAAC;EAAEC,KAAK,EAAE;AAAC,CAAC,CAAC,CAAC;AAE7C,OAAO,MAAMZ,KAAqB,GAAGA,CAAC;EACpCa,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,KAAK;EACnBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC;AACU,CAAC,KAAK;EAChBd,YAAY,CAAC,OAAO,CAAC;EAErB,oBACEI,KAAA,CAACR,YAAY;IACXmB,WAAW,EAAED,OAAQ;IACrBE,mBAAmB,EAAEC,IAAI,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACTL,SAAS,CAAC,CAAC;MACb;IACF,CAAE;IACFC,KAAK,EAAEA,KAAM;IAAAK,QAAA,gBAEbhB,IAAA,CAACN,YAAY,CAACuB,OAAO;MAAAD,QAAA,eACnBhB,IAAA,CAACR,MAAM;QAAC0B,SAAS,EAAEf;MAAO,CAAE;IAAC,CACT,CAAC,eACvBD,KAAA,CAACR,YAAY,CAACyB,OAAO;MAAAH,QAAA,gBACnBhB,IAAA,CAACT,MAAM;QAAC6B,KAAK,EAAEd,YAAa;QAACe,OAAO,EAAEZ,SAAS,IAAIC,SAAU;QAACY,IAAI,EAAEf,WAAW,GAAG,aAAa,GAAG;MAAU,CAAE,CAAC,eAC/GP,IAAA,CAACT,MAAM;QAAC6B,KAAK,EAAC,QAAQ;QAACC,OAAO,EAAEX,SAAU;QAACY,IAAI,EAAC;MAAQ,CAAE,CAAC;IAAA,CACvC,CAAC,EAQtBd,OAAO,gBACNR,IAAA,CAACN,YAAY,CAAC6B,OAAO;MAAAP,QAAA,eACnBhB,IAAA,CAACJ,WAAW;QAAAoB,QAAA,EAAER;MAAO,CAAc;IAAC,CAChB,CAAC,GACrB,IAAI;EAAA,CACI,CAAC;AAEnB,CAAC","ignoreList":[]}

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

@@ -5,12 +5,17 @@ import { Text } from "../../atoms/text/index.js";
 import { VStack } from "../../atoms/v-stack/index.js";
 import { useHostGuard } from "../../host-context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Inset from its container on every side, as SwiftUI's grouped form is — in a `Screen` the cards would otherwise run
+ * into the screen's edges — and the section titles and footers indented to the cards' content.
+ */
 const FormRoot = ({
   children,
   testID
 }) => {
   useHostGuard('Form');
   return /*#__PURE__*/_jsx(VStack, {
+    p: "s16",
     spacing: "s16",
     testID: testID,
     wide: true,
@@ -24,18 +29,26 @@ const FormSection = ({
 }) => /*#__PURE__*/_jsxs(VStack, {
   spacing: "s4",
   wide: true,
-  children: [title ? /*#__PURE__*/_jsx(Text, {
-    color: "content.secondary",
-    transform: "uppercase",
-    variant: "labelMedium",
-    children: title
+  children: [title ? /*#__PURE__*/_jsx(VStack, {
+    px: "s16",
+    wide: true,
+    children: /*#__PURE__*/_jsx(Text, {
+      color: "content.secondary",
+      transform: "uppercase",
+      variant: "labelMedium",
+      children: title
+    })
   }) : null, /*#__PURE__*/_jsx(Card, {
     wide: true,
     children: children
-  }), footer ? /*#__PURE__*/_jsx(Text, {
-    color: "content.tertiary",
-    variant: "footnote",
-    children: footer
+  }), footer ? /*#__PURE__*/_jsx(VStack, {
+    px: "s16",
+    wide: true,
+    children: /*#__PURE__*/_jsx(Text, {
+      color: "content.tertiary",
+      variant: "footnote",
+      children: footer
+    })
   }) : null]
 });
 export const Form = Object.assign(FormRoot, {

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

@@ -1 +1 @@
-{"version":3,"names":["Card","Text","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","FormRoot","children","testID","spacing","wide","FormSection","footer","title","color","transform","variant","Form","Object","assign","Section"],"sourceRoot":"../../../../src","sources":["organisms/form/form.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,QAAO,2BAAkB;AACrC,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,MAAMC,QAAQ,GAAGA,CAAC;EAACC,QAAQ;EAAEC;AAAiB,CAAC,KAAK;EAClDP,YAAY,CAAC,MAAM,CAAC;EAEpB,oBACEE,IAAA,CAACH,MAAM;IAACS,OAAO,EAAC,KAAK;IAACD,MAAM,EAAEA,MAAO;IAACE,IAAI;IAAAH,QAAA,EACvCA;EAAQ,CACH,CAAC;AAEb,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAC;EAACJ,QAAQ;EAAEK,MAAM;EAAEC;AAAuB,CAAC,kBAC9DR,KAAA,CAACL,MAAM;EAACS,OAAO,EAAC,IAAI;EAACC,IAAI;EAAAH,QAAA,GACtBM,KAAK,gBACJV,IAAA,CAACJ,IAAI;IAACe,KAAK,EAAC,mBAAmB;IAACC,SAAS,EAAC,WAAW;IAACC,OAAO,EAAC,aAAa;IAAAT,QAAA,EACxEM;EAAK,CACF,CAAC,GACL,IAAI,eACRV,IAAA,CAACL,IAAI;IAACY,IAAI;IAAAH,QAAA,EAAEA;EAAQ,CAAO,CAAC,EAC3BK,MAAM,gBACLT,IAAA,CAACJ,IAAI;IAACe,KAAK,EAAC,kBAAkB;IAACE,OAAO,EAAC,UAAU;IAAAT,QAAA,EAC9CK;EAAM,CACH,CAAC,GACL,IAAI;AAAA,CACF,CACT;AAED,OAAO,MAAMK,IAAmB,GAAGC,MAAM,CAACC,MAAM,CAACb,QAAQ,EAAE;EAACc,OAAO,EAAET;AAAW,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Card","Text","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","FormRoot","children","testID","p","spacing","wide","FormSection","footer","title","px","color","transform","variant","Form","Object","assign","Section"],"sourceRoot":"../../../../src","sources":["organisms/form/form.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,QAAO,2BAAkB;AACrC,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;AACA;AACA;AACA;AACA,MAAMC,QAAQ,GAAGA,CAAC;EAACC,QAAQ;EAAEC;AAAiB,CAAC,KAAK;EAClDP,YAAY,CAAC,MAAM,CAAC;EAEpB,oBACEE,IAAA,CAACH,MAAM;IAACS,CAAC,EAAC,KAAK;IAACC,OAAO,EAAC,KAAK;IAACF,MAAM,EAAEA,MAAO;IAACG,IAAI;IAAAJ,QAAA,EAC/CA;EAAQ,CACH,CAAC;AAEb,CAAC;AAED,MAAMK,WAAW,GAAGA,CAAC;EAACL,QAAQ;EAAEM,MAAM;EAAEC;AAAuB,CAAC,kBAC9DT,KAAA,CAACL,MAAM;EAACU,OAAO,EAAC,IAAI;EAACC,IAAI;EAAAJ,QAAA,GACtBO,KAAK,gBACJX,IAAA,CAACH,MAAM;IAACe,EAAE,EAAC,KAAK;IAACJ,IAAI;IAAAJ,QAAA,eACnBJ,IAAA,CAACJ,IAAI;MAACiB,KAAK,EAAC,mBAAmB;MAACC,SAAS,EAAC,WAAW;MAACC,OAAO,EAAC,aAAa;MAAAX,QAAA,EACxEO;IAAK,CACF;EAAC,CACD,CAAC,GACP,IAAI,eACRX,IAAA,CAACL,IAAI;IAACa,IAAI;IAAAJ,QAAA,EAAEA;EAAQ,CAAO,CAAC,EAC3BM,MAAM,gBACLV,IAAA,CAACH,MAAM;IAACe,EAAE,EAAC,KAAK;IAACJ,IAAI;IAAAJ,QAAA,eACnBJ,IAAA,CAACJ,IAAI;MAACiB,KAAK,EAAC,kBAAkB;MAACE,OAAO,EAAC,UAAU;MAAAX,QAAA,EAC9CM;IAAM,CACH;EAAC,CACD,CAAC,GACP,IAAI;AAAA,CACF,CACT;AAED,OAAO,MAAMM,IAAmB,GAAGC,MAAM,CAACC,MAAM,CAACf,QAAQ,EAAE;EAACgB,OAAO,EAAEV;AAAW,CAAC,CAAC","ignoreList":[]}

package/lib/module/organisms/swipe-actions/swipe-actions.android.js

@@ -1,17 +1,131 @@
 "use strict";
 
-import { warnUnsupported } from "../../platform-support.js";
-/** Passes the row straight through, so losing the gesture never costs you the content. */
-const SwipeActionsRoot = ({
-  children
+import { FilledIconButton } from '@expo/ui/jetpack-compose';
+import { size } from '@expo/ui/jetpack-compose/modifiers';
+import { SwipeActionsBox } from '@hzblj/kara-native/jetpack-compose';
+import { spacing, useAppTheme } from '@hzblj/kara-theme';
+import { useCallback, useEffect, useId, useState, useSyncExternalStore } from 'react';
+import { HStack } from "../../atoms/h-stack/index.js";
+import { Icon } from "../../atoms/icon/index.js";
+import { Text } from "../../atoms/text/index.js";
+import { VStack } from "../../atoms/v-stack/index.js";
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** A Material 3 Expressive wide icon button: wider than tall, a stadium, the label under it. */
+const BUTTON = [size(52, 32)];
+
+/**
+ * Which row is open, app-wide — SwiftUI's list keeps one row open, and so does this: opening one closes the last.
+ * React state cannot be shared between rows that know nothing of each other, so it lives in the module.
+ */
+let openRow = null;
+const listeners = new Set();
+const setOpenRow = row => {
+  if (openRow === row) {
+    return;
+  }
+  openRow = row;
+  for (const listener of listeners) {
+    listener();
+  }
+};
+const subscribe = listener => {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+};
+const getOpenRow = () => openRow;
+const ActionButton = ({
+  action,
+  onDone
 }) => {
-  warnUnsupported('SwipeActions', 'Android');
-  return children;
+  const theme = useAppTheme();
+  const fill = action.tint ?? (action.destructive ? 'fill.destructive.primary' : 'fill.accent.primary');
+  const content = !action.tint && action.destructive ? 'content.on.destructive' : 'content.on.bg';
+  const onClick = useCallback(() => {
+    onDone();
+    action.onPress();
+  }, [action, onDone]);
+  return /*#__PURE__*/_jsxs(VStack, {
+    align: "center",
+    spacing: "s2",
+    children: [/*#__PURE__*/_jsx(FilledIconButton, {
+      colors: {
+        containerColor: theme.color(fill),
+        contentColor: theme.color(content)
+      },
+      modifiers: BUTTON,
+      onClick: onClick,
+      children: /*#__PURE__*/_jsx(Icon, {
+        accessibilityLabel: action.label,
+        color: content,
+        name: action.icon,
+        size: "s20"
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      color: "content.secondary",
+      variant: "labelMedium",
+      children: action.label
+    })]
+  });
 };
-
-/** The buttons belong to a gesture that does not exist here, so they are dropped. */
-const SwipeActionsGroup = () => null;
-export const SwipeActions = Object.assign(SwipeActionsRoot, {
-  Actions: SwipeActionsGroup
+const Actions = ({
+  actions,
+  onDone
+}) => /*#__PURE__*/_jsx(HStack, {
+  align: "center",
+  spacing: "s8",
+  children: actions.map(action => /*#__PURE__*/_jsx(ActionButton, {
+    action: action,
+    onDone: onDone
+  }, action.label))
 });
+const close = () => setOpenRow(null);
+
+/**
+ * kara's `SwipeActionsBox`: the row slides on an anchored drag and the buttons show in the strip it leaves, fading in.
+ * Controlled from here so one row is open at a time; a press closes the row before the action runs.
+ */
+export const SwipeActions = ({
+  children,
+  leading = [],
+  trailing = []
+}) => {
+  useHostGuard('SwipeActions');
+  const row = useId();
+  const isOpenRow = useSyncExternalStore(subscribe, getOpenRow) === row;
+  const [edge, setEdge] = useState(null);
+  const onOpenChange = useCallback(next => {
+    setEdge(next);
+    if (next) {
+      setOpenRow(row);
+    } else if (openRow === row) {
+      setOpenRow(null);
+    }
+  }, [row]);
+
+  // A row that goes away open must not keep the others from opening.
+  useEffect(() => () => {
+    if (openRow === row) {
+      setOpenRow(null);
+    }
+  }, [row]);
+  return /*#__PURE__*/_jsxs(SwipeActionsBox, {
+    actionsSpacing: spacing.s12,
+    onOpenChange: onOpenChange,
+    openEdge: isOpenRow ? edge : null,
+    children: [leading.length > 0 ? /*#__PURE__*/_jsx(SwipeActionsBox.Leading, {
+      children: /*#__PURE__*/_jsx(Actions, {
+        actions: leading,
+        onDone: close
+      })
+    }) : null, trailing.length > 0 ? /*#__PURE__*/_jsx(SwipeActionsBox.Trailing, {
+      children: /*#__PURE__*/_jsx(Actions, {
+        actions: [...trailing].reverse(),
+        onDone: close
+      })
+    }) : null, children]
+  });
+};
 //# sourceMappingURL=swipe-actions.android.js.map

package/lib/module/organisms/swipe-actions/swipe-actions.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["warnUnsupported","SwipeActionsRoot","children","SwipeActionsGroup","SwipeActions","Object","assign","Actions"],"sourceRoot":"../../../../src","sources":["organisms/swipe-actions/swipe-actions.android.tsx"],"mappings":";;AAAA,SAAQA,eAAe,QAAO,2BAAwB;AAGtD;AACA,MAAMC,gBAAgB,GAAGA,CAAC;EAACC;AAA2B,CAAC,KAAK;EAC1DF,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC;EAE1C,OAAOE,QAAQ;AACjB,CAAC;;AAED;AACA,MAAMC,iBAAiB,GAAGA,CAAA,KAAM,IAAI;AAEpC,OAAO,MAAMC,YAAmC,GAAGC,MAAM,CAACC,MAAM,CAACL,gBAAgB,EAAE;EAACM,OAAO,EAAEJ;AAAiB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["FilledIconButton","size","SwipeActionsBox","spacing","useAppTheme","useCallback","useEffect","useId","useState","useSyncExternalStore","HStack","Icon","Text","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","BUTTON","openRow","listeners","Set","setOpenRow","row","listener","subscribe","add","delete","getOpenRow","ActionButton","action","onDone","theme","fill","tint","destructive","content","onClick","onPress","align","children","colors","containerColor","color","contentColor","modifiers","accessibilityLabel","label","name","icon","variant","Actions","actions","map","close","SwipeActions","leading","trailing","isOpenRow","edge","setEdge","onOpenChange","next","actionsSpacing","s12","openEdge","length","Leading","Trailing","reverse"],"sourceRoot":"../../../../src","sources":["organisms/swipe-actions/swipe-actions.android.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/swipe-actions/swipe-actions.ios.js

@@ -1,28 +1,56 @@
 "use strict";
 
-import { SwipeActions as SwiftUISwipeActions } from '@expo/ui/swift-ui';
+import { Button, Image, Label, SwipeActions as SwiftUISwipeActions } from '@expo/ui/swift-ui';
+import { tint } from '@expo/ui/swift-ui/modifiers';
+import { iconResourceName } from '@hzblj/kara-native';
+import { useAppTheme } from '@hzblj/kara-theme';
 import { useHostGuard } from "../../host-context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const SwipeActionsRoot = ({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The edge's buttons, a `Label` each — iOS 26 draws its icon on a round button with the title under it; earlier
+ * versions, in a row of the usual height, the icon alone. No `destructive` role: SwiftUI would animate the row out by itself, and whether it goes is
+ * the list's data to say.
+ */
+const Actions = ({
+  actions,
+  allowsFullSwipe,
+  edge
+}) => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(SwiftUISwipeActions.Actions, {
+    allowsFullSwipe: allowsFullSwipe,
+    edge: edge,
+    children: actions.map(action => /*#__PURE__*/_jsx(Button, {
+      modifiers: [tint(theme.color(action.tint ?? (action.destructive ? 'fill.destructive.primary' : 'fill.accent.primary')))],
+      onPress: action.onPress,
+      children: /*#__PURE__*/_jsx(Label, {
+        icon: /*#__PURE__*/_jsx(Image, {
+          assetName: iconResourceName(action.icon)
+        }),
+        title: action.label
+      })
+    }, action.label))
+  });
+};
+export const SwipeActions = ({
+  allowsFullSwipe = true,
   children,
-  testID
+  leading = [],
+  testID,
+  trailing = []
 }) => {
   useHostGuard('SwipeActions');
-  return /*#__PURE__*/_jsx(SwiftUISwipeActions, {
+  return /*#__PURE__*/_jsxs(SwiftUISwipeActions, {
     testID: testID,
-    children: children
+    children: [children, leading.length > 0 ? /*#__PURE__*/_jsx(Actions, {
+      actions: leading,
+      allowsFullSwipe: allowsFullSwipe,
+      edge: "leading"
+    }) : null, trailing.length > 0 ? /*#__PURE__*/_jsx(Actions, {
+      actions: trailing,
+      allowsFullSwipe: allowsFullSwipe,
+      edge: "trailing"
+    }) : null]
   });
 };
-const SwipeActionsGroup = ({
-  allowsFullSwipe = true,
-  children,
-  edge = 'trailing'
-}) => /*#__PURE__*/_jsx(SwiftUISwipeActions.Actions, {
-  allowsFullSwipe: allowsFullSwipe,
-  edge: edge,
-  children: children
-});
-export const SwipeActions = Object.assign(SwipeActionsRoot, {
-  Actions: SwipeActionsGroup
-});
 //# sourceMappingURL=swipe-actions.ios.js.map

package/lib/module/organisms/swipe-actions/swipe-actions.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["SwipeActions","SwiftUISwipeActions","useHostGuard","jsx","_jsx","SwipeActionsRoot","children","testID","SwipeActionsGroup","allowsFullSwipe","edge","Actions","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/swipe-actions/swipe-actions.ios.tsx"],"mappings":";;AAAA,SAAQA,YAAY,IAAIC,mBAAmB,QAAO,mBAAmB;AAErE,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,MAAMC,gBAAgB,GAAGA,CAAC;EAACC,QAAQ;EAAEC;AAAyB,CAAC,KAAK;EAClEL,YAAY,CAAC,cAAc,CAAC;EAE5B,oBAAOE,IAAA,CAACH,mBAAmB;IAACM,MAAM,EAAEA,MAAO;IAAAD,QAAA,EAAEA;EAAQ,CAAsB,CAAC;AAC9E,CAAC;AAED,MAAME,iBAAiB,GAAGA,CAAC;EAACC,eAAe,GAAG,IAAI;EAAEH,QAAQ;EAAEI,IAAI,GAAG;AAAkC,CAAC,kBACtGN,IAAA,CAACH,mBAAmB,CAACU,OAAO;EAACF,eAAe,EAAEA,eAAgB;EAACC,IAAI,EAAEA,IAAK;EAAAJ,QAAA,EACvEA;AAAQ,CACkB,CAC9B;AAED,OAAO,MAAMN,YAAmC,GAAGY,MAAM,CAACC,MAAM,CAACR,gBAAgB,EAAE;EAACM,OAAO,EAAEH;AAAiB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","Image","Label","SwipeActions","SwiftUISwipeActions","tint","iconResourceName","useAppTheme","useHostGuard","jsx","_jsx","jsxs","_jsxs","Actions","actions","allowsFullSwipe","edge","theme","children","map","action","modifiers","color","destructive","onPress","icon","assetName","title","label","leading","testID","trailing","length"],"sourceRoot":"../../../../src","sources":["organisms/swipe-actions/swipe-actions.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,YAAY,IAAIC,mBAAmB,QAAO,mBAAmB;AAC3F,SAAQC,IAAI,QAAO,6BAA6B;AAChD,SAAQC,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAK/C;AACA;AACA;AACA;AACA;AACA,MAAMC,OAAO,GAAGA,CAAC;EAACC,OAAO;EAAEC,eAAe;EAAEC;AAAkB,CAAC,KAAK;EAClE,MAAMC,KAAK,GAAGV,WAAW,CAAC,CAAC;EAE3B,oBACEG,IAAA,CAACN,mBAAmB,CAACS,OAAO;IAACE,eAAe,EAAEA,eAAgB;IAACC,IAAI,EAAEA,IAAK;IAAAE,QAAA,EACvEJ,OAAO,CAACK,GAAG,CAACC,MAAM,iBACjBV,IAAA,CAACV,MAAM;MAELqB,SAAS,EAAE,CACThB,IAAI,CAACY,KAAK,CAACK,KAAK,CAACF,MAAM,CAACf,IAAI,KAAKe,MAAM,CAACG,WAAW,GAAG,0BAA0B,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAC3G;MACFC,OAAO,EAAEJ,MAAM,CAACI,OAAQ;MAAAN,QAAA,eAExBR,IAAA,CAACR,KAAK;QAACuB,IAAI,eAAEf,IAAA,CAACT,KAAK;UAACyB,SAAS,EAAEpB,gBAAgB,CAACc,MAAM,CAACK,IAAI;QAAE,CAAE,CAAE;QAACE,KAAK,EAAEP,MAAM,CAACQ;MAAM,CAAE;IAAC,GANpFR,MAAM,CAACQ,KAON,CACT;EAAC,CACyB,CAAC;AAElC,CAAC;AAED,OAAO,MAAMzB,YAAmC,GAAGA,CAAC;EAClDY,eAAe,GAAG,IAAI;EACtBG,QAAQ;EACRW,OAAO,GAAG,EAAE;EACZC,MAAM;EACNC,QAAQ,GAAG;AACM,CAAC,KAAK;EACvBvB,YAAY,CAAC,cAAc,CAAC;EAE5B,oBACEI,KAAA,CAACR,mBAAmB;IAAC0B,MAAM,EAAEA,MAAO;IAAAZ,QAAA,GACjCA,QAAQ,EACRW,OAAO,CAACG,MAAM,GAAG,CAAC,gBAAGtB,IAAA,CAACG,OAAO;MAACC,OAAO,EAAEe,OAAQ;MAACd,eAAe,EAAEA,eAAgB;MAACC,IAAI,EAAC;IAAS,CAAE,CAAC,GAAG,IAAI,EAC1Ge,QAAQ,CAACC,MAAM,GAAG,CAAC,gBAAGtB,IAAA,CAACG,OAAO;MAACC,OAAO,EAAEiB,QAAS;MAAChB,eAAe,EAAEA,eAAgB;MAACC,IAAI,EAAC;IAAU,CAAE,CAAC,GAAG,IAAI;EAAA,CAC3F,CAAC;AAE1B,CAAC","ignoreList":[]}

package/lib/module/ripple-clip.js

@@ -8,6 +8,9 @@ const FILL = {
   flexGrow: 1
 };
 
+/** What gives the outer view a height of its own, rather than its content's. */
+const SIZING_KEYS = ['aspectRatio', 'flex', 'flexBasis', 'flexGrow', 'height', 'minHeight'];
+
 /**
  * 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
@@ -28,8 +31,13 @@ export const splitForRipple = style => {
       outer[key] = value;
     }
   }
+
+  // Only a sized outer view needs the pressable stretched to it. Sized by its content it must not be: Yoga grows a
+  // `flexGrow` child of a fit-content parent to the most it may take — inside a row centred on its cross axis, the
+  // pressable would stretch to the row's full height and leave its content at the top.
+  const sized = SIZING_KEYS.some(key => flat[key] !== undefined) || flat.top !== undefined && flat.bottom !== undefined;
   return {
-    inner: [FILL, inner],
+    inner: sized ? [FILL, inner] : [inner],
     outer: outer
   };
 };

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

@@ -1 +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":[]}
+{"version":3,"names":["StyleSheet","CONTENT_KEYS","Set","FILL","flexGrow","SIZING_KEYS","splitForRipple","style","flat","flatten","outer","overflow","inner","key","value","Object","entries","has","sized","some","undefined","top","bottom"],"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,MAAMC,WAAW,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAU;;AAEpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAIC,KAA4B,IAA6C;EACtG,MAAMC,IAAI,GAAGR,UAAU,CAACS,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,IAAIP,YAAY,CAACgB,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;EACA;EACA;EACA,MAAMI,KAAK,GACTb,WAAW,CAACc,IAAI,CAACN,GAAG,IAAIL,IAAI,CAACK,GAAG,CAAC,KAAKO,SAAS,CAAC,IAAKZ,IAAI,CAACa,GAAG,KAAKD,SAAS,IAAIZ,IAAI,CAACc,MAAM,KAAKF,SAAU;EAE3G,OAAO;IAACR,KAAK,EAAEM,KAAK,GAAG,CAACf,IAAI,EAAES,KAAK,CAAc,GAAG,CAACA,KAAK,CAAc;IAAEF,KAAK,EAAEA;EAAkB,CAAC;AACtG,CAAC","ignoreList":[]}

package/lib/module/templates/screen/screen.android.js

@@ -1,11 +1,18 @@
 "use strict";
 
 import { Column, Host } from '@expo/ui/jetpack-compose';
+import { padding } from '@expo/ui/jetpack-compose/modifiers';
 import { useSxModifiers } from '@hzblj/kara-sx';
 import { useAppTheme } from '@hzblj/kara-theme';
-import { StyleSheet } from 'react-native';
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { StatusBar, StyleSheet, View } from 'react-native';
 import { HostBoundary } from "../../host-context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The content keeps clear of as much of the status bar as the screen covers — all of it when nothing sits above the
+ * screen, none under a navigation bar — the way a SwiftUI host keeps to the safe area. Compose would draw under it:
+ * the app is edge to edge, and `Host` pads for nothing. The background still runs to the edge.
+ */
 export const Screen = ({
   bg = 'surface.base',
   children,
@@ -13,20 +20,34 @@ export const Screen = ({
   testID
 }) => {
   const theme = useAppTheme();
-  const modifiers = useSxModifiers({
+  const frame = useRef(null);
+  const [statusBarOverlap, setStatusBarOverlap] = useState(0);
+  const sx = useSxModifiers({
     bg,
     tall: true,
     wide: true
   });
-  return /*#__PURE__*/_jsx(Host, {
-    colorScheme: theme.dark ? 'dark' : 'light',
-    ignoreSafeAreaKeyboardInsets: ignoreKeyboardInset,
-    seedColor: theme.materialSeed,
+  const modifiers = useMemo(() => statusBarOverlap > 0 ? [...sx, padding(0, statusBarOverlap, 0, 0)] : sx, [statusBarOverlap, sx]);
+  const onLayout = useCallback(() => {
+    frame.current?.measureInWindow((_x, y) => {
+      setStatusBarOverlap(Math.max(0, Math.round((StatusBar.currentHeight ?? 0) - y)));
+    });
+  }, []);
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: onLayout,
+    ref: frame,
     style: StyleSheet.absoluteFill,
-    children: /*#__PURE__*/_jsx(Column, {
-      modifiers: modifiers,
-      children: /*#__PURE__*/_jsx(HostBoundary, {
-        children: children
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Host, {
+      colorScheme: theme.dark ? 'dark' : 'light',
+      ignoreSafeAreaKeyboardInsets: ignoreKeyboardInset,
+      seedColor: theme.materialSeed,
+      style: StyleSheet.absoluteFill,
+      children: /*#__PURE__*/_jsx(Column, {
+        modifiers: modifiers,
+        children: /*#__PURE__*/_jsx(HostBoundary, {
+          children: children
+        })
       })
     })
   });