@hzblj/kara-components 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,20 @@
+"use strict";
+
+import { Button, Menu as SwiftUIMenu } from '@expo/ui/swift-ui';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Menu = ({
+  actions,
+  label
+}) => {
+  useHostGuard('Menu');
+  return /*#__PURE__*/_jsx(SwiftUIMenu, {
+    label: label,
+    children: actions.map(action => /*#__PURE__*/_jsx(Button, {
+      label: action.label,
+      onPress: action.onPress,
+      role: action.destructive ? 'destructive' : 'default'
+    }, action.label))
+  });
+};
+//# sourceMappingURL=menu.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Menu","SwiftUIMenu","useHostGuard","jsx","_jsx","actions","label","children","map","action","onPress","role","destructive"],"sourceRoot":"../../../../src","sources":["organisms/menu/menu.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,IAAI,IAAIC,WAAW,QAAO,mBAAmB;AAE7D,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMJ,IAAmB,GAAGA,CAAC;EAACK,OAAO;EAAEC;AAAgB,CAAC,KAAK;EAClEJ,YAAY,CAAC,MAAM,CAAC;EAEpB,oBACEE,IAAA,CAACH,WAAW;IAACK,KAAK,EAAEA,KAAM;IAAAC,QAAA,EACvBF,OAAO,CAACG,GAAG,CAACC,MAAM,iBACjBL,IAAA,CAACL,MAAM;MAELO,KAAK,EAAEG,MAAM,CAACH,KAAM;MACpBI,OAAO,EAAED,MAAM,CAACC,OAAQ;MACxBC,IAAI,EAAEF,MAAM,CAACG,WAAW,GAAG,aAAa,GAAG;IAAU,GAHhDH,MAAM,CAACH,KAIb,CACF;EAAC,CACS,CAAC;AAElB,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["organisms/sheet/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,kBAAe","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+import { ModalBottomSheet } from '@expo/ui/jetpack-compose';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Sheet = ({
+  children,
+  fitToContents = true,
+  onDismiss,
+  visible
+}) => {
+  useHostGuard('Sheet');
+  const theme = useAppTheme();
+  if (!visible) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(ModalBottomSheet, {
+    containerColor: theme.color('surface.primary'),
+    contentColor: theme.color('content.primary'),
+    onDismissRequest: onDismiss,
+    skipPartiallyExpanded: fitToContents,
+    children: children
+  });
+};
+//# sourceMappingURL=sheet.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ModalBottomSheet","useAppTheme","useHostGuard","jsx","_jsx","Sheet","children","fitToContents","onDismiss","visible","theme","containerColor","color","contentColor","onDismissRequest","skipPartiallyExpanded"],"sourceRoot":"../../../../src","sources":["organisms/sheet/sheet.android.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,0BAA0B;AACzD,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EAACC,QAAQ;EAAEC,aAAa,GAAG,IAAI;EAAEC,SAAS;EAAEC;AAAmB,CAAC,KAAK;EACzGP,YAAY,CAAC,OAAO,CAAC;EACrB,MAAMQ,KAAK,GAAGT,WAAW,CAAC,CAAC;EAE3B,IAAI,CAACQ,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEL,IAAA,CAACJ,gBAAgB;IACfW,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC,iBAAiB,CAAE;IAC/CC,YAAY,EAAEH,KAAK,CAACE,KAAK,CAAC,iBAAiB,CAAE;IAC7CE,gBAAgB,EAAEN,SAAU;IAC5BO,qBAAqB,EAAER,aAAc;IAAAD,QAAA,EAEpCA;EAAQ,CACO,CAAC;AAEvB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+import { BottomSheet } from '@expo/ui/swift-ui';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Sheet = ({
+  children,
+  fitToContents = true,
+  onDismiss,
+  visible
+}) => {
+  useHostGuard('Sheet');
+  return /*#__PURE__*/_jsx(BottomSheet, {
+    fitToContents: fitToContents,
+    isPresented: visible,
+    onDismiss: onDismiss,
+    onIsPresentedChange: next => {
+      if (!next) {
+        onDismiss();
+      }
+    },
+    children: children
+  });
+};
+//# sourceMappingURL=sheet.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BottomSheet","useHostGuard","jsx","_jsx","Sheet","children","fitToContents","onDismiss","visible","isPresented","onIsPresentedChange","next"],"sourceRoot":"../../../../src","sources":["organisms/sheet/sheet.ios.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EAACC,QAAQ;EAAEC,aAAa,GAAG,IAAI;EAAEC,SAAS;EAAEC;AAAmB,CAAC,KAAK;EACzGP,YAAY,CAAC,OAAO,CAAC;EAErB,oBACEE,IAAA,CAACH,WAAW;IACVM,aAAa,EAAEA,aAAc;IAC7BG,WAAW,EAAED,OAAQ;IACrBD,SAAS,EAAEA,SAAU;IACrBG,mBAAmB,EAAEC,IAAI,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACTJ,SAAS,CAAC,CAAC;MACb;IACF,CAAE;IAAAF,QAAA,EAEDA;EAAQ,CACE,CAAC;AAElB,CAAC","ignoreList":[]}

