@hzblj/kara-components 0.0.0-stage → 0.2.0

package/README.md

@@ -1,3 +1,8 @@
-# Temporary Holding Version
+# @hzblj/kara-components
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The atoms, molecules, organisms and templates of kara-ui — real SwiftUI and Jetpack Compose views through `@expo/ui` and the KaraUI module, styled through `sx`.
+
+**Install [`@hzblj/kara-ui`](https://www.npmjs.com/package/@hzblj/kara-ui) instead.** This package is one of its building
+blocks, published so the umbrella can depend on it; it is versioned together with it and has no standalone docs.
+
+MIT

package/lib/module/atoms/activity-indicator/activity-indicator.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { useAppTheme } from '@hzblj/kara-theme';
+import { ActivityIndicator as RNActivityIndicator } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ActivityIndicator = props => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(RNActivityIndicator, {
+    color: theme.color('fill.accent.primary'),
+    size: "small",
+    ...props
+  });
+};
+//# sourceMappingURL=activity-indicator.js.map

package/lib/module/atoms/activity-indicator/activity-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAppTheme","ActivityIndicator","RNActivityIndicator","jsx","_jsx","props","theme","color","size"],"sourceRoot":"../../../../src","sources":["atoms/activity-indicator/activity-indicator.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAE7C,SAAqCC,iBAAiB,IAAIC,mBAAmB,QAAO,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAElG,OAAO,MAAMH,iBAA6C,GAAGI,KAAK,IAAI;EACpE,MAAMC,KAAK,GAAGN,WAAW,CAAC,CAAC;EAE3B,oBAAOI,IAAA,CAACF,mBAAmB;IAACK,KAAK,EAAED,KAAK,CAACC,KAAK,CAAC,qBAAqB,CAAE;IAACC,IAAI,EAAC,OAAO;IAAA,GAAKH;EAAK,CAAG,CAAC;AACnG,CAAC","ignoreList":[]}

package/lib/module/atoms/activity-indicator/index.js

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

package/lib/module/atoms/activity-indicator/index.js.map

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

package/lib/module/atoms/avatar/avatar.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import { spacing } from '@hzblj/kara-theme';
+import { Box } from "../box/index.js";
+import { Image } from "../image/index.js";
+import { RnText } from "../rn-text/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DIAMETER = {
+  lg: spacing.s64,
+  md: spacing.s40,
+  sm: spacing.s24
+};
+const VARIANT = {
+  lg: 'headingXs',
+  md: 'labelMedium',
+  sm: 'caption'
+};
+export const Avatar = ({
+  initials,
+  size = 'md',
+  source,
+  testID
+}) => {
+  const diameter = DIAMETER[size];
+  return /*#__PURE__*/_jsx(Box, {
+    align: "center",
+    bg: "fill.tertiary",
+    borderRadius: "full",
+    h: diameter,
+    justify: "center",
+    overflow: "hidden",
+    testID: testID,
+    w: diameter,
+    children: source ? /*#__PURE__*/_jsx(Image, {
+      source: source,
+      style: {
+        height: diameter,
+        width: diameter
+      }
+    }) : /*#__PURE__*/_jsx(RnText, {
+      color: "content.secondary",
+      variant: VARIANT[size],
+      children: initials ?? ''
+    })
+  });
+};
+//# sourceMappingURL=avatar.js.map

