Add beenvoice mobile companion app with full dark mode support.

Expo app with dashboard, time clock, invoices, and settings — native tabs, glass UI, theme-aware components, and iOS Live Activities. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-17 22:36:37 -04:00
parent 8a7a8df477
commit 14c880123c
93 changed files with 8849 additions and 7849 deletions
@@ -0,0 +1,37 @@
+import { StyleSheet, Text, View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
+
+import { GlassSurface } from "@/components/GlassSurface";
+import { useAppTheme } from "@/contexts/ThemeContext";
+import { fonts, spacing } from "@/constants/theme";
+import { radius } from "@/lib/beenvoice-theme";
+
+type CardProps = ViewProps & {
+  title?: string;
+  style?: StyleProp<ViewStyle>;
+  variant?: "card" | "stat";
+};
+
+export function Card({ title, style, children, variant = "card", ...props }: CardProps) {
+  const { colors } = useAppTheme();
+
+  return (
+    <GlassSurface style={StyleSheet.flatten(style)} radius={radius.lg} variant={variant}>
+      <View style={styles.inner} {...props}>
+        {title ? <Text style={[styles.title, { color: colors.foreground }]}>{title}</Text> : null}
+        {children}
+      </View>
+    </GlassSurface>
+  );
+}
+
+const styles = StyleSheet.create({
+  inner: {
+    paddingHorizontal: 20,
+    paddingVertical: spacing.md,
+    gap: spacing.sm,
+  },
+  title: {
+    fontSize: 15,
+    fontFamily: fonts.bodySemiBold,
+  },
+});