package/lib/module/organisms/sheet/sheet.types.js

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

package/lib/module/organisms/sheet/sheet.types.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["organisms/snackbar/index.ts"],"mappings":";;AAAA,cAAc,eAAY;AAC1B,cAAc,qBAAkB","ignoreList":[]}

package/lib/module/organisms/snackbar/snackbar.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import { FadeInDown, FadeOutDown } from 'react-native-reanimated';
+import { ABox } from "../../atoms/box/index.js";
+import { Pressable } from "../../atoms/pressable/index.js";
+import { RnText } from "../../atoms/rn-text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Snackbar = ({
+  actionLabel,
+  message,
+  onAction,
+  visible
+}) => {
+  if (!visible) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(ABox, {
+    align: "center",
+    bg: "surface.high.contrast",
+    borderRadius: "medium",
+    bottom: 24,
+    entering: FadeInDown,
+    exiting: FadeOutDown,
+    flexDirection: "row",
+    gap: "s12",
+    left: 16,
+    position: "absolute",
+    px: "s16",
+    py: "s12",
+    right: 16,
+    shadow: "snackbar",
+    children: [/*#__PURE__*/_jsx(RnText, {
+      color: "content.on.high.contrast",
+      variant: "footnote",
+      children: message
+    }), actionLabel ? /*#__PURE__*/_jsx(Pressable, {
+      onPress: onAction,
+      children: /*#__PURE__*/_jsx(RnText, {
+        color: "content.accent",
+        variant: "footnoteMedium",
+        children: actionLabel
+      })
+    }) : null]
+  });
+};
+//# sourceMappingURL=snackbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FadeInDown","FadeOutDown","ABox","Pressable","RnText","jsx","_jsx","jsxs","_jsxs","Snackbar","actionLabel","message","onAction","visible","align","bg","borderRadius","bottom","entering","exiting","flexDirection","gap","left","position","px","py","right","shadow","children","color","variant","onPress"],"sourceRoot":"../../../../src","sources":["organisms/snackbar/snackbar.tsx"],"mappings":";;AAAA,SAAQA,UAAU,EAAEC,WAAW,QAAO,yBAAyB;AAE/D,SAAQC,IAAI,QAAO,0BAAiB;AACpC,SAAQC,SAAS,QAAO,gCAAuB;AAC/C,SAAQC,MAAM,QAAO,8BAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,WAAW;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EACvG,IAAI,CAACA,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEL,KAAA,CAACN,IAAI;IACHY,KAAK,EAAC,QAAQ;IACdC,EAAE,EAAC,uBAAuB;IAC1BC,YAAY,EAAC,QAAQ;IACrBC,MAAM,EAAE,EAAG;IACXC,QAAQ,EAAElB,UAAW;IACrBmB,OAAO,EAAElB,WAAY;IACrBmB,aAAa,EAAC,KAAK;IACnBC,GAAG,EAAC,KAAK;IACTC,IAAI,EAAE,EAAG;IACTC,QAAQ,EAAC,UAAU;IACnBC,EAAE,EAAC,KAAK;IACRC,EAAE,EAAC,KAAK;IACRC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAC,UAAU;IAAAC,QAAA,gBAEjBtB,IAAA,CAACF,MAAM;MAACyB,KAAK,EAAC,0BAA0B;MAACC,OAAO,EAAC,UAAU;MAAAF,QAAA,EACxDjB;IAAO,CACF,CAAC,EACRD,WAAW,gBACVJ,IAAA,CAACH,SAAS;MAAC4B,OAAO,EAAEnB,QAAS;MAAAgB,QAAA,eAC3BtB,IAAA,CAACF,MAAM;QAACyB,KAAK,EAAC,gBAAgB;QAACC,OAAO,EAAC,gBAAgB;QAAAF,QAAA,EACpDlB;MAAW,CACN;IAAC,CACA,CAAC,GACV,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/organisms/snackbar/snackbar.types.js

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

