custom-mobile-ui 1.0.1

package/dist/ui.mjs

@@ -0,0 +1,1461 @@
+import React, { createContext, useState, useContext, useMemo, useRef, useCallback } from 'react';
+import { StyleSheet, Platform, Modal, View, Image, TouchableOpacity, Text as Text$1, Animated, Pressable, ActivityIndicator } from 'react-native';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { LogOut, X } from 'lucide-react-native';
+
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+// assets/images/icNoData.png
+var require_icNoData = __commonJS({
+  "assets/images/icNoData.png"(exports$1, module) {
+    module.exports = "./icNoData-JQB7KCKJ.png";
+  }
+});
+
+// assets/images/icRestriction.png
+var require_icRestriction = __commonJS({
+  "assets/images/icRestriction.png"(exports$1, module) {
+    module.exports = "./icRestriction-JFCJAQ5L.png";
+  }
+});
+
+// assets/images/icError404.png
+var require_icError404 = __commonJS({
+  "assets/images/icError404.png"(exports$1, module) {
+    module.exports = "./icError404-Z6PQK64J.png";
+  }
+});
+
+// assets/images/icSadMen.png
+var require_icSadMen = __commonJS({
+  "assets/images/icSadMen.png"(exports$1, module) {
+    module.exports = "./icSadMen-6HAFJHIQ.png";
+  }
+});
+
+// assets/images/avatar/avatarF1.png
+var require_avatarF1 = __commonJS({
+  "assets/images/avatar/avatarF1.png"(exports$1, module) {
+    module.exports = "./avatarF1-C47EE65Y.png";
+  }
+});
+
+// assets/images/avatar/avatarF2.png
+var require_avatarF2 = __commonJS({
+  "assets/images/avatar/avatarF2.png"(exports$1, module) {
+    module.exports = "./avatarF2-TZPKSMDG.png";
+  }
+});
+
+// assets/images/avatar/avatarF3.png
+var require_avatarF3 = __commonJS({
+  "assets/images/avatar/avatarF3.png"(exports$1, module) {
+    module.exports = "./avatarF3-OSDX6E7J.png";
+  }
+});
+
+// assets/images/avatar/avatarF4.png
+var require_avatarF4 = __commonJS({
+  "assets/images/avatar/avatarF4.png"(exports$1, module) {
+    module.exports = "./avatarF4-CASWRGNJ.png";
+  }
+});
+
+// assets/images/avatar/avatarM1.png
+var require_avatarM1 = __commonJS({
+  "assets/images/avatar/avatarM1.png"(exports$1, module) {
+    module.exports = "./avatarM1-3XV4KE4H.png";
+  }
+});
+
+// assets/images/avatar/avatarM2.png
+var require_avatarM2 = __commonJS({
+  "assets/images/avatar/avatarM2.png"(exports$1, module) {
+    module.exports = "./avatarM2-ZMN26Y2Y.png";
+  }
+});
+
+// assets/images/avatar/avatarM3.png
+var require_avatarM3 = __commonJS({
+  "assets/images/avatar/avatarM3.png"(exports$1, module) {
+    module.exports = "./avatarM3-XIDLYITU.png";
+  }
+});
+
+// assets/images/avatar/avatarM4.png
+var require_avatarM4 = __commonJS({
+  "assets/images/avatar/avatarM4.png"(exports$1, module) {
+    module.exports = "./avatarM4-DYW5DSZC.png";
+  }
+});
+
+// assets/images/avatar/avatarM5.png
+var require_avatarM5 = __commonJS({
+  "assets/images/avatar/avatarM5.png"(exports$1, module) {
+    module.exports = "./avatarM5-YP66OPXT.png";
+  }
+});
+
+// assets/images/socialIcons/icAppleNegative.png
+var require_icAppleNegative = __commonJS({
+  "assets/images/socialIcons/icAppleNegative.png"(exports$1, module) {
+    module.exports = "./icAppleNegative-E3OORB4A.png";
+  }
+});
+
+// assets/images/socialIcons/icAppleOriginal.png
+var require_icAppleOriginal = __commonJS({
+  "assets/images/socialIcons/icAppleOriginal.png"(exports$1, module) {
+    module.exports = "./icAppleOriginal-M7FOSDZ4.png";
+  }
+});
+
+// assets/images/socialIcons/icBlueskyNegative.png
+var require_icBlueskyNegative = __commonJS({
+  "assets/images/socialIcons/icBlueskyNegative.png"(exports$1, module) {
+    module.exports = "./icBlueskyNegative-QXHPLARU.png";
+  }
+});
+
+// assets/images/socialIcons/icBlueskyOriginal.png
+var require_icBlueskyOriginal = __commonJS({
+  "assets/images/socialIcons/icBlueskyOriginal.png"(exports$1, module) {
+    module.exports = "./icBlueskyOriginal-D2GX35RV.png";
+  }
+});
+
+// assets/images/socialIcons/icDiscordNegative.png
+var require_icDiscordNegative = __commonJS({
+  "assets/images/socialIcons/icDiscordNegative.png"(exports$1, module) {
+    module.exports = "./icDiscordNegative-EWGZJJ27.png";
+  }
+});
+
+// assets/images/socialIcons/icDiscordOriginal.png
+var require_icDiscordOriginal = __commonJS({
+  "assets/images/socialIcons/icDiscordOriginal.png"(exports$1, module) {
+    module.exports = "./icDiscordOriginal-5ODPKZ6S.png";
+  }
+});
+
+// assets/images/socialIcons/icDribbbleNegative.png
+var require_icDribbbleNegative = __commonJS({
+  "assets/images/socialIcons/icDribbbleNegative.png"(exports$1, module) {
+    module.exports = "./icDribbbleNegative-GOLJS6SO.png";
+  }
+});
+
+// assets/images/socialIcons/icDribbbleOriginal.png
+var require_icDribbbleOriginal = __commonJS({
+  "assets/images/socialIcons/icDribbbleOriginal.png"(exports$1, module) {
+    module.exports = "./icDribbbleOriginal-ONQLW62I.png";
+  }
+});
+
+// assets/images/socialIcons/icFacebookNegative.png
+var require_icFacebookNegative = __commonJS({
+  "assets/images/socialIcons/icFacebookNegative.png"(exports$1, module) {
+    module.exports = "./icFacebookNegative-DIFRSSJJ.png";
+  }
+});
+
+// assets/images/socialIcons/icFacebookOriginal.png
+var require_icFacebookOriginal = __commonJS({
+  "assets/images/socialIcons/icFacebookOriginal.png"(exports$1, module) {
+    module.exports = "./icFacebookOriginal-PK7CGUNB.png";
+  }
+});
+
+// assets/images/socialIcons/icFigmaNegative.png
+var require_icFigmaNegative = __commonJS({
+  "assets/images/socialIcons/icFigmaNegative.png"(exports$1, module) {
+    module.exports = "./icFigmaNegative-X6P3DVCQ.png";
+  }
+});
+
+// assets/images/socialIcons/icFigmaOriginal.png
+var require_icFigmaOriginal = __commonJS({
+  "assets/images/socialIcons/icFigmaOriginal.png"(exports$1, module) {
+    module.exports = "./icFigmaOriginal-VGD7LQVQ.png";
+  }
+});
+
+// assets/images/socialIcons/icGithubNegative.png
+var require_icGithubNegative = __commonJS({
+  "assets/images/socialIcons/icGithubNegative.png"(exports$1, module) {
+    module.exports = "./icGithubNegative-G7XH6J7V.png";
+  }
+});
+
+// assets/images/socialIcons/icGithubOriginal.png
+var require_icGithubOriginal = __commonJS({
+  "assets/images/socialIcons/icGithubOriginal.png"(exports$1, module) {
+    module.exports = "./icGithubOriginal-BOXVXICL.png";
+  }
+});
+
+// assets/images/socialIcons/icGoogleNegative.png
+var require_icGoogleNegative = __commonJS({
+  "assets/images/socialIcons/icGoogleNegative.png"(exports$1, module) {
+    module.exports = "./icGoogleNegative-UFNCEWM7.png";
+  }
+});
+
+// assets/images/socialIcons/icGoogleOriginal.png
+var require_icGoogleOriginal = __commonJS({
+  "assets/images/socialIcons/icGoogleOriginal.png"(exports$1, module) {
+    module.exports = "./icGoogleOriginal-WCDLPRSH.png";
+  }
+});
+
+// assets/images/socialIcons/icInstagramNegative.png
+var require_icInstagramNegative = __commonJS({
+  "assets/images/socialIcons/icInstagramNegative.png"(exports$1, module) {
+    module.exports = "./icInstagramNegative-47CG4IHG.png";
+  }
+});
+
+// assets/images/socialIcons/icInstagramOriginal.png
+var require_icInstagramOriginal = __commonJS({
+  "assets/images/socialIcons/icInstagramOriginal.png"(exports$1, module) {
+    module.exports = "./icInstagramOriginal-SGRJTPEH.png";
+  }
+});
+
+// assets/images/socialIcons/icLinkedInNegative.png
+var require_icLinkedInNegative = __commonJS({
+  "assets/images/socialIcons/icLinkedInNegative.png"(exports$1, module) {
+    module.exports = "./icLinkedInNegative-4EHL223U.png";
+  }
+});
+
+// assets/images/socialIcons/icLinkedInOriginal.png
+var require_icLinkedInOriginal = __commonJS({
+  "assets/images/socialIcons/icLinkedInOriginal.png"(exports$1, module) {
+    module.exports = "./icLinkedInOriginal-CQXTAW56.png";
+  }
+});
+
+// assets/images/socialIcons/icMediumNegative.png
+var require_icMediumNegative = __commonJS({
+  "assets/images/socialIcons/icMediumNegative.png"(exports$1, module) {
+    module.exports = "./icMediumNegative-YMS7U46C.png";
+  }
+});
+
+// assets/images/socialIcons/icMediumOriginal.png
+var require_icMediumOriginal = __commonJS({
+  "assets/images/socialIcons/icMediumOriginal.png"(exports$1, module) {
+    module.exports = "./icMediumOriginal-TRTNJBN4.png";
+  }
+});
+
+// assets/images/socialIcons/icMessengerNegative.png
+var require_icMessengerNegative = __commonJS({
+  "assets/images/socialIcons/icMessengerNegative.png"(exports$1, module) {
+    module.exports = "./icMessengerNegative-SIFKBM2Y.png";
+  }
+});
+
+// assets/images/socialIcons/icMessengerOriginal.png
+var require_icMessengerOriginal = __commonJS({
+  "assets/images/socialIcons/icMessengerOriginal.png"(exports$1, module) {
+    module.exports = "./icMessengerOriginal-PNN2SB3Z.png";
+  }
+});
+
+// assets/images/socialIcons/icPinterestNegative.png
+var require_icPinterestNegative = __commonJS({
+  "assets/images/socialIcons/icPinterestNegative.png"(exports$1, module) {
+    module.exports = "./icPinterestNegative-LPDQYRD3.png";
+  }
+});
+
+// assets/images/socialIcons/icPinterestOriginal.png
+var require_icPinterestOriginal = __commonJS({
+  "assets/images/socialIcons/icPinterestOriginal.png"(exports$1, module) {
+    module.exports = "./icPinterestOriginal-7AWYJQBQ.png";
+  }
+});
+
+// assets/images/socialIcons/icRedditNegative.png
+var require_icRedditNegative = __commonJS({
+  "assets/images/socialIcons/icRedditNegative.png"(exports$1, module) {
+    module.exports = "./icRedditNegative-BBV3R7UA.png";
+  }
+});
+
+// assets/images/socialIcons/icRedditOriginal.png
+var require_icRedditOriginal = __commonJS({
+  "assets/images/socialIcons/icRedditOriginal.png"(exports$1, module) {
+    module.exports = "./icRedditOriginal-BIKS3S2I.png";
+  }
+});
+
+// assets/images/socialIcons/icSignalNegative.png
+var require_icSignalNegative = __commonJS({
+  "assets/images/socialIcons/icSignalNegative.png"(exports$1, module) {
+    module.exports = "./icSignalNegative-DVBANSGJ.png";
+  }
+});
+
+// assets/images/socialIcons/icSignalOriginal.png
+var require_icSignalOriginal = __commonJS({
+  "assets/images/socialIcons/icSignalOriginal.png"(exports$1, module) {
+    module.exports = "./icSignalOriginal-FQEXGCKX.png";
+  }
+});
+
+// assets/images/socialIcons/icSnapchatNegative.png
+var require_icSnapchatNegative = __commonJS({
+  "assets/images/socialIcons/icSnapchatNegative.png"(exports$1, module) {
+    module.exports = "./icSnapchatNegative-VQFVKRPC.png";
+  }
+});
+
+// assets/images/socialIcons/icSnapchatOriginal.png
+var require_icSnapchatOriginal = __commonJS({
+  "assets/images/socialIcons/icSnapchatOriginal.png"(exports$1, module) {
+    module.exports = "./icSnapchatOriginal-ZK4T4CLL.png";
+  }
+});
+
+// assets/images/socialIcons/icSpotifyNegative.png
+var require_icSpotifyNegative = __commonJS({
+  "assets/images/socialIcons/icSpotifyNegative.png"(exports$1, module) {
+    module.exports = "./icSpotifyNegative-UGDBMFNS.png";
+  }
+});
+
+// assets/images/socialIcons/icSpotifyOriginal.png
+var require_icSpotifyOriginal = __commonJS({
+  "assets/images/socialIcons/icSpotifyOriginal.png"(exports$1, module) {
+    module.exports = "./icSpotifyOriginal-ZFNO4BJO.png";
+  }
+});
+
+// assets/images/socialIcons/icTelegramNegative.png
+var require_icTelegramNegative = __commonJS({
+  "assets/images/socialIcons/icTelegramNegative.png"(exports$1, module) {
+    module.exports = "./icTelegramNegative-GDSFFYME.png";
+  }
+});
+
+// assets/images/socialIcons/icTelegramOriginal.png
+var require_icTelegramOriginal = __commonJS({
+  "assets/images/socialIcons/icTelegramOriginal.png"(exports$1, module) {
+    module.exports = "./icTelegramOriginal-DMTCZCGP.png";
+  }
+});
+
+// assets/images/socialIcons/icThreadsNegative.png
+var require_icThreadsNegative = __commonJS({
+  "assets/images/socialIcons/icThreadsNegative.png"(exports$1, module) {
+    module.exports = "./icThreadsNegative-4NIM4AOP.png";
+  }
+});
+
+// assets/images/socialIcons/icThreadsOriginal.png
+var require_icThreadsOriginal = __commonJS({
+  "assets/images/socialIcons/icThreadsOriginal.png"(exports$1, module) {
+    module.exports = "./icThreadsOriginal-OYU6UKN2.png";
+  }
+});
+
+// assets/images/socialIcons/icTikTokNegative.png
+var require_icTikTokNegative = __commonJS({
+  "assets/images/socialIcons/icTikTokNegative.png"(exports$1, module) {
+    module.exports = "./icTikTokNegative-WYI3PQGD.png";
+  }
+});
+
+// assets/images/socialIcons/icTikTokOriginal.png
+var require_icTikTokOriginal = __commonJS({
+  "assets/images/socialIcons/icTikTokOriginal.png"(exports$1, module) {
+    module.exports = "./icTikTokOriginal-26SKYCIO.png";
+  }
+});
+
+// assets/images/socialIcons/icTumblrNegative.png
+var require_icTumblrNegative = __commonJS({
+  "assets/images/socialIcons/icTumblrNegative.png"(exports$1, module) {
+    module.exports = "./icTumblrNegative-CYBTEYAG.png";
+  }
+});
+
+// assets/images/socialIcons/icTumblrOriginal.png
+var require_icTumblrOriginal = __commonJS({
+  "assets/images/socialIcons/icTumblrOriginal.png"(exports$1, module) {
+    module.exports = "./icTumblrOriginal-MZ7RV5ZY.png";
+  }
+});
+
+// assets/images/socialIcons/icTwitchNegative.png
+var require_icTwitchNegative = __commonJS({
+  "assets/images/socialIcons/icTwitchNegative.png"(exports$1, module) {
+    module.exports = "./icTwitchNegative-GK3VVFL7.png";
+  }
+});
+
+// assets/images/socialIcons/icTwitchOriginal.png
+var require_icTwitchOriginal = __commonJS({
+  "assets/images/socialIcons/icTwitchOriginal.png"(exports$1, module) {
+    module.exports = "./icTwitchOriginal-GOENLOGB.png";
+  }
+});
+
+// assets/images/socialIcons/icVKNegative.png
+var require_icVKNegative = __commonJS({
+  "assets/images/socialIcons/icVKNegative.png"(exports$1, module) {
+    module.exports = "./icVKNegative-FCXPFYDV.png";
+  }
+});
+
+// assets/images/socialIcons/icVKOriginal.png
+var require_icVKOriginal = __commonJS({
+  "assets/images/socialIcons/icVKOriginal.png"(exports$1, module) {
+    module.exports = "./icVKOriginal-NCWB7WYH.png";
+  }
+});
+
+// assets/images/socialIcons/icWhatsAppNegative.png
+var require_icWhatsAppNegative = __commonJS({
+  "assets/images/socialIcons/icWhatsAppNegative.png"(exports$1, module) {
+    module.exports = "./icWhatsAppNegative-FJHYFUMA.png";
+  }
+});
+
+// assets/images/socialIcons/icWhatsAppOriginal.png
+var require_icWhatsAppOriginal = __commonJS({
+  "assets/images/socialIcons/icWhatsAppOriginal.png"(exports$1, module) {
+    module.exports = "./icWhatsAppOriginal-MWQWQC56.png";
+  }
+});
+
+// assets/images/socialIcons/icXTwitterNegative.png
+var require_icXTwitterNegative = __commonJS({
+  "assets/images/socialIcons/icXTwitterNegative.png"(exports$1, module) {
+    module.exports = "./icXTwitterNegative-VS3UXBLN.png";
+  }
+});
+
+// assets/images/socialIcons/icXTwitterOriginal.png
+var require_icXTwitterOriginal = __commonJS({
+  "assets/images/socialIcons/icXTwitterOriginal.png"(exports$1, module) {
+    module.exports = "./icXTwitterOriginal-WJ2IFMZL.png";
+  }
+});
+
+// assets/images/socialIcons/icYouTubeNegative.png
+var require_icYouTubeNegative = __commonJS({
+  "assets/images/socialIcons/icYouTubeNegative.png"(exports$1, module) {
+    module.exports = "./icYouTubeNegative-LUSZ7OD4.png";
+  }
+});
+
+// assets/images/socialIcons/icYouTubeOriginal.png
+var require_icYouTubeOriginal = __commonJS({
+  "assets/images/socialIcons/icYouTubeOriginal.png"(exports$1, module) {
+    module.exports = "./icYouTubeOriginal-6Y2SNMC7.png";
+  }
+});
+
+// src/theme/colors.ts
+var Colors = {
+  primary: {
+    50: "#EFF6FF",
+    400: "#60A5FA",
+    500: "#3B82F6",
+    600: "#2563EB",
+    900: "#1E3A8A"
+  },
+  primaryColor: "#2563EB",
+  gray: {
+    50: "#F9FAFB",
+    100: "#F3F4F6",
+    200: "#E5E7EB",
+    300: "#D1D5DB",
+    400: "#9CA3AF",
+    500: "#6B7280",
+    600: "#4B5563",
+    700: "#374151",
+    800: "#1F2937",
+    900: "#111827"
+  },
+  white: "#ffffff",
+  green: { 500: "#22C55E" },
+  orange: { 500: "#F97316" },
+  red: { 500: "#EF4444" }};
+var colors_default = Colors;
+var FontFamily = (style) => {
+  const weight = style?.fontWeight ?? "400";
+  let fontFamily = "Fonts-Regular";
+  let numericWeight = "400";
+  switch (weight) {
+    case "100":
+    case "200":
+      fontFamily = "Fonts-Light";
+      numericWeight = "300";
+      break;
+    case "300":
+    case "light":
+      fontFamily = "Fonts-Light";
+      numericWeight = "300";
+      break;
+    case "400":
+    case "normal":
+    case "regular":
+      fontFamily = "Fonts-Regular";
+      numericWeight = "400";
+      break;
+    case "500":
+    case "medium":
+      fontFamily = "Fonts-Medium";
+      numericWeight = "500";
+      break;
+    case "600":
+    case "semibold":
+      fontFamily = "Fonts-Bold";
+      numericWeight = "600";
+      break;
+    case "700":
+    case "bold":
+      fontFamily = "Fonts-Bold";
+      numericWeight = "700";
+      break;
+    case "800":
+    case "heavy":
+      fontFamily = "Fonts-ExtraBold";
+      numericWeight = "800";
+      break;
+    case "900":
+    case "black":
+      fontFamily = "Fonts-Black";
+      numericWeight = "900";
+      break;
+  }
+  return {
+    fontFamily,
+    fontWeight: Platform.OS === "android" ? "normal" : numericWeight
+  };
+};
+
+// src/styles/modalStyles.ts
+var getBaseModalStyles = (theme) => StyleSheet.create({
+  title: {
+    fontSize: 17,
+    ...FontFamily({ fontWeight: "600" }),
+    color: theme?.text?.primary || colors_default.gray[900]
+  },
+  actionsRowLeft: {
+    width: 80,
+    alignItems: "flex-start",
+    justifyContent: "center"
+  },
+  actionsRowRight: {
+    width: 80,
+    alignItems: "flex-end",
+    justifyContent: "center"
+  },
+  actionsText: {
+    fontSize: 16,
+    ...FontFamily({ fontWeight: "500" }),
+    color: theme?.primary?.default || colors_default.primaryColor
+  }
+});
+var getBottomSheetModalStyles = (theme) => {
+  const base = getBaseModalStyles(theme);
+  return StyleSheet.create({
+    ...base,
+    overlay: {
+      flex: 1,
+      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      justifyContent: "flex-end"
+    },
+    content: {
+      backgroundColor: theme?.background?.screen || colors_default.white,
+      maxHeight: "90%",
+      borderTopLeftRadius: 20,
+      borderTopRightRadius: 20
+    },
+    header: {
+      backgroundColor: theme?.background?.surface || colors_default.white,
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      padding: 20,
+      borderTopLeftRadius: 20,
+      borderTopRightRadius: 20,
+      borderBottomWidth: 1,
+      borderBottomColor: theme?.border?.default || colors_default.gray[200]
+    }
+  });
+};
+var getCenterModalStyles = (theme) => {
+  const base = getBaseModalStyles(theme);
+  return StyleSheet.create({
+    ...base,
+    overlay: {
+      flex: 1,
+      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    content: {
+      backgroundColor: theme?.background?.screen || colors_default.white,
+      borderRadius: 16,
+      minWidth: "70%",
+      maxWidth: "90%"
+    },
+    header: {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginBottom: 12
+    }
+  });
+};
+
+// assets/images/index.ts
+var AssetImages = {
+  noDataImage: require_icNoData(),
+  restrictionImage: require_icRestriction(),
+  error404Image: require_icError404(),
+  sadMenImage: require_icSadMen(),
+  avatarF1: require_avatarF1(),
+  avatarF2: require_avatarF2(),
+  avatarF3: require_avatarF3(),
+  avatarF4: require_avatarF4(),
+  avatarM1: require_avatarM1(),
+  avatarM2: require_avatarM2(),
+  avatarM3: require_avatarM3(),
+  avatarM4: require_avatarM4(),
+  avatarM5: require_avatarM5(),
+  socialIcons: {
+    icAppleNegative: require_icAppleNegative(),
+    icAppleOriginal: require_icAppleOriginal(),
+    icBlueskyNegative: require_icBlueskyNegative(),
+    icBlueskyOriginal: require_icBlueskyOriginal(),
+    icDiscordNegative: require_icDiscordNegative(),
+    icDiscordOriginal: require_icDiscordOriginal(),
+    icDribbbleNegative: require_icDribbbleNegative(),
+    icDribbbleOriginal: require_icDribbbleOriginal(),
+    icFacebookNegative: require_icFacebookNegative(),
+    icFacebookOriginal: require_icFacebookOriginal(),
+    icFigmaNegative: require_icFigmaNegative(),
+    icFigmaOriginal: require_icFigmaOriginal(),
+    icGithubNegative: require_icGithubNegative(),
+    icGithubOriginal: require_icGithubOriginal(),
+    icGoogleNegative: require_icGoogleNegative(),
+    icGoogleOriginal: require_icGoogleOriginal(),
+    icInstagramNegative: require_icInstagramNegative(),
+    icInstagramOriginal: require_icInstagramOriginal(),
+    icLinkedInNegative: require_icLinkedInNegative(),
+    icLinkedInOriginal: require_icLinkedInOriginal(),
+    icMediumNegative: require_icMediumNegative(),
+    icMediumOriginal: require_icMediumOriginal(),
+    icMessengerNegative: require_icMessengerNegative(),
+    icMessengerOriginal: require_icMessengerOriginal(),
+    icPinterestNegative: require_icPinterestNegative(),
+    icPinterestOriginal: require_icPinterestOriginal(),
+    icRedditNegative: require_icRedditNegative(),
+    icRedditOriginal: require_icRedditOriginal(),
+    icSignalNegative: require_icSignalNegative(),
+    icSignalOriginal: require_icSignalOriginal(),
+    icSnapchatNegative: require_icSnapchatNegative(),
+    icSnapchatOriginal: require_icSnapchatOriginal(),
+    icSpotifyNegative: require_icSpotifyNegative(),
+    icSpotifyOriginal: require_icSpotifyOriginal(),
+    icTelegramNegative: require_icTelegramNegative(),
+    icTelegramOriginal: require_icTelegramOriginal(),
+    icThreadsNegative: require_icThreadsNegative(),
+    icThreadsOriginal: require_icThreadsOriginal(),
+    icTikTokNegative: require_icTikTokNegative(),
+    icTikTokOriginal: require_icTikTokOriginal(),
+    icTumblrNegative: require_icTumblrNegative(),
+    icTumblrOriginal: require_icTumblrOriginal(),
+    icTwitchNegative: require_icTwitchNegative(),
+    icTwitchOriginal: require_icTwitchOriginal(),
+    icVKNegative: require_icVKNegative(),
+    icVKOriginal: require_icVKOriginal(),
+    icWhatsAppNegative: require_icWhatsAppNegative(),
+    icWhatsAppOriginal: require_icWhatsAppOriginal(),
+    icXTwitterNegative: require_icXTwitterNegative(),
+    icXTwitterOriginal: require_icXTwitterOriginal(),
+    icYouTubeNegative: require_icYouTubeNegative(),
+    icYouTubeOriginal: require_icYouTubeOriginal()
+  }
+};
+
+// src/theme/theme.ts
+var BaseTheme = {
+  primary: {
+    default: colors_default.primary[600],
+    hover: colors_default.primary[500]
+  },
+  background: {
+    screen: colors_default.gray[50],
+    surface: "#FFFFFF",
+    selected: colors_default.primary[50],
+    secondary: colors_default.gray[100],
+    design: colors_default.primary[50]
+  },
+  input: {
+    background: colors_default.gray[50]
+  },
+  text: {
+    primary: colors_default.gray[900],
+    secondary: colors_default.gray[600],
+    muted: colors_default.gray[400],
+    inverse: "#FFFFFF"
+  },
+  border: {
+    default: colors_default.gray[300],
+    focused: colors_default.primary[600],
+    success: colors_default.green[500],
+    warning: colors_default.orange[500],
+    error: colors_default.red[500]
+  },
+  status: {
+    success: colors_default.green[500],
+    warning: colors_default.orange[500],
+    error: colors_default.red[500],
+    validating: colors_default.primary[600]
+  },
+  icon: {
+    default: colors_default.gray[500],
+    active: colors_default.primary[600],
+    disabled: colors_default.gray[400]
+  },
+  tabContent: {
+    active: colors_default.primary[600],
+    inactive: colors_default.gray[400]
+  },
+  skeleton: {
+    background: colors_default.gray[200],
+    componentBg: colors_default.gray[300],
+    highlight: "#ffffff99"
+  },
+  primaryContent: {
+    color: colors_default.primaryColor
+  }
+};
+var LightTheme = {
+  ...BaseTheme
+};
+var DarkTheme = {
+  ...BaseTheme,
+  primary: {
+    default: colors_default.primary[500],
+    hover: colors_default.primary[400]
+  },
+  background: {
+    ...BaseTheme.background,
+    screen: colors_default.gray[900],
+    surface: colors_default.gray[800],
+    selected: colors_default.primary[900],
+    secondary: colors_default.gray[900],
+    design: colors_default.primaryColor + 10
+  },
+  input: {
+    background: colors_default.gray[700]
+  },
+  text: {
+    ...BaseTheme.text,
+    primary: "#FFFFFF",
+    secondary: colors_default.gray[200],
+    muted: colors_default.gray[500],
+    inverse: colors_default.gray[900]
+  },
+  border: {
+    ...BaseTheme.border,
+    default: colors_default.gray[700]
+  },
+  icon: {
+    ...BaseTheme.icon,
+    default: colors_default.gray[400],
+    disabled: colors_default.gray[600]
+  },
+  tabContent: {
+    active: colors_default.white,
+    inactive: colors_default.gray[500]
+  },
+  skeleton: {
+    background: colors_default.gray[700],
+    componentBg: colors_default.gray[800],
+    highlight: "#ffffff14"
+  },
+  primaryContent: {
+    color: colors_default.primary[400]
+  }
+};
+
+// src/theme/index.ts
+var getTheme = (mode) => mode === "dark" ? DarkTheme : LightTheme;
+
+// src/context/ThemeContext.tsx
+var ThemeContext = createContext({
+  mode: "system",
+  setMode: () => {
+  },
+  theme: getTheme("light"),
+  resolvedMode: "light"
+});
+
+// src/hooks/useTheme.ts
+var useTheme = () => {
+  const { theme } = useContext(ThemeContext);
+  return theme;
+};
+var VARIANT_STYLES = {
+  display: {
+    fontSize: 34,
+    ...FontFamily({ fontWeight: "700" }),
+    lineHeight: 42,
+    letterSpacing: -0.5
+  },
+  heading: {
+    fontSize: 24,
+    ...FontFamily({ fontWeight: "700" }),
+    lineHeight: 32,
+    letterSpacing: -0.25
+  },
+  title: {
+    fontSize: 20,
+    ...FontFamily({ fontWeight: "600" }),
+    lineHeight: 28,
+    letterSpacing: 0
+  },
+  subtitle: {
+    fontSize: 16,
+    ...FontFamily({ fontWeight: "600" }),
+    lineHeight: 24,
+    letterSpacing: 0.1
+  },
+  body: {
+    fontSize: 14,
+    ...FontFamily({ fontWeight: "400" }),
+    lineHeight: 20,
+    letterSpacing: 0.15
+  },
+  caption: {
+    fontSize: 12,
+    ...FontFamily({ fontWeight: "400" }),
+    lineHeight: 16,
+    letterSpacing: 0.3
+  },
+  overline: {
+    fontSize: 10,
+    ...FontFamily({ fontWeight: "600" }),
+    lineHeight: 14,
+    letterSpacing: 1,
+    textTransform: "uppercase"
+  }
+};
+var COLOR_SHORTCUT_MAP = {
+  primary: (t) => t.text.primary,
+  secondary: (t) => t.text.secondary,
+  muted: (t) => t.text.muted,
+  inverse: (t) => t.text.inverse,
+  success: (t) => t.status.success,
+  error: (t) => t.status.error,
+  warning: (t) => t.status.warning
+};
+function resolveColor(color, theme) {
+  if (!color) return void 0;
+  const resolver = COLOR_SHORTCUT_MAP[color];
+  return resolver ? resolver(theme) : color;
+}
+function Text({
+  style,
+  variant,
+  color,
+  align,
+  uppercase,
+  italic,
+  underline,
+  strikethrough,
+  selectable = false,
+  numberOfLines,
+  ellipsizeMode = "tail",
+  ...props
+}) {
+  const theme = useTheme();
+  const flatStyle = Array.isArray(style) ? Object.assign({}, ...style) : style;
+  const enhancementStyle = {};
+  if (variant) {
+    Object.assign(enhancementStyle, VARIANT_STYLES[variant]);
+  }
+  const resolvedColor = resolveColor(color, theme);
+  if (resolvedColor) {
+    enhancementStyle.color = resolvedColor;
+  }
+  if (align) {
+    enhancementStyle.textAlign = align;
+  }
+  if (uppercase) {
+    enhancementStyle.textTransform = "uppercase";
+  }
+  if (italic) {
+    enhancementStyle.fontStyle = "italic";
+  }
+  const decorations = [];
+  if (underline) decorations.push("underline");
+  if (strikethrough) decorations.push("line-through");
+  if (decorations.length > 0) {
+    enhancementStyle.textDecorationLine = decorations.join(
+      " "
+    );
+  }
+  const mergedFlatForFont = { ...enhancementStyle, ...flatStyle };
+  return /* @__PURE__ */ jsx(
+    Text$1,
+    {
+      ...props,
+      selectable,
+      numberOfLines,
+      ellipsizeMode,
+      style: [
+        FontFamily(mergedFlatForFont),
+        { includeFontPadding: false, textAlignVertical: "center" },
+        enhancementStyle,
+        style
+      ]
+    }
+  );
+}
+
+// src/config/ui_config.ts
+var common = {
+  borderRadius: 12
+};
+var sizeBase = {
+  small: {
+    height: 40,
+    fontSize: 13,
+    paddingHorizontal: 6,
+    iconSize: 16
+  },
+  medium: {
+    height: 45,
+    fontSize: 14,
+    paddingHorizontal: 8,
+    iconSize: 18
+  },
+  large: {
+    height: 50,
+    fontSize: 15,
+    paddingHorizontal: 10,
+    iconSize: 20
+  }
+};
+var UITheme = {
+  button: {
+    sizes: {
+      small: { ...sizeBase.small, borderRadius: common.borderRadius },
+      medium: { ...sizeBase.medium, borderRadius: common.borderRadius },
+      large: { ...sizeBase.large, borderRadius: common.borderRadius }
+    }
+  }};
+
+// src/components/custom-button/constants.ts
+var SIZE_CONFIG = {
+  small: (() => {
+    const s = UITheme.button.sizes.small;
+    return {
+      height: s.height,
+      paddingHorizontal: s.paddingHorizontal,
+      iconSize: s.iconSize,
+      fontSize: s.fontSize,
+      borderRadius: s.borderRadius,
+      iconGap: Math.max(4, Math.round(s.paddingHorizontal * 0.9))
+    };
+  })(),
+  medium: (() => {
+    const s = UITheme.button.sizes.medium;
+    return {
+      height: s.height,
+      paddingHorizontal: s.paddingHorizontal,
+      iconSize: s.iconSize,
+      fontSize: s.fontSize,
+      borderRadius: s.borderRadius,
+      iconGap: Math.max(4, Math.round(s.paddingHorizontal * 0.9))
+    };
+  })(),
+  large: (() => {
+    const s = UITheme.button.sizes.large;
+    return {
+      height: s.height,
+      paddingHorizontal: s.paddingHorizontal,
+      iconSize: s.iconSize,
+      fontSize: s.fontSize,
+      borderRadius: s.borderRadius,
+      iconGap: Math.max(4, Math.round(s.paddingHorizontal * 0.9))
+    };
+  })()
+};
+var VARIANT_COLORS = {
+  // Solid blue background, white text
+  filled: {
+    bg: "#2563eb",
+    bgPressed: "#1d4ed8",
+    bgDisabled: "#93c5fd",
+    text: "#ffffff",
+    textDisabled: "#ffffffcc",
+    border: "transparent",
+    borderDisabled: "transparent",
+    borderWidth: 0
+  },
+  // Bordered, transparent background, blue text
+  outlined: {
+    bg: "transparent",
+    bgPressed: "#eff6ff",
+    bgDisabled: "transparent",
+    text: "#2563eb",
+    textDisabled: "#93c5fd",
+    border: "#2563eb",
+    borderDisabled: "#93c5fd",
+    borderWidth: 1.5
+  },
+  // Soft blue tint background, blue text
+  tonal: {
+    bg: "#eff6ff",
+    bgPressed: "#dbeafe",
+    bgDisabled: "#f8fafc",
+    text: "#2563eb",
+    textDisabled: "#94a3b8",
+    border: "transparent",
+    borderDisabled: "transparent",
+    borderWidth: 0
+  },
+  // Solid red background, white text
+  danger: {
+    bg: "#ef4444",
+    bgPressed: "#dc2626",
+    bgDisabled: "#fca5a5",
+    text: "#ffffff",
+    textDisabled: "#ffffffcc",
+    border: "transparent",
+    borderDisabled: "transparent",
+    borderWidth: 0
+  },
+  // Bordered red, transparent background, red text
+  "danger-outlined": {
+    bg: "transparent",
+    bgPressed: "#fef2f2",
+    bgDisabled: "transparent",
+    text: "#ef4444",
+    textDisabled: "#fca5a5",
+    border: "#ef4444",
+    borderDisabled: "#fca5a5",
+    borderWidth: 1.5
+  },
+  // No background, subtle press feedback
+  ghost: {
+    bg: "transparent",
+    bgPressed: "#f1f5f9",
+    bgDisabled: "transparent",
+    text: "#1e293b",
+    textDisabled: "#94a3b8",
+    border: "transparent",
+    borderDisabled: "transparent",
+    borderWidth: 0
+  },
+  // Text-only with underline
+  link: {
+    bg: "transparent",
+    bgPressed: "transparent",
+    bgDisabled: "transparent",
+    text: "#2563eb",
+    textDisabled: "#93c5fd",
+    border: "transparent",
+    borderDisabled: "transparent",
+    borderWidth: 0
+  }
+};
+var styles = StyleSheet.create({
+  inner: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "row"
+  },
+  label: {
+    ...FontFamily({ fontWeight: "500" }),
+    includeFontPadding: false,
+    textAlignVertical: "center",
+    paddingTop: 0,
+    paddingBottom: 0,
+    marginTop: 0,
+    marginBottom: 0
+  }
+});
+function CustomButton({
+  label,
+  icon,
+  iconPosition = "left",
+  size = "medium",
+  variant = "filled",
+  loading = false,
+  loadingText,
+  disabled = false,
+  onPress,
+  onLongPress,
+  fullWidth = false,
+  height: customHeight,
+  borderRadius: customRadius,
+  style,
+  labelStyle,
+  iconSize: customIconSize,
+  iconColor: customIconColor,
+  accessibilityLabel,
+  testID,
+  children
+}) {
+  const sizeConf = SIZE_CONFIG[size];
+  const theme = useTheme();
+  const colors = useMemo(() => {
+    const base = VARIANT_COLORS[variant];
+    switch (variant) {
+      case "filled":
+        return {
+          ...base,
+          bg: theme.primary.default,
+          bgPressed: theme.primary.hover,
+          text: colors_default.white,
+          border: "transparent"
+        };
+      case "outlined":
+        return {
+          ...base,
+          bg: "transparent",
+          bgPressed: theme.background.selected,
+          text: theme.primary.default,
+          border: theme.primary.default
+        };
+      case "tonal":
+        return {
+          ...base,
+          bg: theme.background.selected,
+          bgPressed: theme.background.secondary,
+          text: theme.primary.default
+        };
+      case "ghost":
+        return {
+          ...base,
+          bg: "transparent",
+          bgPressed: theme.background.secondary,
+          text: theme.text.primary,
+          border: "transparent",
+          borderWidth: 0
+        };
+      case "link":
+        return {
+          ...base,
+          bg: "transparent",
+          bgPressed: "transparent",
+          text: theme.primary.default,
+          border: "transparent",
+          borderWidth: 0
+        };
+      case "danger":
+        return { ...base };
+      case "danger-outlined":
+        return { ...base };
+      default:
+        return base;
+    }
+  }, [theme, variant]);
+  const isDisabled = disabled || loading;
+  const isIconOnly = !!icon && !label && !children;
+  const btnHeight = customHeight ?? sizeConf.height;
+  const resolvedRadius = customRadius ?? sizeConf.borderRadius;
+  const resolvedIconSize = customIconSize ?? sizeConf.iconSize;
+  const scaleAnim = useRef(new Animated.Value(1)).current;
+  const handlePressIn = useCallback(() => {
+    Animated.spring(scaleAnim, {
+      toValue: 0.96,
+      friction: 8,
+      tension: 200,
+      useNativeDriver: true
+    }).start();
+  }, [scaleAnim]);
+  const handlePressOut = useCallback(() => {
+    Animated.spring(scaleAnim, {
+      toValue: 1,
+      friction: 6,
+      tension: 150,
+      useNativeDriver: true
+    }).start();
+  }, [scaleAnim]);
+  const displayLabel = loading && loadingText ? loadingText : label;
+  const hasLabel = !!displayLabel || !!children;
+  const iconClr = customIconColor ?? colors.text;
+  const iconGapStyle = useMemo(() => {
+    if (!hasLabel) return void 0;
+    return {
+      marginRight: iconPosition === "left" ? sizeConf.iconGap : 0,
+      marginLeft: iconPosition === "right" ? sizeConf.iconGap : 0
+    };
+  }, [hasLabel, iconPosition, sizeConf.iconGap]);
+  const renderIcon = () => {
+    if (loading) {
+      return /* @__PURE__ */ jsx(View, { style: iconGapStyle, children: /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: iconClr }) });
+    }
+    if (!icon) return null;
+    if (React.isValidElement(icon)) {
+      const cloned = React.cloneElement(icon, {
+        size: resolvedIconSize,
+        color: iconClr
+      });
+      return /* @__PURE__ */ jsx(View, { style: iconGapStyle, children: cloned });
+    }
+    return /* @__PURE__ */ jsx(View, { style: iconGapStyle, children: icon });
+  };
+  const bgColor = colors.bg;
+  const outerStyle = useMemo(() => {
+    const base = {
+      height: btnHeight,
+      borderRadius: resolvedRadius,
+      borderWidth: colors.borderWidth,
+      overflow: "hidden",
+      alignSelf: fullWidth ? "stretch" : "flex-start"
+    };
+    if (isIconOnly) {
+      base.width = btnHeight;
+    }
+    return base;
+  }, [btnHeight, resolvedRadius, colors.borderWidth, fullWidth, isIconOnly]);
+  return /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      style: [
+        outerStyle,
+        {
+          backgroundColor: bgColor,
+          borderColor: colors.border,
+          opacity: isDisabled ? 0.5 : 1,
+          transform: [{ scale: scaleAnim }]
+        },
+        style
+      ],
+      children: /* @__PURE__ */ jsxs(
+        Pressable,
+        {
+          onPress: isDisabled ? void 0 : onPress,
+          onLongPress: isDisabled ? void 0 : onLongPress,
+          onPressIn: handlePressIn,
+          onPressOut: handlePressOut,
+          disabled: isDisabled,
+          android_disableSound: false,
+          android_ripple: null,
+          accessibilityLabel: accessibilityLabel ?? displayLabel,
+          accessibilityRole: "button",
+          accessibilityState: { disabled: isDisabled, busy: loading },
+          testID,
+          style: [
+            styles.inner,
+            {
+              flexDirection: iconPosition === "right" ? "row-reverse" : "row",
+              paddingHorizontal: isIconOnly ? 0 : sizeConf.paddingHorizontal
+            }
+          ],
+          children: [
+            (icon || loading) && renderIcon(),
+            children ? children : displayLabel ? /* @__PURE__ */ jsx(
+              Text$1,
+              {
+                style: [
+                  styles.label,
+                  {
+                    fontSize: sizeConf.fontSize,
+                    color: colors.text,
+                    textDecorationLine: variant === "link" ? "underline" : "none"
+                  },
+                  labelStyle
+                ],
+                numberOfLines: 1,
+                children: displayLabel
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+}
+var ModalViewMode = {
+  centered: "centered"
+};
+var LogoutModal = ({
+  visible,
+  onClose,
+  onLogout,
+  viewMode = ModalViewMode.centered
+}) => {
+  const theme = useTheme();
+  const modalStyles = viewMode === ModalViewMode.centered ? getCenterModalStyles(theme) : getBottomSheetModalStyles(theme);
+  const styles2 = getStyles(theme);
+  const handleLogout = () => {
+    onLogout?.();
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      visible,
+      animationType: viewMode === ModalViewMode.centered ? "fade" : "slide",
+      transparent: true,
+      onRequestClose: onClose,
+      children: /* @__PURE__ */ jsx(View, { style: modalStyles.overlay, children: /* @__PURE__ */ jsx(View, { style: modalStyles.content, children: /* @__PURE__ */ jsxs(View, { style: styles2.container, children: [
+        /* @__PURE__ */ jsx(
+          Image,
+          {
+            source: AssetImages.sadMenImage,
+            style: styles2.image,
+            resizeMode: "contain"
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { style: [modalStyles.title, { fontSize: 22 }], children: "Comeback Soon!" }),
+        /* @__PURE__ */ jsx(Text, { style: styles2.description, children: "Are you sure you want to logout?" }),
+        /* @__PURE__ */ jsx(
+          CustomButton,
+          {
+            label: "Yes, Logout",
+            variant: "danger",
+            icon: /* @__PURE__ */ jsx(LogOut, {}),
+            iconColor: colors_default.white,
+            onPress: handleLogout,
+            style: { width: 200, marginTop: 10 }
+          }
+        ),
+        /* @__PURE__ */ jsx(TouchableOpacity, { style: styles2.closeIcon, onPress: onClose, children: /* @__PURE__ */ jsx(X, { color: theme.text.secondary, size: 25 }) })
+      ] }) }) })
+    }
+  );
+};
+var getStyles = (theme) => StyleSheet.create({
+  container: {
+    padding: 20,
+    position: "relative",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: 10
+  },
+  image: {
+    height: 120,
+    marginBottom: 10
+  },
+  closeIcon: {
+    width: 35,
+    height: 35,
+    justifyContent: "center",
+    alignItems: "center",
+    alignSelf: "flex-end",
+    position: "absolute",
+    margin: 15
+  },
+  description: {
+    fontSize: 16,
+    ...FontFamily({ fontWeight: "500" }),
+    color: theme?.text?.secondary,
+    textAlign: "center"
+  },
+  buttons: {
+    width: "100%",
+    flexDirection: "column",
+    gap: 15
+  }
+});
+var LogoutModal_default = LogoutModal;
+var LogoutContext = createContext(null);
+var LogoutProvider = ({
+  children
+}) => {
+  const [visible, setVisible] = useState(false);
+  const [options, setOptions] = useState({});
+  const openLogout = (opts) => {
+    setOptions(opts || {});
+    setVisible(true);
+  };
+  const closeLogout = () => {
+    setVisible(false);
+    setOptions({});
+  };
+  return /* @__PURE__ */ jsxs(LogoutContext.Provider, { value: { openLogout, closeLogout }, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      LogoutModal_default,
+      {
+        visible,
+        onClose: closeLogout,
+        viewMode: options.viewMode,
+        onLogout: () => {
+          options.onLogout?.();
+        }
+      }
+    )
+  ] });
+};
+var useGlobalLogout = () => {
+  const context = useContext(LogoutContext);
+  if (!context) {
+    throw new Error("useGlobalLogout must be used inside LogoutProvider");
+  }
+  return context;
+};
+var exampleScreenLayout = StyleSheet.create({
+  page: {
+    flex: 1,
+    backgroundColor: "#f1f5f9"
+  },
+  pageHeading: {
+    fontSize: 28,
+    ...FontFamily({ fontWeight: "700" }),
+    color: "#0f172a",
+    letterSpacing: -0.6
+  },
+  pageDescription: {
+    fontSize: 15,
+    color: "#64748b",
+    lineHeight: 22,
+    marginTop: 8,
+    maxWidth: 520
+  },
+  sectionHeading: {
+    fontSize: 17,
+    ...FontFamily({ fontWeight: "600" }),
+    color: "#1e293b",
+    marginTop: 24,
+    marginBottom: 6
+  },
+  sectionDescription: {
+    fontSize: 14,
+    color: "#64748b",
+    lineHeight: 20,
+    marginBottom: 12
+  },
+  exampleBox: {
+    backgroundColor: "#ffffff",
+    borderRadius: 16,
+    padding: 16,
+    marginBottom: 16,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: "#e2e8f0",
+    ...Platform.select({
+      ios: {
+        shadowColor: "#0f172a",
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.06,
+        shadowRadius: 12
+      },
+      android: { elevation: 3 },
+      default: {}
+    })
+  }
+});
+
+export { LogoutProvider, exampleScreenLayout, useGlobalLogout };