@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.js CHANGED
@@ -1811,7 +1811,7 @@ var AccordionItem = React19.forwardRef(
1811
1811
  import_react_native22.View,
1812
1812
  {
1813
1813
  ref,
1814
- className: cn("border-b border-border py-1", className),
1814
+ className: cn("border-b border-neutral-200 dark:border-neutral-800 py-1", className),
1815
1815
  ...props,
1816
1816
  children
1817
1817
  }
@@ -1848,8 +1848,8 @@ var AccordionTrigger = React19.forwardRef(
1848
1848
  ),
1849
1849
  ...props,
1850
1850
  children: [
1851
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.View, { className: "flex-1 pr-2", children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-base font-medium text-foreground", children }) : children }),
1852
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.Animated.View, { style: { transform: [{ rotate }] }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-muted text-base font-semibold", children: "\u25BC" }) })
1851
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.View, { className: "flex-1 pr-2", children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-base font-medium text-neutral-900 dark:text-neutral-100", children }) : children }),
1852
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.Animated.View, { style: { transform: [{ rotate }] }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-base font-semibold", children: "\u25BC" }) })
1853
1853
  ]
1854
1854
  }
1855
1855
  );
@@ -1864,9 +1864,9 @@ var AccordionContent = React19.forwardRef(
1864
1864
  import_react_native22.View,
1865
1865
  {
1866
1866
  ref,
1867
- className: cn("pt-1 pb-3 px-1 text-sm text-muted", className),
1867
+ className: cn("pt-1 pb-3 px-1", className),
1868
1868
  ...props,
1869
- children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-sm text-muted leading-relaxed", children }) : children
1869
+ children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed", children }) : children
1870
1870
  }
1871
1871
  );
1872
1872
  }
@@ -2587,7 +2587,7 @@ var SignInTemplate = ({
2587
2587
  {
2588
2588
  behavior: import_react_native26.Platform.OS === "ios" ? "padding" : "height",
2589
2589
  style: { flex: 1 },
2590
- className: cn("flex-1 bg-background", className),
2590
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
2591
2591
  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2592
2592
  import_react_native26.ScrollView,
2593
2593
  {
@@ -2599,8 +2599,8 @@ var SignInTemplate = ({
2599
2599
  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "w-full max-w-md mx-auto gap-6", children: [
2600
2600
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "items-center gap-2", children: [
2601
2601
  logo && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.View, { className: "mb-2", children: logo }),
2602
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
2603
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
2602
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
2603
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
2604
2604
  ] }),
2605
2605
  error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDescription, { children: error }) }),
2606
2606
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "gap-4", children: [
@@ -2632,15 +2632,15 @@ var SignInTemplate = ({
2632
2632
  if (passwordError) setPasswordError(void 0);
2633
2633
  },
2634
2634
  error: passwordError,
2635
- rightElement: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-muted font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
2635
+ rightElement: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
2636
2636
  }
2637
2637
  ) }),
2638
2638
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center justify-between py-1", children: [
2639
2639
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-2", children: [
2640
2640
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
2641
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-foreground", children: "Remember me" })
2641
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: "Remember me" })
2642
2642
  ] }),
2643
- onForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: onForgotPassword, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-semibold text-primary", children: "Forgot password?" }) })
2643
+ onForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: onForgotPassword, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Forgot password?" }) })
2644
2644
  ] }),
2645
2645
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2646
2646
  Button,
@@ -2657,7 +2657,7 @@ var SignInTemplate = ({
2657
2657
  (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "gap-4", children: [
2658
2658
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-3", children: [
2659
2659
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { className: "flex-1" }),
2660
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
2660
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
2661
2661
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { className: "flex-1" })
2662
2662
  ] }),
2663
2663
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row gap-3", children: [
@@ -2682,8 +2682,8 @@ var SignInTemplate = ({
2682
2682
  ] })
2683
2683
  ] }),
2684
2684
  onSignUpPress && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
2685
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-muted", children: "Don't have an account?" }),
2686
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: onSignUpPress, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-bold text-primary", children: "Sign Up" }) })
2685
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Don't have an account?" }),
2686
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: onSignUpPress, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign Up" }) })
2687
2687
  ] })
2688
2688
  ] })
2689
2689
  }
