@oxyhq/services 5.16.23 → 5.16.25

package/lib/module/ui/styles/authStyles.js

@@ -0,0 +1,333 @@
+"use strict";
+
+import { Platform, StyleSheet } from 'react-native';
+export const createAuthStyles = (colors, theme) => StyleSheet.create({
+  // Container and scrollContent styles removed entirely
+  // All layout is handled by BottomSheetRouter's BottomSheetScrollView
+  // StepBasedScreen and step components are pure content renderers
+  stepContainer: {
+    // Removed flex: 1 - BottomSheetScrollView handles all layout
+    // This prevents unnecessary expansion that can cause spacing issues
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start'
+  },
+  // Header styles
+  modernHeader: {
+    alignItems: 'flex-start',
+    width: '100%',
+    marginBottom: 24
+  },
+  modernTitle: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
+    fontSize: 62,
+    lineHeight: 74.4,
+    // 62 * 1.2
+    marginBottom: 18,
+    textAlign: 'left',
+    letterSpacing: -1
+  },
+  modernSubtitle: {
+    fontSize: 18,
+    lineHeight: 24,
+    textAlign: 'left',
+    opacity: 0.8
+  },
+  welcomeTitle: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
+    fontSize: 42,
+    lineHeight: 50.4,
+    // 42 * 1.2
+    marginBottom: 12,
+    textAlign: 'left',
+    letterSpacing: -1
+  },
+  stepTitle: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
+    fontSize: 42,
+    lineHeight: 50.4,
+    // 42 * 1.2
+    marginBottom: 12,
+    textAlign: 'left',
+    letterSpacing: -1
+  },
+  // Info and error cards
+  modernInfoCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    borderRadius: 16,
+    marginBottom: 24,
+    gap: 12,
+    width: '100%'
+  },
+  modernInfoText: {
+    fontSize: 14,
+    flex: 1
+  },
+  modernErrorCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    borderRadius: 16,
+    marginBottom: 24,
+    gap: 12,
+    width: '100%'
+  },
+  errorText: {
+    fontSize: 14,
+    fontWeight: '500',
+    flex: 1
+  },
+  // Input styles
+  modernInputContainer: {
+    width: '100%',
+    marginBottom: 24
+  },
+  inputWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: 56,
+    borderRadius: 16,
+    paddingHorizontal: 20,
+    borderWidth: 2,
+    backgroundColor: colors.inputBackground
+  },
+  premiumInputWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: 56,
+    borderRadius: 16,
+    paddingHorizontal: 20,
+    borderWidth: 2,
+    backgroundColor: colors.inputBackground
+  },
+  inputIcon: {
+    marginRight: 12
+  },
+  inputContent: {
+    flex: 1
+  },
+  modernInput: {
+    flex: 1,
+    fontSize: 16,
+    height: '100%'
+  },
+  passwordToggle: {
+    padding: 4
+  },
+  // Validation styles
+  validationIndicator: {
+    marginLeft: 8
+  },
+  validationSuccessCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 12,
+    borderRadius: 12,
+    marginTop: 8,
+    gap: 8
+  },
+  validationErrorCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 12,
+    borderRadius: 12,
+    marginTop: 8,
+    gap: 8
+  },
+  validationCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 12,
+    borderRadius: 12,
+    marginTop: 8,
+    gap: 8
+  },
+  validationText: {
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  belowInputMessage: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 4,
+    marginBottom: 0,
+    gap: 6
+  },
+  belowInputText: {
+    fontSize: 13,
+    fontWeight: '500'
+  },
+  // Button styles
+  modernButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 18,
+    paddingHorizontal: 32,
+    borderRadius: 16,
+    marginVertical: 8,
+    ...Platform.select({
+      web: {
+        boxShadow: '0 4px 8px rgba(0,0,0,0.3)'
+      },
+      default: {
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowOpacity: 0.3,
+        shadowRadius: 8,
+        elevation: 6
+      }
+    }),
+    gap: 8,
+    width: '100%'
+  },
+  modernButtonText: {
+    color: '#FFFFFF',
+    fontSize: 16,
+    fontWeight: '600',
+    letterSpacing: 0.5
+  },
+  buttonIcon: {
+    marginLeft: 4
+  },
+  // Label and link styles
+  modernLabel: {
+    fontSize: 12,
+    fontWeight: '500',
+    marginBottom: 2
+  },
+  modernLinkText: {
+    fontSize: 14,
+    lineHeight: 20,
+    fontWeight: '600',
+    textDecorationLine: 'underline'
+  },
+  footerTextContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: 16
+  },
+  footerText: {
+    fontSize: 15
+  },
+  // User profile styles
+  modernUserProfileContainer: {
+    alignItems: 'flex-start',
+    paddingVertical: 24
+  },
+  avatarContainer: {
+    position: 'relative',
+    marginBottom: 20
+  },
+  modernUserAvatar: {
+    borderWidth: 4,
+    borderColor: 'rgba(209, 105, 229, 0.2)'
+  },
+  statusIndicator: {
+    position: 'absolute',
+    bottom: 4,
+    right: 4,
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    borderWidth: 3,
+    borderColor: '#FFFFFF'
+  },
+  modernUserDisplayName: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
+    fontSize: 42,
+    marginBottom: 4,
+    textAlign: 'left',
+    letterSpacing: -0.5
+  },
+  modernUsernameSubtext: {
+    fontSize: 20,
+    textAlign: 'left',
+    marginBottom: 16,
+    opacity: 0.7
+  },
+  welcomeBackBadge: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 20,
+    gap: 6
+  },
+  welcomeBackText: {
+    fontSize: 12,
+    fontWeight: '600',
+    textTransform: 'uppercase',
+    letterSpacing: 0.5
+  },
+  // Navigation styles
+  modernNavigationButtons: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: 16,
+    marginBottom: 8,
+    width: '100%',
+    gap: 8
+  },
+  modernBackButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    borderRadius: 12,
+    borderWidth: 1,
+    gap: 8
+  },
+  modernBackButtonText: {
+    fontSize: 16,
+    fontWeight: '500'
+  },
+  // Security notice
+  securityNotice: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginTop: 20,
+    gap: 6
+  },
+  securityText: {
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  // Welcome image container
+  welcomeImageContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: 20
+  },
+  welcomeText: {
+    fontSize: 18,
+    lineHeight: 24,
+    textAlign: 'left',
+    opacity: 0.8,
+    marginBottom: 24
+  },
+  // Success styles
+  successCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    borderRadius: 16,
+    marginBottom: 24,
+    gap: 12,
+    width: '100%'
+  },
+  successText: {
+    fontSize: 14,
+    fontWeight: '500',
+    flex: 1
+  }
+});
+//# sourceMappingURL=authStyles.js.map

