@beyondcorp/beyond-ui-native 0.1.0 → 0.1.2

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import {
   preset_default,
   tokens
-} from "./chunk-2B6HTSGM.mjs";
+} from "./chunk-RNHEGFYR.mjs";
 import {
   cn,
   getAccessibilityProps,
@@ -708,29 +708,56 @@ AvatarFallback.displayName = "Avatar.Fallback";
 
 // src/components/switch/switch.tsx
 import * as React10 from "react";
-import * as SwitchPrimitive from "@rn-primitives/switch";
+import {
+  Pressable as Pressable3,
+  View as View8
+} from "react-native";
 import { jsx as jsx11 } from "react/jsx-runtime";
-var Switch = React10.forwardRef(function Switch2({ className, thumbClassName, onCheckedChange, ...props }, ref) {
+var Switch = React10.forwardRef(function Switch2({
+  checked: controlledChecked,
+  defaultChecked = false,
+  onCheckedChange,
+  disabled = false,
+  className,
+  thumbClassName,
+  onPress,
+  ...props
+}, ref) {
+  const [uncontrolledChecked, setUncontrolledChecked] = React10.useState(defaultChecked);
+  const isControlled = controlledChecked !== void 0;
+  const isChecked = isControlled ? controlledChecked : uncontrolledChecked;
+  const handlePress = (e) => {
+    if (disabled) return;
+    const nextChecked = !isChecked;
+    if (!isControlled) {
+      setUncontrolledChecked(nextChecked);
+    }
+    onCheckedChange?.(nextChecked);
+    onPress?.(e);
+  };
   return /* @__PURE__ */ jsx11(
-    SwitchPrimitive.Root,
+    Pressable3,
     {
       ref,
-      onCheckedChange: onCheckedChange ?? (() => {
-      }),
+      role: "switch",
+      accessibilityRole: "switch",
+      accessibilityState: { checked: isChecked, disabled: !!disabled },
+      disabled,
+      onPress: handlePress,
       className: cn(
         "h-7 w-12 shrink-0 flex-row items-center rounded-full p-0.5 transition-colors",
-        "bg-neutral-300 dark:bg-neutral-700 web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-primary-500",
-        props.checked ? "bg-primary-600 dark:bg-primary-600" : "bg-neutral-300 dark:bg-neutral-700",
-        props.disabled && "opacity-50",
+        isChecked ? "bg-primary-600 dark:bg-primary-600" : "bg-neutral-300 dark:bg-neutral-700",
+        disabled && "opacity-50",
         className
       ),
       ...props,
       children: /* @__PURE__ */ jsx11(
-        SwitchPrimitive.Thumb,
+        View8,
         {
+          role: "presentation",
           className: cn(
-            "h-6 w-6 rounded-full bg-white shadow-md transition-transform",
-            props.checked ? "translate-x-5" : "translate-x-0",
+            "h-6 w-6 rounded-full bg-white shadow-sm transition-transform",
+            isChecked ? "translate-x-5" : "translate-x-0",
             thumbClassName
           )
         }
@@ -742,42 +769,67 @@ Switch.displayName = "Switch";
 
 // src/components/checkbox/checkbox.tsx
 import * as React11 from "react";
-import { View as View8, Text as Text9 } from "react-native";
-import * as CheckboxPrimitive from "@rn-primitives/checkbox";
+import {
+  View as View9,
+  Text as Text9,
+  Pressable as Pressable4
+} from "react-native";
 import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var Checkbox = React11.forwardRef(function Checkbox2({ className, indicatorClassName, label, labelClassName, ...props }, ref) {
+var Checkbox = React11.forwardRef(function Checkbox2({
+  checked: controlledChecked,
+  defaultChecked = false,
+  onCheckedChange,
+  disabled = false,
+  className,
+  indicatorClassName,
+  label,
+  labelClassName,
+  onPress,
+  ...props
+}, ref) {
+  const [uncontrolledChecked, setUncontrolledChecked] = React11.useState(defaultChecked);
+  const isControlled = controlledChecked !== void 0;
+  const isChecked = isControlled ? controlledChecked : uncontrolledChecked;
+  const handlePress = (e) => {
+    if (disabled) return;
+    const nextChecked = !isChecked;
+    if (!isControlled) {
+      setUncontrolledChecked(nextChecked);
+    }
+    onCheckedChange?.(nextChecked);
+    onPress?.(e);
+  };
   const content = /* @__PURE__ */ jsx12(
-    CheckboxPrimitive.Root,
+    Pressable4,
     {
       ref,
+      role: "checkbox",
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked: isChecked, disabled: !!disabled },
+      disabled,
+      onPress: handlePress,
       className: cn(
         "h-6 w-6 shrink-0 items-center justify-center rounded-md border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-900",
-        props.checked && "bg-primary-600 border-primary-600 dark:bg-primary-600 dark:border-primary-600",
-        props.disabled && "opacity-50",
+        isChecked && "bg-primary-600 border-primary-600 dark:bg-primary-600 dark:border-primary-600",
+        disabled && "opacity-50",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx12(
-        CheckboxPrimitive.Indicator,
-        {
-          className: cn("items-center justify-center", indicatorClassName),
-          children: /* @__PURE__ */ jsx12(Text9, { className: "text-white text-xs font-bold leading-none", children: "\u2713" })
-        }
-      )
+      children: isChecked ? /* @__PURE__ */ jsx12(View9, { className: cn("items-center justify-center", indicatorClassName), children: /* @__PURE__ */ jsx12(Text9, { className: "text-white text-xs font-bold leading-none", children: "\u2713" }) }) : null
     }
   );
   if (!label) {
     return content;
   }
-  return /* @__PURE__ */ jsxs4(View8, { className: "flex-row items-center gap-2.5", children: [
+  return /* @__PURE__ */ jsxs4(View9, { className: "flex-row items-center gap-2.5", children: [
     content,
     /* @__PURE__ */ jsx12(
       Text9,
       {
-        onPress: props.onCheckedChange ? () => props.onCheckedChange(!props.checked) : void 0,
+        onPress: !disabled ? handlePress : void 0,
         className: cn(
           "text-sm font-medium text-neutral-800 dark:text-neutral-200",
-          props.disabled && "opacity-50",
+          disabled && "opacity-50",
           labelClassName
         ),
         children: label
@@ -789,7 +841,7 @@ Checkbox.displayName = "Checkbox";
 
 // src/components/radio/radio.tsx
 import * as React12 from "react";
-import { View as View9, Text as Text10, Pressable as Pressable3 } from "react-native";
+import { View as View10, Text as Text10, Pressable as Pressable5 } from "react-native";
 import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var RadioGroupContext = React12.createContext({});
 function RadioGroup({
@@ -816,7 +868,7 @@ function RadioGroup({
         onValueChange: handleValueChange,
         disabled
       },
-      children: /* @__PURE__ */ jsx13(View9, { className: cn("gap-3", className), ...props, children })
+      children: /* @__PURE__ */ jsx13(View10, { className: cn("gap-3", className), ...props, children })
     }
   );
 }
@@ -837,7 +889,7 @@ function Radio({
     }
   };
   return /* @__PURE__ */ jsxs5(
-    Pressable3,
+    Pressable5,
     {
       onPress: handlePress,
       disabled: isDisabled,
@@ -846,7 +898,7 @@ function Radio({
       className: cn("flex-row items-center gap-2.5", isDisabled && "opacity-50"),
       children: [
         /* @__PURE__ */ jsx13(
-          View9,
+          View10,
           {
             className: cn(
               "h-5 w-5 rounded-full border border-neutral-300 dark:border-neutral-700 items-center justify-center bg-white dark:bg-neutral-900",
@@ -854,7 +906,7 @@ function Radio({
               className
             ),
             children: isSelected ? /* @__PURE__ */ jsx13(
-              View9,
+              View10,
               {
                 className: cn(
                   "h-2.5 w-2.5 rounded-full bg-primary-600 dark:bg-primary-600",
@@ -880,7 +932,7 @@ function Radio({
 }
 
 // src/components/spinner/spinner.tsx
-import { ActivityIndicator as ActivityIndicator2, View as View10 } from "react-native";
+import { ActivityIndicator as ActivityIndicator2, View as View11 } from "react-native";
 import { jsx as jsx14 } from "react/jsx-runtime";
 var colorMap = {
   primary: "#2563eb",
@@ -899,7 +951,7 @@ function Spinner({
 }) {
   const nativeSize = size === "lg" ? "large" : "small";
   const hexColor = colorMap[color] ?? colorMap.primary;
-  return /* @__PURE__ */ jsx14(View10, { className: cn("items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx14(ActivityIndicator2, { size: nativeSize, color: hexColor }) });
+  return /* @__PURE__ */ jsx14(View11, { className: cn("items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx14(ActivityIndicator2, { size: nativeSize, color: hexColor }) });
 }
 Spinner.displayName = "Spinner";
 
@@ -943,7 +995,7 @@ Skeleton.displayName = "Skeleton";
 
 // src/components/alert/alert.tsx
 import * as React14 from "react";
-import { View as View11, Text as Text11 } from "react-native";
+import { View as View12, Text as Text11 } from "react-native";
 import { cva as cva8 } from "class-variance-authority";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var alertVariants = cva8(
@@ -996,7 +1048,7 @@ function Alert({
   ...props
 }) {
   return /* @__PURE__ */ jsx16(AlertContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsx16(
-    View11,
+    View12,
     {
       accessibilityRole: "alert",
       className: cn(alertVariants({ variant }), className),
@@ -1040,7 +1092,7 @@ function AlertDescription({
 AlertDescription.displayName = "Alert.Description";
 
 // src/components/separator/separator.tsx
-import { View as View12 } from "react-native";
+import { View as View13 } from "react-native";
 import { jsx as jsx17 } from "react/jsx-runtime";
 function Separator({
   orientation = "horizontal",
@@ -1048,7 +1100,7 @@ function Separator({
   ...props
 }) {
   return /* @__PURE__ */ jsx17(
-    View12,
+    View13,
     {
       accessibilityRole: "none",
       className: cn(
@@ -1064,60 +1116,137 @@ Separator.displayName = "Separator";
 
 // src/components/dialog/dialog.tsx
 import * as React15 from "react";
-import { View as View13, StyleSheet } from "react-native";
-import * as DialogPrimitive from "@rn-primitives/dialog";
+import {
+  Modal,
+  View as View14,
+  Text as Text12,
+  Pressable as Pressable6,
+  StyleSheet
+} from "react-native";
 import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React15.forwardRef(function DialogOverlay2({ className, ...props }, ref) {
+var DialogContext = React15.createContext(null);
+function useDialogContext() {
+  const context = React15.useContext(DialogContext);
+  if (!context) {
+    throw new Error("Dialog compound components must be used within a Dialog component");
+  }
+  return context;
+}
+function Dialog({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  children
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React15.useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const handleOpenChange = React15.useCallback(
+    (nextOpen) => {
+      if (!isControlled) {
+        setUncontrolledOpen(nextOpen);
+      }
+      onOpenChange?.(nextOpen);
+    },
+    [isControlled, onOpenChange]
+  );
+  return /* @__PURE__ */ jsx18(DialogContext.Provider, { value: { open, onOpenChange: handleOpenChange }, children });
+}
+Dialog.displayName = "Dialog";
+var DialogTrigger = React15.forwardRef(
+  function DialogTrigger2({ asChild, children, onPress, ...props }, ref) {
+    const { open, onOpenChange } = useDialogContext();
+    const handlePress = (e) => {
+      onOpenChange(!open);
+      onPress?.(e);
+    };
+    if (asChild && React15.isValidElement(children)) {
+      return React15.cloneElement(children, {
+        ref,
+        onPress: (e) => {
+          children.props?.onPress?.(e);
+          handlePress(e);
+        }
+      });
+    }
+    return /* @__PURE__ */ jsx18(Pressable6, { ref, onPress: handlePress, role: "button", ...props, children });
+  }
+);
+DialogTrigger.displayName = "DialogTrigger";
+function DialogPortal({ children, forceMount }) {
+  const { open, onOpenChange } = useDialogContext();
+  if (!open && !forceMount) {
+    return null;
+  }
   return /* @__PURE__ */ jsx18(
-    DialogPrimitive.Overlay,
+    Modal,
     {
-      ref,
-      style: StyleSheet.absoluteFill,
-      className: cn(
-        "z-50 bg-black/60",
-        className
-      ),
-      ...props
+      transparent: true,
+      visible: open,
+      animationType: "fade",
+      onRequestClose: () => onOpenChange(false),
+      statusBarTranslucent: true,
+      children
     }
   );
-});
+}
+DialogPortal.displayName = "DialogPortal";
+var DialogOverlay = React15.forwardRef(
+  function DialogOverlay2({ className, closeOnPress = true, ...props }, ref) {
+    const { onOpenChange } = useDialogContext();
+    return /* @__PURE__ */ jsx18(
+      Pressable6,
+      {
+        ref,
+        style: StyleSheet.absoluteFill,
+        className: cn("z-50 bg-black/60", className),
+        onPress: () => {
+          if (closeOnPress) {
+            onOpenChange(false);
+          }
+        },
+        ...props
+      }
+    );
+  }
+);
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React15.forwardRef(function DialogContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs6(DialogPortal, { children: [
-    /* @__PURE__ */ jsx18(DialogOverlay, {}),
-    /* @__PURE__ */ jsx18(
-      View13,
+var DialogContent = React15.forwardRef(
+  function DialogContent2({ className, overlayClassName, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx18(DialogPortal, { children: /* @__PURE__ */ jsxs6(
+      View14,
       {
         pointerEvents: "box-none",
         style: StyleSheet.absoluteFill,
         className: "z-50 items-center justify-center p-4",
-        children: /* @__PURE__ */ jsx18(
-          DialogPrimitive.Content,
-          {
-            ref,
-            className: cn(
-              "w-full max-w-lg rounded-2xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 p-6 shadow-2xl",
-              className
-            ),
-            ...props,
-            children
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsx18(DialogOverlay, { className: overlayClassName }),
+          /* @__PURE__ */ jsx18(
+            View14,
+            {
+              ref,
+              role: "dialog",
+              "aria-modal": true,
+              className: cn(
+                "z-50 w-full max-w-lg rounded-2xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 p-6 shadow-2xl",
+                className
+              ),
+              ...props,
+              children
+            }
+          )
+        ]
       }
-    )
-  ] });
-});
+    ) });
+  }
+);
 DialogContent.displayName = "DialogContent";
 function DialogHeader({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx18(
-    View13,
+    View14,
     {
       className: cn("flex-col space-y-2 text-center sm:text-left", className),
       ...props
@@ -1125,77 +1254,112 @@ function DialogHeader({
   );
 }
 DialogHeader.displayName = "DialogHeader";
-var DialogTitle = React15.forwardRef(function DialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx18(
-    DialogPrimitive.Title,
-    {
-      ref,
-      className: cn(
-        "text-xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50",
-        className
-      ),
-      ...props
-    }
-  );
-});
+var DialogTitle = React15.forwardRef(
+  function DialogTitle2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx18(
+      Text12,
+      {
+        ref,
+        role: "heading",
+        "aria-level": 2,
+        className: cn(
+          "text-xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React15.forwardRef(function DialogDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx18(
-    DialogPrimitive.Description,
-    {
-      ref,
-      className: cn("text-sm text-neutral-500 dark:text-neutral-400 mt-1", className),
-      ...props
-    }
-  );
-});
+var DialogDescription = React15.forwardRef(
+  function DialogDescription2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx18(
+      Text12,
+      {
+        ref,
+        className: cn(
+          "text-sm text-neutral-500 dark:text-neutral-400 mt-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
 DialogDescription.displayName = "DialogDescription";
 function DialogFooter({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx18(
-    View13,
+    View14,
     {
-      className: cn(
-        "flex-row justify-end space-x-2 mt-6",
-        className
-      ),
+      className: cn("flex-row justify-end space-x-2 mt-6", className),
       ...props
     }
   );
 }
 DialogFooter.displayName = "DialogFooter";
+var DialogClose = React15.forwardRef(
+  function DialogClose2({ asChild, children, onPress, ...props }, ref) {
+    const { onOpenChange } = useDialogContext();
+    const handlePress = (e) => {
+      onOpenChange(false);
+      onPress?.(e);
+    };
+    if (asChild && React15.isValidElement(children)) {
+      return React15.cloneElement(children, {
+        ref,
+        onPress: (e) => {
+          children.props?.onPress?.(e);
+          handlePress(e);
+        }
+      });
+    }
+    return /* @__PURE__ */ jsx18(Pressable6, { ref, onPress: handlePress, role: "button", ...props, children });
+  }
+);
+DialogClose.displayName = "DialogClose";
 
 // src/components/tabs/tabs.tsx
 import * as React16 from "react";
-import { Text as Text13 } from "react-native";
-import * as TabsPrimitive from "@rn-primitives/tabs";
+import {
+  View as View15,
+  Text as Text13,
+  Pressable as Pressable7
+} from "react-native";
 import { jsx as jsx19 } from "react/jsx-runtime";
-var Tabs = React16.forwardRef(function Tabs2({ value: controlledValue, defaultValue = "", onValueChange, ...props }, ref) {
+var TabsContext = React16.createContext(null);
+function useTabsContext() {
+  const context = React16.useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs compound components must be rendered inside a Tabs component");
+  }
+  return context;
+}
+var Tabs = React16.forwardRef(function Tabs2({ value: controlledValue, defaultValue = "", onValueChange, className, children, ...props }, ref) {
   const [internalValue, setInternalValue] = React16.useState(defaultValue);
   const isControlled = controlledValue !== void 0;
   const currentValue = isControlled ? controlledValue : internalValue;
-  const handleValueChange = (val) => {
-    if (!isControlled) setInternalValue(val);
-    onValueChange?.(val);
-  };
-  return /* @__PURE__ */ jsx19(
-    TabsPrimitive.Root,
-    {
-      ref,
-      value: currentValue,
-      onValueChange: handleValueChange,
-      ...props
-    }
+  const handleValueChange = React16.useCallback(
+    (val) => {
+      if (!isControlled) {
+        setInternalValue(val);
+      }
+      onValueChange?.(val);
+    },
+    [isControlled, onValueChange]
   );
+  return /* @__PURE__ */ jsx19(TabsContext.Provider, { value: { value: currentValue, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsx19(View15, { ref, className, ...props, children }) });
 });
 Tabs.displayName = "Tabs";
 var TabsList = React16.forwardRef(function TabsList2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx19(
-    TabsPrimitive.List,
+    View15,
     {
       ref,
+      role: "tablist",
       className: cn(
         "flex-row items-center justify-center rounded-xl bg-neutral-100 dark:bg-neutral-800 p-1",
         className
@@ -1205,17 +1369,27 @@ var TabsList = React16.forwardRef(function TabsList2({ className, ...props }, re
   );
 });
 TabsList.displayName = "TabsList";
-var TabsTrigger = React16.forwardRef(function TabsTrigger2({ className, textClassName, children, ...props }, ref) {
-  const { value } = TabsPrimitive.useRootContext();
-  const isSelected = value === props.value;
+var TabsTrigger = React16.forwardRef(function TabsTrigger2({ value, className, textClassName, children, onPress, disabled, ...props }, ref) {
+  const { value: selectedValue, onValueChange } = useTabsContext();
+  const isSelected = selectedValue === value;
+  const handlePress = (e) => {
+    if (disabled) return;
+    onValueChange(value);
+    onPress?.(e);
+  };
   return /* @__PURE__ */ jsx19(
-    TabsPrimitive.Trigger,
+    Pressable7,
     {
       ref,
+      role: "tab",
+      accessibilityRole: "tab",
+      accessibilityState: { selected: isSelected, disabled: !!disabled },
+      disabled,
+      onPress: handlePress,
       className: cn(
         "flex-1 items-center justify-center rounded-lg py-2 px-3 transition-all",
         isSelected ? "bg-white dark:bg-neutral-900 shadow-sm" : "bg-transparent opacity-70",
-        props.disabled && "opacity-40",
+        disabled && "opacity-40",
         className
       ),
       ...props,
@@ -1234,13 +1408,21 @@ var TabsTrigger = React16.forwardRef(function TabsTrigger2({ className, textClas
   );
 });
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React16.forwardRef(function TabsContent2({ className, ...props }, ref) {
+var TabsContent = React16.forwardRef(function TabsContent2({ value, className, forceMount, children, ...props }, ref) {
+  const { value: selectedValue } = useTabsContext();
+  const isSelected = selectedValue === value;
+  if (!isSelected && !forceMount) {
+    return null;
+  }
   return /* @__PURE__ */ jsx19(
-    TabsPrimitive.Content,
+    View15,
     {
       ref,
+      role: "tabpanel",
+      accessibilityElementsHidden: !isSelected,
       className: cn("mt-3", className),
-      ...props
+      ...props,
+      children
     }
   );
 });
@@ -1248,7 +1430,7 @@ TabsContent.displayName = "TabsContent";
 
 // src/components/toast/toast.tsx
 import * as React17 from "react";
-import { View as View14, Text as Text14, Pressable as Pressable4, Animated as Animated2 } from "react-native";
+import { View as View16, Text as Text14, Pressable as Pressable8, Animated as Animated2 } from "react-native";
 import { cva as cva9 } from "class-variance-authority";
 import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
 var toastVariants = cva9(
@@ -1329,12 +1511,12 @@ function ToastBanner({ toast, onDismiss }) {
       },
       className: "w-full items-center px-4",
       children: /* @__PURE__ */ jsxs7(
-        Pressable4,
+        Pressable8,
         {
           onPress: handleDismiss,
           className: cn(toastVariants({ variant })),
           children: [
-            /* @__PURE__ */ jsxs7(View14, { className: "flex-1 pr-2", children: [
+            /* @__PURE__ */ jsxs7(View16, { className: "flex-1 pr-2", children: [
               /* @__PURE__ */ jsx20(Text14, { className: cn(toastTitleVariants({ variant })), children: toast.title }),
               toast.description ? /* @__PURE__ */ jsx20(Text14, { className: "text-xs text-neutral-600 dark:text-neutral-400 mt-0.5", children: toast.description }) : null
             ] }),
@@ -1351,7 +1533,7 @@ function ToastContainer({
 }) {
   if (toasts.length === 0) return null;
   return /* @__PURE__ */ jsx20(
-    View14,
+    View16,
     {
       pointerEvents: "box-none",
       className: "absolute top-12 left-0 right-0 z-50 items-center",
@@ -1372,7 +1554,7 @@ function useToast() {
 }
 
 // src/components/stats-card/stats-card.tsx
-import { View as View15, Text as Text15 } from "react-native";
+import { View as View17, Text as Text15 } from "react-native";
 import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
 function StatsCard({
   title,
@@ -1385,14 +1567,14 @@ function StatsCard({
   const isUp = trend?.direction === "up";
   const isDown = trend?.direction === "down";
   return /* @__PURE__ */ jsx21(Card, { className: cn("w-full shadow-sm", className), ...props, children: /* @__PURE__ */ jsxs8(CardContent, { className: "p-4", children: [
-    /* @__PURE__ */ jsxs8(View15, { className: "flex-row items-center justify-between mb-2", children: [
+    /* @__PURE__ */ jsxs8(View17, { className: "flex-row items-center justify-between mb-2", children: [
       /* @__PURE__ */ jsx21(Text15, { className: "text-sm font-medium text-neutral-500 dark:text-neutral-400", children: title }),
-      icon ? /* @__PURE__ */ jsx21(View15, { className: "h-9 w-9 rounded-xl bg-neutral-100 dark:bg-neutral-800 items-center justify-center", children: icon }) : null
+      icon ? /* @__PURE__ */ jsx21(View17, { className: "h-9 w-9 rounded-xl bg-neutral-100 dark:bg-neutral-800 items-center justify-center", children: icon }) : null
     ] }),
     /* @__PURE__ */ jsx21(Text15, { className: "text-2xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 mb-2", children: value }),
-    trend ? /* @__PURE__ */ jsxs8(View15, { className: "flex-row items-center gap-1.5 flex-wrap", children: [
+    trend ? /* @__PURE__ */ jsxs8(View17, { className: "flex-row items-center gap-1.5 flex-wrap", children: [
       /* @__PURE__ */ jsxs8(
-        View15,
+        View17,
         {
           className: cn(
             "flex-row items-center rounded-md px-1.5 py-0.5",
@@ -1437,8 +1619,8 @@ StatsCard.displayName = "StatsCard";
 // src/components/accordion/accordion.tsx
 import * as React19 from "react";
 import {
-  View as View16,
-  Pressable as Pressable5,
+  View as View18,
+  Pressable as Pressable9,
   Animated as Animated3
 } from "react-native";
 import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -1506,7 +1688,7 @@ var Accordion = React19.forwardRef(
           collapsible
         },
         children: /* @__PURE__ */ jsx22(
-          View16,
+          View18,
           {
             ref,
             className: cn("w-full divide-y divide-border", className),
@@ -1532,7 +1714,7 @@ var AccordionItem = React19.forwardRef(
     const { value: selectedValues } = useAccordionContext();
     const isOpen = selectedValues.includes(value);
     return /* @__PURE__ */ jsx22(AccordionItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsx22(
-      View16,
+      View18,
       {
         ref,
         className: cn("border-b border-border py-1", className),
@@ -1560,7 +1742,7 @@ var AccordionTrigger = React19.forwardRef(
       outputRange: ["0deg", "180deg"]
     });
     return /* @__PURE__ */ jsxs9(
-      Pressable5,
+      Pressable9,
       {
         ref,
         onPress: () => toggleItem(value),
@@ -1572,7 +1754,7 @@ var AccordionTrigger = React19.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx22(View16, { className: "flex-1 pr-2", children: typeof children === "string" ? /* @__PURE__ */ jsx22(Text2, { className: "text-base font-medium text-foreground", children }) : 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" }) })
         ]
       }
@@ -1585,7 +1767,7 @@ var AccordionContent = React19.forwardRef(
     const { isOpen } = useAccordionItemContext();
     if (!isOpen) return null;
     return /* @__PURE__ */ jsx22(
-      View16,
+      View18,
       {
         ref,
         className: cn("pt-1 pb-3 px-1 text-sm text-muted", className),
@@ -1600,9 +1782,9 @@ AccordionContent.displayName = "AccordionContent";
 // src/components/bottom-sheet/bottom-sheet.tsx
 import * as React20 from "react";
 import {
-  Modal,
-  View as View17,
-  Pressable as Pressable6,
+  Modal as Modal2,
+  View as View19,
+  Pressable as Pressable10,
   Animated as Animated4,
   PanResponder,
   Dimensions
@@ -1652,7 +1834,7 @@ var BottomSheetTrigger = React20.forwardRef(
         onPress: handlePress
       });
     }
-    return /* @__PURE__ */ jsx23(Pressable6, { ref, onPress: handlePress, ...props, children });
+    return /* @__PURE__ */ jsx23(Pressable10, { ref, onPress: handlePress, ...props, children });
   }
 );
 BottomSheetTrigger.displayName = "BottomSheetTrigger";
@@ -1715,20 +1897,20 @@ var BottomSheetContent = React20.forwardRef(
     ).current;
     if (!open) return null;
     return /* @__PURE__ */ jsx23(
-      Modal,
+      Modal2,
       {
         transparent: true,
         visible: open,
         animationType: "none",
         onRequestClose: closeSheet,
         statusBarTranslucent: true,
-        children: /* @__PURE__ */ jsxs10(View17, { className: "flex-1 justify-end", children: [
+        children: /* @__PURE__ */ jsxs10(View19, { className: "flex-1 justify-end", children: [
           /* @__PURE__ */ jsx23(
             Animated4.View,
             {
               style: { opacity: backdropOpacity },
               className: "absolute inset-0 bg-black/60",
-              children: /* @__PURE__ */ jsx23(Pressable6, { className: "flex-1", onPress: closeSheet })
+              children: /* @__PURE__ */ jsx23(Pressable10, { className: "flex-1", onPress: closeSheet })
             }
           ),
           /* @__PURE__ */ jsxs10(
@@ -1742,7 +1924,7 @@ var BottomSheetContent = React20.forwardRef(
               ),
               ...props,
               children: [
-                /* @__PURE__ */ jsx23(View17, { ...panResponder.panHandlers, className: "w-full py-2 items-center", children: /* @__PURE__ */ jsx23(View17, { 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-muted/40" }) }),
                 children
               ]
             }
@@ -1754,7 +1936,7 @@ var BottomSheetContent = React20.forwardRef(
 );
 BottomSheetContent.displayName = "BottomSheetContent";
 var BottomSheetHeader = React20.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx23(View17, { ref, className: cn("mb-4 gap-1", className), ...props, children })
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx23(View19, { ref, className: cn("mb-4 gap-1", className), ...props, children })
 );
 BottomSheetHeader.displayName = "BottomSheetHeader";
 var BottomSheetTitle = ({
@@ -1772,12 +1954,12 @@ var BottomSheetDescription = ({
 };
 BottomSheetDescription.displayName = "BottomSheetDescription";
 var BottomSheetBody = React20.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx23(View17, { ref, className: cn("py-2", className), ...props, children })
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx23(View19, { ref, className: cn("py-2", className), ...props, children })
 );
 BottomSheetBody.displayName = "BottomSheetBody";
 var BottomSheetFooter = React20.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx23(
-    View17,
+    View19,
     {
       ref,
       className: cn("mt-6 flex-row items-center justify-end gap-3", className),
@@ -1800,7 +1982,7 @@ var BottomSheetClose = React20.forwardRef(
         onPress: handlePress
       });
     }
-    return /* @__PURE__ */ jsx23(Pressable6, { ref, onPress: handlePress, ...props, children });
+    return /* @__PURE__ */ jsx23(Pressable10, { ref, onPress: handlePress, ...props, children });
   }
 );
 BottomSheetClose.displayName = "BottomSheetClose";
@@ -1808,9 +1990,9 @@ BottomSheetClose.displayName = "BottomSheetClose";
 // src/components/select/select.tsx
 import * as React21 from "react";
 import {
-  Modal as Modal2,
-  View as View18,
-  Pressable as Pressable7,
+  Modal as Modal3,
+  View as View20,
+  Pressable as Pressable11,
   ScrollView,
   TextInput as TextInput3
 } from "react-native";
@@ -1896,10 +2078,10 @@ var Select = ({
         value: currentValue,
         onSelect: handleSelect
       },
-      children: /* @__PURE__ */ jsxs11(View18, { className: cn("w-full gap-1.5", className), children: [
+      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 }),
         children ? children : /* @__PURE__ */ jsxs11(
-          Pressable7,
+          Pressable11,
           {
             disabled,
             onPress: () => setOpen(true),
@@ -1926,21 +2108,21 @@ var Select = ({
         ),
         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,
         options && /* @__PURE__ */ jsx24(
-          Modal2,
+          Modal3,
           {
             transparent: true,
             visible: open,
             animationType: "fade",
             onRequestClose: () => setOpen(false),
             statusBarTranslucent: true,
-            children: /* @__PURE__ */ jsxs11(View18, { className: "flex-1 justify-end bg-black/60", children: [
-              /* @__PURE__ */ jsx24(Pressable7, { className: "flex-1", onPress: () => setOpen(false) }),
-              /* @__PURE__ */ jsxs11(View18, { className: "w-full bg-card rounded-t-3xl border-t border-border p-6 max-h-[75%]", children: [
-                /* @__PURE__ */ jsxs11(View18, { className: "flex-row items-center justify-between pb-4 border-b border-border mb-3", children: [
+            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(Pressable7, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
+                  /* @__PURE__ */ jsx24(Pressable11, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
                 ] }),
-                searchable && /* @__PURE__ */ jsx24(View18, { className: "mb-4", children: /* @__PURE__ */ jsx24(
+                searchable && /* @__PURE__ */ jsx24(View20, { className: "mb-4", children: /* @__PURE__ */ jsx24(
                   TextInput3,
                   {
                     value: searchQuery,
@@ -1950,10 +2132,10 @@ var Select = ({
                     className: "h-11 px-4 rounded-xl border border-border bg-background text-foreground text-base"
                   }
                 ) }),
-                /* @__PURE__ */ jsx24(ScrollView, { className: "max-h-80", showsVerticalScrollIndicator: false, children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx24(View18, { 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-muted text-sm", children: "No options found" }) }) : filteredOptions.map((opt) => {
                   const isSelected = opt.value === currentValue;
                   return /* @__PURE__ */ jsxs11(
-                    Pressable7,
+                    Pressable11,
                     {
                       disabled: opt.disabled,
                       onPress: () => handleSelect(opt.value),
@@ -1995,7 +2177,7 @@ var SelectTrigger = ({
 }) => {
   const { setOpen, open } = useSelectContext();
   return /* @__PURE__ */ jsxs11(
-    Pressable7,
+    Pressable11,
     {
       onPress: () => setOpen(true),
       accessibilityRole: "combobox",
@@ -2035,19 +2217,19 @@ var SelectContent = ({ title, children }) => {
   const { open, setOpen } = useSelectContext();
   if (!open) return null;
   return /* @__PURE__ */ jsx24(
-    Modal2,
+    Modal3,
     {
       transparent: true,
       visible: open,
       animationType: "fade",
       onRequestClose: () => setOpen(false),
       statusBarTranslucent: true,
-      children: /* @__PURE__ */ jsxs11(View18, { className: "flex-1 justify-end bg-black/60", children: [
-        /* @__PURE__ */ jsx24(Pressable7, { className: "flex-1", onPress: () => setOpen(false) }),
-        /* @__PURE__ */ jsxs11(View18, { className: "w-full bg-card rounded-t-3xl border-t border-border p-6 max-h-[75%]", children: [
-          /* @__PURE__ */ jsxs11(View18, { className: "flex-row items-center justify-between pb-3 border-b border-border mb-3", children: [
+      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(Pressable7, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
+            /* @__PURE__ */ jsx24(Pressable11, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ jsx24(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
           ] }),
           /* @__PURE__ */ jsx24(ScrollView, { className: "max-h-80", children })
         ] })
@@ -2064,7 +2246,7 @@ var SelectItem = ({
   const { value: selectedValue, onSelect } = useSelectContext();
   const isSelected = selectedValue === itemValue;
   return /* @__PURE__ */ jsxs11(
-    Pressable7,
+    Pressable11,
     {
       onPress: () => onSelect(itemValue),
       className: cn(
@@ -2093,9 +2275,9 @@ SelectItem.displayName = "SelectItem";
 // src/components/data-table/data-table.tsx
 import * as React22 from "react";
 import {
-  View as View19,
+  View as View21,
   ScrollView as ScrollView2,
-  Pressable as Pressable8
+  Pressable as Pressable12
 } from "react-native";
 import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 function DataTable({
@@ -2163,7 +2345,7 @@ function DataTable({
       setSortDirection("asc");
     }
   };
-  return /* @__PURE__ */ jsxs12(View19, { className: cn("w-full gap-4", className), ...props, children: [
+  return /* @__PURE__ */ jsxs12(View21, { className: cn("w-full gap-4", className), ...props, children: [
     searchable && /* @__PURE__ */ jsx25(
       Input,
       {
@@ -2176,10 +2358,10 @@ function DataTable({
         className: "bg-card"
       }
     ),
-    loading ? /* @__PURE__ */ jsx25(View19, { 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-muted text-base", children: emptyText }) }) : mode === "card" ? (
       /* Mobile Card Mode */
-      /* @__PURE__ */ jsx25(View19, { className: "gap-3", children: paginatedData.map((item, idx) => /* @__PURE__ */ jsx25(
-        Pressable8,
+      /* @__PURE__ */ jsx25(View21, { className: "gap-3", children: paginatedData.map((item, idx) => /* @__PURE__ */ jsx25(
+        Pressable12,
         {
           disabled: !onRowPress,
           onPress: () => onRowPress?.(item),
@@ -2188,12 +2370,12 @@ function DataTable({
             const rawVal = item[col.key];
             const renderedVal = col.render ? col.render(rawVal, item) : String(rawVal ?? "\u2014");
             return /* @__PURE__ */ jsxs12(
-              View19,
+              View21,
               {
                 className: "flex-row items-center justify-between py-1 border-b border-border/40 last:border-b-0",
                 children: [
                   /* @__PURE__ */ jsx25(Text2, { className: "text-xs font-semibold text-muted uppercase tracking-wider", children: col.title }),
-                  /* @__PURE__ */ jsx25(View19, { className: "shrink", children: typeof renderedVal === "string" ? /* @__PURE__ */ jsx25(Text2, { className: "text-sm font-medium text-foreground", children: renderedVal }) : renderedVal })
+                  /* @__PURE__ */ jsx25(View21, { className: "shrink", children: typeof renderedVal === "string" ? /* @__PURE__ */ jsx25(Text2, { className: "text-sm font-medium text-foreground", children: renderedVal }) : renderedVal })
                 ]
               },
               String(col.key)
@@ -2204,9 +2386,9 @@ function DataTable({
       )) })
     ) : (
       /* Horizontal Table Mode */
-      /* @__PURE__ */ jsx25(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: false, children: /* @__PURE__ */ jsxs12(View19, { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
-        /* @__PURE__ */ jsx25(View19, { className: "flex-row bg-muted/10 border-b border-border", children: columns.map((col) => /* @__PURE__ */ jsxs12(
-          Pressable8,
+      /* @__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(
+          Pressable12,
           {
             disabled: !col.sortable,
             onPress: () => handleSort(String(col.key)),
@@ -2220,7 +2402,7 @@ function DataTable({
           String(col.key)
         )) }),
         paginatedData.map((item, idx) => /* @__PURE__ */ jsx25(
-          Pressable8,
+          Pressable12,
           {
             disabled: !onRowPress,
             onPress: () => onRowPress?.(item),
@@ -2229,7 +2411,7 @@ function DataTable({
               const rawVal = item[col.key];
               const renderedVal = col.render ? col.render(rawVal, item) : String(rawVal ?? "\u2014");
               return /* @__PURE__ */ jsx25(
-                View19,
+                View21,
                 {
                   style: { width: col.width || 120 },
                   className: "px-4 py-3 justify-center",
@@ -2243,7 +2425,7 @@ function DataTable({
         ))
       ] }) })
     ),
-    totalPages > 1 && /* @__PURE__ */ jsxs12(View19, { className: "flex-row items-center justify-between pt-2", children: [
+    totalPages > 1 && /* @__PURE__ */ jsxs12(View21, { className: "flex-row items-center justify-between pt-2", children: [
       /* @__PURE__ */ jsxs12(Text2, { className: "text-xs text-muted", children: [
         "Showing ",
         (currentPage - 1) * pageSize + 1,
@@ -2254,7 +2436,7 @@ function DataTable({
         " ",
         sortedData.length
       ] }),
-      /* @__PURE__ */ jsxs12(View19, { className: "flex-row items-center gap-2", children: [
+      /* @__PURE__ */ jsxs12(View21, { className: "flex-row items-center gap-2", children: [
         /* @__PURE__ */ jsx25(
           Button,
           {
@@ -2288,11 +2470,11 @@ function DataTable({
 // src/templates/auth/SignInTemplate.tsx
 import * as React23 from "react";
 import {
-  View as View20,
+  View as View22,
   ScrollView as ScrollView3,
   KeyboardAvoidingView,
   Platform,
-  Pressable as Pressable9
+  Pressable as Pressable13
 } from "react-native";
 import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var SignInTemplate = ({
@@ -2334,22 +2516,24 @@ var SignInTemplate = ({
     KeyboardAvoidingView,
     {
       behavior: Platform.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ jsx26(
         ScrollView3,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ jsxs13(View20, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ jsxs13(View20, { className: "items-center gap-2", children: [
-              logo && /* @__PURE__ */ jsx26(View20, { className: "mb-2", children: logo }),
+          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 })
             ] }),
             error && /* @__PURE__ */ jsx26(Alert, { variant: "danger", children: /* @__PURE__ */ jsx26(AlertDescription, { children: error }) }),
-            /* @__PURE__ */ jsxs13(View20, { className: "gap-4", children: [
+            /* @__PURE__ */ jsxs13(View22, { className: "gap-4", children: [
               /* @__PURE__ */ jsx26(
                 Input,
                 {
@@ -2366,7 +2550,7 @@ var SignInTemplate = ({
                   error: emailError
                 }
               ),
-              /* @__PURE__ */ jsx26(View20, { className: "gap-1", children: /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx26(View22, { className: "gap-1", children: /* @__PURE__ */ jsx26(
                 Input,
                 {
                   label: "Password",
@@ -2378,15 +2562,15 @@ var SignInTemplate = ({
                     if (passwordError) setPasswordError(void 0);
                   },
                   error: passwordError,
-                  rightElement: /* @__PURE__ */ jsx26(Pressable9, { 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-muted font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
                 }
               ) }),
-              /* @__PURE__ */ jsxs13(View20, { className: "flex-row items-center justify-between py-1", children: [
-                /* @__PURE__ */ jsxs13(View20, { className: "flex-row items-center gap-2", children: [
+              /* @__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" })
                 ] }),
-                onForgotPassword && /* @__PURE__ */ jsx26(Pressable9, { 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", children: "Forgot password?" }) })
               ] }),
               /* @__PURE__ */ jsx26(
                 Button,
@@ -2400,13 +2584,13 @@ var SignInTemplate = ({
                 }
               )
             ] }),
-            (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs13(View20, { className: "gap-4", children: [
-              /* @__PURE__ */ jsxs13(View20, { className: "flex-row items-center gap-3", children: [
+            (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(Separator, { className: "flex-1" })
               ] }),
-              /* @__PURE__ */ jsxs13(View20, { className: "flex-row gap-3", children: [
+              /* @__PURE__ */ jsxs13(View22, { className: "flex-row gap-3", children: [
                 onGooglePress && /* @__PURE__ */ jsx26(
                   Button,
                   {
@@ -2427,9 +2611,9 @@ var SignInTemplate = ({
                 )
               ] })
             ] }),
-            onSignUpPress && /* @__PURE__ */ jsxs13(View20, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
+            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(Pressable9, { onPress: onSignUpPress, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-bold text-primary", children: "Sign Up" }) })
+              /* @__PURE__ */ jsx26(Pressable13, { onPress: onSignUpPress, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-bold text-primary", children: "Sign Up" }) })
             ] })
           ] })
         }
@@ -2441,11 +2625,11 @@ var SignInTemplate = ({
 // src/templates/auth/SignUpTemplate.tsx
 import * as React24 from "react";
 import {
-  View as View21,
+  View as View23,
   ScrollView as ScrollView4,
   KeyboardAvoidingView as KeyboardAvoidingView2,
   Platform as Platform2,
-  Pressable as Pressable10
+  Pressable as Pressable14
 } from "react-native";
 import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 var SignUpTemplate = ({
@@ -2498,22 +2682,24 @@ var SignUpTemplate = ({
     KeyboardAvoidingView2,
     {
       behavior: Platform2.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ jsx27(
         ScrollView4,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ jsxs14(View21, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ jsxs14(View21, { className: "items-center gap-2", children: [
-              logo && /* @__PURE__ */ jsx27(View21, { className: "mb-2", children: logo }),
+          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 })
             ] }),
             error && /* @__PURE__ */ jsx27(Alert, { variant: "danger", children: /* @__PURE__ */ jsx27(AlertDescription, { children: error }) }),
-            /* @__PURE__ */ jsxs14(View21, { className: "gap-4", children: [
+            /* @__PURE__ */ jsxs14(View23, { className: "gap-4", children: [
               /* @__PURE__ */ jsx27(
                 Input,
                 {
@@ -2556,8 +2742,8 @@ var SignUpTemplate = ({
                   error: passwordError
                 }
               ),
-              /* @__PURE__ */ jsxs14(View21, { className: "gap-1", children: [
-                /* @__PURE__ */ jsxs14(View21, { className: "flex-row items-center gap-2 pt-1", children: [
+              /* @__PURE__ */ jsxs14(View23, { className: "gap-1", children: [
+                /* @__PURE__ */ jsxs14(View23, { className: "flex-row items-center gap-2 pt-1", children: [
                   /* @__PURE__ */ jsx27(
                     Checkbox,
                     {
@@ -2584,13 +2770,13 @@ var SignUpTemplate = ({
                 }
               )
             ] }),
-            (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs14(View21, { className: "gap-4", children: [
-              /* @__PURE__ */ jsxs14(View21, { className: "flex-row items-center gap-3", children: [
+            (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(Separator, { className: "flex-1" })
               ] }),
-              /* @__PURE__ */ jsxs14(View21, { className: "flex-row gap-3", children: [
+              /* @__PURE__ */ jsxs14(View23, { className: "flex-row gap-3", children: [
                 onGooglePress && /* @__PURE__ */ jsx27(
                   Button,
                   {
@@ -2611,9 +2797,9 @@ var SignUpTemplate = ({
                 )
               ] })
             ] }),
-            onSignInPress && /* @__PURE__ */ jsxs14(View21, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
+            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(Pressable10, { onPress: onSignInPress, children: /* @__PURE__ */ jsx27(Text2, { className: "text-sm font-bold text-primary", children: "Sign In" }) })
+              /* @__PURE__ */ jsx27(Pressable14, { onPress: onSignInPress, children: /* @__PURE__ */ jsx27(Text2, { className: "text-sm font-bold text-primary", children: "Sign In" }) })
             ] })
           ] })
         }
@@ -2625,11 +2811,11 @@ var SignUpTemplate = ({
 // src/templates/auth/ForgotPasswordTemplate.tsx
 import * as React25 from "react";
 import {
-  View as View22,
+  View as View24,
   ScrollView as ScrollView5,
   KeyboardAvoidingView as KeyboardAvoidingView3,
   Platform as Platform3,
-  Pressable as Pressable11
+  Pressable as Pressable15
 } from "react-native";
 import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var ForgotPasswordTemplate = ({
@@ -2656,24 +2842,26 @@ var ForgotPasswordTemplate = ({
     KeyboardAvoidingView3,
     {
       behavior: Platform3.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ jsx28(
         ScrollView5,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ jsxs15(View22, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ jsxs15(View22, { className: "items-center gap-2", children: [
+          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 })
             ] }),
             error && /* @__PURE__ */ jsx28(Alert, { variant: "danger", children: /* @__PURE__ */ jsx28(AlertDescription, { children: error }) }),
-            isSuccess ? /* @__PURE__ */ jsxs15(View22, { className: "gap-4", children: [
+            isSuccess ? /* @__PURE__ */ jsxs15(View24, { className: "gap-4", children: [
               /* @__PURE__ */ jsx28(Alert, { variant: "success", children: /* @__PURE__ */ jsx28(AlertDescription, { children: "Password reset link sent! Check your email inbox." }) }),
               onBackToSignIn && /* @__PURE__ */ jsx28(Button, { variant: "primary", size: "lg", onPress: onBackToSignIn, children: "Back to Sign In" })
-            ] }) : /* @__PURE__ */ jsxs15(View22, { className: "gap-4", children: [
+            ] }) : /* @__PURE__ */ jsxs15(View24, { className: "gap-4", children: [
               /* @__PURE__ */ jsx28(
                 Input,
                 {
@@ -2700,7 +2888,7 @@ var ForgotPasswordTemplate = ({
                   children: "Send Reset Link"
                 }
               ),
-              onBackToSignIn && /* @__PURE__ */ jsx28(View22, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ jsx28(Pressable11, { 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", children: "Back to Sign In" }) }) })
             ] })
           ] })
         }
@@ -2711,9 +2899,9 @@ var ForgotPasswordTemplate = ({
 
 // src/templates/dashboard/DashboardTemplate.tsx
 import {
-  View as View23,
+  View as View25,
   ScrollView as ScrollView6,
-  Pressable as Pressable12
+  Pressable as Pressable16
 } from "react-native";
 import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var DashboardTemplate = ({
@@ -2732,18 +2920,19 @@ var DashboardTemplate = ({
   return /* @__PURE__ */ jsxs16(
     ScrollView6,
     {
+      ...props,
+      style: [{ flex: 1 }, props.style],
       className: cn("flex-1 bg-background", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
-      ...props,
       children: [
-        /* @__PURE__ */ jsxs16(View23, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-border/40", children: [
-          /* @__PURE__ */ jsxs16(View23, { className: "flex-row items-center gap-3", 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: "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(View23, { children: [
+            /* @__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: [
                 "Hello, ",
@@ -2753,19 +2942,19 @@ var DashboardTemplate = ({
             ] })
           ] }),
           onNotificationPress && /* @__PURE__ */ jsxs16(
-            Pressable12,
+            Pressable16,
             {
               onPress: onNotificationPress,
               className: "w-10 h-10 rounded-full border border-border bg-card items-center justify-center relative active:opacity-70",
               children: [
                 /* @__PURE__ */ jsx29(Text2, { className: "text-base text-foreground", children: "\u{1F514}" }),
-                unreadNotificationsCount > 0 && /* @__PURE__ */ jsx29(View23, { 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 }) })
+                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 }) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs16(View23, { className: "px-6 pt-6 gap-6", children: [
-          quickActions && quickActions.length > 0 && /* @__PURE__ */ jsxs16(View23, { className: "gap-2", children: [
+        /* @__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(
               ScrollView6,
@@ -2773,7 +2962,7 @@ var DashboardTemplate = ({
                 horizontal: true,
                 showsHorizontalScrollIndicator: false,
                 className: "-mx-6 px-6",
-                children: /* @__PURE__ */ jsx29(View23, { className: "flex-row gap-3", children: quickActions.map((action) => /* @__PURE__ */ jsx29(
+                children: /* @__PURE__ */ jsx29(View25, { className: "flex-row gap-3", children: quickActions.map((action) => /* @__PURE__ */ jsx29(
                   Button,
                   {
                     variant: "outline",
@@ -2787,21 +2976,21 @@ var DashboardTemplate = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs16(View23, { className: "gap-3", children: [
+          /* @__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(View23, { className: "gap-3", children: metrics.map((metric) => /* @__PURE__ */ jsx29(StatsCard, { ...metric }, metric.id)) })
+            /* @__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(Pressable12, { 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", children: "View all" }) })
             ] }),
             /* @__PURE__ */ jsx29(CardContent, { className: "gap-3 pt-0", children: recentActivities.map((act) => /* @__PURE__ */ jsxs16(
-              View23,
+              View25,
               {
                 className: "flex-row items-center justify-between py-2 border-b border-border/40 last:border-b-0",
                 children: [
-                  /* @__PURE__ */ jsxs16(View23, { className: "flex-row items-center gap-3 flex-1 pr-2", children: [
+                  /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center gap-3 flex-1 pr-2", children: [
                     /* @__PURE__ */ jsxs16(Avatar, { size: "sm", children: [
                       act.avatarUrl && /* @__PURE__ */ jsx29(AvatarImage, { source: { uri: act.avatarUrl } }),
                       /* @__PURE__ */ jsx29(
@@ -2811,7 +3000,7 @@ var DashboardTemplate = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs16(View23, { className: "flex-1", children: [
+                    /* @__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: [
                         act.subtitle,
@@ -2820,7 +3009,7 @@ var DashboardTemplate = ({
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs16(View23, { className: "items-end gap-1", children: [
+                  /* @__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.status && /* @__PURE__ */ jsx29(Badge, { variant: act.status.variant, size: "sm", children: act.status.label })
                   ] })
@@ -2837,9 +3026,9 @@ var DashboardTemplate = ({
 
 // src/templates/settings/SettingsTemplate.tsx
 import {
-  View as View24,
+  View as View26,
   ScrollView as ScrollView7,
-  Pressable as Pressable13
+  Pressable as Pressable17
 } from "react-native";
 import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var SettingsTemplate = ({
@@ -2864,19 +3053,20 @@ var SettingsTemplate = ({
   return /* @__PURE__ */ jsx30(
     ScrollView7,
     {
+      ...props,
+      style: [{ flex: 1 }, props.style],
       className: cn("flex-1 bg-background", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
-      ...props,
-      children: /* @__PURE__ */ jsxs17(View24, { className: "px-6 pt-6 gap-6", children: [
+      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__ */ 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 } }),
             /* @__PURE__ */ jsx30(AvatarFallback, { text: user.name.slice(0, 2).toUpperCase() })
           ] }),
-          /* @__PURE__ */ jsxs17(View24, { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs17(View24, { className: "flex-row items-center gap-2", children: [
+          /* @__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 }),
               user.plan && /* @__PURE__ */ jsx30(Badge, { variant: "primary", size: "sm", children: user.plan })
             ] }),
@@ -2884,11 +3074,11 @@ var SettingsTemplate = ({
           ] }),
           onEditProfile && /* @__PURE__ */ jsx30(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
         ] }),
-        /* @__PURE__ */ jsxs17(View24, { className: "gap-2", children: [
+        /* @__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__ */ jsxs17(View24, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsxs17(View24, { className: "pr-4 flex-1", 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" })
               ] }),
@@ -2900,8 +3090,8 @@ var SettingsTemplate = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs17(View24, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsxs17(View24, { className: "pr-4 flex-1", 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: "Email Notifications" }),
                 /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Weekly digests and activity summaries" })
               ] }),
@@ -2913,15 +3103,15 @@ var SettingsTemplate = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs17(View24, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsxs17(View24, { className: "pr-4 flex-1", 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: "Dark Theme" }),
                 /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Enable high contrast dark mode appearance" })
               ] }),
               /* @__PURE__ */ jsx30(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
             ] }),
-            /* @__PURE__ */ jsxs17(View24, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsxs17(View24, { className: "pr-4 flex-1", 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: "Biometric Login" }),
                 /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-muted", children: "Use Face ID or fingerprint to authenticate" })
               ] }),
@@ -2935,11 +3125,11 @@ var SettingsTemplate = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs17(View24, { className: "gap-2", children: [
+        /* @__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: [
             onChangePassword && /* @__PURE__ */ jsxs17(
-              Pressable13,
+              Pressable17,
               {
                 onPress: onChangePassword,
                 className: "p-4 flex-row items-center justify-between active:bg-muted/10",
@@ -2950,7 +3140,7 @@ var SettingsTemplate = ({
               }
             ),
             onViewTerms && /* @__PURE__ */ jsxs17(
-              Pressable13,
+              Pressable17,
               {
                 onPress: onViewTerms,
                 className: "p-4 flex-row items-center justify-between active:bg-muted/10",
@@ -2961,7 +3151,7 @@ var SettingsTemplate = ({
               }
             ),
             onViewPrivacy && /* @__PURE__ */ jsxs17(
-              Pressable13,
+              Pressable17,
               {
                 onPress: onViewPrivacy,
                 className: "p-4 flex-row items-center justify-between active:bg-muted/10",
@@ -2973,7 +3163,7 @@ var SettingsTemplate = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs17(View24, { className: "gap-3 pt-2", children: [
+        /* @__PURE__ */ jsxs17(View26, { className: "gap-3 pt-2", children: [
           onLogout && /* @__PURE__ */ jsx30(Button, { variant: "outline", size: "lg", onPress: onLogout, children: "Log Out" }),
           onDeleteAccount && /* @__PURE__ */ jsx30(
             Button,
@@ -2992,7 +3182,7 @@ var SettingsTemplate = ({
 
 // src/providers/BeyondUIProvider.tsx
 import * as React26 from "react";
-import { View as View25, useColorScheme as useRNColorScheme } from "react-native";
+import { View as View27, useColorScheme as useRNColorScheme } from "react-native";
 import { PortalHost } from "@rn-primitives/portal";
 import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
 var BeyondUIContext = React26.createContext({
@@ -3048,11 +3238,18 @@ function BeyondUIProvider({
     }),
     [activeScheme, toggleColorScheme]
   );
-  return /* @__PURE__ */ jsx31(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx31(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ jsxs18(View25, { className: activeScheme === "dark" ? "dark flex-1" : "flex-1", children: [
-    children,
-    /* @__PURE__ */ jsx31(PortalHost, {}),
-    /* @__PURE__ */ jsx31(ToastContainer, { toasts, onDismiss: dismissToast })
-  ] }) }) });
+  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",
+      children: [
+        children,
+        /* @__PURE__ */ jsx31(PortalHost, {}),
+        /* @__PURE__ */ jsx31(ToastContainer, { toasts, onDismiss: dismissToast })
+      ]
+    }
+  ) }) });
 }
 export {
   Accordion,
@@ -3092,6 +3289,7 @@ export {
   Dialog,
   DialogClose,
   DialogContent,
+  DialogContext,
   DialogDescription,
   DialogFooter,
   DialogHeader,
@@ -3120,6 +3318,7 @@ export {
   Switch,
   Tabs,
   TabsContent,
+  TabsContext,
   TabsList,
   TabsTrigger,
   Text2 as Text,
@@ -3146,6 +3345,8 @@ export {
   textVariants,
   tokens,
   useBeyondUI,
+  useDialogContext,
+  useTabsContext,
   useToast
 };
 //# sourceMappingURL=index.mjs.map