@@ -2747,7 +2747,7 @@ var SignUpTemplate = ({
2747
2747
  {
2748
2748
  behavior: import_react_native27.Platform.OS === "ios" ? "padding" : "height",
2749
2749
  style: { flex: 1 },
2750
- className: cn("flex-1 bg-background", className),
2750
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
2751
2751
  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2752
2752
  import_react_native27.ScrollView,
2753
2753
  {
@@ -2759,8 +2759,8 @@ var SignUpTemplate = ({
2759
2759
  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "w-full max-w-md mx-auto gap-6", children: [
2760
2760
  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "items-center gap-2", children: [
2761
2761
  logo && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.View, { className: "mb-2", children: logo }),
2762
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
2763
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
2762
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
2763
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
2764
2764
  ] }),
2765
2765
  error && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDescription, { children: error }) }),
2766
2766
  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-4", children: [
@@ -2818,7 +2818,7 @@ var SignUpTemplate = ({
2818
2818
  }
2819
2819
  }
2820
2820
  ),
2821
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-foreground flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
2821
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100 flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
2822
2822
  ] }),
2823
2823
  termsError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-danger font-medium", children: termsError })
2824
2824
  ] }),
@@ -2837,7 +2837,7 @@ var SignUpTemplate = ({
2837
2837
  (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-4", children: [
2838
2838
  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row items-center gap-3", children: [
2839
2839
  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { className: "flex-1" }),
2840
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
2840
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
2841
2841
  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { className: "flex-1" })
2842
2842
  ] }),
2843
2843
  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row gap-3", children: [
@@ -2862,8 +2862,8 @@ var SignUpTemplate = ({
2862
2862
  ] })
2863
2863
  ] }),
2864
2864
  onSignInPress && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
2865
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-muted", children: "Already have an account?" }),
2866
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.Pressable, { onPress: onSignInPress, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm font-bold text-primary", children: "Sign In" }) })
2865
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Already have an account?" }),
2866
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.Pressable, { onPress: onSignInPress, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign In" }) })
2867
2867
  ] })
2868
2868
  ] })
2869
2869
  }
@@ -2901,7 +2901,7 @@ var ForgotPasswordTemplate = ({
2901
2901
  {
2902
2902
  behavior: import_react_native28.Platform.OS === "ios" ? "padding" : "height",
2903
2903
  style: { flex: 1 },
2904
- className: cn("flex-1 bg-background", className),
2904
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
2905
2905
  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
2906
2906
  import_react_native28.ScrollView,
2907
2907
  {
@@ -2912,8 +2912,8 @@ var ForgotPasswordTemplate = ({
2912
2912
  showsVerticalScrollIndicator: false,
2913
2913
  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "w-full max-w-md mx-auto gap-6", children: [
2914
2914
  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "items-center gap-2", children: [
2915
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
2916
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
2915
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
2916
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
2917
2917
  ] }),
2918
2918
  error && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AlertDescription, { children: error }) }),
2919
2919
  isSuccess ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "gap-4", children: [
@@ -2946,7 +2946,7 @@ var ForgotPasswordTemplate = ({
2946
2946
  children: "Send Reset Link"
2947
2947
  }
2948
2948
  ),
2949
- onBackToSignIn && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native28.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native28.Pressable, { onPress: onBackToSignIn, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-sm font-semibold text-primary", children: "Back to Sign In" }) }) })
2949
+ onBackToSignIn && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native28.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native28.Pressable, { onPress: onBackToSignIn, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Back to Sign In" }) }) })
2950
2950
  ] })
2951
2951
  ] })
2952
2952
  }
@@ -2976,11 +2976,11 @@ var DashboardTemplate = ({
2976
2976
  {
2977
2977
  ...props,
2978
2978
  style: [{ flex: 1 }, props.style],
2979
- className: cn("flex-1 bg-background", className),
2979
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
2980
2980
  contentContainerStyle: { paddingBottom: 40 },
2981
2981
  showsVerticalScrollIndicator: false,
2982
2982
  children: [
2983
- /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-border/40", children: [
2983
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-neutral-200 dark:border-neutral-800", children: [
2984
2984
  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-3", children: [
2985
2985
  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Avatar, { size: "lg", children: [
2986
2986
  userAvatarUrl && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarImage, { source: { uri: userAvatarUrl } }),
@@ -3104,11 +3104,11 @@ var SettingsTemplate = ({
3104
3104
  {
3105
3105
  ...props,
3106
3106
  style: [{ flex: 1 }, props.style],
3107
- className: cn("flex-1 bg-background", className),
3107
+ className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
3108
3108
  contentContainerStyle: { paddingBottom: 40 },
3109
3109
  showsVerticalScrollIndicator: false,
3110
3110
  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "px-6 pt-6 gap-6", children: [
3111
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading, { level: 2, className: "text-2xl font-bold text-foreground", children: "Settings & Profile" }),
3111
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading, { level: 2, className: "text-2xl font-bold text-neutral-900 dark:text-neutral-50", children: "Settings & Profile" }),
3112
3112
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "p-4 flex-row items-center gap-4", children: [
3113
3113
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Avatar, { size: "lg", children: [
3114
3114
  user.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AvatarImage, { source: { uri: user.avatarUrl } }),
@@ -3116,20 +3116,20 @@ var SettingsTemplate = ({
3116
3116
  ] }),
3117
3117
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-1", children: [
3118
3118
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-row items-center gap-2", children: [
3119
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-base font-bold text-foreground", children: user.name }),
3119
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-base font-bold text-neutral-900 dark:text-neutral-100", children: user.name }),
3120
3120
  user.plan && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { variant: "primary", size: "sm", children: user.plan })
3121
3121
  ] }),
3122
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: user.email })
3122
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: user.email })
3123
3123
  ] }),
