@oxyhq/services 5.16.23 → 5.16.24

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

@@ -0,0 +1,338 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAuthStyles = void 0;
+var _reactNative = require("react-native");
+const createAuthStyles = (colors, theme) => _reactNative.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: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontWeight: _reactNative.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: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined,
+    fontSize: 42,
+    lineHeight: 50.4,
+    // 42 * 1.2
+    marginBottom: 12,
+    textAlign: 'left',
+    letterSpacing: -1
+  },
+  stepTitle: {
+    fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontWeight: _reactNative.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,
+    ..._reactNative.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: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontWeight: _reactNative.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
+  }
+});
+exports.createAuthStyles = createAuthStyles;
+//# sourceMappingURL=authStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","createAuthStyles","colors","theme","StyleSheet","create","stepContainer","justifyContent","alignItems","modernHeader","width","marginBottom","modernTitle","fontFamily","Platform","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","exports"],"sourceRoot":"../../../../src","sources":["ui/styles/authStyles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontStyles = exports.fontFamilies = void 0;
+var _reactNative = require("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
+ */
+const fontFamilies = exports.fontFamilies = {
+  // Regular weight (400)
+  phudu: _reactNative.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: _reactNative.Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-Light' // Native uses specific font
+  }),
+  // Medium weight (500)
+  phuduMedium: _reactNative.Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-Medium' // Native uses specific font
+  }),
+  // SemiBold weight (600)
+  phuduSemiBold: _reactNative.Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-SemiBold' // Native uses specific font
+  }),
+  // Bold weight (700)
+  phuduBold: _reactNative.Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight 
+    default: 'Phudu-Bold' // Native uses specific font
+  }),
+  // ExtraBold weight (800)
+  phuduExtraBold: _reactNative.Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-ExtraBold' // Native uses specific font
+  }),
+  // Black weight (900)
+  phuduBlack: _reactNative.Platform.select({
+    web: 'Phudu',
+    // Web uses CSS weight
+    default: 'Phudu-Black' // Native uses specific font
+  })
+};
+
+/**
+ * Font styles that can be reused across the app
+ */
+const fontStyles = exports.fontStyles = {
+  titleLarge: {
+    fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontSize: 54,
+    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
+  },
+  titleMedium: {
+    fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontSize: 24,
+    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
+  },
+  titleSmall: {
+    fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-Bold',
+    fontSize: 20,
+    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined // Only apply fontWeight on web
+  },
+  buttonText: {
+    fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' : 'Phudu-SemiBold',
+    fontSize: 16,
+    fontWeight: _reactNative.Platform.OS === 'web' ? '600' : undefined // Only apply fontWeight on web
+  }
+};
+//# sourceMappingURL=fonts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","fontFamilies","exports","phudu","Platform","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,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1B;EACAE,KAAK,EAAEC,qBAAQ,CAACC,MAAM,CAAC;IACrBC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,eAAe,CAAE;EAC5B,CAAC,CAAC;EAEF;EACAC,UAAU,EAAEJ,qBAAQ,CAACC,MAAM,CAAC;IAC1BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,aAAa,CAAE;EAC1B,CAAC,CAAC;EAEF;EACAE,WAAW,EAAEL,qBAAQ,CAACC,MAAM,CAAC;IAC3BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,cAAc,CAAE;EAC3B,CAAC,CAAC;EAEF;EACAG,aAAa,EAAEN,qBAAQ,CAACC,MAAM,CAAC;IAC7BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,gBAAgB,CAAE;EAC7B,CAAC,CAAC;EAEF;EACAI,SAAS,EAAEP,qBAAQ,CAACC,MAAM,CAAC;IACzBC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,YAAY,CAAE;EACzB,CAAC,CAAC;EAEF;EACAK,cAAc,EAAER,qBAAQ,CAACC,MAAM,CAAC;IAC9BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,iBAAiB,CAAE;EAC9B,CAAC,CAAC;EAEF;EACAM,UAAU,EAAET,qBAAQ,CAACC,MAAM,CAAC;IAC1BC,GAAG,EAAE,OAAO;IAAG;IACfC,OAAO,EAAE,aAAa,CAAE;EAC1B,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACO,MAAMO,UAAqC,GAAAZ,OAAA,CAAAY,UAAA,GAAG;EACnDC,UAAU,EAAE;IACVC,UAAU,EAAEZ,qBAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;IAC1DC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEf,qBAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,MAAM,GAAGG,SAAS,CAAG;EAC3D,CAAC;EACDC,WAAW,EAAE;IACXL,UAAU,EAAEZ,qBAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;IAC1DC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEf,qBAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,MAAM,GAAGG,SAAS,CAAG;EAC3D,CAAC;EACDE,UAAU,EAAE;IACVN,UAAU,EAAEZ,qBAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;IAC1DC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEf,qBAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,MAAM,GAAGG,SAAS,CAAG;EAC3D,CAAC;EACDG,UAAU,EAAE;IACVP,UAAU,EAAEZ,qBAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,gBAAgB;IAC9DC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEf,qBAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,KAAK,GAAGG,SAAS,CAAG;EAC1D;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _fonts = require("./fonts");
+Object.keys(_fonts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _fonts[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _fonts[key];
+    }
+  });
+});
+var _theme = require("./theme");
+Object.keys(_theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _theme[key];
+    }
+  });
+});
+var _authStyles = require("./authStyles");
+Object.keys(_authStyles).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _authStyles[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _authStyles[key];
+    }
+  });
+});
+var _spacing = require("./spacing");
+Object.keys(_spacing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _spacing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spacing[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_fonts","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_theme","_authStyles","_spacing"],"sourceRoot":"../../../../src","sources":["ui/styles/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,QAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,QAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,QAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,QAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "COMPONENT_GAP", {
+  enumerable: true,
+  get: function () {
+    return _spacing.COMPONENT_GAP;
+  }
+});
+Object.defineProperty(exports, "COMPONENT_GAP_SMALL", {
+  enumerable: true,
+  get: function () {
+    return _spacing.COMPONENT_GAP_SMALL;
+  }
+});
+Object.defineProperty(exports, "HEADER_PADDING_TOP_OVERVIEW", {
+  enumerable: true,
+  get: function () {
+    return _spacing.HEADER_PADDING_TOP_OVERVIEW;
+  }
+});
+Object.defineProperty(exports, "HEADER_PADDING_TOP_SETTINGS", {
+  enumerable: true,
+  get: function () {
+    return _spacing.HEADER_PADDING_TOP_SETTINGS;
+  }
+});
+Object.defineProperty(exports, "SCREEN_PADDING_HORIZONTAL", {
+  enumerable: true,
+  get: function () {
+    return _spacing.SCREEN_PADDING_HORIZONTAL;
+  }
+});
+Object.defineProperty(exports, "SCREEN_PADDING_VERTICAL", {
+  enumerable: true,
+  get: function () {
+    return _spacing.SCREEN_PADDING_VERTICAL;
+  }
+});
+Object.defineProperty(exports, "SECTION_GAP", {
+  enumerable: true,
+  get: function () {
+    return _spacing.SECTION_GAP;
+  }
+});
+Object.defineProperty(exports, "SECTION_GAP_LARGE", {
+  enumerable: true,
+  get: function () {
+    return _spacing.SECTION_GAP_LARGE;
+  }
+});
+exports.stepStyles = exports.STEP_INNER_GAP = exports.STEP_GAP = void 0;
+var _reactNative = require("react-native");
+var _spacing = require("../constants/spacing");
+/**
+ * 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
+ */
+const STEP_GAP = exports.STEP_GAP = 12; // Vertical gap between ALL elements (illustration, title, description, textfield, buttons, etc.) - must be consistent everywhere
+const STEP_INNER_GAP = exports.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
+ */
+
+/**
+ * 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
+ */
+const stepStyles = exports.stepStyles = _reactNative.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/commonjs/ui/styles/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_spacing","STEP_GAP","exports","STEP_INNER_GAP","stepStyles","StyleSheet","create","container","width","maxWidth","alignSelf","sectionSpacing","marginBottom","header","alignItems","gap","title","textAlign","marginTop","subtitle","buttonContainer"],"sourceRoot":"../../../../src","sources":["ui/styles/spacing.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAcA,IAAAC,QAAA,GAAAD,OAAA;AAZA;AACA;AACA;AACA;AACA;AACO,MAAME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,EAAE,CAAC,CAAC;AACrB,MAAME,cAAc,GAAAD,OAAA,CAAAC,cAAA,GAAG,EAAE,CAAC,CAAC;;AAElC;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAAF,OAAA,CAAAE,UAAA,GAAGC,uBAAU,CAACC,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,EAAEZ;EACT,CAAC;EACDa,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":[]}