package/lib/module/organisms/snackbar/snackbar.types.js.map

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

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from './swipe-actions';
+export * from "./swipe-actions.types.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["organisms/swipe-actions/index.ts"],"mappings":";;AAAA,cAAc,iBAAiB;AAC/B,cAAc,0BAAuB","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"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
+}) => {
+  warnUnsupported('SwipeActions', 'Android');
+  return children;
+};
+
+/** 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
+});
+//# sourceMappingURL=swipe-actions.android.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+import { SwipeActions as SwiftUISwipeActions } from '@expo/ui/swift-ui';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SwipeActionsRoot = ({
+  children,
+  testID
+}) => {
+  useHostGuard('SwipeActions');
+  return /*#__PURE__*/_jsx(SwiftUISwipeActions, {
+    testID: testID,
+    children: children
+  });
+};
+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

@@ -0,0 +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":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["organisms/swipe-actions/swipe-actions.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/platform-support.js

@@ -0,0 +1,19 @@
+"use strict";
+
+const warned = new Set();
+
+/**
+ * Announces an atom that only one platform can implement. The stub still satisfies the shared
+ * component type, so `contract.check.ts` keeps both files honest — this just makes the gap loud
+ * in dev instead of leaving a control that mysteriously never appears.
+ *
+ * Warns once per atom: the gap is permanent, so repeating it every render would be noise.
+ */
+export const warnUnsupported = (atom, platform) => {
+  if (!__DEV__ || warned.has(atom)) {
+    return;
+  }
+  warned.add(atom);
+  console.error(`[kara-ui] <${atom}> has no ${platform} implementation and renders nothing there. Branch on Platform.OS at the call site.`);
+};
+//# sourceMappingURL=platform-support.js.map

package/lib/module/platform-support.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["warned","Set","warnUnsupported","atom","platform","__DEV__","has","add","console","error"],"sourceRoot":"../../src","sources":["platform-support.ts"],"mappings":";;AAAA,MAAMA,MAAM,GAAG,IAAIC,GAAG,CAAS,CAAC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAACC,IAAY,EAAEC,QAA2B,KAAK;EAC5E,IAAI,CAACC,OAAO,IAAIL,MAAM,CAACM,GAAG,CAACH,IAAI,CAAC,EAAE;IAChC;EACF;EAEAH,MAAM,CAACO,GAAG,CAACJ,IAAI,CAAC;EAEhBK,OAAO,CAACC,KAAK,CACX,cAAcN,IAAI,YAAYC,QAAQ,oFACxC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/templates/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./screen/index.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["templates/index.ts"],"mappings":";;AAAA,cAAc,mBAAU","ignoreList":[]}

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

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

