@beyondcorp/beyond-ui-native 0.1.3 → 0.1.5

package/dist/index.mjs

@@ -1717,7 +1717,7 @@ var AccordionItem = React19.forwardRef(
       View18,
       {
         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
       }
@@ -1754,8 +1754,8 @@ var AccordionTrigger = React19.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx22(View18, { className: "flex-1 pr-2", children: typeof children === "string" ? /* @__PURE__ */ jsx22(Text2, { className: "text-base font-medium text-foreground", children }) : children }),
-          /* @__PURE__ */ jsx22(Animated3.View, { style: { transform: [{ rotate }] }, children: /* @__PURE__ */ jsx22(Text2, { className: "text-muted text-base font-semibold", children: "\u25BC" }) })
+          /* @__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 }),
+          /* @__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" }) })
         ]
       }
     );
@@ -1770,9 +1770,9 @@ var AccordionContent = React19.forwardRef(
       View18,
       {
         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__ */ jsx22(Text2, { className: "text-sm text-muted leading-relaxed", children }) : children
+        children: typeof children === "string" ? /* @__PURE__ */ jsx22(Text2, { className: "text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed", children }) : children
       }
     );
   }
@@ -1919,12 +1919,12 @@ var BottomSheetContent = React20.forwardRef(
               ref,
               style: { transform: [{ translateY }] },
               className: cn(
-                "w-full bg-card rounded-t-3xl border-t border-border shadow-2xl pt-2 pb-8 px-6 max-h-[85%]",
+                "w-full bg-white dark:bg-neutral-900 rounded-t-3xl border-t border-neutral-200 dark:border-neutral-800 shadow-2xl pt-2 pb-8 px-6 max-h-[85%]",
                 className
               ),
               ...props,
               children: [
-                /* @__PURE__ */ jsx23(View19, { ...panResponder.panHandlers, className: "w-full py-2 items-center", children: /* @__PURE__ */ jsx23(View19, { className: "w-12 h-1.5 rounded-full bg-muted/40" }) }),
+                /* @__PURE__ */ jsx23(View19, { ...panResponder.panHandlers, className: "w-full py-2 items-center", children: /* @__PURE__ */ jsx23(View19, { className: "w-12 h-1.5 rounded-full bg-neutral-300 dark:bg-neutral-700" }) }),
                 children
               ]
             }
