@cyberkaidev/ui 0.1.0

package/lib/module/ThemeProvider.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import React from 'react';
+import { defaultTokens } from "./theme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ThemeContext = /*#__PURE__*/React.createContext(null);
+
+/**
+ * Injects the theme into the tree. `colors` is required; the other token groups
+ * are optional and merge over the nearest parent `ThemeProvider` (or the
+ * defaults). Providers nest.
+ */
+export function ThemeProvider({
+  colors,
+  fontSizes,
+  iconSize,
+  spaces,
+  borderRadius,
+  pageSpacing,
+  children
+}) {
+  const parent = React.useContext(ThemeContext);
+  const value = React.useMemo(() => {
+    const baseSpaces = parent?.spaces ?? defaultTokens.spaces;
+    return {
+      colors,
+      fontSizes: {
+        ...(parent?.fontSizes ?? defaultTokens.fontSizes),
+        ...fontSizes
+      },
+      iconSize: {
+        ...(parent?.iconSize ?? defaultTokens.iconSize),
+        ...iconSize
+      },
+      spaces: {
+        horizontal: {
+          ...baseSpaces.horizontal,
+          ...spaces?.horizontal
+        },
+        vertical: {
+          ...baseSpaces.vertical,
+          ...spaces?.vertical
+        }
+      },
+      borderRadius: {
+        ...(parent?.borderRadius ?? defaultTokens.borderRadius),
+        ...borderRadius
+      },
+      pageSpacing: {
+        ...(parent?.pageSpacing ?? defaultTokens.pageSpacing),
+        ...pageSpacing
+      }
+    };
+  }, [parent, colors, fontSizes, iconSize, spaces, borderRadius, pageSpacing]);
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+
+/** The resolved theme. Throws if used outside a `ThemeProvider`. */
+export function useTheme() {
+  const theme = React.useContext(ThemeContext);
+  if (!theme) {
+    throw new Error('@cyberkaidev/ui: a component was rendered outside <ThemeProvider>. ' + 'Wrap your app in <ThemeProvider colors={...}>.');
+  }
+  return theme;
+}
+
+/** Convenience: the resolved color palette (`useTheme().colors`). */
+export function useColors() {
+  return useTheme().colors;
+}
+
+/**
+ * Builds a value (usually a `StyleSheet`) from the resolved theme, memoized
+ * against it. Pass a module-level factory so it stays referentially stable and
+ * the memo only recomputes when the theme actually changes.
+ */
+export function useThemedStyles(factory) {
+  const theme = useTheme();
+  return React.useMemo(() => factory(theme), [theme, factory]);
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/module/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","defaultTokens","jsx","_jsx","ThemeContext","createContext","ThemeProvider","colors","fontSizes","iconSize","spaces","borderRadius","pageSpacing","children","parent","useContext","value","useMemo","baseSpaces","horizontal","vertical","Provider","useTheme","theme","Error","useColors","useThemedStyles","factory"],"sourceRoot":"../../src","sources":["ThemeProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA8BxC,MAAMC,YAAY,gBAAGJ,KAAK,CAACK,aAAa,CAAmB,IAAI,CAAC;;AAEhE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,YAAY;EACZC,WAAW;EACXC;AACK,CAAC,EAAE;EACR,MAAMC,MAAM,GAAGd,KAAK,CAACe,UAAU,CAACX,YAAY,CAAC;EAE7C,MAAMY,KAAK,GAAGhB,KAAK,CAACiB,OAAO,CAAY,MAAM;IAC3C,MAAMC,UAAU,GAAGJ,MAAM,EAAEJ,MAAM,IAAIT,aAAa,CAACS,MAAM;IACzD,OAAO;MACLH,MAAM;MACNC,SAAS,EAAE;QACT,IAAIM,MAAM,EAAEN,SAAS,IAAIP,aAAa,CAACO,SAAS,CAAC;QACjD,GAAGA;MACL,CAAC;MACDC,QAAQ,EAAE;QACR,IAAIK,MAAM,EAAEL,QAAQ,IAAIR,aAAa,CAACQ,QAAQ,CAAC;QAC/C,GAAGA;MACL,CAAC;MACDC,MAAM,EAAE;QACNS,UAAU,EAAE;UAAE,GAAGD,UAAU,CAACC,UAAU;UAAE,GAAGT,MAAM,EAAES;QAAW,CAAC;QAC/DC,QAAQ,EAAE;UAAE,GAAGF,UAAU,CAACE,QAAQ;UAAE,GAAGV,MAAM,EAAEU;QAAS;MAC1D,CAAC;MACDT,YAAY,EAAE;QACZ,IAAIG,MAAM,EAAEH,YAAY,IAAIV,aAAa,CAACU,YAAY,CAAC;QACvD,GAAGA;MACL,CAAC;MACDC,WAAW,EAAE;QACX,IAAIE,MAAM,EAAEF,WAAW,IAAIX,aAAa,CAACW,WAAW,CAAC;QACrD,GAAGA;MACL;IACF,CAAC;EACH,CAAC,EAAE,CAACE,MAAM,EAAEP,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,YAAY,EAAEC,WAAW,CAAC,CAAC;EAE5E,oBACET,IAAA,CAACC,YAAY,CAACiB,QAAQ;IAACL,KAAK,EAAEA,KAAM;IAAAH,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAE3E;;AAEA;AACA,OAAO,SAASS,QAAQA,CAAA,EAAc;EACpC,MAAMC,KAAK,GAAGvB,KAAK,CAACe,UAAU,CAACX,YAAY,CAAC;EAC5C,IAAI,CAACmB,KAAK,EAAE;IACV,MAAM,IAAIC,KAAK,CACb,qEAAqE,GACnE,gDACJ,CAAC;EACH;EACA,OAAOD,KAAK;AACd;;AAEA;AACA,OAAO,SAASE,SAASA,CAAA,EAAe;EACtC,OAAOH,QAAQ,CAAC,CAAC,CAACf,MAAM;AAC1B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASmB,eAAeA,CAAIC,OAAgC,EAAK;EACtE,MAAMJ,KAAK,GAAGD,QAAQ,CAAC,CAAC;EACxB,OAAOtB,KAAK,CAACiB,OAAO,CAAC,MAAMU,OAAO,CAACJ,KAAK,CAAC,EAAE,CAACA,KAAK,EAAEI,OAAO,CAAC,CAAC;AAC9D","ignoreList":[]}

package/lib/module/components/AppBar.js

@@ -0,0 +1,185 @@
+"use strict";
+
+import { BlurView } from 'expo-blur';
+import Constants from 'expo-constants';
+import { Platform, StyleSheet, View } from 'react-native';
+import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue } from 'react-native-reanimated';
+import { Icon } from "../icons/Icon.js";
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { pageSpacing } from "../theme.js";
+import { heightDP } from "../responsive.js";
+import { Button } from "./Button.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LARGE_TITLE_HEIGHT = heightDP(6);
+const COLLAPSE_DEAD_ZONE = heightDP(0.8);
+const CONTENT_HEIGHT = heightDP(7);
+const IS_IOS = Platform.OS === 'ios';
+
+/**
+ * Height of the fixed app bar, including the status bar. Uses the default
+ * `pageSpacing.top` — a themed override is not reflected here.
+ */
+export const APP_BAR_HEIGHT = Constants.statusBarHeight + CONTENT_HEIGHT + pageSpacing.top;
+
+/** Height of the app bar when the large title is expanded. */
+export const APP_BAR_LARGE_HEIGHT = APP_BAR_HEIGHT + LARGE_TITLE_HEIGHT;
+/** Fixed top app bar with an optional collapsing large title. */
+export function AppBar({
+  title,
+  enabledBack,
+  onBack,
+  large,
+  trailing,
+  scrollY
+}) {
+  const {
+    colors,
+    borderRadius
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const collapseProgress = useDerivedValue(() => {
+    if (!scrollY) return 0;
+    return interpolate(scrollY.value, [COLLAPSE_DEAD_ZONE, COLLAPSE_DEAD_ZONE + LARGE_TITLE_HEIGHT], [0, 1], Extrapolation.CLAMP);
+  });
+  const titleAnimatedStyle = useAnimatedStyle(() => ({
+    opacity: large ? collapseProgress.value : 1
+  }));
+  const largeTitleAnimatedStyle = useAnimatedStyle(() => ({
+    opacity: 1 - collapseProgress.value,
+    height: LARGE_TITLE_HEIGHT * (1 - collapseProgress.value)
+  }));
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: colors.surface_90,
+      borderBottomColor: colors.border
+    }],
+    children: [IS_IOS && /*#__PURE__*/_jsx(BlurView, {
+      style: styles.blur,
+      tint: "dark",
+      intensity: 20
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.side, styles.sideLeft],
+        children: enabledBack && /*#__PURE__*/_jsx(View, {
+          style: styles.radiusOverflow,
+          children: /*#__PURE__*/_jsx(Button, {
+            testID: "app-bar-back-button",
+            hitSlop: {
+              top: 20,
+              bottom: 20,
+              left: 25,
+              right: 15
+            },
+            onPress: onBack,
+            style: styles.iconButton,
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "arrow_back",
+              color: colors.text
+            })
+          })
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.center, titleAnimatedStyle],
+        children: /*#__PURE__*/_jsx(Text, {
+          weight: "medium",
+          numberOfLines: 1,
+          children: title
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.side, styles.sideRight],
+        children: trailing && !trailing.hidden && /*#__PURE__*/_jsx(View, {
+          style: [styles.radiusOverflow, {
+            borderRadius: trailing.label ? borderRadius.radius_20 : borderRadius.radius_100
+          }],
+          children: /*#__PURE__*/_jsxs(Button, {
+            testID: "app-bar-trailing-button",
+            hitSlop: {
+              top: 20,
+              bottom: 20,
+              left: 25,
+              right: 15
+            },
+            onPress: trailing.onPress,
+            style: styles.iconButton,
+            children: [trailing.icon && /*#__PURE__*/_jsx(Icon, {
+              name: trailing.icon,
+              color: trailing.tintColor ?? colors.text
+            }), trailing.label && /*#__PURE__*/_jsx(Text, {
+              weight: "medium",
+              color: trailing.tintColor,
+              children: trailing.label
+            })]
+          })
+        })
+      })]
+    }), large && /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.largeTitleContainer, largeTitleAnimatedStyle],
+      children: /*#__PURE__*/_jsx(Text, {
+        weight: "bold",
+        size: "xl",
+        numberOfLines: 1,
+        children: title
+      })
+    })]
+  });
+}
+function makeStyles(t) {
+  return StyleSheet.create({
+    container: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      zIndex: 10,
+      width: '100%',
+      borderStyle: 'solid',
+      borderBottomWidth: 1
+    },
+    content: {
+      width: '100%',
+      height: CONTENT_HEIGHT,
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginTop: Constants.statusBarHeight,
+      paddingHorizontal: t.spaces.horizontal.xs,
+      paddingTop: COLLAPSE_DEAD_ZONE
+    },
+    side: {
+      flex: 1
+    },
+    sideLeft: {
+      alignItems: 'flex-start'
+    },
+    sideRight: {
+      alignItems: 'flex-end'
+    },
+    center: {
+      flex: 2,
+      alignItems: 'center'
+    },
+    largeTitleContainer: {
+      width: '100%',
+      overflow: 'hidden',
+      justifyContent: 'flex-end',
+      paddingHorizontal: t.spaces.horizontal.l,
+      paddingBottom: t.spaces.vertical.s
+    },
+    iconButton: {
+      padding: t.spaces.horizontal.xs
+    },
+    radiusOverflow: {
+      borderRadius: t.borderRadius.radius_100,
+      overflow: 'hidden'
+    },
+    blur: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    }
+  });
+}
+//# sourceMappingURL=AppBar.js.map

