@beyondcorp/beyond-ui-native 0.1.0 → 0.1.2

package/dist/index.js

@@ -67,6 +67,7 @@ __export(src_exports, {
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
   DialogContent: () => DialogContent,
+  DialogContext: () => DialogContext,
   DialogDescription: () => DialogDescription,
   DialogFooter: () => DialogFooter,
   DialogHeader: () => DialogHeader,
@@ -95,6 +96,7 @@ __export(src_exports, {
   Switch: () => Switch,
   Tabs: () => Tabs,
   TabsContent: () => TabsContent,
+  TabsContext: () => TabsContext,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
   Text: () => Text2,
@@ -121,6 +123,8 @@ __export(src_exports, {
   textVariants: () => textVariants,
   tokens: () => tokens,
   useBeyondUI: () => useBeyondUI,
+  useDialogContext: () => useDialogContext,
+  useTabsContext: () => useTabsContext,
   useToast: () => useToast
 });
 module.exports = __toCommonJS(src_exports);
@@ -819,29 +823,53 @@ AvatarFallback.displayName = "Avatar.Fallback";
 
 // src/components/switch/switch.tsx
 var React10 = __toESM(require("react"));
-var SwitchPrimitive = __toESM(require("@rn-primitives/switch"));
+var import_react_native11 = require("react-native");
 var import_jsx_runtime11 = require("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__ */ (0, import_jsx_runtime11.jsx)(
-    SwitchPrimitive.Root,
+    import_react_native11.Pressable,
     {
       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__ */ (0, import_jsx_runtime11.jsx)(
-        SwitchPrimitive.Thumb,
+        import_react_native11.View,
         {
+          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
           )
         }
@@ -853,42 +881,63 @@ Switch.displayName = "Switch";
 
 // src/components/checkbox/checkbox.tsx
 var React11 = __toESM(require("react"));
-var import_react_native11 = require("react-native");
-var CheckboxPrimitive = __toESM(require("@rn-primitives/checkbox"));
+var import_react_native12 = require("react-native");
 var import_jsx_runtime12 = require("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__ */ (0, import_jsx_runtime12.jsx)(
-    CheckboxPrimitive.Root,
+    import_react_native12.Pressable,
     {
       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__ */ (0, import_jsx_runtime12.jsx)(
-        CheckboxPrimitive.Indicator,
-        {
-          className: cn("items-center justify-center", indicatorClassName),
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.Text, { className: "text-white text-xs font-bold leading-none", children: "\u2713" })
-        }
-      )
+      children: isChecked ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { className: cn("items-center justify-center", indicatorClassName), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { className: "text-white text-xs font-bold leading-none", children: "\u2713" }) }) : null
     }
   );
   if (!label) {
     return content;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { className: "flex-row items-center gap-2.5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { className: "flex-row items-center gap-2.5", children: [
     content,
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_react_native11.Text,
+      import_react_native12.Text,
       {
-        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
@@ -900,7 +949,7 @@ Checkbox.displayName = "Checkbox";
 
 // src/components/radio/radio.tsx
 var React12 = __toESM(require("react"));
-var import_react_native12 = require("react-native");
+var import_react_native13 = require("react-native");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var RadioGroupContext = React12.createContext({});
 function RadioGroup({
@@ -927,7 +976,7 @@ function RadioGroup({
         onValueChange: handleValueChange,
         disabled
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.View, { className: cn("gap-3", className), ...props, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.View, { className: cn("gap-3", className), ...props, children })
     }
   );
 }
@@ -948,7 +997,7 @@ function Radio({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    import_react_native12.Pressable,
+    import_react_native13.Pressable,
     {
       onPress: handlePress,
       disabled: isDisabled,
@@ -957,7 +1006,7 @@ function Radio({
       className: cn("flex-row items-center gap-2.5", isDisabled && "opacity-50"),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          import_react_native12.View,
+          import_react_native13.View,
           {
             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",
@@ -965,7 +1014,7 @@ function Radio({
               className
             ),
             children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              import_react_native12.View,
+              import_react_native13.View,
               {
                 className: cn(
                   "h-2.5 w-2.5 rounded-full bg-primary-600 dark:bg-primary-600",
@@ -976,7 +1025,7 @@ function Radio({
           }
         ),
         label ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          import_react_native12.Text,
+          import_react_native13.Text,
           {
             className: cn(
               "text-sm font-medium text-neutral-800 dark:text-neutral-200",
@@ -991,7 +1040,7 @@ function Radio({
 }
 
 // src/components/spinner/spinner.tsx
-var import_react_native13 = require("react-native");
+var import_react_native14 = require("react-native");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var colorMap = {
   primary: "#2563eb",
@@ -1010,25 +1059,25 @@ function Spinner({
 }) {
   const nativeSize = size === "lg" ? "large" : "small";
   const hexColor = colorMap[color] ?? colorMap.primary;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { className: cn("items-center justify-center", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.ActivityIndicator, { size: nativeSize, color: hexColor }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native14.View, { className: cn("items-center justify-center", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native14.ActivityIndicator, { size: nativeSize, color: hexColor }) });
 }
 Spinner.displayName = "Spinner";
 
 // src/components/skeleton/skeleton.tsx
 var React13 = __toESM(require("react"));
-var import_react_native14 = require("react-native");
+var import_react_native15 = require("react-native");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function Skeleton({ className, style, ...props }) {
-  const pulseAnim = React13.useRef(new import_react_native14.Animated.Value(0.4)).current;
+  const pulseAnim = React13.useRef(new import_react_native15.Animated.Value(0.4)).current;
   React13.useEffect(() => {
-    const animation = import_react_native14.Animated.loop(
-      import_react_native14.Animated.sequence([
-        import_react_native14.Animated.timing(pulseAnim, {
+    const animation = import_react_native15.Animated.loop(
+      import_react_native15.Animated.sequence([
+        import_react_native15.Animated.timing(pulseAnim, {
           toValue: 1,
           duration: 900,
           useNativeDriver: true
         }),
-        import_react_native14.Animated.timing(pulseAnim, {
+        import_react_native15.Animated.timing(pulseAnim, {
           toValue: 0.4,
           duration: 900,
           useNativeDriver: true
@@ -1039,7 +1088,7 @@ function Skeleton({ className, style, ...props }) {
     return () => animation.stop();
   }, [pulseAnim]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_react_native14.Animated.View,
+    import_react_native15.Animated.View,
     {
       style: [{ opacity: pulseAnim }, style],
       className: cn(
@@ -1054,7 +1103,7 @@ Skeleton.displayName = "Skeleton";
 
 // src/components/alert/alert.tsx
 var React14 = __toESM(require("react"));
-var import_react_native15 = require("react-native");
+var import_react_native16 = require("react-native");
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority8.cva)(
@@ -1107,7 +1156,7 @@ function Alert({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlertContext.Provider, { value: { variant }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_react_native15.View,
+    import_react_native16.View,
     {
       accessibilityRole: "alert",
       className: cn(alertVariants({ variant }), className),
@@ -1124,7 +1173,7 @@ function AlertTitle({
 }) {
   const { variant } = React14.useContext(AlertContext);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_react_native15.Text,
+    import_react_native16.Text,
     {
       className: cn(alertTitleVariants({ variant }), className),
       ...props,
@@ -1140,7 +1189,7 @@ function AlertDescription({
 }) {
   const { variant } = React14.useContext(AlertContext);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_react_native15.Text,
+    import_react_native16.Text,
     {
       className: cn(alertDescriptionVariants({ variant }), className),
       ...props,
@@ -1151,7 +1200,7 @@ function AlertDescription({
 AlertDescription.displayName = "Alert.Description";
 
 // src/components/separator/separator.tsx
-var import_react_native16 = require("react-native");
+var import_react_native17 = require("react-native");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function Separator({
   orientation = "horizontal",
@@ -1159,7 +1208,7 @@ function Separator({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_native16.View,
+    import_react_native17.View,
     {
       accessibilityRole: "none",
       className: cn(
@@ -1175,60 +1224,131 @@ Separator.displayName = "Separator";
 
 // src/components/dialog/dialog.tsx
 var React15 = __toESM(require("react"));
-var import_react_native17 = require("react-native");
-var DialogPrimitive = __toESM(require("@rn-primitives/dialog"));
+var import_react_native18 = require("react-native");
 var import_jsx_runtime18 = require("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__ */ (0, import_jsx_runtime18.jsx)(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__ */ (0, import_jsx_runtime18.jsx)(import_react_native18.Pressable, { 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__ */ (0, import_jsx_runtime18.jsx)(
-    DialogPrimitive.Overlay,
+    import_react_native18.Modal,
     {
-      ref,
-      style: import_react_native17.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__ */ (0, import_jsx_runtime18.jsx)(
+      import_react_native18.Pressable,
+      {
+        ref,
+        style: import_react_native18.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__ */ (0, import_jsx_runtime18.jsxs)(DialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_react_native17.View,
+var DialogContent = React15.forwardRef(
+  function DialogContent2({ className, overlayClassName, children, ...props }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      import_react_native18.View,
       {
         pointerEvents: "box-none",
-        style: import_react_native17.StyleSheet.absoluteFill,
+        style: import_react_native18.StyleSheet.absoluteFill,
         className: "z-50 items-center justify-center p-4",
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          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__ */ (0, import_jsx_runtime18.jsx)(DialogOverlay, { className: overlayClassName }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            import_react_native18.View,
+            {
+              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__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_native17.View,
+    import_react_native18.View,
     {
       className: cn("flex-col space-y-2 text-center sm:text-left", className),
       ...props
@@ -1236,77 +1356,108 @@ function DialogHeader({
   );
 }
 DialogHeader.displayName = "DialogHeader";
-var DialogTitle = React15.forwardRef(function DialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    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__ */ (0, import_jsx_runtime18.jsx)(
+      import_react_native18.Text,
+      {
+        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__ */ (0, import_jsx_runtime18.jsx)(
-    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__ */ (0, import_jsx_runtime18.jsx)(
+      import_react_native18.Text,
+      {
+        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__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_native17.View,
+    import_react_native18.View,
     {
-      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__ */ (0, import_jsx_runtime18.jsx)(import_react_native18.Pressable, { ref, onPress: handlePress, role: "button", ...props, children });
+  }
+);
+DialogClose.displayName = "DialogClose";
 
 // src/components/tabs/tabs.tsx
 var React16 = __toESM(require("react"));
-var import_react_native18 = require("react-native");
-var TabsPrimitive = __toESM(require("@rn-primitives/tabs"));
+var import_react_native19 = require("react-native");
 var import_jsx_runtime19 = require("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__ */ (0, import_jsx_runtime19.jsx)(
-    TabsPrimitive.Root,
-    {
-      ref,
-      value: currentValue,
-      onValueChange: handleValueChange,
-      ...props
-    }
+  const handleValueChange = React16.useCallback(
+    (val) => {
+      if (!isControlled) {
+        setInternalValue(val);
+      }
+      onValueChange?.(val);
+    },
+    [isControlled, onValueChange]
   );
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TabsContext.Provider, { value: { value: currentValue, onValueChange: handleValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native19.View, { ref, className, ...props, children }) });
 });
 Tabs.displayName = "Tabs";
 var TabsList = React16.forwardRef(function TabsList2({ className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    TabsPrimitive.List,
+    import_react_native19.View,
     {
       ref,
+      role: "tablist",
       className: cn(
         "flex-row items-center justify-center rounded-xl bg-neutral-100 dark:bg-neutral-800 p-1",
         className
@@ -1316,22 +1467,32 @@ 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__ */ (0, import_jsx_runtime19.jsx)(
-    TabsPrimitive.Trigger,
+    import_react_native19.Pressable,
     {
       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,
       children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_react_native18.Text,
+        import_react_native19.Text,
         {
           className: cn(
             "text-sm font-semibold",
@@ -1345,13 +1506,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__ */ (0, import_jsx_runtime19.jsx)(
-    TabsPrimitive.Content,
+    import_react_native19.View,
     {
       ref,
+      role: "tabpanel",
+      accessibilityElementsHidden: !isSelected,
       className: cn("mt-3", className),
-      ...props
+      ...props,
+      children
     }
   );
 });
@@ -1359,7 +1528,7 @@ TabsContent.displayName = "TabsContent";
 
 // src/components/toast/toast.tsx
 var React17 = __toESM(require("react"));
-var import_react_native19 = require("react-native");
+var import_react_native20 = require("react-native");
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var toastVariants = (0, import_class_variance_authority9.cva)(
@@ -1394,16 +1563,16 @@ var toastTitleVariants = (0, import_class_variance_authority9.cva)("text-sm font
   }
 });
 function ToastBanner({ toast, onDismiss }) {
-  const opacity = React17.useRef(new import_react_native19.Animated.Value(0)).current;
-  const translateY = React17.useRef(new import_react_native19.Animated.Value(-16)).current;
+  const opacity = React17.useRef(new import_react_native20.Animated.Value(0)).current;
+  const translateY = React17.useRef(new import_react_native20.Animated.Value(-16)).current;
   React17.useEffect(() => {
-    import_react_native19.Animated.parallel([
-      import_react_native19.Animated.timing(opacity, {
+    import_react_native20.Animated.parallel([
+      import_react_native20.Animated.timing(opacity, {
         toValue: 1,
         duration: 200,
         useNativeDriver: true
       }),
-      import_react_native19.Animated.timing(translateY, {
+      import_react_native20.Animated.timing(translateY, {
         toValue: 0,
         duration: 200,
         useNativeDriver: true
@@ -1415,13 +1584,13 @@ function ToastBanner({ toast, onDismiss }) {
     return () => clearTimeout(timer);
   }, []);
   const handleDismiss = () => {
-    import_react_native19.Animated.parallel([
-      import_react_native19.Animated.timing(opacity, {
+    import_react_native20.Animated.parallel([
+      import_react_native20.Animated.timing(opacity, {
         toValue: 0,
         duration: 200,
         useNativeDriver: true
       }),
-      import_react_native19.Animated.timing(translateY, {
+      import_react_native20.Animated.timing(translateY, {
         toValue: -16,
         duration: 200,
         useNativeDriver: true
@@ -1432,7 +1601,7 @@ function ToastBanner({ toast, onDismiss }) {
   };
   const variant = toast.variant || "default";
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_native19.Animated.View,
+    import_react_native20.Animated.View,
     {
       style: {
         opacity,
@@ -1440,16 +1609,16 @@ function ToastBanner({ toast, onDismiss }) {
       },
       className: "w-full items-center px-4",
       children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-        import_react_native19.Pressable,
+        import_react_native20.Pressable,
         {
           onPress: handleDismiss,
           className: cn(toastVariants({ variant })),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native19.View, { className: "flex-1 pr-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native19.Text, { className: cn(toastTitleVariants({ variant })), children: toast.title }),
-              toast.description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native19.Text, { className: "text-xs text-neutral-600 dark:text-neutral-400 mt-0.5", children: toast.description }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native20.View, { className: "flex-1 pr-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.Text, { className: cn(toastTitleVariants({ variant })), children: toast.title }),
+              toast.description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.Text, { className: "text-xs text-neutral-600 dark:text-neutral-400 mt-0.5", children: toast.description }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native19.Text, { className: "text-xs text-neutral-400", children: "\u2715" })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.Text, { className: "text-xs text-neutral-400", children: "\u2715" })
           ]
         }
       )
@@ -1462,7 +1631,7 @@ function ToastContainer({
 }) {
   if (toasts.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_native19.View,
+    import_react_native20.View,
     {
       pointerEvents: "box-none",
       className: "absolute top-12 left-0 right-0 z-50 items-center",
@@ -1483,7 +1652,7 @@ function useToast() {
 }
 
 // src/components/stats-card/stats-card.tsx
-var import_react_native20 = require("react-native");
+var import_react_native21 = require("react-native");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function StatsCard({
   title,
@@ -1496,14 +1665,14 @@ function StatsCard({
   const isUp = trend?.direction === "up";
   const isDown = trend?.direction === "down";
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Card, { className: cn("w-full shadow-sm", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardContent, { className: "p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native20.View, { className: "flex-row items-center justify-between mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native20.Text, { className: "text-sm font-medium text-neutral-500 dark:text-neutral-400", children: title }),
-      icon ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native20.View, { className: "h-9 w-9 rounded-xl bg-neutral-100 dark:bg-neutral-800 items-center justify-center", children: icon }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native21.View, { className: "flex-row items-center justify-between mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.Text, { className: "text-sm font-medium text-neutral-500 dark:text-neutral-400", children: title }),
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.View, { className: "h-9 w-9 rounded-xl bg-neutral-100 dark:bg-neutral-800 items-center justify-center", children: icon }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native20.Text, { className: "text-2xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 mb-2", children: value }),
-    trend ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native20.View, { className: "flex-row items-center gap-1.5 flex-wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.Text, { className: "text-2xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 mb-2", children: value }),
+    trend ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native21.View, { className: "flex-row items-center gap-1.5 flex-wrap", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-        import_react_native20.View,
+        import_react_native21.View,
         {
           className: cn(
             "flex-row items-center rounded-md px-1.5 py-0.5",
@@ -1513,7 +1682,7 @@ function StatsCard({
           ),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              import_react_native20.Text,
+              import_react_native21.Text,
               {
                 className: cn(
                   "text-xs font-bold mr-1",
@@ -1525,7 +1694,7 @@ function StatsCard({
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              import_react_native20.Text,
+              import_react_native21.Text,
               {
                 className: cn(
                   "text-xs font-semibold",
@@ -1539,7 +1708,7 @@ function StatsCard({
           ]
         }
       ),
-      trend.label ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native20.Text, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: trend.label }) : null
+      trend.label ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.Text, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: trend.label }) : null
     ] }) : null
   ] }) });
 }
@@ -1547,7 +1716,7 @@ StatsCard.displayName = "StatsCard";
 
 // src/components/accordion/accordion.tsx
 var React19 = __toESM(require("react"));
-var import_react_native21 = require("react-native");
+var import_react_native22 = require("react-native");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var AccordionContext = React19.createContext(null);
 function useAccordionContext() {
@@ -1613,7 +1782,7 @@ var Accordion = React19.forwardRef(
           collapsible
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          import_react_native21.View,
+          import_react_native22.View,
           {
             ref,
             className: cn("w-full divide-y divide-border", className),
@@ -1639,7 +1808,7 @@ var AccordionItem = React19.forwardRef(
     const { value: selectedValues } = useAccordionContext();
     const isOpen = selectedValues.includes(value);
     return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AccordionItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      import_react_native21.View,
+      import_react_native22.View,
       {
         ref,
         className: cn("border-b border-border py-1", className),
@@ -1654,9 +1823,9 @@ var AccordionTrigger = React19.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { toggleItem } = useAccordionContext();
     const { value, isOpen } = useAccordionItemContext();
-    const rotationAnim = React19.useRef(new import_react_native21.Animated.Value(isOpen ? 1 : 0)).current;
+    const rotationAnim = React19.useRef(new import_react_native22.Animated.Value(isOpen ? 1 : 0)).current;
     React19.useEffect(() => {
-      import_react_native21.Animated.timing(rotationAnim, {
+      import_react_native22.Animated.timing(rotationAnim, {
         toValue: isOpen ? 1 : 0,
         duration: 200,
         useNativeDriver: true
@@ -1667,7 +1836,7 @@ var AccordionTrigger = React19.forwardRef(
       outputRange: ["0deg", "180deg"]
     });
     return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-      import_react_native21.Pressable,
+      import_react_native22.Pressable,
       {
         ref,
         onPress: () => toggleItem(value),
@@ -1679,8 +1848,8 @@ var AccordionTrigger = React19.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native21.View, { className: "flex-1 pr-2", children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-base font-medium text-foreground", children }) : children }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native21.Animated.View, { style: { transform: [{ rotate }] }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-muted text-base font-semibold", children: "\u25BC" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.View, { className: "flex-1 pr-2", children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-base font-medium text-foreground", children }) : children }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.Animated.View, { style: { transform: [{ rotate }] }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text2, { className: "text-muted text-base font-semibold", children: "\u25BC" }) })
         ]
       }
     );
@@ -1692,7 +1861,7 @@ var AccordionContent = React19.forwardRef(
     const { isOpen } = useAccordionItemContext();
     if (!isOpen) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      import_react_native21.View,
+      import_react_native22.View,
       {
         ref,
         className: cn("pt-1 pb-3 px-1 text-sm text-muted", className),
@@ -1706,7 +1875,7 @@ AccordionContent.displayName = "AccordionContent";
 
 // src/components/bottom-sheet/bottom-sheet.tsx
 var React20 = __toESM(require("react"));
-var import_react_native22 = require("react-native");
+var import_react_native23 = require("react-native");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var BottomSheetContext = React20.createContext(null);
 function useBottomSheetContext() {
@@ -1752,38 +1921,38 @@ var BottomSheetTrigger = React20.forwardRef(
         onPress: handlePress
       });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native22.Pressable, { ref, onPress: handlePress, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native23.Pressable, { ref, onPress: handlePress, ...props, children });
   }
 );
 BottomSheetTrigger.displayName = "BottomSheetTrigger";
 var BottomSheetContent = React20.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, closeSheet } = useBottomSheetContext();
-    const screenHeight = import_react_native22.Dimensions.get("window").height;
-    const translateY = React20.useRef(new import_react_native22.Animated.Value(screenHeight)).current;
-    const backdropOpacity = React20.useRef(new import_react_native22.Animated.Value(0)).current;
+    const screenHeight = import_react_native23.Dimensions.get("window").height;
+    const translateY = React20.useRef(new import_react_native23.Animated.Value(screenHeight)).current;
+    const backdropOpacity = React20.useRef(new import_react_native23.Animated.Value(0)).current;
     React20.useEffect(() => {
       if (open) {
-        import_react_native22.Animated.parallel([
-          import_react_native22.Animated.spring(translateY, {
+        import_react_native23.Animated.parallel([
+          import_react_native23.Animated.spring(translateY, {
             toValue: 0,
             useNativeDriver: true,
             bounciness: 4
           }),
-          import_react_native22.Animated.timing(backdropOpacity, {
+          import_react_native23.Animated.timing(backdropOpacity, {
             toValue: 1,
             duration: 250,
             useNativeDriver: true
           })
         ]).start();
       } else {
-        import_react_native22.Animated.parallel([
-          import_react_native22.Animated.timing(translateY, {
+        import_react_native23.Animated.parallel([
+          import_react_native23.Animated.timing(translateY, {
             toValue: screenHeight,
             duration: 200,
             useNativeDriver: true
           }),
-          import_react_native22.Animated.timing(backdropOpacity, {
+          import_react_native23.Animated.timing(backdropOpacity, {
             toValue: 0,
             duration: 200,
             useNativeDriver: true
@@ -1792,7 +1961,7 @@ var BottomSheetContent = React20.forwardRef(
       }
     }, [open, translateY, backdropOpacity, screenHeight]);
     const panResponder = React20.useRef(
-      import_react_native22.PanResponder.create({
+      import_react_native23.PanResponder.create({
         onStartShouldSetPanResponder: () => true,
         onMoveShouldSetPanResponder: (_, gestureState) => gestureState.dy > 5,
         onPanResponderMove: (_, gestureState) => {
@@ -1804,7 +1973,7 @@ var BottomSheetContent = React20.forwardRef(
           if (gestureState.dy > 120 || gestureState.vy > 0.8) {
             closeSheet();
           } else {
-            import_react_native22.Animated.spring(translateY, {
+            import_react_native23.Animated.spring(translateY, {
               toValue: 0,
               useNativeDriver: true,
               bounciness: 4
@@ -1815,24 +1984,24 @@ var BottomSheetContent = React20.forwardRef(
     ).current;
     if (!open) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_react_native22.Modal,
+      import_react_native23.Modal,
       {
         transparent: true,
         visible: open,
         animationType: "none",
         onRequestClose: closeSheet,
         statusBarTranslucent: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native22.View, { className: "flex-1 justify-end", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native23.View, { className: "flex-1 justify-end", children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-            import_react_native22.Animated.View,
+            import_react_native23.Animated.View,
             {
               style: { opacity: backdropOpacity },
               className: "absolute inset-0 bg-black/60",
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native22.Pressable, { className: "flex-1", onPress: closeSheet })
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native23.Pressable, { className: "flex-1", onPress: closeSheet })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-            import_react_native22.Animated.View,
+            import_react_native23.Animated.View,
             {
               ref,
               style: { transform: [{ translateY }] },
@@ -1842,7 +2011,7 @@ var BottomSheetContent = React20.forwardRef(
               ),
               ...props,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native22.View, { ...panResponder.panHandlers, className: "w-full py-2 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native22.View, { className: "w-12 h-1.5 rounded-full bg-muted/40" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native23.View, { ...panResponder.panHandlers, className: "w-full py-2 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native23.View, { className: "w-12 h-1.5 rounded-full bg-muted/40" }) }),
                 children
               ]
             }
@@ -1854,7 +2023,7 @@ var BottomSheetContent = React20.forwardRef(
 );
 BottomSheetContent.displayName = "BottomSheetContent";
 var BottomSheetHeader = React20.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native22.View, { ref, className: cn("mb-4 gap-1", className), ...props, children })
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native23.View, { ref, className: cn("mb-4 gap-1", className), ...props, children })
 );
 BottomSheetHeader.displayName = "BottomSheetHeader";
 var BottomSheetTitle = ({
@@ -1872,12 +2041,12 @@ var BottomSheetDescription = ({
 };
 BottomSheetDescription.displayName = "BottomSheetDescription";
 var BottomSheetBody = React20.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native22.View, { ref, className: cn("py-2", className), ...props, children })
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native23.View, { ref, className: cn("py-2", className), ...props, children })
 );
 BottomSheetBody.displayName = "BottomSheetBody";
 var BottomSheetFooter = React20.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_react_native22.View,
+    import_react_native23.View,
     {
       ref,
       className: cn("mt-6 flex-row items-center justify-end gap-3", className),
@@ -1900,14 +2069,14 @@ var BottomSheetClose = React20.forwardRef(
         onPress: handlePress
       });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native22.Pressable, { ref, onPress: handlePress, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native23.Pressable, { ref, onPress: handlePress, ...props, children });
   }
 );
 BottomSheetClose.displayName = "BottomSheetClose";
 
 // src/components/select/select.tsx
 var React21 = __toESM(require("react"));
-var import_react_native23 = require("react-native");
+var import_react_native24 = require("react-native");
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var selectTriggerVariants = (0, import_class_variance_authority10.cva)(
@@ -1990,10 +2159,10 @@ var Select = ({
         value: currentValue,
         onSelect: handleSelect
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native23.View, { className: cn("w-full gap-1.5", className), children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native24.View, { className: cn("w-full gap-1.5", className), children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-sm font-medium text-foreground", children: label }),
         children ? children : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-          import_react_native23.Pressable,
+          import_react_native24.Pressable,
           {
             disabled,
             onPress: () => setOpen(true),
@@ -2020,22 +2189,22 @@ var Select = ({
         ),
         error ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-xs text-danger font-medium", children: error }) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-xs text-muted", children: helperText }) : null,
         options && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_react_native23.Modal,
+          import_react_native24.Modal,
           {
             transparent: true,
             visible: open,
             animationType: "fade",
             onRequestClose: () => setOpen(false),
             statusBarTranslucent: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native23.View, { className: "flex-1 justify-end bg-black/60", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native23.Pressable, { className: "flex-1", onPress: () => setOpen(false) }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native23.View, { className: "w-full bg-card rounded-t-3xl border-t border-border p-6 max-h-[75%]", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native23.View, { className: "flex-row items-center justify-between pb-4 border-b border-border mb-3", children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native24.View, { className: "flex-1 justify-end bg-black/60", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.Pressable, { className: "flex-1", onPress: () => setOpen(false) }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native24.View, { className: "w-full bg-card rounded-t-3xl border-t border-border p-6 max-h-[75%]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native24.View, { className: "flex-row items-center justify-between pb-4 border-b border-border mb-3", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-lg font-bold text-foreground", children: label || placeholder }),
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native23.Pressable, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.Pressable, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
                 ] }),
-                searchable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native23.View, { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                  import_react_native23.TextInput,
+                searchable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.View, { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                  import_react_native24.TextInput,
                   {
                     value: searchQuery,
                     onChangeText: setSearchQuery,
@@ -2044,10 +2213,10 @@ var Select = ({
                     className: "h-11 px-4 rounded-xl border border-border bg-background text-foreground text-base"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native23.ScrollView, { className: "max-h-80", showsVerticalScrollIndicator: false, children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native23.View, { className: "py-8 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-muted text-sm", children: "No options found" }) }) : filteredOptions.map((opt) => {
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.ScrollView, { className: "max-h-80", showsVerticalScrollIndicator: false, children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.View, { className: "py-8 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-muted text-sm", children: "No options found" }) }) : filteredOptions.map((opt) => {
                   const isSelected = opt.value === currentValue;
                   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-                    import_react_native23.Pressable,
+                    import_react_native24.Pressable,
                     {
                       disabled: opt.disabled,
                       onPress: () => handleSelect(opt.value),
@@ -2089,7 +2258,7 @@ var SelectTrigger = ({
 }) => {
   const { setOpen, open } = useSelectContext();
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    import_react_native23.Pressable,
+    import_react_native24.Pressable,
     {
       onPress: () => setOpen(true),
       accessibilityRole: "combobox",
@@ -2129,21 +2298,21 @@ var SelectContent = ({ title, children }) => {
   const { open, setOpen } = useSelectContext();
   if (!open) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    import_react_native23.Modal,
+    import_react_native24.Modal,
     {
       transparent: true,
       visible: open,
       animationType: "fade",
       onRequestClose: () => setOpen(false),
       statusBarTranslucent: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native23.View, { className: "flex-1 justify-end bg-black/60", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native23.Pressable, { className: "flex-1", onPress: () => setOpen(false) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native23.View, { className: "w-full bg-card rounded-t-3xl border-t border-border p-6 max-h-[75%]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native23.View, { className: "flex-row items-center justify-between pb-3 border-b border-border mb-3", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native24.View, { className: "flex-1 justify-end bg-black/60", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.Pressable, { className: "flex-1", onPress: () => setOpen(false) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native24.View, { className: "w-full bg-card rounded-t-3xl border-t border-border p-6 max-h-[75%]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native24.View, { className: "flex-row items-center justify-between pb-3 border-b border-border mb-3", children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-lg font-bold text-foreground", children: title || "Select" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native23.Pressable, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.Pressable, { onPress: () => setOpen(false), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text2, { className: "text-muted text-lg font-semibold", children: "\u2715" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native23.ScrollView, { className: "max-h-80", children })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.ScrollView, { className: "max-h-80", children })
         ] })
       ] })
     }
@@ -2158,7 +2327,7 @@ var SelectItem = ({
   const { value: selectedValue, onSelect } = useSelectContext();
   const isSelected = selectedValue === itemValue;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    import_react_native23.Pressable,
+    import_react_native24.Pressable,
     {
       onPress: () => onSelect(itemValue),
       className: cn(
@@ -2186,7 +2355,7 @@ SelectItem.displayName = "SelectItem";
 
 // src/components/data-table/data-table.tsx
 var React22 = __toESM(require("react"));
-var import_react_native24 = require("react-native");
+var import_react_native25 = require("react-native");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function DataTable({
   columns,
@@ -2253,7 +2422,7 @@ function DataTable({
       setSortDirection("asc");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native24.View, { className: cn("w-full gap-4", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native25.View, { className: cn("w-full gap-4", className), ...props, children: [
     searchable && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       Input,
       {
@@ -2266,10 +2435,10 @@ function DataTable({
         className: "bg-card"
       }
     ),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native24.View, { className: "gap-3", children: [1, 2, 3].map((idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Skeleton, { className: "h-20 w-full rounded-2xl" }, idx)) }) : paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { className: "items-center justify-center p-8", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text2, { className: "text-muted text-base", children: emptyText }) }) : mode === "card" ? (
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native25.View, { className: "gap-3", children: [1, 2, 3].map((idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Skeleton, { className: "h-20 w-full rounded-2xl" }, idx)) }) : paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { className: "items-center justify-center p-8", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text2, { className: "text-muted text-base", children: emptyText }) }) : mode === "card" ? (
       /* Mobile Card Mode */
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native24.View, { className: "gap-3", children: paginatedData.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        import_react_native24.Pressable,
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native25.View, { className: "gap-3", children: paginatedData.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        import_react_native25.Pressable,
         {
           disabled: !onRowPress,
           onPress: () => onRowPress?.(item),
@@ -2278,12 +2447,12 @@ function DataTable({
             const rawVal = item[col.key];
             const renderedVal = col.render ? col.render(rawVal, item) : String(rawVal ?? "\u2014");
             return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-              import_react_native24.View,
+              import_react_native25.View,
               {
                 className: "flex-row items-center justify-between py-1 border-b border-border/40 last:border-b-0",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text2, { className: "text-xs font-semibold text-muted uppercase tracking-wider", children: col.title }),
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native24.View, { className: "shrink", children: typeof renderedVal === "string" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text2, { className: "text-sm font-medium text-foreground", children: renderedVal }) : renderedVal })
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native25.View, { className: "shrink", children: typeof renderedVal === "string" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text2, { className: "text-sm font-medium text-foreground", children: renderedVal }) : renderedVal })
                 ]
               },
               String(col.key)
@@ -2294,9 +2463,9 @@ function DataTable({
       )) })
     ) : (
       /* Horizontal Table Mode */
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native24.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native24.View, { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native24.View, { className: "flex-row bg-muted/10 border-b border-border", children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-          import_react_native24.Pressable,
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native25.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native25.View, { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native25.View, { className: "flex-row bg-muted/10 border-b border-border", children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          import_react_native25.Pressable,
           {
             disabled: !col.sortable,
             onPress: () => handleSort(String(col.key)),
@@ -2310,7 +2479,7 @@ function DataTable({
           String(col.key)
         )) }),
         paginatedData.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_react_native24.Pressable,
+          import_react_native25.Pressable,
           {
             disabled: !onRowPress,
             onPress: () => onRowPress?.(item),
@@ -2319,7 +2488,7 @@ function DataTable({
               const rawVal = item[col.key];
               const renderedVal = col.render ? col.render(rawVal, item) : String(rawVal ?? "\u2014");
               return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                import_react_native24.View,
+                import_react_native25.View,
                 {
                   style: { width: col.width || 120 },
                   className: "px-4 py-3 justify-center",
@@ -2333,7 +2502,7 @@ function DataTable({
         ))
       ] }) })
     ),
-    totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native24.View, { className: "flex-row items-center justify-between pt-2", children: [
+    totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native25.View, { className: "flex-row items-center justify-between pt-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Text2, { className: "text-xs text-muted", children: [
         "Showing ",
         (currentPage - 1) * pageSize + 1,
@@ -2344,7 +2513,7 @@ function DataTable({
         " ",
         sortedData.length
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native24.View, { className: "flex-row items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native25.View, { className: "flex-row items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           Button,
           {
@@ -2377,7 +2546,7 @@ function DataTable({
 
 // src/templates/auth/SignInTemplate.tsx
 var React23 = __toESM(require("react"));
-var import_react_native25 = require("react-native");
+var import_react_native26 = require("react-native");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var SignInTemplate = ({
   title = "Welcome Back",
@@ -2415,25 +2584,27 @@ var SignInTemplate = ({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_react_native25.KeyboardAvoidingView,
+    import_react_native26.KeyboardAvoidingView,
     {
-      behavior: import_react_native25.Platform.OS === "ios" ? "padding" : "height",
+      behavior: import_react_native26.Platform.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_react_native25.ScrollView,
+        import_react_native26.ScrollView,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "items-center gap-2", children: [
-              logo && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native25.View, { className: "mb-2", children: logo }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "items-center gap-2", children: [
+              logo && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.View, { className: "mb-2", children: logo }),
               /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDescription, { children: error }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "gap-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Input,
                 {
@@ -2450,7 +2621,7 @@ var SignInTemplate = ({
                   error: emailError
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native25.View, { className: "gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.View, { className: "gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Input,
                 {
                   label: "Password",
@@ -2462,15 +2633,15 @@ var SignInTemplate = ({
                     if (passwordError) setPasswordError(void 0);
                   },
                   error: passwordError,
-                  rightElement: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native25.Pressable, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-muted font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
+                  rightElement: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-muted font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "flex-row items-center justify-between py-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "flex-row items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center justify-between py-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-2", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
                   /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-foreground", children: "Remember me" })
                 ] }),
-                onForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native25.Pressable, { onPress: onForgotPassword, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-semibold text-primary", children: "Forgot password?" }) })
+                onForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: onForgotPassword, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-semibold text-primary", children: "Forgot password?" }) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Button,
@@ -2484,13 +2655,13 @@ var SignInTemplate = ({
                 }
               )
             ] }),
-            (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "flex-row items-center gap-3", children: [
+            (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { className: "flex-1" }),
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { className: "flex-1" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "flex-row gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row gap-3", children: [
                 onGooglePress && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   Button,
                   {
@@ -2511,9 +2682,9 @@ var SignInTemplate = ({
                 )
               ] })
             ] }),
-            onSignUpPress && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native25.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
+            onSignUpPress && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-muted", children: "Don't have an account?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native25.Pressable, { onPress: onSignUpPress, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-bold text-primary", children: "Sign Up" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: onSignUpPress, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-bold text-primary", children: "Sign Up" }) })
             ] })
           ] })
         }
@@ -2524,7 +2695,7 @@ var SignInTemplate = ({
 
 // src/templates/auth/SignUpTemplate.tsx
 var React24 = __toESM(require("react"));
-var import_react_native26 = require("react-native");
+var import_react_native27 = require("react-native");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var SignUpTemplate = ({
   title = "Create Account",
@@ -2573,25 +2744,27 @@ var SignUpTemplate = ({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    import_react_native26.KeyboardAvoidingView,
+    import_react_native27.KeyboardAvoidingView,
     {
-      behavior: import_react_native26.Platform.OS === "ios" ? "padding" : "height",
+      behavior: import_react_native27.Platform.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        import_react_native26.ScrollView,
+        import_react_native27.ScrollView,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "items-center gap-2", children: [
-              logo && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native26.View, { className: "mb-2", children: logo }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "items-center gap-2", children: [
+              logo && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.View, { className: "mb-2", children: logo }),
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDescription, { children: error }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 Input,
                 {
@@ -2634,8 +2807,8 @@ var SignUpTemplate = ({
                   error: passwordError
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-2 pt-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row items-center gap-2 pt-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                     Checkbox,
                     {
@@ -2662,13 +2835,13 @@ var SignUpTemplate = ({
                 }
               )
             ] }),
-            (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-3", children: [
+            (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row items-center gap-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { className: "flex-1" }),
                 /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-muted uppercase", children: "or continue with" }),
                 /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { className: "flex-1" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "flex-row gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row gap-3", children: [
                 onGooglePress && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   Button,
                   {
@@ -2689,9 +2862,9 @@ var SignUpTemplate = ({
                 )
               ] })
             ] }),
-            onSignInPress && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native26.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
+            onSignInPress && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-muted", children: "Already have an account?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native26.Pressable, { onPress: onSignInPress, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm font-bold text-primary", children: "Sign In" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.Pressable, { onPress: onSignInPress, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm font-bold text-primary", children: "Sign In" }) })
             ] })
           ] })
         }
@@ -2702,7 +2875,7 @@ var SignUpTemplate = ({
 
 // src/templates/auth/ForgotPasswordTemplate.tsx
 var React25 = __toESM(require("react"));
-var import_react_native27 = require("react-native");
+var import_react_native28 = require("react-native");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var ForgotPasswordTemplate = ({
   title = "Reset Password",
@@ -2725,27 +2898,29 @@ var ForgotPasswordTemplate = ({
     onSubmit?.({ email });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_react_native27.KeyboardAvoidingView,
+    import_react_native28.KeyboardAvoidingView,
     {
-      behavior: import_react_native27.Platform.OS === "ios" ? "padding" : "height",
+      behavior: import_react_native28.Platform.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_react_native27.ScrollView,
+        import_react_native28.ScrollView,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native27.View, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native27.View, { className: "items-center gap-2", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "items-center gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-foreground text-center", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-muted text-center text-base", children: subtitle })
             ] }),
             error && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AlertDescription, { children: error }) }),
-            isSuccess ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native27.View, { className: "gap-4", children: [
+            isSuccess ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "gap-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Alert, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AlertDescription, { children: "Password reset link sent! Check your email inbox." }) }),
               onBackToSignIn && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "primary", size: "lg", onPress: onBackToSignIn, children: "Back to Sign In" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native27.View, { className: "gap-4", children: [
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "gap-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 Input,
                 {
@@ -2772,7 +2947,7 @@ var ForgotPasswordTemplate = ({
                   children: "Send Reset Link"
                 }
               ),
-              onBackToSignIn && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native27.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native27.Pressable, { onPress: onBackToSignIn, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-sm font-semibold text-primary", children: "Back to Sign In" }) }) })
+              onBackToSignIn && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native28.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native28.Pressable, { onPress: onBackToSignIn, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-sm font-semibold text-primary", children: "Back to Sign In" }) }) })
             ] })
           ] })
         }
@@ -2782,7 +2957,7 @@ var ForgotPasswordTemplate = ({
 };
 
 // src/templates/dashboard/DashboardTemplate.tsx
-var import_react_native28 = require("react-native");
+var import_react_native29 = require("react-native");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var DashboardTemplate = ({
   userName,
@@ -2798,20 +2973,21 @@ var DashboardTemplate = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-    import_react_native28.ScrollView,
+    import_react_native29.ScrollView,
     {
+      ...props,
+      style: [{ flex: 1 }, props.style],
       className: cn("flex-1 bg-background", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
-      ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-border/40", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { className: "flex-row items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-border/40", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-3", children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Avatar, { size: "lg", children: [
               userAvatarUrl && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarImage, { source: { uri: userAvatarUrl } }),
               /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarFallback, { text: userName.slice(0, 2).toUpperCase() })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs text-muted font-medium uppercase tracking-wider", children: userRole }),
               /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Heading, { level: 3, className: "text-xl font-bold text-foreground", children: [
                 "Hello, ",
@@ -2821,27 +2997,27 @@ var DashboardTemplate = ({
             ] })
           ] }),
           onNotificationPress && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-            import_react_native28.Pressable,
+            import_react_native29.Pressable,
             {
               onPress: onNotificationPress,
               className: "w-10 h-10 rounded-full border border-border bg-card items-center justify-center relative active:opacity-70",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-base text-foreground", children: "\u{1F514}" }),
-                unreadNotificationsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native28.View, { className: "absolute -top-1 -right-1 w-5 h-5 rounded-full bg-danger items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-[10px] font-bold text-white", children: unreadNotificationsCount > 9 ? "9+" : unreadNotificationsCount }) })
+                unreadNotificationsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.View, { className: "absolute -top-1 -right-1 w-5 h-5 rounded-full bg-danger items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-[10px] font-bold text-white", children: unreadNotificationsCount > 9 ? "9+" : unreadNotificationsCount }) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { className: "px-6 pt-6 gap-6", children: [
-          quickActions && quickActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { className: "gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "px-6 pt-6 gap-6", children: [
+          quickActions && quickActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider", children: "Quick Actions" }),
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-              import_react_native28.ScrollView,
+              import_react_native29.ScrollView,
               {
                 horizontal: true,
                 showsHorizontalScrollIndicator: false,
                 className: "-mx-6 px-6",
-                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native28.View, { className: "flex-row gap-3", children: quickActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.View, { className: "flex-row gap-3", children: quickActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                   Button,
                   {
                     variant: "outline",
@@ -2855,21 +3031,21 @@ var DashboardTemplate = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { className: "gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "gap-3", children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider", children: "Overview Performance" }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native28.View, { className: "gap-3", children: metrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(StatsCard, { ...metric }, metric.id)) })
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.View, { className: "gap-3", children: metrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(StatsCard, { ...metric }, metric.id)) })
           ] }),
           recentActivities && recentActivities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Card, { className: "gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(CardHeader, { className: "flex-row items-center justify-between pb-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CardTitle, { className: "text-base font-bold", children: "Recent Activity" }),
-              onViewAllActivities && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native28.Pressable, { onPress: onViewAllActivities, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs font-semibold text-primary", children: "View all" }) })
+              onViewAllActivities && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.Pressable, { onPress: onViewAllActivities, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs font-semibold text-primary", children: "View all" }) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CardContent, { className: "gap-3 pt-0", children: recentActivities.map((act) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-              import_react_native28.View,
+              import_react_native29.View,
               {
                 className: "flex-row items-center justify-between py-2 border-b border-border/40 last:border-b-0",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { className: "flex-row items-center gap-3 flex-1 pr-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-3 flex-1 pr-2", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Avatar, { size: "sm", children: [
                       act.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarImage, { source: { uri: act.avatarUrl } }),
                       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
@@ -2879,7 +3055,7 @@ var DashboardTemplate = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { className: "flex-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-1", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-sm font-semibold text-foreground", numberOfLines: 1, children: act.title }),
                       /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Text2, { className: "text-xs text-muted", numberOfLines: 1, children: [
                         act.subtitle,
@@ -2888,7 +3064,7 @@ var DashboardTemplate = ({
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native28.View, { className: "items-end gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "items-end gap-1", children: [
                     act.amount && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-sm font-bold text-foreground", children: act.amount }),
                     act.status && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Badge, { variant: act.status.variant, size: "sm", children: act.status.label })
                   ] })
@@ -2904,7 +3080,7 @@ var DashboardTemplate = ({
 };
 
 // src/templates/settings/SettingsTemplate.tsx
-var import_react_native29 = require("react-native");
+var import_react_native30 = require("react-native");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var SettingsTemplate = ({
   user,
@@ -2926,21 +3102,22 @@ var SettingsTemplate = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_react_native29.ScrollView,
+    import_react_native30.ScrollView,
     {
+      ...props,
+      style: [{ flex: 1 }, props.style],
       className: cn("flex-1 bg-background", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "px-6 pt-6 gap-6", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "px-6 pt-6 gap-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading, { level: 2, className: "text-2xl font-bold text-foreground", children: "Settings & Profile" }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "p-4 flex-row items-center gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Avatar, { size: "lg", children: [
             user.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AvatarImage, { source: { uri: user.avatarUrl } }),
             /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AvatarFallback, { text: user.name.slice(0, 2).toUpperCase() })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-row items-center gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-base font-bold text-foreground", children: user.name }),
               user.plan && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { variant: "primary", size: "sm", children: user.plan })
             ] }),
@@ -2948,11 +3125,11 @@ var SettingsTemplate = ({
           ] }),
           onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Preferences" }),
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-border/50", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "pr-4 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Push Notifications" }),
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Receive real-time alerts on your mobile device" })
               ] }),
@@ -2964,8 +3141,8 @@ var SettingsTemplate = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "pr-4 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Email Notifications" }),
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Weekly digests and activity summaries" })
               ] }),
@@ -2977,15 +3154,15 @@ var SettingsTemplate = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "pr-4 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Dark Theme" }),
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Enable high contrast dark mode appearance" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "pr-4 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-foreground", children: "Biometric Login" }),
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-muted", children: "Use Face ID or fingerprint to authenticate" })
               ] }),
@@ -2999,11 +3176,11 @@ var SettingsTemplate = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-muted uppercase tracking-wider px-1", children: "Account & Security" }),
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-border/50", children: [
             onChangePassword && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-              import_react_native29.Pressable,
+              import_react_native30.Pressable,
               {
                 onPress: onChangePassword,
                 className: "p-4 flex-row items-center justify-between active:bg-muted/10",
@@ -3014,7 +3191,7 @@ var SettingsTemplate = ({
               }
             ),
             onViewTerms && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-              import_react_native29.Pressable,
+              import_react_native30.Pressable,
               {
                 onPress: onViewTerms,
                 className: "p-4 flex-row items-center justify-between active:bg-muted/10",
@@ -3025,7 +3202,7 @@ var SettingsTemplate = ({
               }
             ),
             onViewPrivacy && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-              import_react_native29.Pressable,
+              import_react_native30.Pressable,
               {
                 onPress: onViewPrivacy,
                 className: "p-4 flex-row items-center justify-between active:bg-muted/10",
@@ -3037,7 +3214,7 @@ var SettingsTemplate = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native29.View, { className: "gap-3 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-3 pt-2", children: [
           onLogout && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "outline", size: "lg", onPress: onLogout, children: "Log Out" }),
           onDeleteAccount && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             Button,
@@ -3056,7 +3233,7 @@ var SettingsTemplate = ({
 
 // src/providers/BeyondUIProvider.tsx
 var React26 = __toESM(require("react"));
-var import_react_native30 = require("react-native");
+var import_react_native31 = require("react-native");
 var import_portal = require("@rn-primitives/portal");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var BeyondUIContext = React26.createContext({
@@ -3073,7 +3250,7 @@ function BeyondUIProvider({
   children,
   defaultColorScheme = "system"
 }) {
-  const systemScheme = (0, import_react_native30.useColorScheme)() ?? "light";
+  const systemScheme = (0, import_react_native31.useColorScheme)() ?? "light";
   const [selectedScheme, setSelectedScheme] = React26.useState(defaultColorScheme);
   const [toasts, setToasts] = React26.useState([]);
   const activeScheme = selectedScheme === "system" ? systemScheme : selectedScheme;
@@ -3112,11 +3289,18 @@ function BeyondUIProvider({
     }),
     [activeScheme, toggleColorScheme]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native30.View, { className: activeScheme === "dark" ? "dark flex-1" : "flex-1", children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_portal.PortalHost, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ToastContainer, { toasts, onDismiss: dismissToast })
-  ] }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    import_react_native31.View,
+    {
+      style: { flex: 1 },
+      className: activeScheme === "dark" ? "dark flex-1" : "flex-1",
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_portal.PortalHost, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ToastContainer, { toasts, onDismiss: dismissToast })
+      ]
+    }
+  ) }) });
 }
 
 // src/theme/tokens.ts
@@ -3275,7 +3459,21 @@ var beyondUIPreset = {
         destructive: tokens.colors.destructive,
         success: tokens.colors.success,
         warning: tokens.colors.warning,
-        neutral: tokens.colors.neutral
+        neutral: tokens.colors.neutral,
+        background: tokens.colors.semantic.light.background,
+        foreground: tokens.colors.semantic.light.foreground,
+        card: {
+          DEFAULT: tokens.colors.semantic.light.card,
+          foreground: tokens.colors.semantic.light.cardForeground
+        },
+        cardForeground: tokens.colors.semantic.light.cardForeground,
+        muted: {
+          DEFAULT: tokens.colors.semantic.light.mutedForeground,
+          foreground: tokens.colors.semantic.light.mutedForeground
+        },
+        mutedForeground: tokens.colors.semantic.light.mutedForeground,
+        border: tokens.colors.semantic.light.border,
+        input: tokens.colors.semantic.light.input
       },
       borderRadius: {
         none: "0px",
@@ -3351,6 +3549,7 @@ function joinA11yLabels(...parts) {
   Dialog,
   DialogClose,
   DialogContent,
+  DialogContext,
   DialogDescription,
   DialogFooter,
   DialogHeader,
@@ -3379,6 +3578,7 @@ function joinA11yLabels(...parts) {
   Switch,
   Tabs,
   TabsContent,
+  TabsContext,
   TabsList,
   TabsTrigger,
   Text,
@@ -3405,6 +3605,8 @@ function joinA11yLabels(...parts) {
   textVariants,
   tokens,
   useBeyondUI,
+  useDialogContext,
+  useTabsContext,
   useToast
 });
 //# sourceMappingURL=index.js.map