@beyondcorp/beyond-ui-native 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.js +52 -52
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +52 -52
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/accordion/accordion.tsx +5 -5
  7. package/src/templates/auth/ForgotPasswordTemplate.tsx +4 -4
  8. package/src/templates/auth/SignInTemplate.tsx +9 -9
  9. package/src/templates/auth/SignUpTemplate.tsx +7 -7
  10. package/src/templates/dashboard/DashboardTemplate.tsx +2 -2
  11. package/src/templates/settings/SettingsTemplate.tsx +25 -25
package/dist/index.mjs CHANGED
@@ -1717,7 +1717,7 @@ var AccordionItem = React19.forwardRef(
1717
1717
  View18,
1718
1718
  {
1719
1719
  ref,
1720
- className: cn("border-b border-border py-1", className),
1720
+ className: cn("border-b border-neutral-200 dark:border-neutral-800 py-1", className),
1721
1721
  ...props,
1722
1722
  children
1723
1723
  }
@@ -1754,8 +1754,8 @@ var AccordionTrigger = React19.forwardRef(
1754
1754
  ),
1755
1755
  ...props,
1756
1756
  children: [
1757
- /* @__PURE__ */ jsx22(View18, { className: "flex-1 pr-2", children: typeof children === "string" ? /* @__PURE__ */ jsx22(Text2, { className: "text-base font-medium text-foreground", children }) : children }),
1758
- /* @__PURE__ */ jsx22(Animated3.View, { style: { transform: [{ rotate }] }, children: /* @__PURE__ */ jsx22(Text2, { className: "text-muted text-base font-semibold", children: "\u25BC" }) })
1757
+ /* @__PURE__ */ jsx22(View18, { className: "flex-1 pr-2", children: typeof children === "string" ? /* @__PURE__ */ jsx22(Text2, { className: "text-base font-medium text-neutral-900 dark:text-neutral-100", children }) : children }),
1758
+ /* @__PURE__ */ jsx22(Animated3.View, { style: { transform: [{ rotate }] }, children: /* @__PURE__ */ jsx22(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-base font-semibold", children: "\u25BC" }) })
1759
1759
  ]
1760
1760
  }
1761
1761
  );
@@ -1770,9 +1770,9 @@ var AccordionContent = React19.forwardRef(
1770
1770
  View18,
1771
1771
  {
1772
1772
  ref,
1773
- className: cn("pt-1 pb-3 px-1 text-sm text-muted", className),
1773
+ className: cn("pt-1 pb-3 px-1", className),
1774
1774
  ...props,
1775
- children: typeof children === "string" ? /* @__PURE__ */ jsx22(Text2, { className: "text-sm text-muted leading-relaxed", children }) : children
1775
+ children: typeof children === "string" ? /* @__PURE__ */ jsx22(Text2, { className: "text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed", children }) : children
1776
1776
  }
1777
1777
  );
1778
1778
  }
@@ -2516,7 +2516,7 @@ var SignInTemplate = ({
2516
2516
  {
2517
2517
  behavior: Platform.OS === "ios" ? "padding" : "height",
2518
2518
  style: { flex: 1 },
2519
- className: cn("flex-1 bg-background", className),
2519
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
2520
2520
  children: /* @__PURE__ */ jsx26(
2521
2521
  ScrollView3,
2522
2522
  {
@@ -2528,8 +2528,8 @@ var SignInTemplate = ({
2528
2528
  children: /* @__PURE__ */ jsxs13(View22, { className: "w-full max-w-md mx-auto gap-6", children: [
2529
2529
  /* @__PURE__ */ jsxs13(View22, { className: "items-center gap-2", children: [
2530
2530
  logo && /* @__PURE__ */ jsx26(View22, { className: "mb-2", children: logo }),
2531
- /* @__PURE__ */ jsx26(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
2532
- /* @__PURE__ */ jsx26(Text2, { className: "text-muted text-center text-base", children: subtitle })
2531
+ /* @__PURE__ */ jsx26(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
2532
+ /* @__PURE__ */ jsx26(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
2533
2533
  ] }),
2534
2534
  error && /* @__PURE__ */ jsx26(Alert, { variant: "danger", children: /* @__PURE__ */ jsx26(AlertDescription, { children: error }) }),
2535
2535
  /* @__PURE__ */ jsxs13(View22, { className: "gap-4", children: [
@@ -2561,15 +2561,15 @@ var SignInTemplate = ({
2561
2561
  if (passwordError) setPasswordError(void 0);
2562
2562
  },
2563
2563
  error: passwordError,
2564
- rightElement: /* @__PURE__ */ jsx26(Pressable13, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ jsx26(Text2, { className: "text-xs text-muted font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
2564
+ rightElement: /* @__PURE__ */ jsx26(Pressable13, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ jsx26(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
2565
2565
  }
2566
2566
  ) }),
2567
2567
  /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center justify-between py-1", children: [
2568
2568
  /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center gap-2", children: [
2569
2569
  /* @__PURE__ */ jsx26(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
2570
- /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-foreground", children: "Remember me" })
2570
+ /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: "Remember me" })
2571
2571
  ] }),
2572
- onForgotPassword && /* @__PURE__ */ jsx26(Pressable13, { onPress: onForgotPassword, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-semibold text-primary", children: "Forgot password?" }) })
2572
+ onForgotPassword && /* @__PURE__ */ jsx26(Pressable13, { onPress: onForgotPassword, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Forgot password?" }) })
2573
2573
  ] }),
2574
2574
  /* @__PURE__ */ jsx26(
2575
2575
  Button,
@@ -2586,7 +2586,7 @@ var SignInTemplate = ({
2586
2586
  (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs13(View22, { className: "gap-4", children: [
2587
2587
  /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center gap-3", children: [
2588
2588
  /* @__PURE__ */ jsx26(Separator, { className: "flex-1" }),
2589
- /* @__PURE__ */ jsx26(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
2589
+ /* @__PURE__ */ jsx26(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
2590
2590
  /* @__PURE__ */ jsx26(Separator, { className: "flex-1" })
2591
2591
  ] }),
2592
2592
  /* @__PURE__ */ jsxs13(View22, { className: "flex-row gap-3", children: [
@@ -2611,8 +2611,8 @@ var SignInTemplate = ({
2611
2611
  ] })
2612
2612
  ] }),
2613
2613
  onSignUpPress && /* @__PURE__ */ jsxs13(View22, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
2614
- /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-muted", children: "Don't have an account?" }),
2615
- /* @__PURE__ */ jsx26(Pressable13, { onPress: onSignUpPress, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-bold text-primary", children: "Sign Up" }) })
2614
+ /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Don't have an account?" }),
2615
+ /* @__PURE__ */ jsx26(Pressable13, { onPress: onSignUpPress, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign Up" }) })
2616
2616
  ] })
2617
2617
  ] })
2618
2618
  }
@@ -2682,7 +2682,7 @@ var SignUpTemplate = ({
2682
2682
  {
2683
2683
  behavior: Platform2.OS === "ios" ? "padding" : "height",
2684
2684
  style: { flex: 1 },
2685
- className: cn("flex-1 bg-background", className),
2685
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
2686
2686
  children: /* @__PURE__ */ jsx27(
2687
2687
  ScrollView4,
2688
2688
  {
@@ -2694,8 +2694,8 @@ var SignUpTemplate = ({
2694
2694
  children: /* @__PURE__ */ jsxs14(View23, { className: "w-full max-w-md mx-auto gap-6", children: [
2695
2695
  /* @__PURE__ */ jsxs14(View23, { className: "items-center gap-2", children: [
2696
2696
  logo && /* @__PURE__ */ jsx27(View23, { className: "mb-2", children: logo }),
2697
- /* @__PURE__ */ jsx27(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
2698
- /* @__PURE__ */ jsx27(Text2, { className: "text-muted text-center text-base", children: subtitle })
2697
+ /* @__PURE__ */ jsx27(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
2698
+ /* @__PURE__ */ jsx27(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
2699
2699
  ] }),
2700
2700
  error && /* @__PURE__ */ jsx27(Alert, { variant: "danger", children: /* @__PURE__ */ jsx27(AlertDescription, { children: error }) }),
2701
2701
  /* @__PURE__ */ jsxs14(View23, { className: "gap-4", children: [
@@ -2753,7 +2753,7 @@ var SignUpTemplate = ({
2753
2753
  }
2754
2754
  }
2755
2755
  ),
2756
- /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-foreground flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
2756
+ /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100 flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
2757
2757
  ] }),
2758
2758
  termsError && /* @__PURE__ */ jsx27(Text2, { className: "text-xs text-danger font-medium", children: termsError })
2759
2759
  ] }),
@@ -2772,7 +2772,7 @@ var SignUpTemplate = ({
2772
2772
  (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs14(View23, { className: "gap-4", children: [
2773
2773
  /* @__PURE__ */ jsxs14(View23, { className: "flex-row items-center gap-3", children: [
2774
2774
  /* @__PURE__ */ jsx27(Separator, { className: "flex-1" }),
2775
- /* @__PURE__ */ jsx27(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
2775
+ /* @__PURE__ */ jsx27(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
2776
2776
  /* @__PURE__ */ jsx27(Separator, { className: "flex-1" })
2777
2777
  ] }),
2778
2778
  /* @__PURE__ */ jsxs14(View23, { className: "flex-row gap-3", children: [
@@ -2797,8 +2797,8 @@ var SignUpTemplate = ({
2797
2797
  ] })
2798
2798
  ] }),
2799
2799
  onSignInPress && /* @__PURE__ */ jsxs14(View23, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
2800
- /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-muted", children: "Already have an account?" }),
2801
- /* @__PURE__ */ jsx27(Pressable14, { onPress: onSignInPress, children: /* @__PURE__ */ jsx27(Text2, { className: "text-sm font-bold text-primary", children: "Sign In" }) })
2800
+ /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Already have an account?" }),
2801
+ /* @__PURE__ */ jsx27(Pressable14, { onPress: onSignInPress, children: /* @__PURE__ */ jsx27(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign In" }) })
2802
2802
  ] })
2803
2803
  ] })
2804
2804
  }
@@ -2842,7 +2842,7 @@ var ForgotPasswordTemplate = ({
2842
2842
  {
2843
2843
  behavior: Platform3.OS === "ios" ? "padding" : "height",
2844
2844
  style: { flex: 1 },
2845
- className: cn("flex-1 bg-background", className),
2845
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
2846
2846
  children: /* @__PURE__ */ jsx28(
2847
2847
  ScrollView5,
2848
2848
  {
@@ -2853,8 +2853,8 @@ var ForgotPasswordTemplate = ({
2853
2853
  showsVerticalScrollIndicator: false,
2854
2854
  children: /* @__PURE__ */ jsxs15(View24, { className: "w-full max-w-md mx-auto gap-6", children: [
2855
2855
  /* @__PURE__ */ jsxs15(View24, { className: "items-center gap-2", children: [
2856
- /* @__PURE__ */ jsx28(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
2857
- /* @__PURE__ */ jsx28(Text2, { className: "text-muted text-center text-base", children: subtitle })
2856
+ /* @__PURE__ */ jsx28(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
2857
+ /* @__PURE__ */ jsx28(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
2858
2858
  ] }),
2859
2859
  error && /* @__PURE__ */ jsx28(Alert, { variant: "danger", children: /* @__PURE__ */ jsx28(AlertDescription, { children: error }) }),
2860
2860
  isSuccess ? /* @__PURE__ */ jsxs15(View24, { className: "gap-4", children: [
@@ -2887,7 +2887,7 @@ var ForgotPasswordTemplate = ({
2887
2887
  children: "Send Reset Link"
2888
2888
  }
2889
2889
  ),
2890
- onBackToSignIn && /* @__PURE__ */ jsx28(View24, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ jsx28(Pressable15, { onPress: onBackToSignIn, children: /* @__PURE__ */ jsx28(Text2, { className: "text-sm font-semibold text-primary", children: "Back to Sign In" }) }) })
2890
+ onBackToSignIn && /* @__PURE__ */ jsx28(View24, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ jsx28(Pressable15, { onPress: onBackToSignIn, children: /* @__PURE__ */ jsx28(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Back to Sign In" }) }) })
2891
2891
  ] })
2892
2892
  ] })
2893
2893
  }
@@ -2921,11 +2921,11 @@ var DashboardTemplate = ({
2921
2921
  {
2922
2922
  ...props,
2923
2923
  style: [{ flex: 1 }, props.style],
2924
- className: cn("flex-1 bg-background", className),
2924
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
2925
2925
  contentContainerStyle: { paddingBottom: 40 },
2926
2926
  showsVerticalScrollIndicator: false,
2927
2927
  children: [
2928
- /* @__PURE__ */ jsxs16(View25, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-border/40", children: [
2928
+ /* @__PURE__ */ jsxs16(View25, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-neutral-200 dark:border-neutral-800", children: [
2929
2929
  /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center gap-3", children: [
2930
2930
  /* @__PURE__ */ jsxs16(Avatar, { size: "lg", children: [
2931
2931
  userAvatarUrl && /* @__PURE__ */ jsx29(AvatarImage, { source: { uri: userAvatarUrl } }),
@@ -3053,11 +3053,11 @@ var SettingsTemplate = ({
3053
3053
  {
3054
3054
  ...props,
3055
3055
  style: [{ flex: 1 }, props.style],
3056
- className: cn("flex-1 bg-background", className),
3056
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
3057
3057
  contentContainerStyle: { paddingBottom: 40 },
3058
3058
  showsVerticalScrollIndicator: false,
3059
3059
  children: /* @__PURE__ */ jsxs17(View26, { className: "px-6 pt-6 gap-6", children: [
3060
- /* @__PURE__ */ jsx30(Heading, { level: 2, className: "text-2xl font-bold text-foreground", children: "Settings & Profile" }),
3060
+ /* @__PURE__ */ jsx30(Heading, { level: 2, className: "text-2xl font-bold text-neutral-900 dark:text-neutral-50", children: "Settings & Profile" }),
3061
3061
  /* @__PURE__ */ jsxs17(Card, { className: "p-4 flex-row items-center gap-4", children: [
3062
3062
  /* @__PURE__ */ jsxs17(Avatar, { size: "lg", children: [
3063
3063
  user.avatarUrl && /* @__PURE__ */ jsx30(AvatarImage, { source: { uri: user.avatarUrl } }),
@@ -3065,20 +3065,20 @@ var SettingsTemplate = ({
3065
3065
  ] }),
3066
3066
  /* @__PURE__ */ jsxs17(View26, { className: "flex-1", children: [
3067
3067
  /* @__PURE__ */ jsxs17(View26, { className: "flex-row items-center gap-2", children: [
3068
- /* @__PURE__ */ jsx30(Text2, { className: "text-base font-bold text-foreground", children: user.name }),
3068
+ /* @__PURE__ */ jsx30(Text2, { className: "text-base font-bold text-neutral-900 dark:text-neutral-100", children: user.name }),
3069
3069
  user.plan && /* @__PURE__ */ jsx30(Badge, { variant: "primary", size: "sm", children: user.plan })
3070
3070
  ] }),
3071
- /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: user.email })
3071
+ /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: user.email })
3072
3072
  ] }),
3073
3073
  onEditProfile && /* @__PURE__ */ jsx30(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
3074
3074
  ] }),
3075
3075
  /* @__PURE__ */ jsxs17(View26, { className: "gap-2", children: [
3076
- /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Preferences" }),
3077
- /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-border/50", children: [
3076
+ /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Preferences" }),
3077
+ /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
3078
3078
  /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
3079
3079
  /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
3080
- /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Push Notifications" }),
3081
- /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Receive real-time alerts on your mobile device" })
3080
+ /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Push Notifications" }),
3081
+ /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Receive real-time alerts on your mobile device" })
3082
3082
  ] }),
3083
3083
  /* @__PURE__ */ jsx30(
3084
3084
  Switch,
@@ -3090,8 +3090,8 @@ var SettingsTemplate = ({
3090
3090
  ] }),
3091
3091
  /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
3092
3092
  /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
3093
- /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Email Notifications" }),
3094
- /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Weekly digests and activity summaries" })
3093
+ /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Email Notifications" }),
3094
+ /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Weekly digests and activity summaries" })
3095
3095
  ] }),
3096
3096
  /* @__PURE__ */ jsx30(
3097
3097
  Switch,
@@ -3103,15 +3103,15 @@ var SettingsTemplate = ({
3103
3103
  ] }),
3104
3104
  /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
3105
3105
  /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
3106
- /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Dark Theme" }),
3107
- /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Enable high contrast dark mode appearance" })
3106
+ /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Dark Theme" }),
3107
+ /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Enable high contrast dark mode appearance" })
3108
3108
  ] }),
3109
3109
  /* @__PURE__ */ jsx30(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
3110
3110
  ] }),
3111
3111
  /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
3112
3112
  /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
3113
- /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Biometric Login" }),
3114
- /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Use Face ID or fingerprint to authenticate" })
3113
+ /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Biometric Login" }),
3114
+ /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Use Face ID or fingerprint to authenticate" })
3115
3115
  ] }),
3116
3116
  /* @__PURE__ */ jsx30(
3117
3117
  Switch,
@@ -3124,16 +3124,16 @@ var SettingsTemplate = ({
3124
3124
  ] })
3125
3125
  ] }),
3126
3126
  /* @__PURE__ */ jsxs17(View26, { className: "gap-2", children: [
3127
- /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Account & Security" }),
3128
- /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-border/50", children: [
3127
+ /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Account & Security" }),
3128
+ /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
3129
3129
  onChangePassword && /* @__PURE__ */ jsxs17(
3130
3130
  Pressable17,
3131
3131
  {
3132
3132
  onPress: onChangePassword,
3133
- className: "p-4 flex-row items-center justify-between active:bg-muted/10",
3133
+ className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
3134
3134
  children: [
3135
- /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Change Password" }),
3136
- /* @__PURE__ */ jsx30(Text2, { className: "text-muted text-xs", children: "\u203A" })
3135
+ /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Change Password" }),
3136
+ /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
3137
3137
  ]
3138
3138
  }
3139
3139
  ),
@@ -3141,10 +3141,10 @@ var SettingsTemplate = ({
3141
3141
  Pressable17,
3142
3142
  {
3143
3143
  onPress: onViewTerms,
3144
- className: "p-4 flex-row items-center justify-between active:bg-muted/10",
3144
+ className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
3145
3145
  children: [
3146
- /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Terms of Service" }),
3147
- /* @__PURE__ */ jsx30(Text2, { className: "text-muted text-xs", children: "\u203A" })
3146
+ /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Terms of Service" }),
3147
+ /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
3148
3148
  ]
3149
3149
  }
3150
3150
  ),
@@ -3152,10 +3152,10 @@ var SettingsTemplate = ({
3152
3152
  Pressable17,
3153
3153
  {
3154
3154
  onPress: onViewPrivacy,
3155
- className: "p-4 flex-row items-center justify-between active:bg-muted/10",
3155
+ className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
3156
3156
  children: [
3157
- /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Privacy Policy" }),
3158
- /* @__PURE__ */ jsx30(Text2, { className: "text-muted text-xs", children: "\u203A" })
3157
+ /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Privacy Policy" }),
3158
+ /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
3159
3159
  ]
3160
3160
  }
3161
3161
  )