@cyberkaidev/ui 0.1.0

package/lib/module/components/SegmentedButton.js

@@ -0,0 +1,151 @@
+"use strict";
+
+import React from 'react';
+import { Animated, Pressable, StyleSheet, View } from 'react-native';
+import { Icon } from "../icons/Icon.js";
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { heightDP } from "../responsive.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Track heights per size — the Material 3 Expressive button size scale. */
+const HEIGHTS = {
+  s: heightDP(5),
+  m: heightDP(6),
+  l: heightDP(7)
+};
+
+/** Default track height (size `'m'`). */
+export const SEGMENTED_BUTTON_HEIGHT = HEIGHTS.m;
+
+/** Gap between the track edge and the segment pills, and between pills. */
+const TRACK_INSET = 3;
+/**
+ * Single-select segmented button in the Material 3 **Expressive** style — a
+ * rounded track holding equal-width segments. The selected segment morphs into a
+ * filled pill with a springy pop; every segment squishes on press.
+ */
+export function SegmentedButton({
+  segments,
+  value,
+  onChange,
+  size = 'm',
+  disabled = false,
+  showSelectedCheck = true,
+  testID
+}) {
+  const {
+    colors
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const height = HEIGHTS[size];
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID ?? 'segmented-button',
+    style: [styles.track, {
+      height,
+      borderColor: colors.border,
+      backgroundColor: colors.on_surface
+    }, disabled ? styles.dimmed : null],
+    children: segments.map(segment => /*#__PURE__*/_jsx(Segment, {
+      segment: segment,
+      selected: segment.value === value,
+      wholeDisabled: disabled,
+      showSelectedCheck: showSelectedCheck,
+      fullRadius: (height - TRACK_INSET * 2) / 2,
+      onPress: () => onChange(segment.value)
+    }, String(segment.value)))
+  });
+}
+function Segment({
+  segment,
+  selected,
+  wholeDisabled,
+  showSelectedCheck,
+  fullRadius,
+  onPress
+}) {
+  const {
+    colors,
+    iconSize
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const pressScale = React.useRef(new Animated.Value(1)).current;
+  const popScale = React.useRef(new Animated.Value(1)).current;
+  // Composed once — not a fresh Animated node per render.
+  const scale = React.useRef(Animated.multiply(pressScale, popScale)).current;
+  const isDisabled = wholeDisabled || segment.disabled;
+  const contentColor = selected ? colors.background : colors.text;
+  const iconName = selected && showSelectedCheck ? 'check' : segment.icon;
+  React.useEffect(() => {
+    if (!selected) return;
+    popScale.setValue(0.85);
+    Animated.spring(popScale, {
+      toValue: 1,
+      useNativeDriver: true,
+      friction: 5,
+      tension: 140
+    }).start();
+  }, [selected, popScale]);
+  const springPress = React.useCallback(toValue => Animated.spring(pressScale, {
+    toValue,
+    useNativeDriver: true,
+    friction: 6,
+    tension: 160
+  }).start(), [pressScale]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    testID: `segmented-button-${String(segment.value)}`,
+    disabled: isDisabled,
+    onPress: onPress,
+    onPressIn: () => springPress(0.93),
+    onPressOut: () => springPress(1),
+    style: styles.segmentTouch,
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.pill, {
+        borderRadius: fullRadius,
+        backgroundColor: selected ? colors.primary : colors.transparent,
+        transform: [{
+          scale
+        }]
+      }, segment.disabled ? styles.dimmed : null],
+      children: [iconName ? /*#__PURE__*/_jsx(Icon, {
+        name: iconName,
+        size: iconSize.s,
+        color: contentColor
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        weight: "bold",
+        color: contentColor,
+        numberOfLines: 1,
+        children: segment.label
+      })]
+    })
+  });
+}
+function makeStyles(t) {
+  return StyleSheet.create({
+    track: {
+      width: '100%',
+      flexDirection: 'row',
+      alignItems: 'stretch',
+      padding: TRACK_INSET,
+      gap: TRACK_INSET,
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderRadius: SEGMENTED_BUTTON_HEIGHT,
+      overflow: 'hidden'
+    },
+    segmentTouch: {
+      flex: 1
+    },
+    pill: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: t.spaces.horizontal.s,
+      paddingHorizontal: t.spaces.horizontal.s
+    },
+    dimmed: {
+      opacity: 0.5
+    }
+  });
+}
+//# sourceMappingURL=SegmentedButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Pressable","StyleSheet","View","Icon","useTheme","useThemedStyles","heightDP","Text","jsx","_jsx","jsxs","_jsxs","HEIGHTS","s","m","l","SEGMENTED_BUTTON_HEIGHT","TRACK_INSET","SegmentedButton","segments","value","onChange","size","disabled","showSelectedCheck","testID","colors","styles","makeStyles","height","style","track","borderColor","border","backgroundColor","on_surface","dimmed","children","map","segment","Segment","selected","wholeDisabled","fullRadius","onPress","String","iconSize","pressScale","useRef","Value","current","popScale","scale","multiply","isDisabled","contentColor","background","text","iconName","icon","useEffect","setValue","spring","toValue","useNativeDriver","friction","tension","start","springPress","useCallback","onPressIn","onPressOut","segmentTouch","pill","borderRadius","primary","transparent","transform","name","color","weight","numberOfLines","label","t","create","width","flexDirection","alignItems","padding","gap","borderWidth","borderStyle","overflow","flex","justifyContent","spaces","horizontal","paddingHorizontal","opacity"],"sourceRoot":"../../../src","sources":["components/SegmentedButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ShapedButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { ActivityIndicator, StyleSheet } from 'react-native';
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { Button } from "./Button.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Filled call-to-action button with a loading state. */
+export function ShapedButton({
+  children,
+  size,
+  type = 'primary',
+  disabled,
+  isLoading = false,
+  onPress,
+  testID
+}) {
+  const {
+    colors
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const opacity = disabled || isLoading ? 0.7 : 1;
+  const backgroundColor = type === 'primary' ? colors.primary : colors.transparent;
+  const textColor = type === 'primary' ? colors.surface : colors.primary;
+  return /*#__PURE__*/_jsx(Button, {
+    testID: testID ?? 'shaped-button',
+    style: [styles.container, {
+      opacity,
+      backgroundColor
+    }],
+    disabled: disabled || isLoading,
+    onPress: onPress,
+    children: isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      testID: "activity-indicator",
+      size: "small",
+      color: textColor
+    }) : /*#__PURE__*/_jsx(Text, {
+      weight: "bold",
+      color: textColor,
+      size: size,
+      children: children
+    })
+  });
+}
+function makeStyles(t) {
+  return StyleSheet.create({
+    container: {
+      width: '100%',
+      paddingVertical: t.spaces.vertical.m,
+      borderRadius: t.borderRadius.radius_20,
+      justifyContent: 'center',
+      alignItems: 'center',
+      alignSelf: 'center',
+      overflow: 'hidden'
+    }
+  });
+}
+//# sourceMappingURL=ShapedButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","StyleSheet","useTheme","useThemedStyles","Button","Text","jsx","_jsx","ShapedButton","children","size","type","disabled","isLoading","onPress","testID","colors","styles","makeStyles","opacity","backgroundColor","primary","transparent","textColor","surface","style","container","color","weight","t","create","width","paddingVertical","spaces","vertical","m","borderRadius","radius_20","justifyContent","alignItems","alignSelf","overflow"],"sourceRoot":"../../../src","sources":["components/ShapedButton.tsx"],"mappings":";;AACA,SAASA,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAE5D,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAkB;AAG5D,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAe9B;AACA,OAAO,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,IAAI;EACJC,IAAI,GAAG,SAAS;EAChBC,QAAQ;EACRC,SAAS,GAAG,KAAK;EACjBC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAM;IAAEC;EAAO,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAC7B,MAAMe,MAAM,GAAGd,eAAe,CAACe,UAAU,CAAC;EAC1C,MAAMC,OAAO,GAAGP,QAAQ,IAAIC,SAAS,GAAG,GAAG,GAAG,CAAC;EAC/C,MAAMO,eAAe,GACnBT,IAAI,KAAK,SAAS,GAAGK,MAAM,CAACK,OAAO,GAAGL,MAAM,CAACM,WAAW;EAC1D,MAAMC,SAAS,GAAGZ,IAAI,KAAK,SAAS,GAAGK,MAAM,CAACQ,OAAO,GAAGR,MAAM,CAACK,OAAO;EAEtE,oBACEd,IAAA,CAACH,MAAM;IACLW,MAAM,EAAEA,MAAM,IAAI,eAAgB;IAClCU,KAAK,EAAE,CAACR,MAAM,CAACS,SAAS,EAAE;MAAEP,OAAO;MAAEC;IAAgB,CAAC,CAAE;IACxDR,QAAQ,EAAEA,QAAQ,IAAIC,SAAU;IAChCC,OAAO,EAAEA,OAAQ;IAAAL,QAAA,EAEhBI,SAAS,gBACRN,IAAA,CAACP,iBAAiB;MAChBe,MAAM,EAAC,oBAAoB;MAC3BL,IAAI,EAAC,OAAO;MACZiB,KAAK,EAAEJ;IAAU,CAClB,CAAC,gBAEFhB,IAAA,CAACF,IAAI;MAACuB,MAAM,EAAC,MAAM;MAACD,KAAK,EAAEJ,SAAU;MAACb,IAAI,EAAEA,IAAK;MAAAD,QAAA,EAC9CA;IAAQ,CACL;EACP,CACK,CAAC;AAEb;AAEA,SAASS,UAAUA,CAACW,CAAY,EAAE;EAChC,OAAO5B,UAAU,CAAC6B,MAAM,CAAC;IACvBJ,SAAS,EAAE;MACTK,KAAK,EAAE,MAAM;MACbC,eAAe,EAAEH,CAAC,CAACI,MAAM,CAACC,QAAQ,CAACC,CAAC;MACpCC,YAAY,EAAEP,CAAC,CAACO,YAAY,CAACC,SAAS;MACtCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,QAAQ;MACnBC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/components/SlideModal.js