package/lib/module/components/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlurView","Constants","Platform","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","Icon","useTheme","useThemedStyles","pageSpacing","heightDP","Button","Text","jsx","_jsx","jsxs","_jsxs","LARGE_TITLE_HEIGHT","COLLAPSE_DEAD_ZONE","CONTENT_HEIGHT","IS_IOS","OS","APP_BAR_HEIGHT","statusBarHeight","top","APP_BAR_LARGE_HEIGHT","AppBar","title","enabledBack","onBack","large","trailing","scrollY","colors","borderRadius","styles","makeStyles","collapseProgress","value","CLAMP","titleAnimatedStyle","opacity","largeTitleAnimatedStyle","height","style","container","backgroundColor","surface_90","borderBottomColor","border","children","blur","tint","intensity","content","side","sideLeft","radiusOverflow","testID","hitSlop","bottom","left","right","onPress","iconButton","name","color","text","center","weight","numberOfLines","sideRight","hidden","label","radius_20","radius_100","icon","tintColor","largeTitleContainer","size","t","create","position","zIndex","width","borderStyle","borderBottomWidth","flexDirection","alignItems","marginTop","paddingHorizontal","spaces","horizontal","xs","paddingTop","flex","overflow","justifyContent","l","paddingBottom","vertical","s","padding"],"sourceRoot":"../../../src","sources":["components/AppBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/BounceEffect.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import React from 'react';
+import { Animated, Pressable } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Wraps a child and plays a scale "bounce" on press, firing on release. */
+export function BounceEffect({
+  onActionTrigger,
+  children,
+  style
+}) {
+  const scaleValue = React.useRef(new Animated.Value(1)).current;
+  const animateIn = () => {
+    Animated.spring(scaleValue, {
+      toValue: 0.9,
+      useNativeDriver: true
+    }).start();
+  };
+  const animateOut = () => {
+    Animated.spring(scaleValue, {
+      toValue: 1,
+      useNativeDriver: true
+    }).start();
+  };
+  const handlePress = () => {
+    Animated.spring(scaleValue, {
+      toValue: 1,
+      friction: 4,
+      tension: 40,
+      useNativeDriver: true
+    }).start(() => {
+      onActionTrigger();
+    });
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: style,
+    onPressIn: animateIn,
+    onPressOut: animateOut,
+    onPress: handlePress,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        transform: [{
+          scale: scaleValue
+        }]
+      },
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=BounceEffect.js.map

package/lib/module/components/BounceEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Pressable","jsx","_jsx","BounceEffect","onActionTrigger","children","style","scaleValue","useRef","Value","current","animateIn","spring","toValue","useNativeDriver","start","animateOut","handlePress","friction","tension","onPressIn","onPressOut","onPress","View","transform","scale"],"sourceRoot":"../../../src","sources":["components/BounceEffect.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUnD;AACA,OAAO,SAASC,YAAYA,CAAC;EAAEC,eAAe;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EACxE,MAAMC,UAAU,GAAGT,KAAK,CAACU,MAAM,CAAC,IAAIT,QAAQ,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE9D,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtBZ,QAAQ,CAACa,MAAM,CAACL,UAAU,EAAE;MAC1BM,OAAO,EAAE,GAAG;MACZC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvBjB,QAAQ,CAACa,MAAM,CAACL,UAAU,EAAE;MAC1BM,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAME,WAAW,GAAGA,CAAA,KAAM;IACxBlB,QAAQ,CAACa,MAAM,CAACL,UAAU,EAAE;MAC1BM,OAAO,EAAE,CAAC;MACVK,QAAQ,EAAE,CAAC;MACXC,OAAO,EAAE,EAAE;MACXL,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,MAAM;MACbX,eAAe,CAAC,CAAC;IACnB,CAAC,CAAC;EACJ,CAAC;EAED,oBACEF,IAAA,CAACF,SAAS;IACRM,KAAK,EAAEA,KAAM;IACbc,SAAS,EAAET,SAAU;IACrBU,UAAU,EAAEL,UAAW;IACvBM,OAAO,EAAEL,WAAY;IAAAZ,QAAA,eAErBH,IAAA,CAACH,QAAQ,CAACwB,IAAI;MAACjB,KAAK,EAAE;QAAEkB,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAElB;QAAW,CAAC;MAAE,CAAE;MAAAF,QAAA,EAC1DA;IAAQ,CACI;EAAC,CACP,CAAC;AAEhB","ignoreList":[]}

package/lib/module/components/Button.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { Platform, TouchableOpacity } from 'react-native';
+import { RippleEffect } from "./RippleEffect.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Base pressable. Android gets a touch ripple; every other platform gets
+ * opacity feedback. Kept in one file (not `.ios`/`.android`) so consumers'
+ * type resolution works without `moduleSuffixes`.
+ */
+export function Button({
+  children,
+  onPress,
+  onPressIn,
+  onPressOut,
+  disabled,
+  style,
+  testID,
+  hitSlop,
+  rippleColor,
+  rippleContainerBorderRadius
+}) {
+  if (Platform.OS === 'android') {
+    return /*#__PURE__*/_jsx(RippleEffect, {
+      testID: testID,
+      style: style,
+      disabled: disabled,
+      onPress: onPress,
+      onPressIn: onPressIn,
+      onPressOut: onPressOut,
+      hitSlop: hitSlop,
+      rippleColor: rippleColor,
+      rippleContainerBorderRadius: rippleContainerBorderRadius,
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    testID: testID,
+    style: style,
+    disabled: disabled,
+    onPress: onPress,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    hitSlop: hitSlop,
+    children: children
+  });
+}
+//# sourceMappingURL=Button.js.map

package/lib/module/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","TouchableOpacity","RippleEffect","jsx","_jsx","Button","children","onPress","onPressIn","onPressOut","disabled","style","testID","hitSlop","rippleColor","rippleContainerBorderRadius","OS"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AACA,SAASA,QAAQ,EAAEC,gBAAgB,QAAQ,cAAc;AAGzD,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiB9C;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC,WAAW;EACXC;AACK,CAAC,EAAE;EACR,IAAIf,QAAQ,CAACgB,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEZ,IAAA,CAACF,YAAY;MACXU,MAAM,EAAEA,MAAO;MACfD,KAAK,EAAEA,KAAM;MACbD,QAAQ,EAAEA,QAAS;MACnBH,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBC,UAAU,EAAEA,UAAW;MACvBI,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,2BAA2B,EAAEA,2BAA4B;MAAAT,QAAA,EAExDA;IAAQ,CACG,CAAC;EAEnB;EAEA,oBACEF,IAAA,CAACH,gBAAgB;IACfW,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAEA,QAAS;IACnBH,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBI,OAAO,EAAEA,OAAQ;IAAAP,QAAA,EAEhBA;EAAQ,CACO,CAAC;AAEvB","ignoreList":[]}

package/lib/module/components/Chips.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { Text } from "./Text.js";
+import { Button } from "./Button.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Horizontally scrolling row of selectable chips. */
+export function Chips({
+  data,
+  marginB = 0,
+  marginT = 0,
+  onPress,
+  testID
+}) {
+  const {
+    colors
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const isInteractive = typeof onPress === 'function';
+  const schemeButton = {
+    surface: {
+      borderColor: colors.border,
+      backgroundColor: colors.surface
+    },
+    on_surface: {
+      borderColor: colors.border,
+      backgroundColor: colors.on_surface
+    },
+    primary: {
+      borderColor: colors.primary,
+      backgroundColor: colors.surface
+    }
+  };
+  const schemeTextColor = {
+    surface: colors.text,
+    on_surface: colors.text,
+    primary: colors.primary
+  };
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    style: [styles.container, {
+      marginTop: marginT,
+      marginBottom: marginB
+    }],
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.content,
+      children: data.map(({
+        key,
+        label,
+        disabled,
+        prefix,
+        scheme = 'surface'
+      }) => /*#__PURE__*/_jsxs(Button, {
+        testID: `chip-${String(key)}`,
+        disabled: !isInteractive || disabled,
+        style: [styles.button, schemeButton[scheme], disabled ? styles.dimmed : null],
+        onPress: () => onPress?.(key),
+        children: [prefix, /*#__PURE__*/_jsx(Text, {
+          color: schemeTextColor[scheme],
+          children: label
+        })]
+      }, String(key)))
+    })
+  });
+}
+function makeStyles(t) {
+  return StyleSheet.create({
+    container: {
+      width: '100%'
+    },
+    content: {
+      gap: t.spaces.horizontal.l,
+      paddingHorizontal: t.pageSpacing.horizontal
+    },
+    button: {
+      paddingHorizontal: t.spaces.horizontal.m,
+      paddingVertical: t.spaces.vertical.xs,
+      borderRadius: t.borderRadius.radius_20,
+      borderWidth: 1,
+      borderStyle: 'solid',
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: t.spaces.horizontal.s,
+      overflow: 'hidden'
+    },
+    dimmed: {
+      opacity: 0.5
+    }
+  });
+}
+//# sourceMappingURL=Chips.js.map