package/lib/module/templates/screen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["templates/screen/index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,mBAAgB","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import { Column, Host } from '@expo/ui/jetpack-compose';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { StyleSheet } from 'react-native';
+import { HostBoundary } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Screen = ({
+  bg = 'surface.base',
+  children,
+  ignoreKeyboardInset,
+  testID
+}) => {
+  const theme = useAppTheme();
+  const modifiers = useSxModifiers({
+    bg,
+    tall: true,
+    wide: true
+  });
+  return /*#__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
+      })
+    })
+  });
+};
+//# sourceMappingURL=screen.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Column","Host","useSxModifiers","useAppTheme","StyleSheet","HostBoundary","jsx","_jsx","Screen","bg","children","ignoreKeyboardInset","testID","theme","modifiers","tall","wide","colorScheme","dark","ignoreSafeAreaKeyboardInsets","seedColor","materialSeed","style","absoluteFill"],"sourceRoot":"../../../../src","sources":["templates/screen/screen.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,IAAI,QAAO,0BAA0B;AACrD,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EAACC,EAAE,GAAG,cAAc;EAAEC,QAAQ;EAAEC,mBAAmB;EAAEC;AAAmB,CAAC,KAAK;EACpH,MAAMC,KAAK,GAAGV,WAAW,CAAC,CAAC;EAC3B,MAAMW,SAAS,GAAGZ,cAAc,CAAC;IAACO,EAAE;IAAEM,IAAI,EAAE,IAAI;IAAEC,IAAI,EAAE;EAAI,CAAC,CAAC;EAE9D,oBACET,IAAA,CAACN,IAAI;IACHgB,WAAW,EAAEJ,KAAK,CAACK,IAAI,GAAG,MAAM,GAAG,OAAQ;IAC3CC,4BAA4B,EAAER,mBAAoB;IAClDS,SAAS,EAAEP,KAAK,CAACQ,YAAa;IAC9BC,KAAK,EAAElB,UAAU,CAACmB,YAAa;IAAAb,QAAA,eAE/BH,IAAA,CAACP,MAAM;MAACc,SAAS,EAAEA,SAAU;MAAAJ,QAAA,eAC3BH,IAAA,CAACF,YAAY;QAAAK,QAAA,EAAEA;MAAQ,CAAe;IAAC,CACjC;EAAC,CACL,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+import { Host, VStack } from '@expo/ui/swift-ui';
+import { dynamicTypeSize } from '@expo/ui/swift-ui/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { MAX_DYNAMIC_TYPE_SIZE, useAppTheme } from '@hzblj/kara-theme';
+import { StyleSheet } from 'react-native';
+import { HostBoundary } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Set on the host so it cascades through the SwiftUI environment to every native atom below. Capping rather than
+ * opting out is Apple's own guidance — a capped layout still answers the setting, an opted-out one ignores the user.
+ */
+const DYNAMIC_TYPE_CAP = [dynamicTypeSize({
+  max: MAX_DYNAMIC_TYPE_SIZE
+})];
+export const Screen = ({
+  bg = 'surface.base',
+  children,
+  ignoreKeyboardInset,
+  testID
+}) => {
+  const theme = useAppTheme();
+  const modifiers = useSxModifiers({
+    bg,
+    tall: true,
+    wide: true
+  });
+  return /*#__PURE__*/_jsx(Host, {
+    colorScheme: theme.dark ? 'dark' : 'light',
+    ignoreSafeArea: ignoreKeyboardInset ? 'keyboard' : undefined,
+    modifiers: DYNAMIC_TYPE_CAP,
+    seedColor: theme.materialSeed,
+    style: StyleSheet.absoluteFill,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(VStack, {
+      modifiers: modifiers,
+      children: /*#__PURE__*/_jsx(HostBoundary, {
+        children: children
+      })
+    })
+  });
+};
+//# sourceMappingURL=screen.ios.js.map

package/lib/module/templates/screen/screen.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Host","VStack","dynamicTypeSize","useSxModifiers","MAX_DYNAMIC_TYPE_SIZE","useAppTheme","StyleSheet","HostBoundary","jsx","_jsx","DYNAMIC_TYPE_CAP","max","Screen","bg","children","ignoreKeyboardInset","testID","theme","modifiers","tall","wide","colorScheme","dark","ignoreSafeArea","undefined","seedColor","materialSeed","style","absoluteFill"],"sourceRoot":"../../../../src","sources":["templates/screen/screen.ios.tsx"],"mappings":";;AAAA,SAAQA,IAAI,EAAEC,MAAM,QAAO,mBAAmB;AAC9C,SAAQC,eAAe,QAAO,6BAA6B;AAC3D,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,qBAAqB,EAAEC,WAAW,QAAO,mBAAmB;AACpE,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAG,CAACR,eAAe,CAAC;EAACS,GAAG,EAAEP;AAAqB,CAAC,CAAC,CAAC;AAExE,OAAO,MAAMQ,MAAuB,GAAGA,CAAC;EAACC,EAAE,GAAG,cAAc;EAAEC,QAAQ;EAAEC,mBAAmB;EAAEC;AAAmB,CAAC,KAAK;EACpH,MAAMC,KAAK,GAAGZ,WAAW,CAAC,CAAC;EAC3B,MAAMa,SAAS,GAAGf,cAAc,CAAC;IAACU,EAAE;IAAEM,IAAI,EAAE,IAAI;IAAEC,IAAI,EAAE;EAAI,CAAC,CAAC;EAE9D,oBACEX,IAAA,CAACT,IAAI;IACHqB,WAAW,EAAEJ,KAAK,CAACK,IAAI,GAAG,MAAM,GAAG,OAAQ;IAC3CC,cAAc,EAAER,mBAAmB,GAAG,UAAU,GAAGS,SAAU;IAC7DN,SAAS,EAAER,gBAAiB;IAC5Be,SAAS,EAAER,KAAK,CAACS,YAAa;IAC9BC,KAAK,EAAErB,UAAU,CAACsB,YAAa;IAC/BZ,MAAM,EAAEA,MAAO;IAAAF,QAAA,eAEfL,IAAA,CAACR,MAAM;MAACiB,SAAS,EAAEA,SAAU;MAAAJ,QAAA,eAC3BL,IAAA,CAACF,YAAY;QAAAO,QAAA,EAAEA;MAAQ,CAAe;IAAC,CACjC;EAAC,CACL,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

package/lib/module/templates/screen/screen.types.js.map

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

package/lib/module/use-refresh-state.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { useCallback, useState } from 'react';
+/**
+ * Bridges the two platforms' opposite takes on pull-to-refresh so both can expose one async
+ * `onRefresh`. SwiftUI's `refreshable` takes the promise and spins until it settles, so iOS hands the
+ * handler straight over; Compose's `PullToRefreshBox` is controlled and keeps spinning until
+ * `isRefreshing` goes false, which is the flag this derives.
+ *
+ * Errors are left to the caller: `Promise.resolve().then` turns even a synchronous throw into a
+ * rejection the caller still sees, while `finally` stops the spinner either way. Swallowing it here
+ * would leave a failed refresh looking like a successful one.
+ */
+export const useRefreshState = onRefresh => {
+  const [isRefreshing, setIsRefreshing] = useState(false);
+  const refresh = useCallback(() => {
+    if (!onRefresh) {
+      return;
+    }
+    setIsRefreshing(true);
+    void Promise.resolve().then(onRefresh).finally(() => setIsRefreshing(false));
+  }, [onRefresh]);
+  return {
+    isRefreshing,
+    refresh
+  };
+};
+//# sourceMappingURL=use-refresh-state.js.map

package/lib/module/use-refresh-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useRefreshState","onRefresh","isRefreshing","setIsRefreshing","refresh","Promise","resolve","then","finally"],"sourceRoot":"../../src","sources":["use-refresh-state.ts"],"mappings":";;AAAA,SAAQA,WAAW,EAAEC,QAAQ,QAAO,OAAO;AAO3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIC,SAA4C,IAAmB;EAC7F,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGJ,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAMK,OAAO,GAAGN,WAAW,CAAC,MAAM;IAChC,IAAI,CAACG,SAAS,EAAE;MACd;IACF;IAEAE,eAAe,CAAC,IAAI,CAAC;IAErB,KAAKE,OAAO,CAACC,OAAO,CAAC,CAAC,CACnBC,IAAI,CAACN,SAAS,CAAC,CACfO,OAAO,CAAC,MAAML,eAAe,CAAC,KAAK,CAAC,CAAC;EAC1C,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAACC,YAAY;IAAEE;EAAO,CAAC;AAChC,CAAC","ignoreList":[]}

package/lib/typescript/atoms/activity-indicator/activity-indicator.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type ActivityIndicatorProps } from 'react-native';
+export declare const ActivityIndicator: FC<ActivityIndicatorProps>;

package/lib/typescript/atoms/activity-indicator/index.d.ts

@@ -0,0 +1 @@
+export * from './activity-indicator';

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

@@ -0,0 +1,2 @@
+import type { AvatarComponent } from './avatar.types';
+export declare const Avatar: AvatarComponent;

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { ImageSourcePropType } from 'react-native';
+export type AvatarSize = 'lg' | 'md' | 'sm';
+export type AvatarProps = {
+    initials?: string;
+    size?: AvatarSize;
+    source?: ImageSourcePropType;
+    testID?: string;
+};
+export type AvatarComponent = (props: AvatarProps) => ReactNode;

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

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

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

@@ -0,0 +1,18 @@
+export declare const BADGE_TOKENS: {
+    readonly accent: {
+        readonly content: 'content.accent';
+        readonly fill: 'fill.accent.base';
+    };
+    readonly destructive: {
+        readonly content: 'content.destructive';
+        readonly fill: 'fill.destructive.base';
+    };
+    readonly neutral: {
+        readonly content: 'content.secondary';
+        readonly fill: 'fill.tertiary';
+    };
+    readonly success: {
+        readonly content: 'content.success';
+        readonly fill: 'fill.success.base';
+    };
+};

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

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

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

@@ -0,0 +1,2 @@
+import type { BadgeComponent } from './badge.types';
+export declare const Badge: BadgeComponent;

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type BadgeTone = 'accent' | 'destructive' | 'neutral' | 'success';
+export type BadgeProps = {
+    label: string;
+    tone?: BadgeTone;
+};
+export type BadgeComponent = (props: BadgeProps) => ReactNode;

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

@@ -0,0 +1,3 @@
+export * from './badge';
+export * from './badge.types';
+export * from './badge-tokens';

package/lib/typescript/atoms/box/a-box.d.ts

@@ -0,0 +1,49 @@
+export declare const ABox: import("react-native-reanimated/lib/typescript/createAnimatedComponent").AnimatedComponentType<Readonly<Omit<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>, "align" | "alignContent" | "alignSelf" | "aspectRatio" | "basis" | "bg" | "blur" | "borderColor" | "borderRadius" | "borderWidth" | "bottom" | "columnGap" | "display" | "flex" | "flexDirection" | "gap" | "grow" | "h" | "justify" | "left" | "m" | "maxH" | "maxW" | "mb" | "minH" | "minW" | "ml" | "mr" | "mt" | "mx" | "my" | "offsetX" | "offsetY" | "opacity" | "overflow" | "p" | "pb" | "pl" | "position" | "pr" | "pt" | "px" | "py" | "right" | "rotate" | "rowGap" | "scale" | "shadow" | "shrink" | "style" | "tall" | "top" | "w" | "wide" | "wrap" | "zIndex" | keyof {
+    borderBottomWidth?: number;
+    borderLeftWidth?: number;
+    borderRightWidth?: number;
+    borderStyle?: import("react-native").ViewStyle['borderStyle'];
+    borderTopWidth?: number;
+} | keyof import("@hzblj/kara-sx").ViewRadiiSx> & Omit<import("@hzblj/kara-sx").ViewSx, "align" | "alignContent" | "alignSelf" | "basis" | "columnGap" | "display" | "flex" | "flexDirection" | "gap" | "grow" | "h" | "justify" | "m" | "maxH" | "maxW" | "mb" | "minH" | "minW" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "rowGap" | "shrink" | "tall" | "w" | "wide" | "wrap"> & {
+    p?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    pb?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    pl?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    pr?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    pt?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    px?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    py?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    tall?: import("@hzblj/kara-sx").Responsive<NonNullable<boolean | undefined>> | undefined;
+    wide?: import("@hzblj/kara-sx").Responsive<NonNullable<boolean | undefined>> | undefined;
+    h?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
+    minH?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
+    minW?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
+    w?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
+    maxH?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
+    maxW?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
+    align?: import("@hzblj/kara-sx").Responsive<NonNullable<import("react-native").FlexAlignType | undefined>> | undefined;
+    alignContent?: import("@hzblj/kara-sx").Responsive<NonNullable<"center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined>> | undefined;
+    alignSelf?: import("@hzblj/kara-sx").Responsive<NonNullable<"auto" | import("react-native").FlexAlignType | undefined>> | undefined;
+    basis?: import("@hzblj/kara-sx").Responsive<NonNullable<import("@hzblj/kara-sx").SxDimension | undefined>> | undefined;
+    columnGap?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    flex?: import("@hzblj/kara-sx").Responsive<number> | undefined;
+    flexDirection?: import("@hzblj/kara-sx").Responsive<NonNullable<"column" | "column-reverse" | "row" | "row-reverse" | undefined>> | undefined;
+    gap?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    grow?: import("@hzblj/kara-sx").Responsive<number> | undefined;
+    justify?: import("@hzblj/kara-sx").Responsive<NonNullable<"center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined>> | undefined;
+    rowGap?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    shrink?: import("@hzblj/kara-sx").Responsive<number> | undefined;
+    wrap?: import("@hzblj/kara-sx").Responsive<NonNullable<"nowrap" | "wrap" | "wrap-reverse" | undefined>> | undefined;
+    m?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    mb?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    ml?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    mr?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    mt?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    mx?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    my?: import("@hzblj/kara-sx").Responsive<NonNullable<"s0" | "s1" | "s10" | "s12" | "s16" | "s2" | "s20" | "s24" | "s28" | "s32" | "s36" | "s4" | "s40" | "s48" | "s56" | "s6" | "s64" | "s72" | "s8" | "s80" | "s96" | undefined>> | undefined;
+    display?: import("@hzblj/kara-sx").Responsive<NonNullable<"contents" | "flex" | "none" | undefined>> | undefined;
+} & {
+    style?: import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").ViewStyle | import("react-native").Falsy> | import("react-native").TextStyle | import("react-native").ViewStyle | import("react-native").Falsy;
+}>, import("react").MemoExoticComponent<{
+    ({ style, ...props }: import("@hzblj/kara-sx").SxProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>): import("react").JSX.Element;
+    displayName: string;
+}>>;

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

@@ -0,0 +1,9 @@
+import { View } from 'react-native';
+/**
+ * A React Native `View` that takes the design system's `sx` props. The `sx()` HOC is the whole
+ * implementation — Box is just its first caller, and any other style-taking component gets the same.
+ */
+export declare const Box: import("react").MemoExoticComponent<{
+    ({ style, ...props }: import("@hzblj/kara-sx").SxProps<import("react-native").ViewProps & import("react").RefAttributes<View>>): import("react").JSX.Element;
+    displayName: string;
+}>;

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

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+import type { Box } from './box';
+/** Derived from the component itself, so it cannot drift from what `sx(View)` actually accepts. */
+export type BoxProps = ComponentProps<typeof Box>;

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

@@ -0,0 +1,3 @@
+export * from './a-box';
+export * from './box';
+export * from './box.types';