package/lib/module/ui/styles/authStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","createAuthStyles","colors","theme","create","stepContainer","justifyContent","alignItems","modernHeader","width","marginBottom","modernTitle","fontFamily","OS","fontWeight","undefined","fontSize","lineHeight","textAlign","letterSpacing","modernSubtitle","opacity","welcomeTitle","stepTitle","modernInfoCard","flexDirection","padding","borderRadius","gap","modernInfoText","flex","modernErrorCard","errorText","modernInputContainer","inputWrapper","height","paddingHorizontal","borderWidth","backgroundColor","inputBackground","premiumInputWrapper","inputIcon","marginRight","inputContent","modernInput","passwordToggle","validationIndicator","marginLeft","validationSuccessCard","marginTop","validationErrorCard","validationCard","validationText","belowInputMessage","belowInputText","modernButton","paddingVertical","marginVertical","select","web","boxShadow","default","shadowOffset","shadowOpacity","shadowRadius","elevation","modernButtonText","color","buttonIcon","modernLabel","modernLinkText","textDecorationLine","footerTextContainer","footerText","modernUserProfileContainer","avatarContainer","position","modernUserAvatar","borderColor","statusIndicator","bottom","right","modernUserDisplayName","modernUsernameSubtext","welcomeBackBadge","welcomeBackText","textTransform","modernNavigationButtons","modernBackButton","modernBackButtonText","securityNotice","securityText","welcomeImageContainer","welcomeText","successCard","successText"],"sourceRoot":"../../../../src","sources":["ui/styles/authStyles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/styles/fonts.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { Platform } from 'react-native';
+
+/**
+ * Font family names for use across the app
+ * 
+ * For web platforms, we use the CSS font name with weights
+ * For native platforms, we use the specific static font file names
+ */
+export const fontFamilies = {
+  // Regular weight (400)
+  phudu: Platform.select({
+    web: 'Phudu',
+    // Web projects will use standard CSS font name
+    default: 'Phudu-Regular' // Native projects use the specific weight font
+  }),
+  // Light weight (300)
+  phuduLight: Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-Light' // Native uses specific font
+  }),
+  // Medium weight (500)
+  phuduMedium: Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-Medium' // Native uses specific font
+  }),
+  // SemiBold weight (600)
+  phuduSemiBold: Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-SemiBold' // Native uses specific font
+  }),
+  // Bold weight (700)
+  phuduBold: Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight 
+    default: 'Phudu-Bold' // Native uses specific font
+  }),
+  // ExtraBold weight (800)
+  phuduExtraBold: Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-ExtraBold' // Native uses specific font
+  }),
+  // Black weight (900)
+  phuduBlack: Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-Black' // Native uses specific font
+  })
+};
+
+/**
+ * Font styles that can be reused across the app
+ */
+export const fontStyles = {
+  titleLarge: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontSize: 54,
+    fontWeight: Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
+  },
+  titleMedium: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontSize: 24,
+    fontWeight: Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
+  },
+  titleSmall: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontSize: 20,
+    fontWeight: Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
+  },
+  buttonText: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-SemiBold',
+    fontSize: 16,
+    fontWeight: Platform.OS === 'web' ? '600' : undefined // Only apply fontWeight on web
+  }
+};
+//# sourceMappingURL=fonts.js.map