package/lib/module/components/Chips.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","View","useTheme","useThemedStyles","Text","Button","jsx","_jsx","jsxs","_jsxs","Chips","data","marginB","marginT","onPress","testID","colors","styles","makeStyles","isInteractive","schemeButton","surface","borderColor","border","backgroundColor","on_surface","primary","schemeTextColor","text","style","container","marginTop","marginBottom","children","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","content","map","key","label","disabled","prefix","scheme","String","button","dimmed","color","t","create","width","gap","spaces","l","paddingHorizontal","pageSpacing","m","paddingVertical","vertical","xs","borderRadius","radius_20","borderWidth","borderStyle","flexDirection","alignItems","s","overflow","opacity"],"sourceRoot":"../../../src","sources":["components/Chips.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/IconButton.js

@@ -0,0 +1,71 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import { Icon } from "../icons/Icon.js";
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { widthDP } from "../responsive.js";
+import { Button } from "./Button.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BUTTON_SIZE = widthDP(10);
+/** Circular icon-only button with an optional "active" indicator. */
+export function IconButton({
+  icon,
+  active = false,
+  disabled = false,
+  onPress,
+  testID
+}) {
+  const {
+    colors
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsxs(Button, {
+      testID: testID ?? 'icon-button',
+      style: [styles.button, {
+        backgroundColor: colors.on_surface,
+        borderColor: colors.border
+      }],
+      disabled: disabled,
+      onPress: onPress,
+      children: [/*#__PURE__*/_jsx(Icon, {
+        name: icon,
+        color: active ? colors.primary : colors.text
+      }), active && /*#__PURE__*/_jsx(View, {
+        style: [styles.badge, {
+          backgroundColor: colors.primary,
+          borderColor: colors.surface
+        }]
+      })]
+    })
+  });
+}
+function makeStyles(t) {
+  return StyleSheet.create({
+    container: {
+      padding: 2,
+      borderRadius: t.borderRadius.radius_100,
+      overflow: 'hidden'
+    },
+    button: {
+      width: BUTTON_SIZE,
+      height: BUTTON_SIZE,
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderWidth: 1,
+      borderRadius: t.borderRadius.radius_100,
+      overflow: 'hidden'
+    },
+    badge: {
+      position: 'absolute',
+      top: widthDP(1.5),
+      right: widthDP(1.5),
+      width: widthDP(2),
+      height: widthDP(2),
+      borderRadius: t.borderRadius.radius_100,
+      borderWidth: 1
+    }
+  });
+}
+//# sourceMappingURL=IconButton.js.map