@@ -1943,14 +1943,14 @@ var BottomSheetTitle = ({
   className,
   children
 }) => {
-  return /* @__PURE__ */ jsx23(Heading, { level: 4, className: cn("text-xl font-bold text-foreground", className), children });
+  return /* @__PURE__ */ jsx23(Heading, { level: 4, className: cn("text-xl font-bold text-neutral-900 dark:text-neutral-50", className), children });
 };
 BottomSheetTitle.displayName = "BottomSheetTitle";
 var BottomSheetDescription = ({
   className,
   children
 }) => {
-  return /* @__PURE__ */ jsx23(Text2, { className: cn("text-sm text-muted", className), children });
+  return /* @__PURE__ */ jsx23(Text2, { className: cn("text-sm text-neutral-500 dark:text-neutral-400", className), children });
 };
 BottomSheetDescription.displayName = "BottomSheetDescription";
 var BottomSheetBody = React20.forwardRef(
@@ -1999,11 +1999,11 @@ import {
 import { cva as cva10 } from "class-variance-authority";
 import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var selectTriggerVariants = cva10(
-  "flex-row items-center justify-between rounded-xl border bg-card px-4 py-3 active:opacity-80",
+  "flex-row items-center justify-between rounded-xl border bg-white dark:bg-neutral-900 px-4 py-3 active:opacity-80",
   {
     variants: {
       variant: {
-        default: "border-border",
+        default: "border-neutral-300 dark:border-neutral-700",
         error: "border-danger",
         success: "border-success"
       },
@@ -2079,7 +2079,7 @@ var Select = ({
         onSelect: handleSelect
       },
       children: /* @__PURE__ */ jsxs11(View20, { className: cn("w-full gap-1.5", className), children: [
-        label && /* @__PURE__ */ jsx24(Text2, { className: "text-sm font-medium text-foreground", children: label }),
+        label && /* @__PURE__ */ jsx24(Text2, { className: "text-sm font-medium text-neutral-800 dark:text-neutral-200", children: label }),
         children ? children : /* @__PURE__ */ jsxs11(
           Pressable11,
           {
@@ -2097,16 +2097,16 @@ var Select = ({
                 {
                   className: cn(
                     "text-base",
-                    displayLabel ? "text-foreground font-medium" : "text-muted"
+                    displayLabel ? "text-neutral-900 dark:text-neutral-100 font-medium" : "text-neutral-500 dark:text-neutral-400 font-normal"
                   ),
                   children: displayLabel || placeholder
                 }
               ),
-              /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-xs", children: "\u25BC" })
+              /* @__PURE__ */ jsx24(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-xs", children: "\u25BC" })
             ]
           }
         ),
-        error ? /* @__PURE__ */ jsx24(Text2, { className: "text-xs text-danger font-medium", children: error }) : helperText ? /* @__PURE__ */ jsx24(Text2, { className: "text-xs text-muted", children: helperText }) : null,
+        error ? /* @__PURE__ */ jsx24(Text2, { className: "text-xs text-danger font-medium", children: error }) : helperText ? /* @__PURE__ */ jsx24(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: helperText }) : null,
         options && /* @__PURE__ */ jsx24(
           Modal3,
           {
@@ -2117,10 +2117,10 @@ var Select = ({
             statusBarTranslucent: true,
             children: /* @__PURE__ */ jsxs11(View20, { className: "flex-1 justify-end bg-black/60", children: [
               /* @__PURE__ */ jsx24(Pressable11, { className: "flex-1", onPress: () => setOpen(false) }),
-              /* @__PURE__ */ jsxs11(View20, { className: "w-full bg-card rounded-t-3xl border-t border-border p-6 max-h-[75%]", children: [
-                /* @__PURE__ */ jsxs11(View20, { className: "flex-row items-center justify-between pb-4 border-b border-border mb-3", children: [
-                  /* @__PURE__ */ jsx24(Text2, { className: "text-lg font-bold text-foreground", children: label || placeholder }),
-                  /* @__PURE__ */ jsx24(Pressable11, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
+              /* @__PURE__ */ jsxs11(View20, { className: "w-full bg-white dark:bg-neutral-900 rounded-t-3xl border-t border-neutral-200 dark:border-neutral-800 p-6 max-h-[75%]", children: [
+                /* @__PURE__ */ jsxs11(View20, { className: "flex-row items-center justify-between pb-4 border-b border-neutral-200 dark:border-neutral-800 mb-3", children: [
+                  /* @__PURE__ */ jsx24(Text2, { className: "text-lg font-bold text-neutral-900 dark:text-neutral-50", children: label || placeholder }),
+                  /* @__PURE__ */ jsx24(Pressable11, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ jsx24(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-lg font-semibold", children: "\u2715" }) })
                 ] }),
                 searchable && /* @__PURE__ */ jsx24(View20, { className: "mb-4", children: /* @__PURE__ */ jsx24(
                   TextInput3,
@@ -2129,10 +2129,10 @@ var Select = ({
                     onChangeText: setSearchQuery,
                     placeholder: "Search options...",
                     placeholderTextColor: "#9ca3af",
-                    className: "h-11 px-4 rounded-xl border border-border bg-background text-foreground text-base"
+                    className: "h-11 px-4 rounded-xl border border-neutral-300 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 text-base"
                   }
                 ) }),
-                /* @__PURE__ */ jsx24(ScrollView, { className: "max-h-80", showsVerticalScrollIndicator: false, children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx24(View20, { className: "py-8 items-center", children: /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-sm", children: "No options found" }) }) : filteredOptions.map((opt) => {
+                /* @__PURE__ */ jsx24(ScrollView, { className: "max-h-80", showsVerticalScrollIndicator: false, children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx24(View20, { className: "py-8 items-center", children: /* @__PURE__ */ jsx24(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-sm", children: "No options found" }) }) : filteredOptions.map((opt) => {
                   const isSelected = opt.value === currentValue;
                   return /* @__PURE__ */ jsxs11(
                     Pressable11,
@@ -2140,8 +2140,8 @@ var Select = ({
                       disabled: opt.disabled,
                       onPress: () => handleSelect(opt.value),
                       className: cn(
-                        "flex-row items-center justify-between py-3.5 px-3 rounded-xl active:bg-muted/10",
-                        isSelected && "bg-primary/10",
+                        "flex-row items-center justify-between py-3.5 px-3 rounded-xl active:bg-neutral-100 dark:active:bg-neutral-800",
+                        isSelected && "bg-primary-50 dark:bg-primary-950/40",
                         opt.disabled && "opacity-40"
                       ),
                       children: [
@@ -2150,12 +2150,12 @@ var Select = ({
                           {
                             className: cn(
                               "text-base",
-                              isSelected ? "text-primary font-semibold" : "text-foreground font-normal"
+                              isSelected ? "text-primary-600 dark:text-primary-400 font-semibold" : "text-neutral-900 dark:text-neutral-100 font-normal"
                             ),
                             children: opt.label
                           }
                         ),
-                        isSelected && /* @__PURE__ */ jsx24(Text2, { className: "text-primary font-bold text-base", children: "\u2713" })
+                        isSelected && /* @__PURE__ */ jsx24(Text2, { className: "text-primary-600 dark:text-primary-400 font-bold text-base", children: "\u2713" })
                       ]
                     },
                     opt.value
@@ -2183,13 +2183,13 @@ var SelectTrigger = ({
       accessibilityRole: "combobox",
       accessibilityState: { expanded: open },
       className: cn(
-        "flex-row items-center justify-between rounded-xl border border-border bg-card px-4 py-3 active:opacity-80",
+        "flex-row items-center justify-between rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-900 px-4 py-3 active:opacity-80",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-xs", children: "\u25BC" })
+        /* @__PURE__ */ jsx24(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-xs", children: "\u25BC" })
       ]
     }
   );
@@ -2205,7 +2205,7 @@ var SelectValue = ({
     {
       className: cn(
         "text-base",
-        value ? "text-foreground font-medium" : "text-muted",
+        value ? "text-neutral-900 dark:text-neutral-100 font-medium" : "text-neutral-500 dark:text-neutral-400",
         className
       ),
       children: value || placeholder
@@ -2226,10 +2226,10 @@ var SelectContent = ({ title, children }) => {
       statusBarTranslucent: true,
       children: /* @__PURE__ */ jsxs11(View20, { className: "flex-1 justify-end bg-black/60", children: [
         /* @__PURE__ */ jsx24(Pressable11, { className: "flex-1", onPress: () => setOpen(false) }),
-        /* @__PURE__ */ jsxs11(View20, { className: "w-full bg-card rounded-t-3xl border-t border-border p-6 max-h-[75%]", children: [
-          /* @__PURE__ */ jsxs11(View20, { className: "flex-row items-center justify-between pb-3 border-b border-border mb-3", children: [
-            /* @__PURE__ */ jsx24(Text2, { className: "text-lg font-bold text-foreground", children: title || "Select" }),
-            /* @__PURE__ */ jsx24(Pressable11, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
+        /* @__PURE__ */ jsxs11(View20, { className: "w-full bg-white dark:bg-neutral-900 rounded-t-3xl border-t border-neutral-200 dark:border-neutral-800 p-6 max-h-[75%]", children: [
+          /* @__PURE__ */ jsxs11(View20, { className: "flex-row items-center justify-between pb-3 border-b border-neutral-200 dark:border-neutral-800 mb-3", children: [
+            /* @__PURE__ */ jsx24(Text2, { className: "text-lg font-bold text-neutral-900 dark:text-neutral-100", children: title || "Select" }),
+            /* @__PURE__ */ jsx24(Pressable11, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ jsx24(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-lg font-semibold", children: "\u2715" }) })
           ] }),
           /* @__PURE__ */ jsx24(ScrollView, { className: "max-h-80", children })
         ] })
@@ -2250,8 +2250,8 @@ var SelectItem = ({
     {
       onPress: () => onSelect(itemValue),
       className: cn(
-        "flex-row items-center justify-between py-3.5 px-3 rounded-xl active:bg-muted/10",
-        isSelected && "bg-primary/10",
+        "flex-row items-center justify-between py-3.5 px-3 rounded-xl active:bg-neutral-100 dark:active:bg-neutral-800",
+        isSelected && "bg-primary-50 dark:bg-primary-950/40",
         className
       ),
       children: [
@@ -2260,12 +2260,12 @@ var SelectItem = ({
           {
             className: cn(
               "text-base",
-              isSelected ? "text-primary font-semibold" : "text-foreground font-normal"
+              isSelected ? "text-primary-600 dark:text-primary-400 font-semibold" : "text-neutral-900 dark:text-neutral-100 font-normal"
             ),
             children
           }
         ) : children,
-        isSelected && /* @__PURE__ */ jsx24(Text2, { className: "text-primary font-bold text-base", children: "\u2713" })
+        isSelected && /* @__PURE__ */ jsx24(Text2, { className: "text-primary-600 dark:text-primary-400 font-bold text-base", children: "\u2713" })
       ]
     }
   );
@@ -2354,11 +2354,10 @@ function DataTable({
         onChangeText: (val) => {
           setSearch(val);
           setCurrentPage(1);
-        },
-        className: "bg-card"
+        }
       }
     ),
-    loading ? /* @__PURE__ */ jsx25(View21, { className: "gap-3", children: [1, 2, 3].map((idx) => /* @__PURE__ */ jsx25(Skeleton, { className: "h-20 w-full rounded-2xl" }, idx)) }) : paginatedData.length === 0 ? /* @__PURE__ */ jsx25(Card, { className: "items-center justify-center p-8", children: /* @__PURE__ */ jsx25(Text2, { className: "text-muted text-base", children: emptyText }) }) : mode === "card" ? (
+    loading ? /* @__PURE__ */ jsx25(View21, { className: "gap-3", children: [1, 2, 3].map((idx) => /* @__PURE__ */ jsx25(Skeleton, { className: "h-20 w-full rounded-2xl" }, idx)) }) : paginatedData.length === 0 ? /* @__PURE__ */ jsx25(Card, { className: "items-center justify-center p-8", children: /* @__PURE__ */ jsx25(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-base", children: emptyText }) }) : mode === "card" ? (
       /* Mobile Card Mode */
       /* @__PURE__ */ jsx25(View21, { className: "gap-3", children: paginatedData.map((item, idx) => /* @__PURE__ */ jsx25(
         Pressable12,
@@ -2372,10 +2371,10 @@ function DataTable({
             return /* @__PURE__ */ jsxs12(
               View21,
               {
-                className: "flex-row items-center justify-between py-1 border-b border-border/40 last:border-b-0",
+                className: "flex-row items-center justify-between py-1 border-b border-neutral-200 dark:border-neutral-800 last:border-b-0",
                 children: [
-                  /* @__PURE__ */ jsx25(Text2, { className: "text-xs font-semibold text-muted uppercase tracking-wider", children: col.title }),
-                  /* @__PURE__ */ jsx25(View21, { className: "shrink", children: typeof renderedVal === "string" ? /* @__PURE__ */ jsx25(Text2, { className: "text-sm font-medium text-foreground", children: renderedVal }) : renderedVal })
+                  /* @__PURE__ */ jsx25(Text2, { className: "text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: col.title }),
+                  /* @__PURE__ */ jsx25(View21, { className: "shrink", children: typeof renderedVal === "string" ? /* @__PURE__ */ jsx25(Text2, { className: "text-sm font-medium text-neutral-900 dark:text-neutral-100", children: renderedVal }) : renderedVal })
                 ]
               },
               String(col.key)
@@ -2386,8 +2385,8 @@ function DataTable({
       )) })
     ) : (
       /* Horizontal Table Mode */
-      /* @__PURE__ */ jsx25(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: false, children: /* @__PURE__ */ jsxs12(View21, { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
-        /* @__PURE__ */ jsx25(View21, { className: "flex-row bg-muted/10 border-b border-border", children: columns.map((col) => /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsx25(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: false, children: /* @__PURE__ */ jsxs12(View21, { className: "rounded-2xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 overflow-hidden", children: [
+        /* @__PURE__ */ jsx25(View21, { className: "flex-row bg-neutral-100 dark:bg-neutral-800/60 border-b border-neutral-200 dark:border-neutral-800", children: columns.map((col) => /* @__PURE__ */ jsxs12(
           Pressable12,
           {
             disabled: !col.sortable,
@@ -2395,8 +2394,8 @@ function DataTable({
             style: { width: col.width || 120 },
             className: "px-4 py-3 flex-row items-center justify-between",
             children: [
-              /* @__PURE__ */ jsx25(Text2, { className: "text-xs font-bold text-foreground uppercase tracking-wider", children: col.title }),
-              col.sortable && /* @__PURE__ */ jsx25(Text2, { className: "text-xs text-muted", children: sortKey === col.key ? sortDirection === "asc" ? "\u25B2" : "\u25BC" : "\u21C5" })
+              /* @__PURE__ */ jsx25(Text2, { className: "text-xs font-bold text-neutral-900 dark:text-neutral-100 uppercase tracking-wider", children: col.title }),
+              col.sortable && /* @__PURE__ */ jsx25(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: sortKey === col.key ? sortDirection === "asc" ? "\u25B2" : "\u25BC" : "\u21C5" })
             ]
           },
           String(col.key)
@@ -2406,7 +2405,7 @@ function DataTable({
           {
             disabled: !onRowPress,
             onPress: () => onRowPress?.(item),
-            className: "flex-row border-b border-border/60 active:bg-muted/10",
+            className: "flex-row border-b border-neutral-200 dark:border-neutral-800 active:bg-neutral-100 dark:active:bg-neutral-800",
             children: columns.map((col) => {
               const rawVal = item[col.key];
               const renderedVal = col.render ? col.render(rawVal, item) : String(rawVal ?? "\u2014");
@@ -2415,7 +2414,7 @@ function DataTable({
                 {
                   style: { width: col.width || 120 },
                   className: "px-4 py-3 justify-center",
-                  children: typeof renderedVal === "string" ? /* @__PURE__ */ jsx25(Text2, { className: "text-sm text-foreground", children: renderedVal }) : renderedVal
+                  children: typeof renderedVal === "string" ? /* @__PURE__ */ jsx25(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: renderedVal }) : renderedVal
                 },
                 String(col.key)
               );
@@ -2426,7 +2425,7 @@ function DataTable({
       ] }) })
     ),
     totalPages > 1 && /* @__PURE__ */ jsxs12(View21, { className: "flex-row items-center justify-between pt-2", children: [
-      /* @__PURE__ */ jsxs12(Text2, { className: "text-xs text-muted", children: [
+      /* @__PURE__ */ jsxs12(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: [
         "Showing ",
         (currentPage - 1) * pageSize + 1,
         " -",
@@ -2447,7 +2446,7 @@ function DataTable({
             children: "Prev"
           }
         ),
-        /* @__PURE__ */ jsxs12(Text2, { className: "text-xs font-medium text-foreground px-1", children: [
+        /* @__PURE__ */ jsxs12(Text2, { className: "text-xs font-medium text-neutral-900 dark:text-neutral-100 px-1", children: [
           currentPage,
           " / ",
           totalPages
@@ -2517,7 +2516,7 @@ var SignInTemplate = ({
     {
       behavior: 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__ */ jsx26(
         ScrollView3,
         {
@@ -2529,8 +2528,8 @@ var SignInTemplate = ({
           children: /* @__PURE__ */ jsxs13(View22, { className: "w-full max-w-md mx-auto gap-6", children: [
             /* @__PURE__ */ jsxs13(View22, { className: "items-center gap-2", children: [
               logo && /* @__PURE__ */ jsx26(View22, { className: "mb-2", children: logo }),
-              /* @__PURE__ */ jsx26(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
-              /* @__PURE__ */ jsx26(Text2, { className: "text-muted text-center text-base", children: subtitle })
+              /* @__PURE__ */ jsx26(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ jsx26(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ jsx26(Alert, { variant: "danger", children: /* @__PURE__ */ jsx26(AlertDescription, { children: error }) }),
             /* @__PURE__ */ jsxs13(View22, { className: "gap-4", children: [
@@ -2562,15 +2561,15 @@ var SignInTemplate = ({
                     if (passwordError) setPasswordError(void 0);
                   },
                   error: passwordError,
-                  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" }) })
+                  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" }) })
                 }
               ) }),
               /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center justify-between py-1", children: [
                 /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center gap-2", children: [
                   /* @__PURE__ */ jsx26(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
-                  /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-foreground", children: "Remember me" })
+                  /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: "Remember me" })
                 ] }),
-                onForgotPassword && /* @__PURE__ */ jsx26(Pressable13, { onPress: onForgotPassword, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-semibold text-primary", children: "Forgot password?" }) })
+                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?" }) })
               ] }),
               /* @__PURE__ */ jsx26(
                 Button,
@@ -2587,7 +2586,7 @@ var SignInTemplate = ({
             (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs13(View22, { className: "gap-4", children: [
               /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center gap-3", children: [
                 /* @__PURE__ */ jsx26(Separator, { className: "flex-1" }),
-                /* @__PURE__ */ jsx26(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
+                /* @__PURE__ */ jsx26(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
                 /* @__PURE__ */ jsx26(Separator, { className: "flex-1" })
               ] }),
               /* @__PURE__ */ jsxs13(View22, { className: "flex-row gap-3", children: [
@@ -2612,8 +2611,8 @@ var SignInTemplate = ({
               ] })
             ] }),
             onSignUpPress && /* @__PURE__ */ jsxs13(View22, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
-              /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-muted", children: "Don't have an account?" }),
-              /* @__PURE__ */ jsx26(Pressable13, { onPress: onSignUpPress, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-bold text-primary", children: "Sign Up" }) })
+              /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Don't have an account?" }),
+              /* @__PURE__ */ jsx26(Pressable13, { onPress: onSignUpPress, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign Up" }) })
             ] })
           ] })
         }
@@ -2683,7 +2682,7 @@ var SignUpTemplate = ({
     {
       behavior: Platform2.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__ */ jsx27(
         ScrollView4,
         {
@@ -2695,8 +2694,8 @@ var SignUpTemplate = ({
           children: /* @__PURE__ */ jsxs14(View23, { className: "w-full max-w-md mx-auto gap-6", children: [
             /* @__PURE__ */ jsxs14(View23, { className: "items-center gap-2", children: [
               logo && /* @__PURE__ */ jsx27(View23, { className: "mb-2", children: logo }),
-              /* @__PURE__ */ jsx27(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
-              /* @__PURE__ */ jsx27(Text2, { className: "text-muted text-center text-base", children: subtitle })
+              /* @__PURE__ */ jsx27(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ jsx27(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ jsx27(Alert, { variant: "danger", children: /* @__PURE__ */ jsx27(AlertDescription, { children: error }) }),
             /* @__PURE__ */ jsxs14(View23, { className: "gap-4", children: [
@@ -2754,7 +2753,7 @@ var SignUpTemplate = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-foreground flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
+                  /* @__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" })
                 ] }),
                 termsError && /* @__PURE__ */ jsx27(Text2, { className: "text-xs text-danger font-medium", children: termsError })
               ] }),
@@ -2773,7 +2772,7 @@ var SignUpTemplate = ({
             (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs14(View23, { className: "gap-4", children: [
               /* @__PURE__ */ jsxs14(View23, { className: "flex-row items-center gap-3", children: [
                 /* @__PURE__ */ jsx27(Separator, { className: "flex-1" }),
-                /* @__PURE__ */ jsx27(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
+                /* @__PURE__ */ jsx27(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
                 /* @__PURE__ */ jsx27(Separator, { className: "flex-1" })
               ] }),
               /* @__PURE__ */ jsxs14(View23, { className: "flex-row gap-3", children: [
@@ -2798,8 +2797,8 @@ var SignUpTemplate = ({
               ] })
             ] }),
             onSignInPress && /* @__PURE__ */ jsxs14(View23, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
-              /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-muted", children: "Already have an account?" }),
-              /* @__PURE__ */ jsx27(Pressable14, { onPress: onSignInPress, children: /* @__PURE__ */ jsx27(Text2, { className: "text-sm font-bold text-primary", children: "Sign In" }) })
+              /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Already have an account?" }),
+              /* @__PURE__ */ jsx27(Pressable14, { onPress: onSignInPress, children: /* @__PURE__ */ jsx27(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign In" }) })
             ] })
           ] })
         }
@@ -2843,7 +2842,7 @@ var ForgotPasswordTemplate = ({
     {
       behavior: Platform3.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__ */ jsx28(
         ScrollView5,
         {
@@ -2854,8 +2853,8 @@ var ForgotPasswordTemplate = ({
           showsVerticalScrollIndicator: false,
           children: /* @__PURE__ */ jsxs15(View24, { className: "w-full max-w-md mx-auto gap-6", children: [
             /* @__PURE__ */ jsxs15(View24, { className: "items-center gap-2", children: [
-              /* @__PURE__ */ jsx28(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
-              /* @__PURE__ */ jsx28(Text2, { className: "text-muted text-center text-base", children: subtitle })
+              /* @__PURE__ */ jsx28(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ jsx28(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ jsx28(Alert, { variant: "danger", children: /* @__PURE__ */ jsx28(AlertDescription, { children: error }) }),
             isSuccess ? /* @__PURE__ */ jsxs15(View24, { className: "gap-4", children: [
@@ -2888,7 +2887,7 @@ var ForgotPasswordTemplate = ({
                   children: "Send Reset Link"
                 }
               ),
-              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" }) }) })
+              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" }) }) })
             ] })
           ] })
         }
@@ -2922,19 +2921,19 @@ 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__ */ jsxs16(View25, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-border/40", children: [
+        /* @__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: [
           /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center gap-3", children: [
             /* @__PURE__ */ jsxs16(Avatar, { size: "lg", children: [
               userAvatarUrl && /* @__PURE__ */ jsx29(AvatarImage, { source: { uri: userAvatarUrl } }),
               /* @__PURE__ */ jsx29(AvatarFallback, { text: userName.slice(0, 2).toUpperCase() })
             ] }),
             /* @__PURE__ */ jsxs16(View25, { children: [
-              /* @__PURE__ */ jsx29(Text2, { className: "text-xs text-muted font-medium uppercase tracking-wider", children: userRole }),
-              /* @__PURE__ */ jsxs16(Heading, { level: 3, className: "text-xl font-bold text-foreground", children: [
+              /* @__PURE__ */ jsx29(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-medium uppercase tracking-wider", children: userRole }),
+              /* @__PURE__ */ jsxs16(Heading, { level: 3, className: "text-xl font-bold text-neutral-900 dark:text-neutral-50", children: [
                 "Hello, ",
                 userName,
                 " \u{1F44B}"
@@ -2945,9 +2944,9 @@ var DashboardTemplate = ({
             Pressable16,
             {
               onPress: onNotificationPress,
-              className: "w-10 h-10 rounded-full border border-border bg-card items-center justify-center relative active:opacity-70",
+              className: "w-10 h-10 rounded-full border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 items-center justify-center relative active:opacity-70",
               children: [
-                /* @__PURE__ */ jsx29(Text2, { className: "text-base text-foreground", children: "\u{1F514}" }),
+                /* @__PURE__ */ jsx29(Text2, { className: "text-base text-neutral-900 dark:text-neutral-100", children: "\u{1F514}" }),
                 unreadNotificationsCount > 0 && /* @__PURE__ */ jsx29(View25, { className: "absolute -top-1 -right-1 w-5 h-5 rounded-full bg-danger items-center justify-center", children: /* @__PURE__ */ jsx29(Text2, { className: "text-[10px] font-bold text-white", children: unreadNotificationsCount > 9 ? "9+" : unreadNotificationsCount }) })
               ]
             }
@@ -2955,7 +2954,7 @@ var DashboardTemplate = ({
         ] }),
         /* @__PURE__ */ jsxs16(View25, { className: "px-6 pt-6 gap-6", children: [
           quickActions && quickActions.length > 0 && /* @__PURE__ */ jsxs16(View25, { className: "gap-2", children: [
-            /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider", children: "Quick Actions" }),
+            /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Quick Actions" }),
             /* @__PURE__ */ jsx29(
               ScrollView6,
               {
@@ -2968,7 +2967,6 @@ var DashboardTemplate = ({
                     variant: "outline",
                     size: "sm",
                     onPress: action.onPress,
-                    className: "bg-card shadow-sm",
                     children: action.icon ? `${action.icon} ${action.label}` : action.label
                   },
                   action.id
@@ -2977,18 +2975,18 @@ var DashboardTemplate = ({
             )
           ] }),
           /* @__PURE__ */ jsxs16(View25, { className: "gap-3", children: [
-            /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider", children: "Overview Performance" }),
+            /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Overview Performance" }),
             /* @__PURE__ */ jsx29(View25, { className: "gap-3", children: metrics.map((metric) => /* @__PURE__ */ jsx29(StatsCard, { ...metric }, metric.id)) })
           ] }),
           recentActivities && recentActivities.length > 0 && /* @__PURE__ */ jsxs16(Card, { className: "gap-2", children: [
             /* @__PURE__ */ jsxs16(CardHeader, { className: "flex-row items-center justify-between pb-2", children: [
               /* @__PURE__ */ jsx29(CardTitle, { className: "text-base font-bold", children: "Recent Activity" }),
-              onViewAllActivities && /* @__PURE__ */ jsx29(Pressable16, { onPress: onViewAllActivities, children: /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-semibold text-primary", children: "View all" }) })
+              onViewAllActivities && /* @__PURE__ */ jsx29(Pressable16, { onPress: onViewAllActivities, children: /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-semibold text-primary-600 dark:text-primary-400", children: "View all" }) })
             ] }),
             /* @__PURE__ */ jsx29(CardContent, { className: "gap-3 pt-0", children: recentActivities.map((act) => /* @__PURE__ */ jsxs16(
               View25,
               {
-                className: "flex-row items-center justify-between py-2 border-b border-border/40 last:border-b-0",
+                className: "flex-row items-center justify-between py-2 border-b border-neutral-200 dark:border-neutral-800 last:border-b-0",
                 children: [
                   /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center gap-3 flex-1 pr-2", children: [
                     /* @__PURE__ */ jsxs16(Avatar, { size: "sm", children: [
@@ -3001,8 +2999,8 @@ var DashboardTemplate = ({
                       )
                     ] }),
                     /* @__PURE__ */ jsxs16(View25, { className: "flex-1", children: [
-                      /* @__PURE__ */ jsx29(Text2, { className: "text-sm font-semibold text-foreground", numberOfLines: 1, children: act.title }),
-                      /* @__PURE__ */ jsxs16(Text2, { className: "text-xs text-muted", numberOfLines: 1, children: [
+                      /* @__PURE__ */ jsx29(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", numberOfLines: 1, children: act.title }),
+                      /* @__PURE__ */ jsxs16(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", numberOfLines: 1, children: [
                         act.subtitle,
                         " \u2022 ",
                         act.timestamp
@@ -3010,7 +3008,7 @@ var DashboardTemplate = ({
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs16(View25, { className: "items-end gap-1", children: [
-                    act.amount && /* @__PURE__ */ jsx29(Text2, { className: "text-sm font-bold text-foreground", children: act.amount }),
+                    act.amount && /* @__PURE__ */ jsx29(Text2, { className: "text-sm font-bold text-neutral-900 dark:text-neutral-100", children: act.amount }),
                     act.status && /* @__PURE__ */ jsx29(Badge, { variant: act.status.variant, size: "sm", children: act.status.label })
                   ] })
                 ]
@@ -3055,11 +3053,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__ */ jsxs17(View26, { className: "px-6 pt-6 gap-6", children: [
-        /* @__PURE__ */ jsx30(Heading, { level: 2, className: "text-2xl font-bold text-foreground", children: "Settings & Profile" }),
+        /* @__PURE__ */ jsx30(Heading, { level: 2, className: "text-2xl font-bold text-neutral-900 dark:text-neutral-50", children: "Settings & Profile" }),
         /* @__PURE__ */ jsxs17(Card, { className: "p-4 flex-row items-center gap-4", children: [
           /* @__PURE__ */ jsxs17(Avatar, { size: "lg", children: [
             user.avatarUrl && /* @__PURE__ */ jsx30(AvatarImage, { source: { uri: user.avatarUrl } }),
@@ -3067,20 +3065,20 @@ var SettingsTemplate = ({
           ] }),
           /* @__PURE__ */ jsxs17(View26, { className: "flex-1", children: [
             /* @__PURE__ */ jsxs17(View26, { className: "flex-row items-center gap-2", children: [
-              /* @__PURE__ */ jsx30(Text2, { className: "text-base font-bold text-foreground", children: user.name }),
+              /* @__PURE__ */ jsx30(Text2, { className: "text-base font-bold text-neutral-900 dark:text-neutral-100", children: user.name }),
               user.plan && /* @__PURE__ */ jsx30(Badge, { variant: "primary", size: "sm", children: user.plan })
             ] }),
-            /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: user.email })
+            /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: user.email })
           ] }),
           onEditProfile && /* @__PURE__ */ jsx30(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
         ] }),
         /* @__PURE__ */ jsxs17(View26, { className: "gap-2", children: [
-          /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Preferences" }),
-          /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-border/50", children: [
+          /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Preferences" }),
+          /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
             /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
               /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Push Notifications" }),
-                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Receive real-time alerts on your mobile device" })
+                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Push Notifications" }),
+                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Receive real-time alerts on your mobile device" })
               ] }),
               /* @__PURE__ */ jsx30(
                 Switch,
@@ -3092,8 +3090,8 @@ var SettingsTemplate = ({
             ] }),
             /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
               /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Email Notifications" }),
-                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Weekly digests and activity summaries" })
+                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Email Notifications" }),
+                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Weekly digests and activity summaries" })
               ] }),
               /* @__PURE__ */ jsx30(
                 Switch,
@@ -3105,15 +3103,15 @@ var SettingsTemplate = ({
             ] }),
             /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
               /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Dark Theme" }),
-                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Enable high contrast dark mode appearance" })
+                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Dark Theme" }),
+                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Enable high contrast dark mode appearance" })
               ] }),
               /* @__PURE__ */ jsx30(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
             ] }),
             /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
               /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Biometric Login" }),
-                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Use Face ID or fingerprint to authenticate" })
+                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Biometric Login" }),
+                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Use Face ID or fingerprint to authenticate" })
               ] }),
               /* @__PURE__ */ jsx30(
                 Switch,
@@ -3126,16 +3124,16 @@ var SettingsTemplate = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs17(View26, { className: "gap-2", children: [
-          /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Account & Security" }),
-          /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-border/50", children: [
+          /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Account & Security" }),
+          /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
             onChangePassword && /* @__PURE__ */ jsxs17(
               Pressable17,
               {
                 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__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Change Password" }),
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-muted text-xs", children: "\u203A" })
+                  /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Change Password" }),
+                  /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             ),
@@ -3143,10 +3141,10 @@ var SettingsTemplate = ({
               Pressable17,
               {
                 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__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Terms of Service" }),
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-muted text-xs", children: "\u203A" })
+                  /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Terms of Service" }),
+                  /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             ),
@@ -3154,10 +3152,10 @@ var SettingsTemplate = ({
               Pressable17,
               {
                 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__ */ jsx30(Text2, { className: "text-sm font-semibold text-foreground", children: "Privacy Policy" }),
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-muted text-xs", children: "\u203A" })
+                  /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Privacy Policy" }),
+                  /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             )
@@ -3183,6 +3181,7 @@ var SettingsTemplate = ({
 // src/providers/BeyondUIProvider.tsx
 import * as React26 from "react";
 import { View as View27, useColorScheme as useRNColorScheme } from "react-native";
+import { colorScheme as nwColorScheme } from "nativewind";
 import { PortalHost } from "@rn-primitives/portal";
 import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
 var BeyondUIContext = React26.createContext({
@@ -3203,10 +3202,28 @@ function BeyondUIProvider({
   const [selectedScheme, setSelectedScheme] = React26.useState(defaultColorScheme);
   const [toasts, setToasts] = React26.useState([]);
   const activeScheme = selectedScheme === "system" ? systemScheme : selectedScheme;
+  React26.useEffect(() => {
+    try {
+      nwColorScheme.set(selectedScheme === "system" ? "system" : activeScheme);
+    } catch (_) {
+    }
+  }, [selectedScheme, activeScheme]);
+  const handleSetColorScheme = React26.useCallback((scheme) => {
+    setSelectedScheme(scheme);
+    try {
+      nwColorScheme.set(scheme === "system" ? "system" : scheme);
+    } catch (_) {
+    }
+  }, []);
   const toggleColorScheme = React26.useCallback(() => {
     setSelectedScheme((prev) => {
       const current = prev === "system" ? systemScheme : prev;
-      return current === "dark" ? "light" : "dark";
+      const next = current === "dark" ? "light" : "dark";
+      try {
+        nwColorScheme.set(next);
+      } catch (_) {
+      }
+      return next;
     });
   }, [systemScheme]);
   const dismissToast = React26.useCallback((id) => {
@@ -3233,16 +3250,16 @@ function BeyondUIProvider({
   const contextValue = React26.useMemo(
     () => ({
       colorScheme: activeScheme,
-      setColorScheme: setSelectedScheme,
+      setColorScheme: handleSetColorScheme,
       toggleColorScheme
     }),
-    [activeScheme, toggleColorScheme]
+    [activeScheme, handleSetColorScheme, toggleColorScheme]
   );
   return /* @__PURE__ */ jsx31(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx31(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ jsxs18(
     View27,
     {
       style: { flex: 1 },
-      className: activeScheme === "dark" ? "dark flex-1" : "flex-1",
+      className: activeScheme === "dark" ? "dark flex-1 bg-neutral-950" : "flex-1 bg-white",
       children: [
         children,
         /* @__PURE__ */ jsx31(PortalHost, {}),