package/lib/module/atoms/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spacing","Box","Image","RnText","jsx","_jsx","DIAMETER","lg","s64","md","s40","sm","s24","VARIANT","Avatar","initials","size","source","testID","diameter","align","bg","borderRadius","h","justify","overflow","w","children","style","height","width","color","variant"],"sourceRoot":"../../../../src","sources":["atoms/avatar/avatar.tsx"],"mappings":";;AAAA,SAAQA,OAAO,QAAO,mBAAmB;AAEzC,SAAQC,GAAG,QAAO,iBAAQ;AAC1B,SAAQC,KAAK,QAAO,mBAAU;AAC9B,SAAQC,MAAM,QAAO,qBAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGjC,MAAMC,QAAQ,GAAG;EACfC,EAAE,EAAEP,OAAO,CAACQ,GAAG;EACfC,EAAE,EAAET,OAAO,CAACU,GAAG;EACfC,EAAE,EAAEX,OAAO,CAACY;AACd,CAA+C;AAE/C,MAAMC,OAAO,GAAG;EACdN,EAAE,EAAE,WAAW;EACfE,EAAE,EAAE,aAAa;EACjBE,EAAE,EAAE;AACN,CAAU;AAEV,OAAO,MAAMG,MAAuB,GAAGA,CAAC;EAACC,QAAQ;EAAEC,IAAI,GAAG,IAAI;EAAEC,MAAM;EAAEC;AAAmB,CAAC,KAAK;EAC/F,MAAMC,QAAQ,GAAGb,QAAQ,CAACU,IAAI,CAAC;EAE/B,oBACEX,IAAA,CAACJ,GAAG;IACFmB,KAAK,EAAC,QAAQ;IACdC,EAAE,EAAC,eAAe;IAClBC,YAAY,EAAC,MAAM;IACnBC,CAAC,EAAEJ,QAAS;IACZK,OAAO,EAAC,QAAQ;IAChBC,QAAQ,EAAC,QAAQ;IACjBP,MAAM,EAAEA,MAAO;IACfQ,CAAC,EAAEP,QAAS;IAAAQ,QAAA,EAEXV,MAAM,gBACLZ,IAAA,CAACH,KAAK;MAACe,MAAM,EAAEA,MAAO;MAACW,KAAK,EAAE;QAACC,MAAM,EAAEV,QAAQ;QAAEW,KAAK,EAAEX;MAAQ;IAAE,CAAE,CAAC,gBAErEd,IAAA,CAACF,MAAM;MAAC4B,KAAK,EAAC,mBAAmB;MAACC,OAAO,EAAEnB,OAAO,CAACG,IAAI,CAAE;MAAAW,QAAA,EACtDZ,QAAQ,IAAI;IAAE,CACT;EACT,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/atoms/avatar/avatar.types.js

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

package/lib/module/atoms/avatar/avatar.types.js.map

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

package/lib/module/atoms/avatar/index.js

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

package/lib/module/atoms/avatar/index.js.map

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

package/lib/module/atoms/badge/badge-tokens.js

@@ -0,0 +1,21 @@
+"use strict";
+
+export const BADGE_TOKENS = {
+  accent: {
+    content: 'content.accent',
+    fill: 'fill.accent.base'
+  },
+  destructive: {
+    content: 'content.destructive',
+    fill: 'fill.destructive.base'
+  },
+  neutral: {
+    content: 'content.secondary',
+    fill: 'fill.tertiary'
+  },
+  success: {
+    content: 'content.success',
+    fill: 'fill.success.base'
+  }
+};
+//# sourceMappingURL=badge-tokens.js.map

package/lib/module/atoms/badge/badge-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BADGE_TOKENS","accent","content","fill","destructive","neutral","success"],"sourceRoot":"../../../../src","sources":["atoms/badge/badge-tokens.ts"],"mappings":";;AAIA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,MAAM,EAAE;IAACC,OAAO,EAAE,gBAAgB;IAAEC,IAAI,EAAE;EAAkB,CAAC;EAC7DC,WAAW,EAAE;IAACF,OAAO,EAAE,qBAAqB;IAAEC,IAAI,EAAE;EAAuB,CAAC;EAC5EE,OAAO,EAAE;IAACH,OAAO,EAAE,mBAAmB;IAAEC,IAAI,EAAE;EAAe,CAAC;EAC9DG,OAAO,EAAE;IAACJ,OAAO,EAAE,iBAAiB;IAAEC,IAAI,EAAE;EAAmB;AACjE,CAA+E","ignoreList":[]}

package/lib/module/atoms/badge/badge.android.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { Badge as ComposeBadge, Text as ComposeText } from '@expo/ui/jetpack-compose';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useHostGuard } from "../../host-context.js";
+import { BADGE_TOKENS } from "./badge-tokens.js";
+
+/** Material's badge. Its content is a Compose `Text` — `@expo/ui`'s badge takes composable content, not a string. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Badge = ({
+  label,
+  tone = 'neutral'
+}) => {
+  useHostGuard('Badge');
+  const theme = useAppTheme();
+  const tokens = BADGE_TOKENS[tone];
+  return /*#__PURE__*/_jsx(ComposeBadge, {
+    containerColor: theme.color(tokens.fill),
+    contentColor: theme.color(tokens.content),
+    children: /*#__PURE__*/_jsx(ComposeText, {
+      color: theme.colorString(tokens.content),
+      style: theme.typography.captionMedium,
+      children: label
+    })
+  });
+};
+//# sourceMappingURL=badge.android.js.map