package/lib/module/ui/styles/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","fontFamilies","phudu","select","web","default","phuduLight","phuduMedium","phuduSemiBold","phuduBold","phuduExtraBold","phuduBlack","fontStyles","titleLarge","fontFamily","OS","fontSize","fontWeight","undefined","titleMedium","titleSmall","buttonText"],"sourceRoot":"../../../../src","sources":["ui/styles/fonts.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,cAAc;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG;EAC1B;EACAC,KAAK,EAAEF,QAAQ,CAACG,MAAM,CAAC;IACrBC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,eAAe,CAAE;EAC5B,CAAC,CAAC;EAEF;EACAC,UAAU,EAAEN,QAAQ,CAACG,MAAM,CAAC;IAC1BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,aAAa,CAAE;EAC1B,CAAC,CAAC;EAEF;EACAE,WAAW,EAAEP,QAAQ,CAACG,MAAM,CAAC;IAC3BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,cAAc,CAAE;EAC3B,CAAC,CAAC;EAEF;EACAG,aAAa,EAAER,QAAQ,CAACG,MAAM,CAAC;IAC7BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,gBAAgB,CAAE;EAC7B,CAAC,CAAC;EAEF;EACAI,SAAS,EAAET,QAAQ,CAACG,MAAM,CAAC;IACzBC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,YAAY,CAAE;EACzB,CAAC,CAAC;EAEF;EACAK,cAAc,EAAEV,QAAQ,CAACG,MAAM,CAAC;IAC9BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,iBAAiB,CAAE;EAC9B,CAAC,CAAC;EAEF;EACAM,UAAU,EAAEX,QAAQ,CAACG,MAAM,CAAC;IAC1BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,aAAa,CAAE;EAC1B,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMO,UAAqC,GAAG;EACnDC,UAAU,EAAE;IACVC,UAAU,EAAEd,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;IAC1DC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEjB,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,MAAM,GAAGG,SAAS,CAAG;EAC3D,CAAC;EACDC,WAAW,EAAE;IACXL,UAAU,EAAEd,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;IAC1DC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEjB,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,MAAM,GAAGG,SAAS,CAAG;EAC3D,CAAC;EACDE,UAAU,EAAE;IACVN,UAAU,EAAEd,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;IAC1DC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEjB,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,MAAM,GAAGG,SAAS,CAAG;EAC3D,CAAC;EACDG,UAAU,EAAE;IACVP,UAAU,EAAEd,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,gBAAgB;IAC9DC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEjB,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,KAAK,GAAGG,SAAS,CAAG;EAC1D;AACF,CAAC","ignoreList":[]}

