@hzblj/kara-components 0.1.0 → 0.2.0

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

@@ -1,23 +1,44 @@
 "use strict";
 
-import { Button, ContextMenu as SwiftUIContextMenu } from '@expo/ui/swift-ui';
-import { useHostGuard } from "../../host-context.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ContextMenu = ({
+import { iconResourceName } from '@hzblj/kara-native';
+import { ContextMenu as NativeContextMenu, ContextMenuExclusion as NativeContextMenuExclusion } from '@hzblj/kara-native/swift-ui';
+import { useSx } from '@hzblj/kara-sx';
+import { useCallback, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ContextMenuRoot = ({
   actions,
-  children
+  children,
+  onPreviewPress,
+  preview,
+  testID,
+  ...sx
 }) => {
-  useHostGuard('ContextMenu');
-  return /*#__PURE__*/_jsxs(SwiftUIContextMenu, {
-    children: [/*#__PURE__*/_jsx(SwiftUIContextMenu.Items, {
-      children: actions.map(action => /*#__PURE__*/_jsx(Button, {
-        label: action.label,
-        onPress: action.onPress,
-        role: action.destructive ? 'destructive' : 'default'
-      }, action.label))
-    }), /*#__PURE__*/_jsx(SwiftUIContextMenu.Trigger, {
-      children: children
-    })]
+  const style = useSx(sx);
+
+  /** The native side hands back an id; the index is the one identity every action has. */
+  const items = useMemo(() => actions.map((action, index) => ({
+    destructive: action.destructive,
+    id: String(index),
+    image: action.icon ? iconResourceName(action.icon) : undefined,
+    title: action.label
+  })), [actions]);
+  const onSelectItem = useCallback(id => actions[Number(id)]?.onPress(), [actions]);
+  return /*#__PURE__*/_jsx(NativeContextMenu, {
+    items: items,
+    onPreviewPress: onPreviewPress,
+    onSelectItem: onSelectItem,
+    preview: preview,
+    style: style,
+    testID: testID,
+    children: children
   });
 };
+const Exclusion = ({
+  children
+}) => /*#__PURE__*/_jsx(NativeContextMenuExclusion, {
+  children: children
+});
+export const ContextMenu = Object.assign(ContextMenuRoot, {
+  Exclusion
+});
 //# sourceMappingURL=context-menu.ios.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Button","ContextMenu","SwiftUIContextMenu","useHostGuard","jsx","_jsx","jsxs","_jsxs","actions","children","Items","map","action","label","onPress","role","destructive","Trigger"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,WAAW,IAAIC,kBAAkB,QAAO,mBAAmB;AAE3E,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMN,WAAiC,GAAGA,CAAC;EAACO,OAAO;EAAEC;AAA0B,CAAC,KAAK;EAC1FN,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEI,KAAA,CAACL,kBAAkB;IAAAO,QAAA,gBACjBJ,IAAA,CAACH,kBAAkB,CAACQ,KAAK;MAAAD,QAAA,EACtBD,OAAO,CAACG,GAAG,CAACC,MAAM,iBACjBP,IAAA,CAACL,MAAM;QAELa,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,CACsB,CAAC,eAC3BR,IAAA,CAACH,kBAAkB,CAACe,OAAO;MAAAR,QAAA,EAAEA;IAAQ,CAA6B,CAAC;EAAA,CACjD,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["iconResourceName","ContextMenu","NativeContextMenu","ContextMenuExclusion","NativeContextMenuExclusion","useSx","useCallback","useMemo","jsx","_jsx","ContextMenuRoot","actions","children","onPreviewPress","preview","testID","sx","style","items","map","action","index","destructive","id","String","image","icon","undefined","title","label","onSelectItem","Number","onPress","Exclusion","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SAEEC,WAAW,IAAIC,iBAAiB,EAChCC,oBAAoB,IAAIC,0BAA0B,QAC7C,6BAA6B;AACpC,SAAQC,KAAK,QAAO,gBAAgB;AACpC,SAAQC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG1C,MAAMC,eAAe,GAAGA,CAAC;EAACC,OAAO;EAAEC,QAAQ;EAAEC,cAAc;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAoB,CAAC,KAAK;EACzG,MAAMC,KAAK,GAAGZ,KAAK,CAACW,EAAE,CAAC;;EAEvB;EACA,MAAME,KAAK,GAAGX,OAAO,CACnB,MACEI,OAAO,CAACQ,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,MAAM;IAC9BC,WAAW,EAAEF,MAAM,CAACE,WAAW;IAC/BC,EAAE,EAAEC,MAAM,CAACH,KAAK,CAAC;IACjBI,KAAK,EAAEL,MAAM,CAACM,IAAI,GAAG1B,gBAAgB,CAACoB,MAAM,CAACM,IAAI,CAAC,GAAGC,SAAS;IAC9DC,KAAK,EAAER,MAAM,CAACS;EAChB,CAAC,CAAC,CAAC,EACL,CAAClB,OAAO,CACV,CAAC;EAED,MAAMmB,YAAY,GAAGxB,WAAW,CAAEiB,EAAU,IAAKZ,OAAO,CAACoB,MAAM,CAACR,EAAE,CAAC,CAAC,EAAES,OAAO,CAAC,CAAC,EAAE,CAACrB,OAAO,CAAC,CAAC;EAE3F,oBACEF,IAAA,CAACP,iBAAiB;IAChBgB,KAAK,EAAEA,KAAM;IACbL,cAAc,EAAEA,cAAe;IAC/BiB,YAAY,EAAEA,YAAa;IAC3BhB,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IAAAH,QAAA,EAEdA;EAAQ,CACQ,CAAC;AAExB,CAAC;AAED,MAAMqB,SAAS,GAAGA,CAAC;EAACrB;AAAmC,CAAC,kBACtDH,IAAA,CAACL,0BAA0B;EAAAQ,QAAA,EAAEA;AAAQ,CAA6B,CACnE;AAED,OAAO,MAAMX,WAAiC,GAAGiC,MAAM,CAACC,MAAM,CAACzB,eAAe,EAAE;EAACuB;AAAS,CAAC,CAAC","ignoreList":[]}

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

@@ -5,6 +5,7 @@ import { FloatingActionButtonMenu, FloatingActionButtonMenuItem, ToggleFloatingA
 import { useAppTheme } from '@hzblj/kara-theme';
 import { useCallback, useState } 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";
 /** A row's `onClick` closes over its own action, so memoising it needs a component per row. */
@@ -40,7 +41,7 @@ const FabMenuRow = ({
  */
 export const FabMenu = ({
   actions,
-  icon = 'add'
+  icon
 }) => {
   useHostGuard('FabMenu');
   const theme = useAppTheme();
@@ -58,9 +59,12 @@ export const FabMenu = ({
         containerColor: theme.color('fill.accent.primary'),
         onCheckedChange: setExpanded,
         children: /*#__PURE__*/_jsx(ToggleFloatingActionButton.Icon, {
-          children: /*#__PURE__*/_jsx(Icon, {
+          children: icon ? /*#__PURE__*/_jsx(Icon, {
             color: "content.on.bg",
             name: icon
+          }) : /*#__PURE__*/_jsx(Glyph, {
+            color: "content.on.bg",
+            name: "plus"
           })
         })
       })

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

@@ -1 +1 @@
-{"version":3,"names":["Text","ComposeText","FloatingActionButtonMenu","FloatingActionButtonMenuItem","ToggleFloatingActionButton","useAppTheme","useCallback","useState","Icon","useHostGuard","jsx","_jsx","jsxs","_jsxs","FabMenuRow","action","onSelect","theme","onClick","containerColor","color","contentColor","children","icon","name","colorString","style","typography","labelMedium","label","FabMenu","actions","expanded","setExpanded","onPress","horizontalAlignment","Button","checked","onCheckedChange","map"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.android.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Text","ComposeText","FloatingActionButtonMenu","FloatingActionButtonMenuItem","ToggleFloatingActionButton","useAppTheme","useCallback","useState","Icon","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","FabMenuRow","action","onSelect","theme","onClick","containerColor","color","contentColor","children","icon","name","colorString","style","typography","labelMedium","label","FabMenu","actions","expanded","setExpanded","onPress","horizontalAlignment","Button","checked","onCheckedChange","map"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.android.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,15 +1,17 @@
 "use strict";
 
-import { Button, Menu } from '@expo/ui/swift-ui';
-import { Icon, SF_SYMBOLS } from "../../atoms/icon/index.js";
+import { Button, Image, Label, Menu } from '@expo/ui/swift-ui';
+import { iconResourceName } from '@hzblj/kara-native';
+import { Icon } from "../../atoms/icon/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 } from "react/jsx-runtime";
 /** Matches `Fab`, so a screen can switch between the two without the button changing shape. */
 const FAB_SIZE = 56;
 export const FabMenu = ({
   actions,
-  icon = 'add',
+  icon,
   testID
 }) => {
   useHostGuard('FabMenu');
@@ -22,17 +24,24 @@ export const FabMenu = ({
       p: "s16",
       shadow: "btn.accent",
       w: FAB_SIZE,
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: icon ? /*#__PURE__*/_jsx(Icon, {
         color: "content.on.bg",
         name: icon
+      }) : /*#__PURE__*/_jsx(Glyph, {
+        color: "content.on.bg",
+        name: "plus"
       })
     }),
     testID: testID,
     children: actions.map(action => /*#__PURE__*/_jsx(Button, {
-      label: action.label,
       onPress: action.onPress,
       role: action.destructive ? 'destructive' : 'default',
-      systemImage: action.icon ? SF_SYMBOLS[action.icon] : undefined
+      children: /*#__PURE__*/_jsx(Label, {
+        icon: action.icon ? /*#__PURE__*/_jsx(Image, {
+          assetName: iconResourceName(action.icon)
+        }) : undefined,
+        title: action.label
+      })
     }, action.label))
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["Button","Menu","Icon","SF_SYMBOLS","VStack","useHostGuard","jsx","_jsx","FAB_SIZE","FabMenu","actions","icon","testID","label","align","bg","borderRadius","h","p","shadow","w","children","color","name","map","action","onPress","role","destructive","systemImage","undefined"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,IAAI,QAAO,mBAAmB;AAG9C,SAAQC,IAAI,EAAEC,UAAU,QAAO,2BAAkB;AACjD,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA,MAAMC,QAAQ,GAAG,EAAE;AAEnB,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,OAAO;EAAEC,IAAI,GAAG,KAAK;EAAEC;AAAoB,CAAC,KAAK;EAC1FP,YAAY,CAAC,SAAS,CAAC;EAEvB,oBACEE,IAAA,CAACN,IAAI;IACHY,KAAK,eACHN,IAAA,CAACH,MAAM;MACLU,KAAK,EAAC,QAAQ;MACdC,EAAE,EAAC,qBAAqB;MACxBC,YAAY,EAAC,MAAM;MACnBC,CAAC,EAAET,QAAS;MACZU,CAAC,EAAC,KAAK;MACPC,MAAM,EAAC,YAAY;MACnBC,CAAC,EAAEZ,QAAS;MAAAa,QAAA,eAEZd,IAAA,CAACL,IAAI;QAACoB,KAAK,EAAC,eAAe;QAACC,IAAI,EAAEZ;MAAK,CAAE;IAAC,CACpC,CACT;IACDC,MAAM,EAAEA,MAAO;IAAAS,QAAA,EAEdX,OAAO,CAACc,GAAG,CAACC,MAAM,iBACjBlB,IAAA,CAACP,MAAM;MAELa,KAAK,EAAEY,MAAM,CAACZ,KAAM;MACpBa,OAAO,EAAED,MAAM,CAACC,OAAQ;MACxBC,IAAI,EAAEF,MAAM,CAACG,WAAW,GAAG,aAAa,GAAG,SAAU;MACrDC,WAAW,EAAEJ,MAAM,CAACd,IAAI,GAAIR,UAAU,CAACsB,MAAM,CAACd,IAAI,CAAC,GAAgBmB;IAAU,GAJxEL,MAAM,CAACZ,KAKb,CACF;EAAC,CACE,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","Image","Label","Menu","iconResourceName","Icon","VStack","Glyph","useHostGuard","jsx","_jsx","FAB_SIZE","FabMenu","actions","icon","testID","label","align","bg","borderRadius","h","p","shadow","w","children","color","name","map","action","onPress","role","destructive","assetName","undefined","title"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,QAAO,mBAAmB;AAC5D,SAAQC,gBAAgB,QAAO,oBAAoB;AAEnD,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA,MAAMC,QAAQ,GAAG,EAAE;AAEnB,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,OAAO;EAAEC,IAAI;EAAEC;AAAoB,CAAC,KAAK;EAClFP,YAAY,CAAC,SAAS,CAAC;EAEvB,oBACEE,IAAA,CAACP,IAAI;IACHa,KAAK,eACHN,IAAA,CAACJ,MAAM;MACLW,KAAK,EAAC,QAAQ;MACdC,EAAE,EAAC,qBAAqB;MACxBC,YAAY,EAAC,MAAM;MACnBC,CAAC,EAAET,QAAS;MACZU,CAAC,EAAC,KAAK;MACPC,MAAM,EAAC,YAAY;MACnBC,CAAC,EAAEZ,QAAS;MAAAa,QAAA,EAEXV,IAAI,gBAAGJ,IAAA,CAACL,IAAI;QAACoB,KAAK,EAAC,eAAe;QAACC,IAAI,EAAEZ;MAAK,CAAE,CAAC,gBAAGJ,IAAA,CAACH,KAAK;QAACkB,KAAK,EAAC,eAAe;QAACC,IAAI,EAAC;MAAM,CAAE;IAAC,CAC1F,CACT;IACDX,MAAM,EAAEA,MAAO;IAAAS,QAAA,EAEdX,OAAO,CAACc,GAAG,CAACC,MAAM,iBACjBlB,IAAA,CAACV,MAAM;MAAoB6B,OAAO,EAAED,MAAM,CAACC,OAAQ;MAACC,IAAI,EAAEF,MAAM,CAACG,WAAW,GAAG,aAAa,GAAG,SAAU;MAAAP,QAAA,eAEvGd,IAAA,CAACR,KAAK;QACJY,IAAI,EAAEc,MAAM,CAACd,IAAI,gBAAGJ,IAAA,CAACT,KAAK;UAAC+B,SAAS,EAAE5B,gBAAgB,CAACwB,MAAM,CAACd,IAAI;QAAE,CAAE,CAAC,GAAGmB,SAAU;QACpFC,KAAK,EAAEN,MAAM,CAACZ;MAAM,CACrB;IAAC,GALSY,MAAM,CAACZ,KAMZ,CACT;EAAC,CACE,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -30,6 +30,7 @@ const FormSection = ({
     variant: "labelMedium",
     children: title
   }) : null, /*#__PURE__*/_jsx(Card, {
+    wide: true,
     children: children
   }), footer ? /*#__PURE__*/_jsx(Text, {
     color: "content.tertiary",

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;IAAAS,QAAA,EAAEA;EAAQ,CAAO,CAAC,EACtBK,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","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":[]}

package/lib/module/organisms/index.js

@@ -6,7 +6,6 @@ export * from "./context-menu/index.js";
 export * from "./fab-menu/index.js";
 export * from "./form/index.js";
 export * from "./menu/index.js";
-export * from "./rn-context-menu/index.js";
 export * from "./sheet/index.js";
 export * from "./snackbar/index.js";
 export * from "./swipe-actions/index.js";

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["organisms/index.ts"],"mappings":";;AAAA,cAAc,yBAAgB;AAC9B,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,qBAAY;AAC1B,cAAc,0BAAiB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["organisms/index.ts"],"mappings":";;AAAA,cAAc,yBAAgB;AAC9B,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,qBAAY;AAC1B,cAAc,0BAAiB","ignoreList":[]}

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

@@ -1,62 +1,80 @@
 "use strict";
 
-import { Text as ComposeText, DropdownMenu } from '@expo/ui/jetpack-compose';
-import { clickable } from '@expo/ui/jetpack-compose/modifiers';
+import { Text as ComposeText, DropdownMenu, DropdownMenuItem } from '@expo/ui/jetpack-compose';
 import { useAppTheme } from '@hzblj/kara-theme';
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useState } from 'react';
 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";
-/** A row's `clickable` closes over its own action, so memoising it needs a component per row. */
 const MenuItem = ({
   action,
   onDismiss
 }) => {
   const theme = useAppTheme();
-  const modifiers = useMemo(() => [clickable(() => {
-    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
+  const color = action.destructive ? 'content.destructive' : 'content.primary';
+  return /*#__PURE__*/_jsxs(DropdownMenuItem, {
+    elementColors: {
+      leadingIconColor: theme.color(color),
+      textColor: theme.color(color)
+    },
+    onClick: () => {
+      onDismiss();
+      action.onPress();
+    },
+    children: [/*#__PURE__*/_jsx(DropdownMenuItem.Text, {
+      children: /*#__PURE__*/_jsx(ComposeText, {
+        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]
   });
 };
+
+/**
+ * Material's dropdown menu, anchored to its trigger. The items live in the `Items` slot, which Compose presents in
+ * its own popup — anywhere else they would be laid out in place, on top of the trigger.
+ */
 export const Menu = ({
   actions,
   label
 }) => {
   useHostGuard('Menu');
+  const theme = useAppTheme();
   const [expanded, setExpanded] = useState(false);
   const dismiss = useCallback(() => setExpanded(false), []);
-  return /*#__PURE__*/_jsxs(VStack, {
-    children: [/*#__PURE__*/_jsxs(HStack, {
-      align: "center",
-      onPress: () => setExpanded(true),
-      spacing: "s4",
-      children: [/*#__PURE__*/_jsx(Text, {
-        color: "content.accent",
-        children: label
-      }), /*#__PURE__*/_jsx(Icon, {
-        color: "content.accent",
-        name: "chevronDown",
-        size: "s16"
-      })]
-    }), /*#__PURE__*/_jsx(DropdownMenu, {
-      expanded: expanded,
-      onDismissRequest: dismiss,
+  return /*#__PURE__*/_jsxs(DropdownMenu, {
+    color: theme.color('surface.primary'),
+    expanded: expanded,
+    onDismissRequest: dismiss,
+    children: [/*#__PURE__*/_jsx(DropdownMenu.Trigger, {
+      children: /*#__PURE__*/_jsxs(HStack, {
+        align: "center",
+        onPress: () => setExpanded(true),
+        spacing: "s4",
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: "content.accent",
+          children: label
+        }), /*#__PURE__*/_jsx(Glyph, {
+          color: "content.accent",
+          name: "chevronDown",
+          size: "s16"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(DropdownMenu.Items, {
       children: actions.map(action => /*#__PURE__*/_jsx(MenuItem, {
         action: action,
         onDismiss: dismiss
       }, action.label))
-    }), /*#__PURE__*/_jsx(Spacer, {
-      min: "s0"
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["Text","ComposeText","DropdownMenu","clickable","useAppTheme","useCallback","useMemo","useState","HStack","Icon","Spacer","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","MenuItem","action","onDismiss","theme","modifiers","onPress","color","colorString","destructive","style","typography","body","children","label","Menu","actions","expanded","setExpanded","dismiss","align","spacing","name","size","onDismissRequest","map","min"],"sourceRoot":"../../../../src","sources":["organisms/menu/menu.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,EAAEC,YAAY,QAAO,0BAA0B;AAC1E,SAAQC,SAAS,QAAO,oCAAoC;AAC5D,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAO,OAAO;AACpD,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQV,IAAI,QAAO,2BAAkB;AACrC,SAAQW,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ/C;AACA,MAAMC,QAAQ,GAAGA,CAAC;EAACC,MAAM;EAAEC;AAAwB,CAAC,KAAK;EACvD,MAAMC,KAAK,GAAGhB,WAAW,CAAC,CAAC;EAC3B,MAAMiB,SAAS,GAAGf,OAAO,CACvB,MAAM,CACJH,SAAS,CAAC,MAAM;IACdgB,SAAS,CAAC,CAAC;IACXD,MAAM,CAACI,OAAO,CAAC,CAAC;EAClB,CAAC,CAAC,CACH,EACD,CAACJ,MAAM,EAAEC,SAAS,CACpB,CAAC;EAED,oBACEL,IAAA,CAACb,WAAW;IACVsB,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,IAAmB,GAAGA,CAAC;EAACC,OAAO;EAAEF;AAAgB,CAAC,KAAK;EAClElB,YAAY,CAAC,MAAM,CAAC;EAEpB,MAAM,CAACqB,QAAQ,EAAEC,WAAW,CAAC,GAAG3B,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAM4B,OAAO,GAAG9B,WAAW,CAAC,MAAM6B,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAEzD,oBACElB,KAAA,CAACL,MAAM;IAAAkB,QAAA,gBACLb,KAAA,CAACR,MAAM;MAAC4B,KAAK,EAAC,QAAQ;MAACd,OAAO,EAAEA,CAAA,KAAMY,WAAW,CAAC,IAAI,CAAE;MAACG,OAAO,EAAC,IAAI;MAAAR,QAAA,gBACnEf,IAAA,CAACd,IAAI;QAACuB,KAAK,EAAC,gBAAgB;QAAAM,QAAA,EAAEC;MAAK,CAAO,CAAC,eAC3ChB,IAAA,CAACL,IAAI;QAACc,KAAK,EAAC,gBAAgB;QAACe,IAAI,EAAC,aAAa;QAACC,IAAI,EAAC;MAAK,CAAE,CAAC;IAAA,CACvD,CAAC,eACTzB,IAAA,CAACZ,YAAY;MAAC+B,QAAQ,EAAEA,QAAS;MAACO,gBAAgB,EAAEL,OAAQ;MAAAN,QAAA,EACzDG,OAAO,CAACS,GAAG,CAACvB,MAAM,iBACjBJ,IAAA,CAACG,QAAQ;QAACC,MAAM,EAAEA,MAAO;QAAoBC,SAAS,EAAEgB;MAAQ,GAAjCjB,MAAM,CAACY,KAA4B,CACnE;IAAC,CACU,CAAC,eACfhB,IAAA,CAACJ,MAAM;MAACgC,GAAG,EAAC;IAAI,CAAE,CAAC;EAAA,CACb,CAAC;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","useAppTheme","useCallback","useState","HStack","Icon","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","MenuItem","action","onDismiss","theme","color","destructive","elementColors","leadingIconColor","textColor","onClick","onPress","children","colorString","style","typography","body","label","icon","LeadingIcon","name","size","Menu","actions","expanded","setExpanded","dismiss","onDismissRequest","Trigger","align","spacing","Items","map"],"sourceRoot":"../../../../src","sources":["organisms/menu/menu.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,QAAO,0BAA0B;AAC5F,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,EAAEC,QAAQ,QAAO,OAAO;AAC3C,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQR,IAAI,QAAO,2BAAkB;AACrC,SAAQS,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ/C,MAAMC,QAAQ,GAAGA,CAAC;EAACC,MAAM;EAAEC;AAAwB,CAAC,KAAK;EACvD,MAAMC,KAAK,GAAGd,WAAW,CAAC,CAAC;EAC3B,MAAMe,KAAK,GAAGH,MAAM,CAACI,WAAW,GAAG,qBAAqB,GAAG,iBAAiB;EAE5E,oBACEN,KAAA,CAACX,gBAAgB;IACfkB,aAAa,EAAE;MAACC,gBAAgB,EAAEJ,KAAK,CAACC,KAAK,CAACA,KAAK,CAAC;MAAEI,SAAS,EAAEL,KAAK,CAACC,KAAK,CAACA,KAAK;IAAC,CAAE;IACrFK,OAAO,EAAEA,CAAA,KAAM;MACbP,SAAS,CAAC,CAAC;MACXD,MAAM,CAACS,OAAO,CAAC,CAAC;IAClB,CAAE;IAAAC,QAAA,gBAEFd,IAAA,CAACT,gBAAgB,CAACH,IAAI;MAAA0B,QAAA,eACpBd,IAAA,CAACX,WAAW;QAACkB,KAAK,EAAED,KAAK,CAACS,WAAW,CAACR,KAAK,CAAE;QAACS,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACC,IAAK;QAAAJ,QAAA,EACxEV,MAAM,CAACe;MAAK,CACF;IAAC,CACO,CAAC,EACvBf,MAAM,CAACgB,IAAI,gBACVpB,IAAA,CAACT,gBAAgB,CAAC8B,WAAW;MAAAP,QAAA,eAC3Bd,IAAA,CAACJ,IAAI;QAACW,KAAK,EAAEA,KAAM;QAACe,IAAI,EAAElB,MAAM,CAACgB,IAAK;QAACG,IAAI,EAAC;MAAK,CAAE;IAAC,CACxB,CAAC,GAC7B,IAAI;EAAA,CACQ,CAAC;AAEvB,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,OAAO;EAAEN;AAAgB,CAAC,KAAK;EAClErB,YAAY,CAAC,MAAM,CAAC;EAEpB,MAAMQ,KAAK,GAAGd,WAAW,CAAC,CAAC;EAC3B,MAAM,CAACkC,QAAQ,EAAEC,WAAW,CAAC,GAAGjC,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMkC,OAAO,GAAGnC,WAAW,CAAC,MAAMkC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAEzD,oBACEzB,KAAA,CAACZ,YAAY;IAACiB,KAAK,EAAED,KAAK,CAACC,KAAK,CAAC,iBAAiB,CAAE;IAACmB,QAAQ,EAAEA,QAAS;IAACG,gBAAgB,EAAED,OAAQ;IAAAd,QAAA,gBACjGd,IAAA,CAACV,YAAY,CAACwC,OAAO;MAAAhB,QAAA,eACnBZ,KAAA,CAACP,MAAM;QAACoC,KAAK,EAAC,QAAQ;QAAClB,OAAO,EAAEA,CAAA,KAAMc,WAAW,CAAC,IAAI,CAAE;QAACK,OAAO,EAAC,IAAI;QAAAlB,QAAA,gBACnEd,IAAA,CAACZ,IAAI;UAACmB,KAAK,EAAC,gBAAgB;UAAAO,QAAA,EAAEK;QAAK,CAAO,CAAC,eAC3CnB,IAAA,CAACH,KAAK;UAACU,KAAK,EAAC,gBAAgB;UAACe,IAAI,EAAC,aAAa;UAACC,IAAI,EAAC;QAAK,CAAE,CAAC;MAAA,CACxD;IAAC,CACW,CAAC,eACvBvB,IAAA,CAACV,YAAY,CAAC2C,KAAK;MAAAnB,QAAA,EAChBW,OAAO,CAACS,GAAG,CAAC9B,MAAM,iBACjBJ,IAAA,CAACG,QAAQ;QAACC,MAAM,EAAEA,MAAO;QAAoBC,SAAS,EAAEuB;MAAQ,GAAjCxB,MAAM,CAACe,KAA4B,CACnE;IAAC,CACgB,CAAC;EAAA,CACT,CAAC;AAEnB,CAAC","ignoreList":[]}

package/lib/typescript/atoms/button/button-tokens.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '@hzblj/kara-theme';
+import type { ColorToken, Theme } from '@hzblj/kara-theme';
 import type { ButtonVariant } from './button.types';
 export declare const buttonTokens: (variant: ButtonVariant, disabled: boolean, theme: Theme) => {
     readonly content: 'content.on.bg';
@@ -21,3 +21,8 @@ export declare const buttonTokens: (variant: ButtonVariant, disabled: boolean, t
     readonly fill: "btn.bg.glass.disabled" | "btn.bg.secondary.disabled" | "fill.accent.disabled" | "fill.destructive.disabled";
     readonly shadow: "btn.accent" | "btn.destructive" | "btn.glass" | "btn.secondary";
 };
+/**
+ * The label for a button filled with an arbitrary `tint`: the on-accent white over a strong colour, the primary
+ * content colour over a pale one (`fill.accent.base`) — the light container tokens pair with it in both appearances.
+ */
+export declare const contentOnTint: (tint: ColorToken, theme: Theme) => ColorToken;

package/lib/typescript/atoms/date-picker/date-picker.d.ts

@@ -1,2 +1 @@
-import type { DatePickerComponent } from './date-picker.types';
-export declare const DatePicker: DatePickerComponent;
+export * from './date-picker.ios';

package/lib/typescript/atoms/date-picker/date-picker.ios.d.ts

@@ -0,0 +1,3 @@
+import type { DatePickerComponent } from './date-picker.types';
+/** The system's compact date picker, inline: a tap on it opens the calendar popover UIKit owns. */
+export declare const DatePicker: DatePickerComponent;

package/lib/typescript/atoms/glass-view/glass-fallback.d.ts

@@ -1,3 +1,6 @@
 import type { GlassViewProps } from './glass-view.types';
-/** The capsule drawn where there is no Liquid Glass to draw. */
+/**
+ * The capsule drawn where there is no Liquid Glass to draw: the glass buttons' own translucent fill, so whatever sits
+ * on the glass — usually content meant for a colourful backdrop — stays readable, the way it would on real glass.
+ */
 export declare const GlassFallback: ({ children, interactive: _interactive, tint, ...props }: GlassViewProps) => import("react").JSX.Element;

package/lib/typescript/atoms/glass-view/glass-view.types.d.ts

@@ -4,7 +4,7 @@ import type { ReactNode } from 'react';
 /**
  * iOS 26 Liquid Glass around a React Native subtree, shaped as a capsule — the React Native tier, so it needs no host
  * and costs next to nothing in a list cell. Where there is no Liquid Glass (Android, and iOS before 26) it draws a
- * capsule of `tint` instead, or of `fill.tertiary` when there is none.
+ * capsule of `tint` instead, or of the glass buttons' translucent fill (`btn.bg.glass.base`) when there is none.
  */
 export type GlassViewProps = ResponsiveViewSx & {
     /** React Native views. Give them `pointerEvents="none"` when `interactive`, so the press reaches the `Pressable`. */

package/lib/typescript/atoms/icon/icon.ios.d.ts

@@ -1,2 +1,6 @@
 import type { IconComponent } from './icon.types';
+/**
+ * The app's icon from its asset catalog — the template image set the config plugin generated from the SVG, vector data
+ * kept, so `resizable()` scales it crisply to the token size and the platform tints it.
+ */
 export declare const Icon: IconComponent;

package/lib/typescript/atoms/icon/icon.types.d.ts

@@ -1,10 +1,27 @@
 import type { ColorToken, SpaceSize } from '@hzblj/kara-theme';
 import type { ReactNode } from 'react';
-export type IconName = 'add' | 'arrowLeft' | 'arrowRight' | 'calendar' | 'check' | 'chevronDown' | 'chevronRight' | 'close' | 'error' | 'grid' | 'heart' | 'home' | 'info' | 'lock' | 'more' | 'notification' | 'search' | 'settings' | 'share' | 'star' | 'trash' | 'user' | 'warning';
+declare global {
+    /**
+     * The app's icon names, one key per SVG in its icon folder. Written by the config plugin
+     * (`plugins: [['@hzblj/kara-ui', {icons: {source: './assets/icons'}}]]`) into `kara-icons.d.ts`, or by
+     * `npx kara-icons`. Empty until then. Global, so the declaration reaches it without resolving any kara package.
+     */
+    interface KaraIcons {
+    }
+}
+type DeclaredIconName = keyof KaraIcons & string;
+/**
+ * One of the app's icons. Once the plugin has written `kara-icons.d.ts` only those names type-check — an icon removed
+ * from the folder fails at every call site. Before that, any string, so a project can adopt icons gradually.
+ */
+export type IconName = [DeclaredIconName] extends [never] ? string : DeclaredIconName;
 export type IconProps = {
+    /** What a screen reader says. Unset, the icon is decorative and hidden from it. */
+    accessibilityLabel?: string;
     color?: ColorToken;
     name: IconName;
     size?: SpaceSize;
     testID?: string;
 };
 export type IconComponent = (props: IconProps) => ReactNode;
+export {};

package/lib/typescript/atoms/icon/index.d.ts

@@ -1,3 +1,2 @@
 export * from './icon';
 export * from './icon.types';
-export * from './icon-names';

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

@@ -7,7 +7,6 @@ export * from './card';
 export * from './checkbox';
 export * from './chip';
 export * from './color-picker';
-export * from './countdown';
 export * from './date-picker';
 export * from './divider';
 export * from './fab';
@@ -23,6 +22,7 @@ export * from './picker';
 export * from './pressable';
 export * from './progress';
 export * from './rn-flat-list';
+export * from './rn-icon';
 export * from './rn-scroll-view';
 export * from './rn-section-list';
 export * from './rn-text';

package/lib/typescript/atoms/list/list.types.d.ts

@@ -1,4 +1,13 @@
 import type { ReactNode } from 'react';
+/**
+ * A scrolling list — SwiftUI `List`, Compose `LazyColumn`. It has no height of its own, so it needs one from outside:
+ * a `Screen`, or an `Island` with `matchContents={false}` and a height. In an island that sizes itself to its content
+ * Compose measures it against an infinite height and throws ("Vertically scrollable component was measured with an
+ * infinity maximum height"); SwiftUI shows nothing. For a handful of rows that should not scroll, use a `VStack`.
+ *
+ * Rows are separated for you — SwiftUI's own separators, a `Divider` between rows on Android — so a `Divider` among
+ * the children is one too many: on iOS it becomes an empty row of its own.
+ */
 export type ListProps = {
     children: ReactNode;
     /**

package/lib/typescript/atoms/picker/picker.d.ts

@@ -1,2 +1 @@
-import type { PickerComponent } from './picker.types';
-export declare const Picker: PickerComponent;
+export * from './picker.ios';

package/lib/typescript/atoms/picker/picker.ios.d.ts

@@ -0,0 +1,2 @@
+import type { PickerComponent } from './picker.types';
+export declare const Picker: PickerComponent;

package/lib/typescript/atoms/rn-icon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './rn-icon';
+export * from './rn-icon.types';

package/lib/typescript/atoms/rn-icon/rn-icon.d.ts

@@ -0,0 +1 @@
+export * from './rn-icon.ios';

package/lib/typescript/atoms/rn-icon/rn-icon.ios.d.ts

@@ -0,0 +1,3 @@
+import type { RnIconComponent } from './rn-icon.types';
+/** A `UIImageView` over the app's asset-catalog icon — what a list row wants, rather than a SwiftUI host per row. */
+export declare const RnIcon: RnIconComponent;

package/lib/typescript/atoms/rn-icon/rn-icon.types.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+import type { IconProps } from '../icon';
+/** The same contract as `Icon`, for the React Native tier — anywhere, no `Screen` or `Island` needed. */
+export type RnIconProps = IconProps;
+export type RnIconComponent = (props: RnIconProps) => ReactNode;

package/lib/typescript/glyph/glyph-button.d.ts

@@ -0,0 +1 @@
+export * from './glyph-button.ios';

package/lib/typescript/glyph/glyph-button.ios.d.ts

@@ -0,0 +1,2 @@
+import type { GlyphButtonComponent } from './glyph-button.types';
+export declare const GlyphButton: GlyphButtonComponent;

package/lib/typescript/glyph/glyph-button.types.d.ts

@@ -0,0 +1,10 @@
+import type { GlyphName } from '@hzblj/kara-native';
+import type { ReactNode } from 'react';
+/** An icon button over one of kara's glyphs — for the controls its own components build (a stepper, a bar). */
+export type GlyphButtonProps = {
+    accessibilityLabel?: string;
+    disabled?: boolean;
+    name: GlyphName;
+    onPress?: () => void;
+};
+export type GlyphButtonComponent = (props: GlyphButtonProps) => ReactNode;

package/lib/typescript/glyph/glyph.d.ts

@@ -0,0 +1 @@
+export * from './glyph.ios';

package/lib/typescript/glyph/glyph.ios.d.ts

@@ -0,0 +1,3 @@
+import type { GlyphComponent } from './glyph.types';
+/** The SF Symbol the system already has — inside a SwiftUI host. */
+export declare const Glyph: GlyphComponent;

package/lib/typescript/glyph/glyph.types.d.ts

@@ -0,0 +1,13 @@
+import type { GlyphName } from '@hzblj/kara-native';
+import type { ColorToken, SpaceSize } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+/**
+ * One of the few glyphs kara's own components draw — a search field's magnifier, a row's chevron. Internal: apps draw
+ * their own icons with `Icon` / `RnIcon`.
+ */
+export type GlyphProps = {
+    color?: ColorToken;
+    name: GlyphName;
+    size?: SpaceSize;
+};
+export type GlyphComponent = (props: GlyphProps) => ReactNode;

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

@@ -0,0 +1,5 @@
+export * from './glyph';
+export * from './glyph.types';
+export * from './glyph-button';
+export * from './glyph-button.types';
+export * from './rn-glyph';

package/lib/typescript/glyph/rn-glyph.d.ts

@@ -0,0 +1 @@
+export * from './rn-glyph.ios';

package/lib/typescript/glyph/rn-glyph.ios.d.ts

@@ -0,0 +1,3 @@
+import type { GlyphComponent } from './glyph.types';
+/** The SF Symbol in a `UIImageView`, drawn at the size `Glyph` gives it inside a host — the React Native tier. */
+export declare const RnGlyph: GlyphComponent;

package/lib/typescript/molecules/scroll-edge-container/scroll-edge-container.types.d.ts

@@ -5,6 +5,9 @@ export type { ScrollEdgeEffect, ScrollEdgeScrollableProps } from '@hzblj/kara-na
 /**
  * Bars over one React Native scroll view, with the iOS 26 scroll edge effect under them — the system's progressive
  * blur where content scrolls past a bar. The React Native tier: it needs no host.
+ *
+ * A screen-level container: wrap the screen's scroll view with it. Mounted inside a cell of a virtualized list on iOS
+ * it draws only its bottom bar — the hosted scroll view and the top bar stay blank.
  */
 export type ScrollEdgeContainerProps = ResponsiveViewSx & {
     /**

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

@@ -1,7 +1,33 @@
+import type { ResponsiveViewSx } from '@hzblj/kara-sx';
 import type { ReactNode } from 'react';
 import type { MenuAction } from '../menu';
-export type ContextMenuProps = {
+/**
+ * A context menu on a React Native subtree — a card in a list, say — opened by a long press. iOS: a
+ * `UIContextMenuInteraction`, with an optional React Native `preview` lifted while the menu is open and a callback for
+ * a tap on it. Android: a Material dropdown under the subtree. The trigger is ordinary React Native layout, so it
+ * needs no `Screen` or `Island`.
+ */
+export type ContextMenuProps = ResponsiveViewSx & {
     actions: MenuAction[];
+    /** The trigger, laid out as usual. */
     children: ReactNode;
+    /** iOS: the user tapped the lifted preview, committing to it — open the detail the card stands for. */
+    onPreviewPress?: () => void;
+    /**
+     * iOS: lifted in place of the trigger while the menu is open — a larger version of the card, say. A snapshot of the
+     * trigger when unset. Mounted only once a finger has rested on the trigger, so a list of cards does not pay for
+     * every preview up front.
+     */
+    preview?: ReactNode;
+    testID?: string;
+};
+export type ContextMenuExclusionProps = {
+    children: ReactNode;
+};
+export type ContextMenuComponent = ((props: ContextMenuProps) => ReactNode) & {
+    /**
+     * A region of the trigger that must not open the menu — a button inside the card. On iOS the interaction covers the
+     * whole trigger, so a long press on that button would otherwise open the card's menu.
+     */
+    Exclusion: (props: ContextMenuExclusionProps) => ReactNode;
 };
-export type ContextMenuComponent = (props: ContextMenuProps) => ReactNode;