package/lib/module/atoms/badge/badge.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Badge","ComposeBadge","Text","ComposeText","useAppTheme","useHostGuard","BADGE_TOKENS","jsx","_jsx","label","tone","theme","tokens","containerColor","color","fill","contentColor","content","children","colorString","style","typography","captionMedium"],"sourceRoot":"../../../../src","sources":["atoms/badge/badge.android.tsx"],"mappings":";;AAAA,SAAQA,KAAK,IAAIC,YAAY,EAAEC,IAAI,IAAIC,WAAW,QAAO,0BAA0B;AACnF,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,YAAY,QAAO,mBAAgB;;AAE3C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,MAAMR,KAAqB,GAAGA,CAAC;EAACS,KAAK;EAAEC,IAAI,GAAG;AAAqB,CAAC,KAAK;EAC9EL,YAAY,CAAC,OAAO,CAAC;EACrB,MAAMM,KAAK,GAAGP,WAAW,CAAC,CAAC;EAC3B,MAAMQ,MAAM,GAAGN,YAAY,CAACI,IAAI,CAAC;EAEjC,oBACEF,IAAA,CAACP,YAAY;IAACY,cAAc,EAAEF,KAAK,CAACG,KAAK,CAACF,MAAM,CAACG,IAAI,CAAE;IAACC,YAAY,EAAEL,KAAK,CAACG,KAAK,CAACF,MAAM,CAACK,OAAO,CAAE;IAAAC,QAAA,eAChGV,IAAA,CAACL,WAAW;MAACW,KAAK,EAAEH,KAAK,CAACQ,WAAW,CAACP,MAAM,CAACK,OAAO,CAAE;MAACG,KAAK,EAAET,KAAK,CAACU,UAAU,CAACC,aAAc;MAAAJ,QAAA,EAC1FT;IAAK,CACK;EAAC,CACF,CAAC;AAEnB,CAAC","ignoreList":[]}

package/lib/module/atoms/badge/badge.ios.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { HStack } from '@expo/ui/swift-ui';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useHostGuard } from "../../host-context.js";
+import { Text } from "../text/index.js";
+import { BADGE_TOKENS } from "./badge-tokens.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Badge = ({
+  label,
+  tone = 'neutral'
+}) => {
+  useHostGuard('Badge');
+  const tokens = BADGE_TOKENS[tone];
+  const modifiers = useSxModifiers({
+    bg: tokens.fill,
+    borderRadius: 'full',
+    px: 's8',
+    py: 's2'
+  });
+  return /*#__PURE__*/_jsx(HStack, {
+    modifiers: modifiers,
+    children: /*#__PURE__*/_jsx(Text, {
+      color: tokens.content,
+      variant: "labelMedium",
+      children: label
+    })
+  });
+};
+//# sourceMappingURL=badge.ios.js.map

package/lib/module/atoms/badge/badge.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HStack","useSxModifiers","useHostGuard","Text","BADGE_TOKENS","jsx","_jsx","Badge","label","tone","tokens","modifiers","bg","fill","borderRadius","px","py","children","color","content","variant"],"sourceRoot":"../../../../src","sources":["atoms/badge/badge.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,mBAAmB;AACxC,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,IAAI,QAAO,kBAAS;AAE5B,SAAQC,YAAY,QAAO,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3C,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG;AAAqB,CAAC,KAAK;EAC9EP,YAAY,CAAC,OAAO,CAAC;EACrB,MAAMQ,MAAM,GAAGN,YAAY,CAACK,IAAI,CAAC;EACjC,MAAME,SAAS,GAAGV,cAAc,CAAC;IAACW,EAAE,EAAEF,MAAM,CAACG,IAAI;IAAEC,YAAY,EAAE,MAAM;IAAEC,EAAE,EAAE,IAAI;IAAEC,EAAE,EAAE;EAAI,CAAC,CAAC;EAE7F,oBACEV,IAAA,CAACN,MAAM;IAACW,SAAS,EAAEA,SAAU;IAAAM,QAAA,eAC3BX,IAAA,CAACH,IAAI;MAACe,KAAK,EAAER,MAAM,CAACS,OAAQ;MAACC,OAAO,EAAC,aAAa;MAAAH,QAAA,EAC/CT;IAAK,CACF;EAAC,CACD,CAAC;AAEb,CAAC","ignoreList":[]}