package/lib/module/ui/styles/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from './fonts';
+export * from './theme';
+export * from './authStyles';
+export * from './spacing';
+//# sourceMappingURL=index.js.map

package/lib/module/ui/styles/index.js.map

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

package/lib/module/ui/styles/spacing.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+
+/**
+ * Shared spacing constants for authentication screens
+ * These values ensure consistent vertical spacing across all step components
+ * All gaps between elements (illustration, title, description, textfield, buttons, etc.) use this value
+ */
+export const STEP_GAP = 12; // Vertical gap between ALL elements (illustration, title, description, textfield, buttons, etc.) - must be consistent everywhere
+export const STEP_INNER_GAP = 12; // Gap within sections (headers, cards, etc.) - must match STEP_GAP for uniformity
+
+/**
+ * Re-export screen spacing constants from constants/spacing.ts
+ * This allows importing all spacing constants from a single location
+ */
+export { SCREEN_PADDING_HORIZONTAL, SCREEN_PADDING_VERTICAL, SECTION_GAP, SECTION_GAP_LARGE, COMPONENT_GAP, COMPONENT_GAP_SMALL, HEADER_PADDING_TOP_OVERVIEW, HEADER_PADDING_TOP_SETTINGS } from '../constants/spacing';
+
+/**
+ * Reusable stylesheet for step components
+ * NOTE: Layout styles (container, sectionSpacing) removed - all layout is handled by BottomSheetRouter
+ * Step components should NOT use these for layout, only for content-specific styling
+ */
+export const stepStyles = StyleSheet.create({
+  container: {
+    // Layout removed - use only for content width constraints if needed
+    width: '100%',
+    maxWidth: 420,
+    alignSelf: 'center'
+  },
+  sectionSpacing: {
+    // Layout removed - do NOT use for spacing, use explicit marginBottom: 0
+    // This is kept for backward compatibility but should not add margins
+    marginBottom: 0
+  },
+  header: {
+    alignItems: 'flex-start',
+    width: '100%',
+    gap: STEP_INNER_GAP
+  },
+  title: {
+    textAlign: 'left',
+    marginBottom: 0,
+    marginTop: 0
+  },
+  subtitle: {
+    textAlign: 'left',
+    maxWidth: 320,
+    alignSelf: 'flex-start',
+    marginBottom: 0,
+    marginTop: 0
+  },
+  buttonContainer: {
+    marginTop: 0,
+    marginBottom: 0
+  }
+});
+//# sourceMappingURL=spacing.js.map

package/lib/module/ui/styles/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","STEP_GAP","STEP_INNER_GAP","SCREEN_PADDING_HORIZONTAL","SCREEN_PADDING_VERTICAL","SECTION_GAP","SECTION_GAP_LARGE","COMPONENT_GAP","COMPONENT_GAP_SMALL","HEADER_PADDING_TOP_OVERVIEW","HEADER_PADDING_TOP_SETTINGS","stepStyles","create","container","width","maxWidth","alignSelf","sectionSpacing","marginBottom","header","alignItems","gap","title","textAlign","marginTop","subtitle","buttonContainer"],"sourceRoot":"../../../../src","sources":["ui/styles/spacing.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG,EAAE,CAAC,CAAC;AAC5B,OAAO,MAAMC,cAAc,GAAG,EAAE,CAAC,CAAC;;AAElC;AACA;AACA;AACA;AACA,SACIC,yBAAyB,EACzBC,uBAAuB,EACvBC,WAAW,EACXC,iBAAiB,EACjBC,aAAa,EACbC,mBAAmB,EACnBC,2BAA2B,EAC3BC,2BAA2B,QACxB,sBAAsB;;AAE7B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAGX,UAAU,CAACY,MAAM,CAAC;EACxCC,SAAS,EAAE;IACP;IACAC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE;EACf,CAAC;EACDC,cAAc,EAAE;IACZ;IACA;IACAC,YAAY,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACJC,UAAU,EAAE,YAAY;IACxBN,KAAK,EAAE,MAAM;IACbO,GAAG,EAAEnB;EACT,CAAC;EACDoB,KAAK,EAAE;IACHC,SAAS,EAAE,MAAM;IACjBL,YAAY,EAAE,CAAC;IACfM,SAAS,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACNF,SAAS,EAAE,MAAM;IACjBR,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,YAAY;IACvBE,YAAY,EAAE,CAAC;IACfM,SAAS,EAAE;EACf,CAAC;EACDE,eAAe,EAAE;IACbF,SAAS,EAAE,CAAC;IACZN,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/styles/theme.js