@@ -0,0 +1,196 @@
+"use strict";
+
+import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
+import { ActivityIndicator, Animated, Dimensions, Easing, Modal, PanResponder, Platform, Pressable, StyleSheet, View } from 'react-native';
+import { BlurView } from 'expo-blur';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { heightDP, widthDP } from "../responsive.js";
+import { IconButton } from "./IconButton.js";
+import { Scaffold } from "./Scaffold.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SCREEN_HEIGHT = Dimensions.get('window').height;
+const DRAG_DISMISS_DISTANCE = SCREEN_HEIGHT * 0.2;
+const DRAG_DISMISS_VELOCITY = 0.5;
+const IS_IOS = Platform.OS === 'ios';
+/** Bottom sheet that slides up; controlled imperatively through its ref. */
+export const SlideModal = /*#__PURE__*/forwardRef(({
+  children,
+  title,
+  isLoading = false
+}, ref) => {
+  const {
+    colors
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const {
+    bottom
+  } = useSafeAreaInsets();
+  const [visible, setVisible] = React.useState(false);
+  const translateY = useRef(new Animated.Value(SCREEN_HEIGHT)).current;
+  const animateIn = useCallback(() => {
+    Animated.timing(translateY, {
+      toValue: 0,
+      duration: 300,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }).start();
+  }, [translateY]);
+  const animateOut = useCallback(callback => {
+    Animated.timing(translateY, {
+      toValue: SCREEN_HEIGHT,
+      duration: 250,
+      easing: Easing.in(Easing.cubic),
+      useNativeDriver: true
+    }).start(() => callback?.());
+  }, [translateY]);
+  const handleClose = useCallback(() => {
+    animateOut(() => setVisible(false));
+  }, [animateOut]);
+  useImperativeHandle(ref, () => ({
+    show: () => {
+      setVisible(true);
+      requestAnimationFrame(animateIn);
+    },
+    hide: handleClose
+  }), [animateIn, handleClose]);
+
+  // Rebuilt only when `isLoading` flips — not on every render.
+  const panResponder = useMemo(() => PanResponder.create({
+    onStartShouldSetPanResponder: () => !isLoading,
+    onMoveShouldSetPanResponder: (_, gesture) => !isLoading && Math.abs(gesture.dy) > 5,
+    onPanResponderMove: (_, gesture) => {
+      if (gesture.dy > 0) translateY.setValue(gesture.dy);
+    },
+    onPanResponderRelease: (_, gesture) => {
+      if (gesture.dy > DRAG_DISMISS_DISTANCE || gesture.vy > DRAG_DISMISS_VELOCITY) {
+        handleClose();
+      } else {
+        animateIn();
+      }
+    }
+  }), [isLoading, translateY, handleClose, animateIn]);
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/_jsxs(Pressable, {
+      style: [styles.background, {
+        backgroundColor: colors.background_60
+      }],
+      disabled: isLoading,
+      onPress: handleClose,
+      children: [IS_IOS && /*#__PURE__*/_jsx(BlurView, {
+        style: styles.blur,
+        tint: "dark",
+        intensity: 20,
+        pointerEvents: "none"
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.page, {
+          transform: [{
+            translateY
+          }]
+        }],
+        children: /*#__PURE__*/_jsx(View, {
+          ...panResponder.panHandlers,
+          children: /*#__PURE__*/_jsx(Scaffold.Body, {
+            surface: true,
+            children: /*#__PURE__*/_jsxs(Scaffold.View, {
+              paddingHorizontal: 0,
+              paddingTop: 0,
+              children: [/*#__PURE__*/_jsx(View, {
+                style: styles.dragHandleContainer,
+                children: /*#__PURE__*/_jsx(View, {
+                  style: [styles.dragHandle, {
+                    backgroundColor: colors.border
+                  }]
+                })
+              }), /*#__PURE__*/_jsxs(View, {
+                style: styles.header,
+                children: [/*#__PURE__*/_jsx(View, {
+                  style: styles.title,
+                  children: /*#__PURE__*/_jsx(Text, {
+                    size: "l",
+                    weight: "medium",
+                    children: title
+                  })
+                }), /*#__PURE__*/_jsx(IconButton, {
+                  icon: "close",
+                  disabled: isLoading,
+                  onPress: handleClose
+                })]
+              }), /*#__PURE__*/_jsx(View, {
+                style: [styles.content, {
+                  paddingBottom: bottom
+                }],
+                children: isLoading ? /*#__PURE__*/_jsx(View, {
+                  style: styles.loadingContainer,
+                  children: /*#__PURE__*/_jsx(ActivityIndicator, {
+                    size: "small",
+                    color: colors.text
+                  })
+                }) : children
+              })]
+            })
+          })
+        })
+      })]
+    })
+  });
+});
+SlideModal.displayName = 'SlideModal';
+function makeStyles(t) {
+  return StyleSheet.create({
+    background: {
+      flex: 1,
+      position: 'relative'
+    },
+    blur: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    },
+    page: {
+      height: 'auto',
+      position: 'absolute',
+      borderTopRightRadius: t.borderRadius.radius_20,
+      borderTopLeftRadius: t.borderRadius.radius_20,
+      overflow: 'hidden',
+      left: 0,
+      right: 0,
+      bottom: 0
+    },
+    dragHandleContainer: {
+      width: '100%',
+      alignItems: 'center',
+      paddingVertical: t.spaces.vertical.xs
+    },
+    dragHandle: {
+      width: widthDP(12),
+      height: 4,
+      borderRadius: t.borderRadius.radius_5
+    },
+    header: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      paddingHorizontal: t.pageSpacing.horizontal
+    },
+    title: {
+      width: '70%'
+    },
+    content: {
+      width: '100%'
+    },
+    loadingContainer: {
+      width: '100%',
+      height: heightDP(25),
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  });
+}
+//# sourceMappingURL=SlideModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useMemo","useRef","ActivityIndicator","Animated","Dimensions","Easing","Modal","PanResponder","Platform","Pressable","StyleSheet","View","BlurView","useSafeAreaInsets","useTheme","useThemedStyles","heightDP","widthDP","IconButton","Scaffold","Text","jsx","_jsx","jsxs","_jsxs","SCREEN_HEIGHT","get","height","DRAG_DISMISS_DISTANCE","DRAG_DISMISS_VELOCITY","IS_IOS","OS","SlideModal","children","title","isLoading","ref","colors","styles","makeStyles","bottom","visible","setVisible","useState","translateY","Value","current","animateIn","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","animateOut","callback","in","handleClose","show","requestAnimationFrame","hide","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gesture","Math","abs","dy","onPanResponderMove","setValue","onPanResponderRelease","vy","transparent","statusBarTranslucent","style","background","backgroundColor","background_60","disabled","onPress","blur","tint","intensity","pointerEvents","page","transform","panHandlers","Body","surface","paddingHorizontal","paddingTop","dragHandleContainer","dragHandle","border","header","size","weight","icon","content","paddingBottom","loadingContainer","color","text","displayName","t","flex","position","top","left","right","borderTopRightRadius","borderRadius","radius_20","borderTopLeftRadius","overflow","width","alignItems","paddingVertical","spaces","vertical","xs","radius_5","flexDirection","justifyContent","pageSpacing","horizontal"],"sourceRoot":"../../../src","sources":["components/SlideModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TabBar.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { BlurView } from 'expo-blur';
+import React from 'react';
+import { Platform, Pressable, StyleSheet } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Icon } from "../icons/Icon.js";
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { heightDP } from "../responsive.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const IS_IOS = Platform.OS === 'ios';
+const VISIBILITY_ANIMATION_DURATION = 200;
+const CONTENT_HEIGHT = heightDP(8);
+/** Height a screen should reserve for the fixed tab bar. */
+export function useTabBarHeight() {
+  const insets = useSafeAreaInsets();
+  return CONTENT_HEIGHT + insets.bottom;
+}
+
+/** Fixed bottom tab bar driven by a list of items — knows nothing about routing. */
+export function TabBar({
+  items,
+  visible = true
+}) {
+  const {
+    colors,
+    iconSize
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const insets = useSafeAreaInsets();
+  const visibility = useSharedValue(visible ? 1 : 0);
+  React.useEffect(() => {
+    visibility.value = withTiming(visible ? 1 : 0, {
+      duration: VISIBILITY_ANIMATION_DURATION
+    });
+  }, [visible, visibility]);
+  const visibilityAnimatedStyle = useAnimatedStyle(() => ({
+    opacity: visibility.value
+  }));
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.container, {
+      backgroundColor: colors.surface_90,
+      borderTopColor: colors.border
+    }, visibilityAnimatedStyle],
+    pointerEvents: visible ? 'auto' : 'none',
+    children: [IS_IOS && /*#__PURE__*/_jsx(BlurView, {
+      style: styles.blur,
+      tint: "dark",
+      intensity: 20
+    }), items.map(item => {
+      const tintColor = item.active ? colors.primary : colors.text;
+      return /*#__PURE__*/_jsxs(Pressable, {
+        testID: `tab-${item.key}`,
+        onPress: item.onPress,
+        accessibilityRole: "button",
+        accessibilityState: item.active ? {
+          selected: true
+        } : {},
+        style: [styles.button, {
+          marginBottom: insets.bottom
+        }],
+        children: [/*#__PURE__*/_jsx(Icon, {
+          name: item.icon,
+          color: tintColor,
+          size: iconSize.l
+        }), /*#__PURE__*/_jsx(Text, {
+          color: tintColor,
+          size: "xs",
+          children: item.label
+        })]
+      }, item.key);
+    })]
+  });
+}
+function makeStyles(t) {
+  return StyleSheet.create({
+    container: {
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      right: 0,
+      zIndex: 10,
+      elevation: 10,
+      width: '100%',
+      flexDirection: 'row',
+      borderStyle: 'solid',
+      borderTopWidth: 1
+    },
+    button: {
+      flex: 1,
+      height: CONTENT_HEIGHT,
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingTop: t.spaces.vertical.xs
+    },
+    blur: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    }
+  });
+}
+//# sourceMappingURL=TabBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BlurView","React","Platform","Pressable","StyleSheet","Animated","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","Icon","useTheme","useThemedStyles","heightDP","Text","jsx","_jsx","jsxs","_jsxs","IS_IOS","OS","VISIBILITY_ANIMATION_DURATION","CONTENT_HEIGHT","useTabBarHeight","insets","bottom","TabBar","items","visible","colors","iconSize","styles","makeStyles","visibility","useEffect","value","duration","visibilityAnimatedStyle","opacity","View","style","container","backgroundColor","surface_90","borderTopColor","border","pointerEvents","children","blur","tint","intensity","map","item","tintColor","active","primary","text","testID","key","onPress","accessibilityRole","accessibilityState","selected","button","marginBottom","name","icon","color","size","l","label","t","create","position","left","right","zIndex","elevation","width","flexDirection","borderStyle","borderTopWidth","flex","height","justifyContent","alignItems","paddingTop","spaces","vertical","xs","top"],"sourceRoot":"../../../src","sources":["components/TabBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Text.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import { Text as RNText } from 'react-native';
+import { useTheme } from "../ThemeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const fontFamilyByWeight = {
+  regular: 'Inter-Regular',
+  medium: 'Inter-Medium',
+  bold: 'Inter-Bold'
+};
+/** Themed text primitive. All display copy comes from `children`. */
+export function Text({
+  children,
+  weight = 'regular',
+  size = 's',
+  color,
+  numberOfLines,
+  textAlign,
+  marginT = 0,
+  marginB = 0,
+  marginR = 0,
+  marginL = 0,
+  opacity,
+  testID
+}) {
+  const {
+    colors,
+    fontSizes
+  } = useTheme();
+  return /*#__PURE__*/_jsx(RNText, {
+    testID: testID ?? 'text',
+    numberOfLines: numberOfLines,
+    style: {
+      fontFamily: fontFamilyByWeight[weight],
+      fontSize: fontSizes[size],
+      color: color ?? colors.text,
+      marginTop: marginT,
+      marginBottom: marginB,
+      marginRight: marginR,
+      marginLeft: marginL,
+      textAlign,
+      opacity
+    },
+    children: children
+  });
+}
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","RNText","useTheme","jsx","_jsx","fontFamilyByWeight","regular","medium","bold","children","weight","size","color","numberOfLines","textAlign","marginT","marginB","marginR","marginL","opacity","testID","colors","fontSizes","style","fontFamily","fontSize","text","marginTop","marginBottom","marginRight","marginLeft"],"sourceRoot":"../../../src","sources":["components/Text.tsx"],"mappings":";;AACA,SAASA,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAG7C,SAASC,QAAQ,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,MAAMC,kBAAkD,GAAG;EACzDC,OAAO,EAAE,eAAe;EACxBC,MAAM,EAAE,cAAc;EACtBC,IAAI,EAAE;AACR,CAAC;AAsBD;AACA,OAAO,SAASR,IAAIA,CAAC;EACnBS,QAAQ;EACRC,MAAM,GAAG,SAAS;EAClBC,IAAI,GAAG,GAAG;EACVC,KAAK;EACLC,aAAa;EACbC,SAAS;EACTC,OAAO,GAAG,CAAC;EACXC,OAAO,GAAG,CAAC;EACXC,OAAO,GAAG,CAAC;EACXC,OAAO,GAAG,CAAC;EACXC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGpB,QAAQ,CAAC,CAAC;EAExC,oBACEE,IAAA,CAACH,MAAM;IACLmB,MAAM,EAAEA,MAAM,IAAI,MAAO;IACzBP,aAAa,EAAEA,aAAc;IAC7BU,KAAK,EAAE;MACLC,UAAU,EAAEnB,kBAAkB,CAACK,MAAM,CAAC;MACtCe,QAAQ,EAAEH,SAAS,CAACX,IAAI,CAAC;MACzBC,KAAK,EAAEA,KAAK,IAAIS,MAAM,CAACK,IAAI;MAC3BC,SAAS,EAAEZ,OAAO;MAClBa,YAAY,EAAEZ,OAAO;MACrBa,WAAW,EAAEZ,OAAO;MACpBa,UAAU,EAAEZ,OAAO;MACnBJ,SAAS;MACTK;IACF,CAAE;IAAAV,QAAA,EAEDA;EAAQ,CACH,CAAC;AAEb","ignoreList":[]}