package/lib/module/atoms/badge/badge.types.js

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

package/lib/module/atoms/badge/badge.types.js.map

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

package/lib/module/atoms/badge/index.js

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

package/lib/module/atoms/badge/index.js.map

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

package/lib/module/atoms/box/a-box.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import Animated from 'react-native-reanimated';
+import { Box } from "./box.js";
+export const ABox = Animated.createAnimatedComponent(Box);
+//# sourceMappingURL=a-box.js.map

package/lib/module/atoms/box/a-box.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Box","ABox","createAnimatedComponent"],"sourceRoot":"../../../../src","sources":["atoms/box/a-box.ts"],"mappings":";;AAAA,OAAOA,QAAQ,MAAM,yBAAyB;AAE9C,SAAQC,GAAG,QAAO,UAAO;AAEzB,OAAO,MAAMC,IAAI,GAAGF,QAAQ,CAACG,uBAAuB,CAACF,GAAG,CAAC","ignoreList":[]}

package/lib/module/atoms/box/box.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { sx } from '@hzblj/kara-sx';
+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 const Box = sx(View);
+//# sourceMappingURL=box.js.map

package/lib/module/atoms/box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sx","View","Box"],"sourceRoot":"../../../../src","sources":["atoms/box/box.tsx"],"mappings":";;AAAA,SAAQA,EAAE,QAAO,gBAAgB;AACjC,SAAQC,IAAI,QAAO,cAAc;;AAEjC;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAG,GAAGF,EAAE,CAACC,IAAI,CAAC","ignoreList":[]}

package/lib/module/atoms/box/box.types.js

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

package/lib/module/atoms/box/box.types.js.map

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

package/lib/module/atoms/box/index.js

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

package/lib/module/atoms/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/box/index.ts"],"mappings":";;AAAA,cAAc,YAAS;AACvB,cAAc,UAAO;AACrB,cAAc,gBAAa","ignoreList":[]}

package/lib/module/atoms/button/button-tokens.js