@@ -0,0 +1,114 @@
+"use strict";
+
+import { Platform, StyleSheet } from 'react-native';
+import { fontFamilies } from './fonts';
+const lightColors = {
+  text: '#000000',
+  background: '#FFFFFF',
+  inputBackground: '#F5F5F5',
+  placeholder: '#999999',
+  primary: '#d169e5',
+  border: '#E0E0E0',
+  error: '#D32F2F',
+  success: '#2E7D32',
+  warning: '#F57C00',
+  secondaryText: '#666666'
+};
+const darkColors = {
+  text: '#FFFFFF',
+  background: '#000000',
+  inputBackground: '#333333',
+  placeholder: '#AAAAAA',
+  primary: '#d169e5',
+  border: '#444444',
+  error: '#EF5350',
+  success: '#81C784',
+  warning: '#FFB74D',
+  secondaryText: '#BBBBBB'
+};
+const createTheme = isDark => {
+  const colors = isDark ? darkColors : lightColors;
+  return {
+    colors,
+    fonts: {
+      title: {
+        fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+        fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
+        fontSize: 34
+      },
+      body: {
+        fontSize: 16,
+        lineHeight: 24
+      },
+      button: {
+        fontFamily: fontFamilies.phuduSemiBold,
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#FFFFFF'
+      },
+      label: {
+        fontSize: 14,
+        fontWeight: '500',
+        marginBottom: 8
+      }
+    }
+  };
+};
+export const getTheme = theme => {
+  return createTheme(theme === 'dark');
+};
+export const useThemeColors = theme => {
+  return getTheme(theme).colors;
+};
+
+// Common styles that can be reused across components
+export const createCommonStyles = theme => {
+  const themeObj = getTheme(theme);
+  const {
+    colors
+  } = themeObj;
+  return StyleSheet.create({
+    container: {
+      backgroundColor: colors.background
+    },
+    scrollContainer: {
+      padding: 10
+    },
+    input: {
+      height: 48,
+      borderRadius: 35,
+      paddingHorizontal: 16,
+      borderWidth: 1,
+      fontSize: 16,
+      backgroundColor: colors.inputBackground,
+      borderColor: colors.border,
+      color: colors.text
+    },
+    button: {
+      backgroundColor: colors.primary,
+      height: 48,
+      borderRadius: 35,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginTop: 24
+    },
+    buttonText: {
+      fontFamily: fontFamilies.phuduSemiBold,
+      fontSize: 16,
+      fontWeight: '600',
+      color: '#FFFFFF'
+    },
+    errorContainer: {
+      backgroundColor: '#FFEBEE',
+      padding: 12,
+      borderRadius: 35,
+      marginBottom: 16
+    },
+    errorText: {
+      fontSize: 14,
+      fontWeight: '500',
+      color: colors.error
+    }
+  });
+};
+//# sourceMappingURL=theme.js.map

package/lib/module/ui/styles/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","fontFamilies","lightColors","text","background","inputBackground","placeholder","primary","border","error","success","warning","secondaryText","darkColors","createTheme","isDark","colors","fonts","title","fontFamily","OS","fontWeight","undefined","fontSize","body","lineHeight","button","phuduSemiBold","color","label","marginBottom","getTheme","theme","useThemeColors","createCommonStyles","themeObj","create","container","backgroundColor","scrollContainer","padding","input","height","borderRadius","paddingHorizontal","borderWidth","borderColor","alignItems","justifyContent","marginTop","buttonText","errorContainer","errorText"],"sourceRoot":"../../../../src","sources":["ui/styles/theme.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/types/fileManagement.js

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

package/lib/module/ui/types/fileManagement.js.map

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

package/lib/module/ui/types/navigation.js

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

package/lib/module/ui/types/navigation.js.map

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