package/lib/module/components/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Icon","useTheme","useThemedStyles","widthDP","Button","jsx","_jsx","jsxs","_jsxs","BUTTON_SIZE","IconButton","icon","active","disabled","onPress","testID","colors","styles","makeStyles","style","container","children","button","backgroundColor","on_surface","borderColor","border","name","color","primary","text","badge","surface","t","create","padding","borderRadius","radius_100","overflow","width","height","justifyContent","alignItems","borderWidth","position","top","right"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,IAAI,QAAQ,kBAAe;AAEpC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAkB;AAE5D,SAASC,OAAO,QAAQ,kBAAe;AACvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,MAAMC,WAAW,GAAGN,OAAO,CAAC,EAAE,CAAC;AAY/B;AACA,OAAO,SAASO,UAAUA,CAAC;EACzBC,IAAI;EACJC,MAAM,GAAG,KAAK;EACdC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAM;IAAEC;EAAO,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAC7B,MAAMgB,MAAM,GAAGf,eAAe,CAACgB,UAAU,CAAC;EAE1C,oBACEZ,IAAA,CAACP,IAAI;IAACoB,KAAK,EAAEF,MAAM,CAACG,SAAU;IAAAC,QAAA,eAC5Bb,KAAA,CAACJ,MAAM;MACLW,MAAM,EAAEA,MAAM,IAAI,aAAc;MAChCI,KAAK,EAAE,CACLF,MAAM,CAACK,MAAM,EACb;QAAEC,eAAe,EAAEP,MAAM,CAACQ,UAAU;QAAEC,WAAW,EAAET,MAAM,CAACU;MAAO,CAAC,CAClE;MACFb,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MAAAO,QAAA,gBAEjBf,IAAA,CAACN,IAAI;QAAC2B,IAAI,EAAEhB,IAAK;QAACiB,KAAK,EAAEhB,MAAM,GAAGI,MAAM,CAACa,OAAO,GAAGb,MAAM,CAACc;MAAK,CAAE,CAAC,EACjElB,MAAM,iBACLN,IAAA,CAACP,IAAI;QACHoB,KAAK,EAAE,CACLF,MAAM,CAACc,KAAK,EACZ;UAAER,eAAe,EAAEP,MAAM,CAACa,OAAO;UAAEJ,WAAW,EAAET,MAAM,CAACgB;QAAQ,CAAC;MAChE,CACH,CACF;IAAA,CACK;EAAC,CACL,CAAC;AAEX;AAEA,SAASd,UAAUA,CAACe,CAAY,EAAE;EAChC,OAAOnC,UAAU,CAACoC,MAAM,CAAC;IACvBd,SAAS,EAAE;MACTe,OAAO,EAAE,CAAC;MACVC,YAAY,EAAEH,CAAC,CAACG,YAAY,CAACC,UAAU;MACvCC,QAAQ,EAAE;IACZ,CAAC;IACDhB,MAAM,EAAE;MACNiB,KAAK,EAAE9B,WAAW;MAClB+B,MAAM,EAAE/B,WAAW;MACnBgC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,CAAC;MACdP,YAAY,EAAEH,CAAC,CAACG,YAAY,CAACC,UAAU;MACvCC,QAAQ,EAAE;IACZ,CAAC;IACDP,KAAK,EAAE;MACLa,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE1C,OAAO,CAAC,GAAG,CAAC;MACjB2C,KAAK,EAAE3C,OAAO,CAAC,GAAG,CAAC;MACnBoC,KAAK,EAAEpC,OAAO,CAAC,CAAC,CAAC;MACjBqC,MAAM,EAAErC,OAAO,CAAC,CAAC,CAAC;MAClBiC,YAAY,EAAEH,CAAC,CAACG,YAAY,CAACC,UAAU;MACvCM,WAAW,EAAE;IACf;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/components/InforList.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { heightDP } from "../responsive.js";
+import { Button } from "./Button.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** A label inside an `InforList.Content` row. */
+function Title({
+  children,
+  color
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    weight: "medium",
+    color: color,
+    children: children
+  });
+}
+
+/** A single row; pressable when `onPress` is provided. */
+function Content({
+  children,
+  onPress
+}) {
+  const styles = useThemedStyles(makeStyles);
+  const isInteractive = typeof onPress === 'function';
+  return /*#__PURE__*/_jsx(Button, {
+    disabled: !isInteractive,
+    onPress: () => onPress?.(),
+    style: styles.content,
+    children: children
+  });
+}
+
+/** Grouped list with dividers between rows. */
+function Container({
+  children,
+  marginB,
+  marginT
+}) {
+  const {
+    colors
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const items = React.Children.toArray(children);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      marginTop: marginT,
+      marginBottom: marginB,
+      backgroundColor: colors.surface,
+      borderColor: colors.border
+    }],
+    children: items.map((child, index) => /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [child, index < items.length - 1 && /*#__PURE__*/_jsx(View, {
+        style: [styles.line, {
+          backgroundColor: colors.border
+        }]
+      })]
+    }, index))
+  });
+}
+export const InforList = {
+  Title,
+  Content,
+  Container
+};
+function makeStyles(t) {
+  return StyleSheet.create({
+    container: {
+      width: '100%',
+      alignItems: 'stretch',
+      borderRadius: t.borderRadius.radius_20,
+      overflow: 'hidden',
+      borderWidth: 1
+    },
+    content: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      height: heightDP(6),
+      paddingHorizontal: t.spaces.horizontal.l
+    },
+    line: {
+      flex: 1,
+      height: 1,
+      marginLeft: t.spaces.horizontal.l
+    }
+  });
+}
+//# sourceMappingURL=InforList.js.map