@@ -0,0 +1,82 @@
+"use strict";
+
+const TOKENS = {
+  accent: {
+    content: 'content.on.bg',
+    fill: 'fill.accent.primary',
+    shadow: 'btn.accent'
+  },
+  destructive: {
+    content: 'content.on.destructive',
+    fill: 'fill.destructive.primary',
+    shadow: 'btn.destructive'
+  },
+  glass: {
+    content: 'content.primary',
+    fill: 'btn.bg.glass.base',
+    shadow: 'btn.glass'
+  },
+  secondary: {
+    content: 'content.primary',
+    fill: 'btn.bg.secondary.base',
+    shadow: 'btn.secondary'
+  }
+};
+export const buttonTokens = (variant, disabled, theme) => {
+  const tokens = TOKENS[variant];
+  if (!disabled) {
+    return tokens;
+  }
+  const disabledFill = {
+    accent: 'fill.accent.disabled',
+    destructive: 'fill.destructive.disabled',
+    glass: 'btn.bg.glass.disabled',
+    secondary: 'btn.bg.secondary.disabled'
+  };
+  void theme;
+  return {
+    content: 'btn.content.disabled',
+    fill: disabledFill[variant],
+    shadow: tokens.shadow
+  };
+};
+
+/** Relative luminance of a `#rrggbb` colour (any alpha ignored); `undefined` for anything else. */
+const luminance = color => {
+  const hex = typeof color === 'string' ? /^#([0-9a-f]{6})/i.exec(color)?.[1] : undefined;
+  if (!hex) {
+    return undefined;
+  }
+  const [r, g, b] = [0, 2, 4].map(i => {
+    const channel = Number.parseInt(hex.slice(i, i + 2), 16) / 255;
+    return channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+};
+
+/**
+ * The hex behind a token in the current appearance. Android resolves an adaptive entry to one; iOS hands the platform
+ * a dynamic colour instead, so there the authored entry is read and its branch picked. A system colour has none.
+ */
+const currentHex = (token, theme) => {
+  const resolved = theme.color(token);
+  if (typeof resolved === 'string') {
+    return resolved;
+  }
+  const entry = token.split(':')[0].split('.').reduce((node, key) => node?.[key], theme);
+  if (entry && typeof entry === 'object' && 'adaptive' in entry) {
+    const {
+      dark,
+      light
+    } = entry.adaptive;
+    return theme.dark ? dark : light;
+  }
+  return entry;
+};
+
+/**
+ * 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 const contentOnTint = (tint, theme) => (luminance(currentHex(tint, theme)) ?? 0) > 0.4 ? 'content.primary' : 'content.on.bg';
+//# sourceMappingURL=button-tokens.js.map

package/lib/module/atoms/button/button-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TOKENS","accent","content","fill","shadow","destructive","glass","secondary","buttonTokens","variant","disabled","theme","tokens","disabledFill","luminance","color","hex","exec","undefined","r","g","b","map","i","channel","Number","parseInt","slice","currentHex","token","resolved","entry","split","reduce","node","key","dark","light","adaptive","contentOnTint","tint"],"sourceRoot":"../../../../src","sources":["atoms/button/button-tokens.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/button/button.android.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { Button as ComposeButton, Text as ComposeText, OutlinedButton } from '@expo/ui/jetpack-compose';
+import { testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { buttonTokens, contentOnTint } from "./button-tokens.js";
+
+/**
+ * Material's filled button, in its own stadium shape. No `borderRadius` or `shadow` from the tokens: those shape the
+ * SwiftUI button's glossy ring, and laid over a Compose button they clip and outline a rounded rectangle around the
+ * pill Material draws. The label is a Compose `Text` — `@expo/ui`'s button takes composable content, not a string.
+ *
+ * Material has no glass, so `glass` is its outlined button — and a `tint` makes any variant a filled button in that
+ * colour, as a prominent style does on iOS. `buttonStyle` and `controlSize` are SwiftUI's alone.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Button = ({
+  disabled = false,
+  label,
+  onPress,
+  testID,
+  tint,
+  variant = 'accent',
+  wide = true
+}) => {
+  useHostGuard('Button');
+  const theme = useAppTheme();
+  const tokens = buttonTokens(variant, disabled, theme);
+  const sxModifiers = useSxModifiers({
+    wide
+  });
+  const modifiers = useMemo(() => testID ? [...sxModifiers, testIdModifier(testID)] : sxModifiers, [sxModifiers, testID]);
+  const style = theme.typography.body;
+  const outlined = variant === 'glass' && !tint;
+  const fill = tint && !disabled ? tint : tokens.fill;
+  const content = tint && !disabled ? contentOnTint(tint, theme) : tokens.content;
+  const MaterialButton = outlined ? OutlinedButton : ComposeButton;
+  return /*#__PURE__*/_jsx(MaterialButton, {
+    colors: outlined ? {
+      contentColor: theme.color(content),
+      disabledContentColor: theme.color(content)
+    } : {
+      containerColor: theme.color(fill),
+      contentColor: theme.color(content),
+      disabledContainerColor: theme.color(fill),
+      disabledContentColor: theme.color(content)
+    },
+    enabled: !disabled,
+    modifiers: modifiers,
+    onClick: onPress,
+    children: /*#__PURE__*/_jsx(ComposeText, {
+      color: theme.colorString(content),
+      style: {
+        fontFamily: style.fontFamily,
+        fontSize: style.fontSize,
+        fontWeight: style.fontWeight,
+        lineHeight: style.lineHeight
+      },
+      children: label
+    })
+  });
+};
+//# sourceMappingURL=button.android.js.map

package/lib/module/atoms/button/button.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","ComposeButton","Text","ComposeText","OutlinedButton","testID","testIdModifier","useSxModifiers","useAppTheme","useMemo","useHostGuard","buttonTokens","contentOnTint","jsx","_jsx","disabled","label","onPress","tint","variant","wide","theme","tokens","sxModifiers","modifiers","style","typography","body","outlined","fill","content","MaterialButton","colors","contentColor","color","disabledContentColor","containerColor","disabledContainerColor","enabled","onClick","children","colorString","fontFamily","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../../src","sources":["atoms/button/button.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,IAAIC,aAAa,EAAEC,IAAI,IAAIC,WAAW,EAAEC,cAAc,QAAO,0BAA0B;AACrG,SAAQC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AAC3E,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAE/C,SAAQC,YAAY,EAAEC,aAAa,QAAO,oBAAiB;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,SAAAC,GAAA,IAAAC,IAAA;AAQA,OAAO,MAAMd,MAAuB,GAAGA,CAAC;EACtCe,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,OAAO;EACPZ,MAAM;EACNa,IAAI;EACJC,OAAO,GAAG,QAAQ;EAClBC,IAAI,GAAG;AACI,CAAC,KAAK;EACjBV,YAAY,CAAC,QAAQ,CAAC;EACtB,MAAMW,KAAK,GAAGb,WAAW,CAAC,CAAC;EAC3B,MAAMc,MAAM,GAAGX,YAAY,CAACQ,OAAO,EAAEJ,QAAQ,EAAEM,KAAK,CAAC;EACrD,MAAME,WAAW,GAAGhB,cAAc,CAAC;IAACa;EAAI,CAAC,CAAC;EAC1C,MAAMI,SAAS,GAAGf,OAAO,CACvB,MAAOJ,MAAM,GAAG,CAAC,GAAGkB,WAAW,EAAEjB,cAAc,CAACD,MAAM,CAAC,CAAC,GAAGkB,WAAY,EACvE,CAACA,WAAW,EAAElB,MAAM,CACtB,CAAC;EACD,MAAMoB,KAAK,GAAGJ,KAAK,CAACK,UAAU,CAACC,IAAI;EACnC,MAAMC,QAAQ,GAAGT,OAAO,KAAK,OAAO,IAAI,CAACD,IAAI;EAC7C,MAAMW,IAAI,GAAGX,IAAI,IAAI,CAACH,QAAQ,GAAGG,IAAI,GAAGI,MAAM,CAACO,IAAI;EACnD,MAAMC,OAAO,GAAGZ,IAAI,IAAI,CAACH,QAAQ,GAAGH,aAAa,CAACM,IAAI,EAAEG,KAAK,CAAC,GAAGC,MAAM,CAACQ,OAAO;EAC/E,MAAMC,cAAc,GAAGH,QAAQ,GAAGxB,cAAc,GAAGH,aAAa;EAEhE,oBACEa,IAAA,CAACiB,cAAc;IACbC,MAAM,EACJJ,QAAQ,GACJ;MAACK,YAAY,EAAEZ,KAAK,CAACa,KAAK,CAACJ,OAAO,CAAC;MAAEK,oBAAoB,EAAEd,KAAK,CAACa,KAAK,CAACJ,OAAO;IAAC,CAAC,GAChF;MACEM,cAAc,EAAEf,KAAK,CAACa,KAAK,CAACL,IAAI,CAAC;MACjCI,YAAY,EAAEZ,KAAK,CAACa,KAAK,CAACJ,OAAO,CAAC;MAClCO,sBAAsB,EAAEhB,KAAK,CAACa,KAAK,CAACL,IAAI,CAAC;MACzCM,oBAAoB,EAAEd,KAAK,CAACa,KAAK,CAACJ,OAAO;IAC3C,CACL;IACDQ,OAAO,EAAE,CAACvB,QAAS;IACnBS,SAAS,EAAEA,SAAU;IACrBe,OAAO,EAAEtB,OAAQ;IAAAuB,QAAA,eAEjB1B,IAAA,CAACX,WAAW;MACV+B,KAAK,EAAEb,KAAK,CAACoB,WAAW,CAACX,OAAO,CAAE;MAClCL,KAAK,EAAE;QACLiB,UAAU,EAAEjB,KAAK,CAACiB,UAAU;QAC5BC,QAAQ,EAAElB,KAAK,CAACkB,QAAQ;QACxBC,UAAU,EAAEnB,KAAK,CAACmB,UAAU;QAC5BC,UAAU,EAAEpB,KAAK,CAACoB;MACpB,CAAE;MAAAL,QAAA,EAEDxB;IAAK,CACK;EAAC,CACA,CAAC;AAErB,CAAC","ignoreList":[]}

package/lib/module/atoms/button/button.ios.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import { Button as SwiftUIButton } from '@expo/ui/swift-ui';
+import { buttonStyle as buttonStyleModifier, controlSize as controlSizeModifier, disabled as disabledModifier, glassEffect as glassEffectModifier, tint as tintModifier } from '@expo/ui/swift-ui/modifiers';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { Text } from "../text/index.js";
+import { VStack } from "../v-stack/index.js";
+import { buttonTokens, contentOnTint } from "./button-tokens.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const STYLE_BY_VARIANT = {
+  accent: 'borderedProminent',
+  destructive: 'borderedProminent',
+  glass: 'glass',
+  secondary: 'bordered'
+};
+const TINT_BY_VARIANT = {
+  accent: 'fill.accent.primary',
+  destructive: 'fill.destructive.primary',
+  glass: undefined,
+  secondary: undefined
+};
+export const Button = ({
+  buttonStyle,
+  controlSize = 'large',
+  disabled = false,
+  label,
+  onPress,
+  testID,
+  tint,
+  variant = 'accent',
+  wide = true
+}) => {
+  useHostGuard('Button');
+  const theme = useAppTheme();
+  const tokens = buttonTokens(variant, disabled, theme);
+  const resolvedTint = tint ?? TINT_BY_VARIANT[variant];
+  const style = buttonStyle ?? STYLE_BY_VARIANT[variant];
+
+  /**
+   * `.glass` ignores `.tint` — colouring the material is `.glassEffect(.regular.tint(…))`, a different
+   * modifier that only lands on a button once the style stops drawing its own material. So a tinted
+   * glass button is a plain one wearing the effect, and `interactive` is what buys back the press
+   * response the style would have given it.
+   *
+   * `plain` has no chrome for `controlSize` to size, so the label carries the padding that gives the
+   * button its height — without it a tinted glass button comes out shorter than every other variant.
+   */
+  const glassTint = style === 'glass' && resolvedTint ? theme.color(resolvedTint) : undefined;
+  const filled = Boolean(glassTint) || style === 'borderedProminent' || style === 'glassProminent';
+  // A prominent style — and tinted glass — is coloured by the tint, so a caller's own tint picks the label on it.
+  const content = tint && filled && !disabled ? contentOnTint(tint, theme) : tokens.content;
+  const modifiers = useMemo(() => {
+    const list = [buttonStyleModifier(glassTint ? 'plain' : style), controlSizeModifier(controlSize)];
+    if (glassTint) {
+      list.push(glassEffectModifier({
+        glass: {
+          interactive: true,
+          tint: glassTint,
+          variant: 'regular'
+        },
+        shape: 'capsule'
+      }));
+    } else if (resolvedTint) {
+      list.push(tintModifier(theme.color(resolvedTint)));
+    }
+    if (disabled) {
+      list.push(disabledModifier(true));
+    }
+    return list;
+  }, [controlSize, disabled, glassTint, resolvedTint, style, theme]);
+  return /*#__PURE__*/_jsx(SwiftUIButton, {
+    modifiers: modifiers,
+    onPress: onPress,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(VStack, {
+      align: "center",
+      py: glassTint ? 's16' : undefined,
+      wide: wide,
+      children: /*#__PURE__*/_jsx(Text, {
+        color: content,
+        variant: "body",
+        children: label
+      })
+    })
+  });
+};
+//# sourceMappingURL=button.ios.js.map

