@beyondcorp/beyond-ui-native 0.1.4 → 0.1.6

package/dist/chunk-BJTO5JO5.mjs

@@ -0,0 +1,11 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export {
+  __require
+};
+//# sourceMappingURL=chunk-BJTO5JO5.mjs.map

package/dist/chunk-BJTO5JO5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.js

@@ -1811,7 +1811,7 @@ var AccordionItem = React19.forwardRef(
       import_react_native22.View,
       {
         ref,
-        className: cn("border-b border-border py-1", className),
+        className: cn("border-b border-neutral-200 dark:border-neutral-800 py-1", className),
         ...props,
         children
       }
@@ -1848,8 +1848,8 @@ var AccordionTrigger = React19.forwardRef(
         ),
         ...props,
         children: [
-          /* @__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 }),
-          /* @__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" }) })
+          /* @__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 }),
+          /* @__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" }) })
         ]
       }
     );
@@ -1864,9 +1864,9 @@ var AccordionContent = React19.forwardRef(
       import_react_native22.View,
       {
         ref,
-        className: cn("pt-1 pb-3 px-1 text-sm text-muted", className),
+        className: cn("pt-1 pb-3 px-1", className),
         ...props,
-        children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-sm text-muted leading-relaxed", children }) : children
+        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
       }
     );
   }
@@ -2587,7 +2587,7 @@ var SignInTemplate = ({
     {
       behavior: import_react_native26.Platform.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
-      className: cn("flex-1 bg-background", className),
+      className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_react_native26.ScrollView,
         {
@@ -2599,8 +2599,8 @@ var SignInTemplate = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "w-full max-w-md mx-auto gap-6", children: [
             /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "items-center gap-2", children: [
               logo && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.View, { className: "mb-2", children: logo }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
+              /* @__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 }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDescription, { children: error }) }),
             /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "gap-4", children: [
@@ -2632,15 +2632,15 @@ var SignInTemplate = ({
                     if (passwordError) setPasswordError(void 0);
                   },
                   error: passwordError,
-                  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" }) })
+                  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" }) })
                 }
               ) }),
               /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center justify-between py-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-2", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-foreground", children: "Remember me" })
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: "Remember me" })
                 ] }),
-                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?" }) })
+                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?" }) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Button,
@@ -2657,7 +2657,7 @@ var SignInTemplate = ({
             (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "gap-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { className: "flex-1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { className: "flex-1" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row gap-3", children: [
@@ -2682,8 +2682,8 @@ var SignInTemplate = ({
               ] })
             ] }),
             onSignUpPress && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-muted", children: "Don't have an account?" }),
-              /* @__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" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Don't have an account?" }),
+              /* @__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" }) })
             ] })
           ] })
         }
@@ -2747,7 +2747,7 @@ var SignUpTemplate = ({
     {
       behavior: import_react_native27.Platform.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
-      className: cn("flex-1 bg-background", className),
+      className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_react_native27.ScrollView,
         {
@@ -2759,8 +2759,8 @@ var SignUpTemplate = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "w-full max-w-md mx-auto gap-6", children: [
             /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "items-center gap-2", children: [
               logo && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.View, { className: "mb-2", children: logo }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
+              /* @__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 }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDescription, { children: error }) }),
             /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-4", children: [
@@ -2818,7 +2818,7 @@ var SignUpTemplate = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-foreground flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
+                  /* @__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" })
                 ] }),
                 termsError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-danger font-medium", children: termsError })
               ] }),
@@ -2837,7 +2837,7 @@ var SignUpTemplate = ({
             (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row items-center gap-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { className: "flex-1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
                 /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { className: "flex-1" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row gap-3", children: [
@@ -2862,8 +2862,8 @@ var SignUpTemplate = ({
               ] })
             ] }),
             onSignInPress && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-muted", children: "Already have an account?" }),
-              /* @__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" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Already have an account?" }),
+              /* @__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" }) })
             ] })
           ] })
         }
@@ -2901,7 +2901,7 @@ var ForgotPasswordTemplate = ({
     {
       behavior: import_react_native28.Platform.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
-      className: cn("flex-1 bg-background", className),
+      className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         import_react_native28.ScrollView,
         {
@@ -2912,8 +2912,8 @@ var ForgotPasswordTemplate = ({
           showsVerticalScrollIndicator: false,
           children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "w-full max-w-md mx-auto gap-6", children: [
             /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
+              /* @__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 }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AlertDescription, { children: error }) }),
             isSuccess ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "gap-4", children: [
@@ -2946,7 +2946,7 @@ var ForgotPasswordTemplate = ({
                   children: "Send Reset Link"
                 }
               ),
-              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" }) }) })
+              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" }) }) })
             ] })
           ] })
         }
@@ -2976,11 +2976,11 @@ var DashboardTemplate = ({
     {
       ...props,
       style: [{ flex: 1 }, props.style],
-      className: cn("flex-1 bg-background", className),
+      className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
       children: [
-        /* @__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: [
+        /* @__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: [
           /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-3", children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Avatar, { size: "lg", children: [
               userAvatarUrl && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarImage, { source: { uri: userAvatarUrl } }),
@@ -3104,11 +3104,11 @@ var SettingsTemplate = ({
     {
       ...props,
       style: [{ flex: 1 }, props.style],
-      className: cn("flex-1 bg-background", className),
+      className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
       children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "px-6 pt-6 gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading, { level: 2, className: "text-2xl font-bold text-foreground", children: "Settings & Profile" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading, { level: 2, className: "text-2xl font-bold text-neutral-900 dark:text-neutral-50", children: "Settings & Profile" }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "p-4 flex-row items-center gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Avatar, { size: "lg", children: [
             user.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AvatarImage, { source: { uri: user.avatarUrl } }),
@@ -3116,20 +3116,20 @@ var SettingsTemplate = ({
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-row items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-base font-bold text-foreground", children: user.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-base font-bold text-neutral-900 dark:text-neutral-100", children: user.name }),
               user.plan && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { variant: "primary", size: "sm", children: user.plan })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: user.email })
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: user.email })
           ] }),
           onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Preferences" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-border/50", children: [
+          /* @__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" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
             /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
               /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Push Notifications" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Receive real-time alerts on your mobile device" })
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Push Notifications" }),
+                /* @__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" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Switch,
@@ -3141,8 +3141,8 @@ var SettingsTemplate = ({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
               /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Email Notifications" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Weekly digests and activity summaries" })
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Email Notifications" }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Weekly digests and activity summaries" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Switch,
@@ -3154,15 +3154,15 @@ var SettingsTemplate = ({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
               /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Dark Theme" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Enable high contrast dark mode appearance" })
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Dark Theme" }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Enable high contrast dark mode appearance" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
               /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Biometric Login" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Use Face ID or fingerprint to authenticate" })
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Biometric Login" }),
+                /* @__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" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Switch,
@@ -3175,16 +3175,16 @@ var SettingsTemplate = ({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Account & Security" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-border/50", children: [
+          /* @__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" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
             onChangePassword && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
               import_react_native30.Pressable,
               {
                 onPress: onChangePassword,
-                className: "p-4 flex-row items-center justify-between active:bg-muted/10",
+                className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Change Password" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-muted text-xs", children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Change Password" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             ),
@@ -3192,10 +3192,10 @@ var SettingsTemplate = ({
               import_react_native30.Pressable,
               {
                 onPress: onViewTerms,
-                className: "p-4 flex-row items-center justify-between active:bg-muted/10",
+                className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Terms of Service" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-muted text-xs", children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Terms of Service" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             ),
@@ -3203,10 +3203,10 @@ var SettingsTemplate = ({
               import_react_native30.Pressable,
               {
                 onPress: onViewPrivacy,
-                className: "p-4 flex-row items-center justify-between active:bg-muted/10",
+                className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Privacy Policy" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-muted text-xs", children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Privacy Policy" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             )
@@ -3235,6 +3235,28 @@ var import_react_native31 = require("react-native");
 var import_nativewind = require("nativewind");
 var import_portal = require("@rn-primitives/portal");
 var import_jsx_runtime31 = require("react/jsx-runtime");
+if (typeof __DEV__ !== "undefined" && __DEV__) {
+  try {
+    const { LogBox } = require("react-native");
+    LogBox?.ignoreLogs?.([
+      "You are setting the style `{ shadowOffset: ... }` as a prop",
+      "You are setting the style"
+    ]);
+    if (!Boolean(console.error?.__beyond_ui_filtered)) {
+      const originalError = console.error;
+      const filteredError = (...args) => {
+        const fullMessage = args.map((arg) => typeof arg === "string" ? arg : "").join(" ");
+        if (fullMessage.includes("shadowOffset") || fullMessage.includes("You are setting the style")) {
+          return;
+        }
+        originalError(...args);
+      };
+      filteredError.__beyond_ui_filtered = true;
+      console.error = filteredError;
+    }
+  } catch (_) {
+  }
+}
 var BeyondUIContext = React26.createContext({
   colorScheme: "light",
   setColorScheme: () => {