3124
3124
  onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
3125
3125
  ] }),
3126
3126
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-2", children: [
3127
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Preferences" }),
3128
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-border/50", children: [
3127
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Preferences" }),
3128
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
3129
3129
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
3130
3130
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
3131
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Push Notifications" }),
3132
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Receive real-time alerts on your mobile device" })
3131
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Push Notifications" }),
3132
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Receive real-time alerts on your mobile device" })
3133
3133
  ] }),
3134
3134
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3135
3135
  Switch,
@@ -3141,8 +3141,8 @@ var SettingsTemplate = ({
3141
3141
  ] }),
3142
3142
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
3143
3143
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
3144
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Email Notifications" }),
3145
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Weekly digests and activity summaries" })
3144
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Email Notifications" }),
3145
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Weekly digests and activity summaries" })
3146
3146
  ] }),
3147
3147
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3148
3148
  Switch,
@@ -3154,15 +3154,15 @@ var SettingsTemplate = ({
3154
3154
  ] }),
3155
3155
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
3156
3156
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
3157
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Dark Theme" }),
3158
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Enable high contrast dark mode appearance" })
3157
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Dark Theme" }),
3158
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Enable high contrast dark mode appearance" })
3159
3159
  ] }),
3160
3160
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
3161
3161
  ] }),
3162
3162
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
3163
3163
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
3164
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Biometric Login" }),
3165
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Use Face ID or fingerprint to authenticate" })
3164
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Biometric Login" }),
3165
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Use Face ID or fingerprint to authenticate" })
3166
3166
  ] }),
3167
3167
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
3168
3168
  Switch,
@@ -3175,16 +3175,16 @@ var SettingsTemplate = ({
3175
3175
  ] })
3176
3176
  ] }),
3177
3177
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-2", children: [
3178
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Account & Security" }),
3179
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-border/50", children: [
3178
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Account & Security" }),
3179
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
3180
3180
  onChangePassword && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
3181
3181
  import_react_native30.Pressable,
3182
3182
  {
3183
3183
  onPress: onChangePassword,
3184
- className: "p-4 flex-row items-center justify-between active:bg-muted/10",
3184
+ className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
3185
3185
  children: [
3186
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Change Password" }),
3187
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-muted text-xs", children: "\u203A" })
3186
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Change Password" }),
3187
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
3188
3188
  ]
3189
3189
  }
3190
3190
  ),
@@ -3192,10 +3192,10 @@ var SettingsTemplate = ({
3192
3192
  import_react_native30.Pressable,
3193
3193
  {
3194
3194
  onPress: onViewTerms,
3195
- className: "p-4 flex-row items-center justify-between active:bg-muted/10",
3195
+ className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
3196
3196
  children: [
3197
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Terms of Service" }),
3198
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-muted text-xs", children: "\u203A" })
3197
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Terms of Service" }),
3198
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
3199
3199
  ]
3200
3200
  }
3201
3201
  ),
@@ -3203,10 +3203,10 @@ var SettingsTemplate = ({
3203
3203
  import_react_native30.Pressable,
3204
3204
  {
3205
3205
  onPress: onViewPrivacy,
3206
- className: "p-4 flex-row items-center justify-between active:bg-muted/10",
3206
+ className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
3207
3207
  children: [
3208
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Privacy Policy" }),
3209
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-muted text-xs", children: "\u203A" })
3208
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Privacy Policy" }),
3209
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
3210
3210
  ]
3211
3211
  }
3212
3212
  )