package/lib/module/atoms/button/button.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","SwiftUIButton","buttonStyle","buttonStyleModifier","controlSize","controlSizeModifier","disabled","disabledModifier","glassEffect","glassEffectModifier","tint","tintModifier","useAppTheme","useMemo","useHostGuard","Text","VStack","buttonTokens","contentOnTint","jsx","_jsx","STYLE_BY_VARIANT","accent","destructive","glass","secondary","TINT_BY_VARIANT","undefined","label","onPress","testID","variant","wide","theme","tokens","resolvedTint","style","glassTint","color","filled","Boolean","content","modifiers","list","push","interactive","shape","children","align","py"],"sourceRoot":"../../../../src","sources":["atoms/button/button.ios.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/button/button.types.js

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

package/lib/module/atoms/button/button.types.js.map

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

package/lib/module/atoms/button/index.js

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

package/lib/module/atoms/button/index.js.map

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

package/lib/module/atoms/card/card.android.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { Column } from '@expo/ui/jetpack-compose';
+import { testID as testIdModifier } from '@expo/ui/jetpack-compose/modifiers';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useMemo } from 'react';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Card = ({
+  children,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('Card');
+  const sxModifiers = useSxModifiers({
+    bg: 'surface.primary',
+    borderRadius: 'large',
+    p: 's16',
+    shadow: 'card',
+    ...sx
+  });
+  const modifiers = useMemo(() => testID ? [...sxModifiers, testIdModifier(testID)] : sxModifiers, [sxModifiers, testID]);
+  return /*#__PURE__*/_jsx(Column, {
+    modifiers: modifiers,
+    children: children
+  });
+};
+//# sourceMappingURL=card.android.js.map

package/lib/module/atoms/card/card.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Column","testID","testIdModifier","useSxModifiers","useMemo","useHostGuard","jsx","_jsx","Card","children","sx","sxModifiers","bg","borderRadius","p","shadow","modifiers"],"sourceRoot":"../../../../src","sources":["atoms/card/card.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,0BAA0B;AAC/C,SAAQC,MAAM,IAAIC,cAAc,QAAO,oCAAoC;AAC3E,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,QAAQ;EAAER,MAAM;EAAE,GAAGS;AAAa,CAAC,KAAK;EAC3EL,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMM,WAAW,GAAGR,cAAc,CAAC;IAACS,EAAE,EAAE,iBAAiB;IAAEC,YAAY,EAAE,OAAO;IAAEC,CAAC,EAAE,KAAK;IAAEC,MAAM,EAAE,MAAM;IAAE,GAAGL;EAAE,CAAC,CAAC;EACnH,MAAMM,SAAS,GAAGZ,OAAO,CACvB,MAAOH,MAAM,GAAG,CAAC,GAAGU,WAAW,EAAET,cAAc,CAACD,MAAM,CAAC,CAAC,GAAGU,WAAY,EACvE,CAACA,WAAW,EAAEV,MAAM,CACtB,CAAC;EAED,oBAAOM,IAAA,CAACP,MAAM;IAACgB,SAAS,EAAEA,SAAU;IAAAP,QAAA,EAAEA;EAAQ,CAAS,CAAC;AAC1D,CAAC","ignoreList":[]}

package/lib/module/atoms/card/card.ios.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { VStack } from '@expo/ui/swift-ui';
+import { useSxModifiers } from '@hzblj/kara-sx';
+import { useHostGuard } from "../../host-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Card = ({
+  children,
+  testID,
+  ...sx
+}) => {
+  useHostGuard('Card');
+  const modifiers = useSxModifiers({
+    bg: 'surface.primary',
+    borderRadius: 'large',
+    p: 's16',
+    shadow: 'card',
+    ...sx
+  });
+  return /*#__PURE__*/_jsx(VStack, {
+    alignment: "leading",
+    modifiers: modifiers,
+    testID: testID,
+    children: children
+  });
+};
+//# sourceMappingURL=card.ios.js.map

package/lib/module/atoms/card/card.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VStack","useSxModifiers","useHostGuard","jsx","_jsx","Card","children","testID","sx","modifiers","bg","borderRadius","p","shadow","alignment"],"sourceRoot":"../../../../src","sources":["atoms/card/card.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,mBAAmB;AACxC,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAACC,QAAQ;EAAEC,MAAM;EAAE,GAAGC;AAAa,CAAC,KAAK;EAC3EN,YAAY,CAAC,MAAM,CAAC;EACpB,MAAMO,SAAS,GAAGR,cAAc,CAAC;IAACS,EAAE,EAAE,iBAAiB;IAAEC,YAAY,EAAE,OAAO;IAAEC,CAAC,EAAE,KAAK;IAAEC,MAAM,EAAE,MAAM;IAAE,GAAGL;EAAE,CAAC,CAAC;EAEjH,oBACEJ,IAAA,CAACJ,MAAM;IAACc,SAAS,EAAC,SAAS;IAACL,SAAS,EAAEA,SAAU;IAACF,MAAM,EAAEA,MAAO;IAAAD,QAAA,EAC9DA;EAAQ,CACH,CAAC;AAEb,CAAC","ignoreList":[]}