package/lib/module/components/TextButton.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { useTheme, useThemedStyles } from "../ThemeProvider.js";
+import { Button } from "./Button.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Text-only button, no fill. */
+export function TextButton({
+  children,
+  size,
+  color,
+  disabled = false,
+  onPress,
+  testID
+}) {
+  const {
+    colors
+  } = useTheme();
+  const styles = useThemedStyles(makeStyles);
+  const opacity = disabled ? 0.5 : 1;
+  return /*#__PURE__*/_jsx(Button, {
+    testID: testID ?? 'text-button',
+    style: [styles.container, {
+      opacity
+    }],
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: {
+      top: 20,
+      bottom: 20,
+      left: 25,
+      right: 15
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      weight: "medium",
+      color: color ?? colors.primary,
+      size: size,
+      children: children
+    })
+  });
+}
+function makeStyles(t) {
+  return StyleSheet.create({
+    container: {
+      paddingHorizontal: t.spaces.horizontal.s,
+      paddingVertical: t.spaces.vertical.xs,
+      borderRadius: t.borderRadius.radius_20,
+      overflow: 'hidden'
+    }
+  });
+}
+//# sourceMappingURL=TextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useThemedStyles","Button","Text","jsx","_jsx","TextButton","children","size","color","disabled","onPress","testID","colors","styles","makeStyles","opacity","style","container","hitSlop","top","bottom","left","right","weight","primary","t","create","paddingHorizontal","spaces","horizontal","s","paddingVertical","vertical","xs","borderRadius","radius_20","overflow"],"sourceRoot":"../../../src","sources":["components/TextButton.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAkB;AAG5D,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY9B;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,QAAQ;EACRC,IAAI;EACJC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAM;IAAEC;EAAO,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC7B,MAAMc,MAAM,GAAGb,eAAe,CAACc,UAAU,CAAC;EAC1C,MAAMC,OAAO,GAAGN,QAAQ,GAAG,GAAG,GAAG,CAAC;EAElC,oBACEL,IAAA,CAACH,MAAM;IACLU,MAAM,EAAEA,MAAM,IAAI,aAAc;IAChCK,KAAK,EAAE,CAACH,MAAM,CAACI,SAAS,EAAE;MAAEF;IAAQ,CAAC,CAAE;IACvCL,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBS,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAE;IAAAhB,QAAA,eAEtDF,IAAA,CAACF,IAAI;MAACqB,MAAM,EAAC,QAAQ;MAACf,KAAK,EAAEA,KAAK,IAAII,MAAM,CAACY,OAAQ;MAACjB,IAAI,EAAEA,IAAK;MAAAD,QAAA,EAC9DA;IAAQ,CACL;EAAC,CACD,CAAC;AAEb;AAEA,SAASQ,UAAUA,CAACW,CAAY,EAAE;EAChC,OAAO3B,UAAU,CAAC4B,MAAM,CAAC;IACvBT,SAAS,EAAE;MACTU,iBAAiB,EAAEF,CAAC,CAACG,MAAM,CAACC,UAAU,CAACC,CAAC;MACxCC,eAAe,EAAEN,CAAC,CAACG,MAAM,CAACI,QAAQ,CAACC,EAAE;MACrCC,YAAY,EAAET,CAAC,CAACS,YAAY,CAACC,SAAS;MACtCC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;AACJ","ignoreList":[]}