@beyondcorp/beyond-ui-native 0.1.6 → 0.1.7

package/dist/index.mjs

@@ -2469,16 +2469,557 @@ function DataTable({
   ] });
 }
 
-// src/templates/auth/SignInTemplate.tsx
+// src/components/modal/modal.tsx
 import * as React23 from "react";
 import {
+  Modal as RNModal,
   View as View22,
-  ScrollView as ScrollView3,
+  Text as Text16,
+  Pressable as Pressable13,
+  StyleSheet as StyleSheet2,
   KeyboardAvoidingView,
   Platform,
-  Pressable as Pressable13
+  ScrollView as ScrollView3
 } from "react-native";
+import { cva as cva11 } from "class-variance-authority";
 import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+var modalVariants = cva11(
+  "w-full rounded-2xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 p-6 shadow-2xl relative",
+  {
+    variants: {
+      size: {
+        sm: "max-w-xs",
+        md: "max-w-md",
+        lg: "max-w-lg",
+        xl: "max-w-xl",
+        full: "max-w-[95%] max-h-[90%]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var ModalContext = React23.createContext(null);
+function useModalContext() {
+  const context = React23.useContext(ModalContext);
+  if (!context) {
+    throw new Error("Modal compound components must be used within a Modal component");
+  }
+  return context;
+}
+function Modal4({
+  open: controlledOpen,
+  visible,
+  onOpenChange,
+  onRequestClose,
+  showCloseButton = true,
+  closeOnOverlayPress = true,
+  size = "md",
+  children,
+  className,
+  overlayClassName
+}) {
+  const isOpen = (controlledOpen !== void 0 ? controlledOpen : visible) ?? false;
+  const handleClose = React23.useCallback(() => {
+    onOpenChange?.(false);
+    onRequestClose?.();
+  }, [onOpenChange, onRequestClose]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx26(ModalContext.Provider, { value: { open: isOpen, onOpenChange: (o) => !o && handleClose() }, children: /* @__PURE__ */ jsx26(
+    RNModal,
+    {
+      transparent: true,
+      visible: isOpen,
+      animationType: "fade",
+      onRequestClose: handleClose,
+      statusBarTranslucent: true,
+      children: /* @__PURE__ */ jsxs13(
+        KeyboardAvoidingView,
+        {
+          behavior: Platform.OS === "ios" ? "padding" : void 0,
+          style: StyleSheet2.absoluteFill,
+          children: [
+            /* @__PURE__ */ jsx26(
+              Pressable13,
+              {
+                style: StyleSheet2.absoluteFill,
+                className: cn("bg-black/60", overlayClassName),
+                onPress: closeOnOverlayPress ? handleClose : void 0,
+                accessibilityRole: "button",
+                accessibilityLabel: "Close modal overlay"
+              }
+            ),
+            /* @__PURE__ */ jsx26(
+              View22,
+              {
+                pointerEvents: "box-none",
+                style: StyleSheet2.absoluteFill,
+                className: "items-center justify-center p-4 z-50",
+                children: /* @__PURE__ */ jsxs13(
+                  View22,
+                  {
+                    role: "dialog",
+                    "aria-modal": true,
+                    className: cn(modalVariants({ size }), className),
+                    children: [
+                      showCloseButton && /* @__PURE__ */ jsx26(
+                        Pressable13,
+                        {
+                          onPress: handleClose,
+                          hitSlop: { top: 12, right: 12, bottom: 12, left: 12 },
+                          className: "absolute right-4 top-4 z-50 w-8 h-8 rounded-full bg-neutral-100 dark:bg-neutral-800 items-center justify-center active:opacity-70",
+                          accessibilityRole: "button",
+                          accessibilityLabel: "Close modal",
+                          children: /* @__PURE__ */ jsx26(Text16, { className: "text-neutral-500 dark:text-neutral-400 text-sm font-semibold leading-none", children: "\u2715" })
+                        }
+                      ),
+                      children
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+Modal4.displayName = "Modal";
+function ModalHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    View22,
+    {
+      className: cn("flex-col space-y-1.5 pr-8", className),
+      ...props
+    }
+  );
+}
+ModalHeader.displayName = "ModalHeader";
+var ModalTitle = React23.forwardRef(
+  function ModalTitle2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx26(
+      Text16,
+      {
+        ref,
+        role: "heading",
+        "aria-level": 2,
+        className: cn(
+          "text-lg font-bold tracking-tight text-neutral-900 dark:text-neutral-50",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+ModalTitle.displayName = "ModalTitle";
+var ModalDescription = React23.forwardRef(
+  function ModalDescription2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx26(
+      Text16,
+      {
+        ref,
+        className: cn(
+          "text-sm text-neutral-500 dark:text-neutral-400 mt-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+ModalDescription.displayName = "ModalDescription";
+function ModalContent({
+  className,
+  children,
+  scrollable = false,
+  ...props
+}) {
+  if (scrollable) {
+    return /* @__PURE__ */ jsx26(
+      ScrollView3,
+      {
+        showsVerticalScrollIndicator: false,
+        className: cn("py-3 max-h-[70vh]", className),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx26(View22, { className: cn("py-3", className), ...props, children });
+}
+ModalContent.displayName = "ModalContent";
+function ModalFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    View22,
+    {
+      className: cn(
+        "flex-row flex-wrap items-center justify-end gap-2 pt-3 border-t border-neutral-100 dark:border-neutral-800 mt-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+ModalFooter.displayName = "ModalFooter";
+
+// src/components/night-mode-switch/night-mode-switch.tsx
+import * as React25 from "react";
+import {
+  Pressable as Pressable14,
+  Text as Text17
+} from "react-native";
+import { cva as cva12 } from "class-variance-authority";
+
+// src/providers/BeyondUIProvider.tsx
+import * as React24 from "react";
+import { View as View23, useColorScheme as useRNColorScheme } from "react-native";
+import { colorScheme as nwColorScheme } from "nativewind";
+import { PortalHost } from "@rn-primitives/portal";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+if (typeof __DEV__ !== "undefined" && __DEV__) {
+  try {
+    const { LogBox } = __require("react-native");
+    LogBox?.ignoreLogs?.([
+      "You are setting the style `{ shadowOffset: ... }` as a prop",
+      "You are setting the style"
+    ]);
+    if (!Boolean(console.error?.__beyond_ui_filtered)) {
+      const originalError = console.error;
+      const filteredError = (...args) => {
+        const fullMessage = args.map((arg) => typeof arg === "string" ? arg : "").join(" ");
+        if (fullMessage.includes("shadowOffset") || fullMessage.includes("You are setting the style")) {
+          return;
+        }
+        originalError(...args);
+      };
+      filteredError.__beyond_ui_filtered = true;
+      console.error = filteredError;
+    }
+  } catch (_) {
+  }
+}
+var BeyondUIContext = React24.createContext({
+  colorScheme: "light",
+  setColorScheme: () => {
+  },
+  toggleColorScheme: () => {
+  }
+});
+function useBeyondUI() {
+  return React24.useContext(BeyondUIContext);
+}
+function BeyondUIProvider({
+  children,
+  defaultColorScheme = "system"
+}) {
+  const systemScheme = useRNColorScheme() ?? "light";
+  const [selectedScheme, setSelectedScheme] = React24.useState(defaultColorScheme);
+  const [toasts, setToasts] = React24.useState([]);
+  const activeScheme = selectedScheme === "system" ? systemScheme : selectedScheme;
+  React24.useEffect(() => {
+    try {
+      nwColorScheme.set(selectedScheme === "system" ? "system" : activeScheme);
+    } catch (_) {
+    }
+  }, [selectedScheme, activeScheme]);
+  const handleSetColorScheme = React24.useCallback((scheme) => {
+    setSelectedScheme(scheme);
+    try {
+      nwColorScheme.set(scheme === "system" ? "system" : scheme);
+    } catch (_) {
+    }
+  }, []);
+  const toggleColorScheme = React24.useCallback(() => {
+    setSelectedScheme((prev) => {
+      const current = prev === "system" ? systemScheme : prev;
+      const next = current === "dark" ? "light" : "dark";
+      try {
+        nwColorScheme.set(next);
+      } catch (_) {
+      }
+      return next;
+    });
+  }, [systemScheme]);
+  const dismissToast = React24.useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  const showToast = React24.useCallback((toast) => {
+    const id = Math.random().toString(36).substring(2, 9);
+    setToasts((prev) => [...prev, { ...toast, id }]);
+    return id;
+  }, []);
+  const toastContextValue = React24.useMemo(
+    () => ({
+      toasts,
+      show: showToast,
+      dismiss: dismissToast,
+      success: (title, description) => showToast({ title, description, variant: "success" }),
+      danger: (title, description) => showToast({ title, description, variant: "danger" }),
+      error: (title, description) => showToast({ title, description, variant: "danger" }),
+      warning: (title, description) => showToast({ title, description, variant: "warning" }),
+      info: (title, description) => showToast({ title, description, variant: "info" })
+    }),
+    [toasts, showToast, dismissToast]
+  );
+  const contextValue = React24.useMemo(
+    () => ({
+      colorScheme: activeScheme,
+      setColorScheme: handleSetColorScheme,
+      toggleColorScheme
+    }),
+    [activeScheme, handleSetColorScheme, toggleColorScheme]
+  );
+  return /* @__PURE__ */ jsx27(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx27(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ jsxs14(
+    View23,
+    {
+      style: { flex: 1 },
+      className: activeScheme === "dark" ? "dark flex-1 bg-neutral-950" : "flex-1 bg-white",
+      children: [
+        children,
+        /* @__PURE__ */ jsx27(PortalHost, {}),
+        /* @__PURE__ */ jsx27(ToastContainer, { toasts, onDismiss: dismissToast })
+      ]
+    }
+  ) }) });
+}
+
+// src/components/night-mode-switch/night-mode-switch.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var nightModeSwitchVariants = cva12(
+  "inline-flex items-center justify-center rounded-full active:opacity-75",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary-600 dark:bg-primary-500",
+        secondary: "bg-secondary-600 dark:bg-secondary-500",
+        ghost: "bg-transparent active:bg-neutral-100 dark:active:bg-neutral-800"
+      },
+      size: {
+        sm: "w-8 h-8",
+        md: "w-10 h-10",
+        lg: "w-12 h-12"
+      }
+    },
+    defaultVariants: {
+      variant: "ghost",
+      size: "md"
+    }
+  }
+);
+var NightModeSwitch = React25.forwardRef(
+  function NightModeSwitch2({
+    className,
+    textClassName,
+    variant,
+    size,
+    ariaLabel = "Toggle dark mode",
+    onPress,
+    ...props
+  }, ref) {
+    const { colorScheme, toggleColorScheme } = useBeyondUI();
+    const isDark = colorScheme === "dark";
+    const handlePress = (e) => {
+      toggleColorScheme();
+      onPress?.(e);
+    };
+    const iconSizeClasses = {
+      sm: "text-base",
+      md: "text-lg",
+      lg: "text-xl"
+    }[size || "md"];
+    return /* @__PURE__ */ jsx28(
+      Pressable14,
+      {
+        ref,
+        role: "button",
+        accessibilityRole: "button",
+        accessibilityLabel: ariaLabel,
+        accessibilityState: { checked: isDark },
+        className: cn(nightModeSwitchVariants({ variant, size }), className),
+        onPress: handlePress,
+        ...props,
+        children: /* @__PURE__ */ jsx28(
+          Text17,
+          {
+            className: cn(
+              iconSizeClasses,
+              variant === "ghost" ? "text-neutral-700 dark:text-neutral-200" : "text-white",
+              textClassName
+            ),
+            children: isDark ? "\u{1F319}" : "\u2600\uFE0F"
+          }
+        )
+      }
+    );
+  }
+);
+NightModeSwitch.displayName = "NightModeSwitch";
+
+// src/components/dashboard-layout/dashboard-layout.tsx
+import * as React26 from "react";
+import {
+  View as View24,
+  ScrollView as ScrollView4,
+  Pressable as Pressable15,
+  TextInput as TextInput4,
+  RefreshControl
+} from "react-native";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+var DashboardLayout = ({
+  title,
+  subtitle,
+  breadcrumbs,
+  user,
+  onProfilePress,
+  onNotificationPress,
+  unreadNotificationsCount = 0,
+  showSearch = false,
+  searchPlaceholder = "Search...",
+  searchValue,
+  onSearchChange,
+  showNightModeSwitch = true,
+  onBackPress,
+  backIcon,
+  headerActions,
+  footer,
+  scrollable = true,
+  refreshing = false,
+  onRefresh,
+  contentClassName,
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs15(
+    View24,
+    {
+      className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs15(View24, { className: "px-5 pt-3 pb-3 border-b border-neutral-200 dark:border-neutral-800 bg-white/90 dark:bg-neutral-900/90 flex-row items-center justify-between z-10", children: [
+          /* @__PURE__ */ jsxs15(View24, { className: "flex-row items-center gap-3 flex-1 mr-2", children: [
+            onBackPress && /* @__PURE__ */ jsx29(
+              Pressable15,
+              {
+                onPress: onBackPress,
+                className: "w-9 h-9 rounded-full bg-neutral-100 dark:bg-neutral-800 items-center justify-center active:opacity-70",
+                accessibilityRole: "button",
+                accessibilityLabel: "Back",
+                children: backIcon || /* @__PURE__ */ jsx29(Text2, { className: "text-neutral-700 dark:text-neutral-200 font-bold text-base leading-none", children: "\u2190" })
+              }
+            ),
+            user && /* @__PURE__ */ jsxs15(
+              Pressable15,
+              {
+                onPress: onProfilePress,
+                className: "flex-row items-center gap-2 active:opacity-80",
+                accessibilityRole: "button",
+                accessibilityLabel: `User profile: ${user.name || "User"}`,
+                children: [
+                  /* @__PURE__ */ jsxs15(Avatar, { size: "sm", children: [
+                    user.avatarUrl && /* @__PURE__ */ jsx29(AvatarImage, { source: { uri: user.avatarUrl } }),
+                    /* @__PURE__ */ jsx29(AvatarFallback, { text: (user.name || "U").slice(0, 2).toUpperCase() })
+                  ] }),
+                  /* @__PURE__ */ jsxs15(View24, { className: "hidden sm:flex", children: [
+                    /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-semibold text-neutral-800 dark:text-neutral-200 leading-tight", children: user.name }),
+                    user.role && /* @__PURE__ */ jsx29(Text2, { className: "text-[10px] text-neutral-500 dark:text-neutral-400 leading-tight", children: user.role })
+                  ] })
+                ]
+              }
+            ),
+            (title || subtitle) && /* @__PURE__ */ jsxs15(View24, { className: "flex-1", children: [
+              breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx29(View24, { className: "flex-row items-center gap-1 mb-0.5", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs15(React26.Fragment, { children: [
+                idx > 0 && /* @__PURE__ */ jsx29(Text2, { className: "text-[11px] text-neutral-400 dark:text-neutral-500", children: "/" }),
+                /* @__PURE__ */ jsx29(
+                  Text2,
+                  {
+                    onPress: crumb.onPress,
+                    className: cn(
+                      "text-[11px]",
+                      crumb.onPress ? "text-primary-600 dark:text-primary-400 font-medium" : "text-neutral-500 dark:text-neutral-400"
+                    ),
+                    children: crumb.label
+                  }
+                )
+              ] }, idx)) }),
+              title && /* @__PURE__ */ jsx29(
+                Heading,
+                {
+                  level: 3,
+                  className: "text-lg font-bold text-neutral-900 dark:text-neutral-50 leading-tight",
+                  children: title
+                }
+              ),
+              subtitle && /* @__PURE__ */ jsx29(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 leading-tight", children: subtitle })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs15(View24, { className: "flex-row items-center gap-2", children: [
+            headerActions,
+            showNightModeSwitch && /* @__PURE__ */ jsx29(NightModeSwitch, { size: "sm", variant: "ghost" }),
+            onNotificationPress && /* @__PURE__ */ jsxs15(
+              Pressable15,
+              {
+                onPress: onNotificationPress,
+                className: "w-9 h-9 rounded-full bg-neutral-100 dark:bg-neutral-800 items-center justify-center relative active:opacity-70",
+                accessibilityRole: "button",
+                accessibilityLabel: "Notifications",
+                children: [
+                  /* @__PURE__ */ jsx29(Text2, { className: "text-sm", children: "\u{1F514}" }),
+                  unreadNotificationsCount > 0 && /* @__PURE__ */ jsx29(View24, { className: "absolute -top-0.5 -right-0.5 min-w-[16px] h-4 px-1 rounded-full bg-danger items-center justify-center", children: /* @__PURE__ */ jsx29(Text2, { className: "text-[9px] font-bold text-white leading-none", children: unreadNotificationsCount > 9 ? "9+" : unreadNotificationsCount }) })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        showSearch && /* @__PURE__ */ jsx29(View24, { className: "px-5 py-2 border-b border-neutral-100 dark:border-neutral-800/60 bg-neutral-50/50 dark:bg-neutral-900/50", children: /* @__PURE__ */ jsxs15(View24, { className: "flex-row items-center bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-xl px-3 py-2", children: [
+          /* @__PURE__ */ jsx29(Text2, { className: "text-neutral-400 mr-2 text-sm", children: "\u{1F50D}" }),
+          /* @__PURE__ */ jsx29(
+            TextInput4,
+            {
+              value: searchValue,
+              onChangeText: onSearchChange,
+              placeholder: searchPlaceholder,
+              placeholderTextColor: "#9ca3af",
+              className: "flex-1 text-sm text-neutral-900 dark:text-neutral-100 p-0"
+            }
+          )
+        ] }) }),
+        scrollable ? /* @__PURE__ */ jsx29(
+          ScrollView4,
+          {
+            className: cn("flex-1", contentClassName),
+            contentContainerStyle: { paddingBottom: 32 },
+            showsVerticalScrollIndicator: false,
+            refreshControl: onRefresh ? /* @__PURE__ */ jsx29(RefreshControl, { refreshing, onRefresh }) : void 0,
+            children
+          }
+        ) : /* @__PURE__ */ jsx29(View24, { className: cn("flex-1", contentClassName), children }),
+        footer
+      ]
+    }
+  );
+};
+DashboardLayout.displayName = "DashboardLayout";
+
+// src/templates/auth/SignInTemplate.tsx
+import * as React27 from "react";
+import {
+  View as View25,
+  ScrollView as ScrollView5,
+  KeyboardAvoidingView as KeyboardAvoidingView2,
+  Platform as Platform2,
+  Pressable as Pressable16
+} from "react-native";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 var SignInTemplate = ({
   title = "Welcome Back",
   subtitle = "Sign in to your Beyond account to continue",
@@ -2492,12 +3033,12 @@ var SignInTemplate = ({
   error,
   className
 }) => {
-  const [email, setEmail] = React23.useState("");
-  const [password, setPassword] = React23.useState("");
-  const [showPassword, setShowPassword] = React23.useState(false);
-  const [rememberMe, setRememberMe] = React23.useState(false);
-  const [emailError, setEmailError] = React23.useState();
-  const [passwordError, setPasswordError] = React23.useState();
+  const [email, setEmail] = React27.useState("");
+  const [password, setPassword] = React27.useState("");
+  const [showPassword, setShowPassword] = React27.useState(false);
+  const [rememberMe, setRememberMe] = React27.useState(false);
+  const [emailError, setEmailError] = React27.useState();
+  const [passwordError, setPasswordError] = React27.useState();
   const handleSubmit = () => {
     let valid = true;
     setEmailError(void 0);
@@ -2514,29 +3055,29 @@ var SignInTemplate = ({
       onSubmit?.({ email, password, rememberMe });
     }
   };
-  return /* @__PURE__ */ jsx26(
-    KeyboardAvoidingView,
+  return /* @__PURE__ */ jsx30(
+    KeyboardAvoidingView2,
     {
-      behavior: Platform.OS === "ios" ? "padding" : "height",
+      behavior: Platform2.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
       className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
-      children: /* @__PURE__ */ jsx26(
-        ScrollView3,
+      children: /* @__PURE__ */ jsx30(
+        ScrollView5,
         {
           style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ jsxs13(View22, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ jsxs13(View22, { className: "items-center gap-2", children: [
-              logo && /* @__PURE__ */ jsx26(View22, { className: "mb-2", children: logo }),
-              /* @__PURE__ */ jsx26(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
-              /* @__PURE__ */ jsx26(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
+          children: /* @__PURE__ */ jsxs16(View25, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ jsxs16(View25, { className: "items-center gap-2", children: [
+              logo && /* @__PURE__ */ jsx30(View25, { className: "mb-2", children: logo }),
+              /* @__PURE__ */ jsx30(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
-            error && /* @__PURE__ */ jsx26(Alert, { variant: "danger", children: /* @__PURE__ */ jsx26(AlertDescription, { children: error }) }),
-            /* @__PURE__ */ jsxs13(View22, { className: "gap-4", children: [
-              /* @__PURE__ */ jsx26(
+            error && /* @__PURE__ */ jsx30(Alert, { variant: "danger", children: /* @__PURE__ */ jsx30(AlertDescription, { children: error }) }),
+            /* @__PURE__ */ jsxs16(View25, { className: "gap-4", children: [
+              /* @__PURE__ */ jsx30(
                 Input,
                 {
                   label: "Email Address",
@@ -2552,7 +3093,7 @@ var SignInTemplate = ({
                   error: emailError
                 }
               ),
-              /* @__PURE__ */ jsx26(View22, { className: "gap-1", children: /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx30(View25, { className: "gap-1", children: /* @__PURE__ */ jsx30(
                 Input,
                 {
                   label: "Password",
@@ -2564,17 +3105,17 @@ var SignInTemplate = ({
                     if (passwordError) setPasswordError(void 0);
                   },
                   error: passwordError,
-                  rightElement: /* @__PURE__ */ jsx26(Pressable13, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ jsx26(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
+                  rightElement: /* @__PURE__ */ jsx30(Pressable16, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
                 }
               ) }),
-              /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center justify-between py-1", children: [
-                /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center gap-2", children: [
-                  /* @__PURE__ */ jsx26(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
-                  /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: "Remember me" })
+              /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center justify-between py-1", children: [
+                /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center gap-2", children: [
+                  /* @__PURE__ */ jsx30(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
+                  /* @__PURE__ */ jsx30(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: "Remember me" })
                 ] }),
-                onForgotPassword && /* @__PURE__ */ jsx26(Pressable13, { onPress: onForgotPassword, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Forgot password?" }) })
+                onForgotPassword && /* @__PURE__ */ jsx30(Pressable16, { onPress: onForgotPassword, children: /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Forgot password?" }) })
               ] }),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx30(
                 Button,
                 {
                   variant: "primary",
@@ -2586,14 +3127,14 @@ var SignInTemplate = ({
                 }
               )
             ] }),
-            (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs13(View22, { className: "gap-4", children: [
-              /* @__PURE__ */ jsxs13(View22, { className: "flex-row items-center gap-3", children: [
-                /* @__PURE__ */ jsx26(Separator, { className: "flex-1" }),
-                /* @__PURE__ */ jsx26(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
-                /* @__PURE__ */ jsx26(Separator, { className: "flex-1" })
+            (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs16(View25, { className: "gap-4", children: [
+              /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center gap-3", children: [
+                /* @__PURE__ */ jsx30(Separator, { className: "flex-1" }),
+                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
+                /* @__PURE__ */ jsx30(Separator, { className: "flex-1" })
               ] }),
-              /* @__PURE__ */ jsxs13(View22, { className: "flex-row gap-3", children: [
-                onGooglePress && /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsxs16(View25, { className: "flex-row gap-3", children: [
+                onGooglePress && /* @__PURE__ */ jsx30(
                   Button,
                   {
                     variant: "outline",
@@ -2602,7 +3143,7 @@ var SignInTemplate = ({
                     children: "Google"
                   }
                 ),
-                onApplePress && /* @__PURE__ */ jsx26(
+                onApplePress && /* @__PURE__ */ jsx30(
                   Button,
                   {
                     variant: "outline",
@@ -2613,9 +3154,9 @@ var SignInTemplate = ({
                 )
               ] })
             ] }),
-            onSignUpPress && /* @__PURE__ */ jsxs13(View22, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
-              /* @__PURE__ */ jsx26(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Don't have an account?" }),
-              /* @__PURE__ */ jsx26(Pressable13, { onPress: onSignUpPress, children: /* @__PURE__ */ jsx26(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign Up" }) })
+            onSignUpPress && /* @__PURE__ */ jsxs16(View25, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
+              /* @__PURE__ */ jsx30(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Don't have an account?" }),
+              /* @__PURE__ */ jsx30(Pressable16, { onPress: onSignUpPress, children: /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign Up" }) })
             ] })
           ] })
         }
@@ -2625,15 +3166,15 @@ var SignInTemplate = ({
 };
 
 // src/templates/auth/SignUpTemplate.tsx
-import * as React24 from "react";
+import * as React28 from "react";
 import {
-  View as View23,
-  ScrollView as ScrollView4,
-  KeyboardAvoidingView as KeyboardAvoidingView2,
-  Platform as Platform2,
-  Pressable as Pressable14
+  View as View26,
+  ScrollView as ScrollView6,
+  KeyboardAvoidingView as KeyboardAvoidingView3,
+  Platform as Platform3,
+  Pressable as Pressable17
 } from "react-native";
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var SignUpTemplate = ({
   title = "Create Account",
   subtitle = "Get started with your free Beyond account",
@@ -2646,14 +3187,14 @@ var SignUpTemplate = ({
   error,
   className
 }) => {
-  const [fullName, setFullName] = React24.useState("");
-  const [email, setEmail] = React24.useState("");
-  const [password, setPassword] = React24.useState("");
-  const [agreeToTerms, setAgreeToTerms] = React24.useState(false);
-  const [nameError, setNameError] = React24.useState();
-  const [emailError, setEmailError] = React24.useState();
-  const [passwordError, setPasswordError] = React24.useState();
-  const [termsError, setTermsError] = React24.useState();
+  const [fullName, setFullName] = React28.useState("");
+  const [email, setEmail] = React28.useState("");
+  const [password, setPassword] = React28.useState("");
+  const [agreeToTerms, setAgreeToTerms] = React28.useState(false);
+  const [nameError, setNameError] = React28.useState();
+  const [emailError, setEmailError] = React28.useState();
+  const [passwordError, setPasswordError] = React28.useState();
+  const [termsError, setTermsError] = React28.useState();
   const handleSubmit = () => {
     let valid = true;
     setNameError(void 0);
@@ -2680,29 +3221,29 @@ var SignUpTemplate = ({
       onSubmit?.({ fullName, email, password, agreeToTerms });
     }
   };
-  return /* @__PURE__ */ jsx27(
-    KeyboardAvoidingView2,
+  return /* @__PURE__ */ jsx31(
+    KeyboardAvoidingView3,
     {
-      behavior: Platform2.OS === "ios" ? "padding" : "height",
+      behavior: Platform3.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
       className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
-      children: /* @__PURE__ */ jsx27(
-        ScrollView4,
+      children: /* @__PURE__ */ jsx31(
+        ScrollView6,
         {
           style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ jsxs14(View23, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ jsxs14(View23, { className: "items-center gap-2", children: [
-              logo && /* @__PURE__ */ jsx27(View23, { className: "mb-2", children: logo }),
-              /* @__PURE__ */ jsx27(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
-              /* @__PURE__ */ jsx27(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
+          children: /* @__PURE__ */ jsxs17(View26, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ jsxs17(View26, { className: "items-center gap-2", children: [
+              logo && /* @__PURE__ */ jsx31(View26, { className: "mb-2", children: logo }),
+              /* @__PURE__ */ jsx31(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ jsx31(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
-            error && /* @__PURE__ */ jsx27(Alert, { variant: "danger", children: /* @__PURE__ */ jsx27(AlertDescription, { children: error }) }),
-            /* @__PURE__ */ jsxs14(View23, { className: "gap-4", children: [
-              /* @__PURE__ */ jsx27(
+            error && /* @__PURE__ */ jsx31(Alert, { variant: "danger", children: /* @__PURE__ */ jsx31(AlertDescription, { children: error }) }),
+            /* @__PURE__ */ jsxs17(View26, { className: "gap-4", children: [
+              /* @__PURE__ */ jsx31(
                 Input,
                 {
                   label: "Full Name",
@@ -2715,7 +3256,7 @@ var SignUpTemplate = ({
                   error: nameError
                 }
               ),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx31(
                 Input,
                 {
                   label: "Email Address",
@@ -2730,7 +3271,7 @@ var SignUpTemplate = ({
                   error: emailError
                 }
               ),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx31(
                 Input,
                 {
                   label: "Password",
@@ -2744,9 +3285,9 @@ var SignUpTemplate = ({
                   error: passwordError
                 }
               ),
-              /* @__PURE__ */ jsxs14(View23, { className: "gap-1", children: [
-                /* @__PURE__ */ jsxs14(View23, { className: "flex-row items-center gap-2 pt-1", children: [
-                  /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsxs17(View26, { className: "gap-1", children: [
+                /* @__PURE__ */ jsxs17(View26, { className: "flex-row items-center gap-2 pt-1", children: [
+                  /* @__PURE__ */ jsx31(
                     Checkbox,
                     {
                       checked: agreeToTerms,
@@ -2756,11 +3297,11 @@ var SignUpTemplate = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100 flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
+                  /* @__PURE__ */ jsx31(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100 flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
                 ] }),
-                termsError && /* @__PURE__ */ jsx27(Text2, { className: "text-xs text-danger font-medium", children: termsError })
+                termsError && /* @__PURE__ */ jsx31(Text2, { className: "text-xs text-danger font-medium", children: termsError })
               ] }),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx31(
                 Button,
                 {
                   variant: "primary",
@@ -2772,14 +3313,14 @@ var SignUpTemplate = ({
                 }
               )
             ] }),
-            (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs14(View23, { className: "gap-4", children: [
-              /* @__PURE__ */ jsxs14(View23, { className: "flex-row items-center gap-3", children: [
-                /* @__PURE__ */ jsx27(Separator, { className: "flex-1" }),
-                /* @__PURE__ */ jsx27(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
-                /* @__PURE__ */ jsx27(Separator, { className: "flex-1" })
+            (onGooglePress || onApplePress) && /* @__PURE__ */ jsxs17(View26, { className: "gap-4", children: [
+              /* @__PURE__ */ jsxs17(View26, { className: "flex-row items-center gap-3", children: [
+                /* @__PURE__ */ jsx31(Separator, { className: "flex-1" }),
+                /* @__PURE__ */ jsx31(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
+                /* @__PURE__ */ jsx31(Separator, { className: "flex-1" })
               ] }),
-              /* @__PURE__ */ jsxs14(View23, { className: "flex-row gap-3", children: [
-                onGooglePress && /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsxs17(View26, { className: "flex-row gap-3", children: [
+                onGooglePress && /* @__PURE__ */ jsx31(
                   Button,
                   {
                     variant: "outline",
@@ -2788,7 +3329,7 @@ var SignUpTemplate = ({
                     children: "Google"
                   }
                 ),
-                onApplePress && /* @__PURE__ */ jsx27(
+                onApplePress && /* @__PURE__ */ jsx31(
                   Button,
                   {
                     variant: "outline",
@@ -2799,9 +3340,9 @@ var SignUpTemplate = ({
                 )
               ] })
             ] }),
-            onSignInPress && /* @__PURE__ */ jsxs14(View23, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
-              /* @__PURE__ */ jsx27(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Already have an account?" }),
-              /* @__PURE__ */ jsx27(Pressable14, { onPress: onSignInPress, children: /* @__PURE__ */ jsx27(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign In" }) })
+            onSignInPress && /* @__PURE__ */ jsxs17(View26, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
+              /* @__PURE__ */ jsx31(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Already have an account?" }),
+              /* @__PURE__ */ jsx31(Pressable17, { onPress: onSignInPress, children: /* @__PURE__ */ jsx31(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign In" }) })
             ] })
           ] })
         }
@@ -2811,15 +3352,15 @@ var SignUpTemplate = ({
 };
 
 // src/templates/auth/ForgotPasswordTemplate.tsx
-import * as React25 from "react";
+import * as React29 from "react";
 import {
-  View as View24,
-  ScrollView as ScrollView5,
-  KeyboardAvoidingView as KeyboardAvoidingView3,
-  Platform as Platform3,
-  Pressable as Pressable15
+  View as View27,
+  ScrollView as ScrollView7,
+  KeyboardAvoidingView as KeyboardAvoidingView4,
+  Platform as Platform4,
+  Pressable as Pressable18
 } from "react-native";
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 var ForgotPasswordTemplate = ({
   title = "Reset Password",
   subtitle = "Enter your email address and we'll send you recovery instructions",
@@ -2830,8 +3371,8 @@ var ForgotPasswordTemplate = ({
   error,
   className
 }) => {
-  const [email, setEmail] = React25.useState("");
-  const [emailError, setEmailError] = React25.useState();
+  const [email, setEmail] = React29.useState("");
+  const [emailError, setEmailError] = React29.useState();
   const handleSubmit = () => {
     if (!email || !email.includes("@")) {
       setEmailError("Please enter a valid email address");
@@ -2840,31 +3381,31 @@ var ForgotPasswordTemplate = ({
     setEmailError(void 0);
     onSubmit?.({ email });
   };
-  return /* @__PURE__ */ jsx28(
-    KeyboardAvoidingView3,
+  return /* @__PURE__ */ jsx32(
+    KeyboardAvoidingView4,
     {
-      behavior: Platform3.OS === "ios" ? "padding" : "height",
+      behavior: Platform4.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
       className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
-      children: /* @__PURE__ */ jsx28(
-        ScrollView5,
+      children: /* @__PURE__ */ jsx32(
+        ScrollView7,
         {
           style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false,
-          children: /* @__PURE__ */ jsxs15(View24, { className: "w-full max-w-md mx-auto gap-6", children: [
-            /* @__PURE__ */ jsxs15(View24, { className: "items-center gap-2", children: [
-              /* @__PURE__ */ jsx28(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
-              /* @__PURE__ */ jsx28(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
+          children: /* @__PURE__ */ jsxs18(View27, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ jsxs18(View27, { className: "items-center gap-2", children: [
+              /* @__PURE__ */ jsx32(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ jsx32(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
-            error && /* @__PURE__ */ jsx28(Alert, { variant: "danger", children: /* @__PURE__ */ jsx28(AlertDescription, { children: error }) }),
-            isSuccess ? /* @__PURE__ */ jsxs15(View24, { className: "gap-4", children: [
-              /* @__PURE__ */ jsx28(Alert, { variant: "success", children: /* @__PURE__ */ jsx28(AlertDescription, { children: "Password reset link sent! Check your email inbox." }) }),
-              onBackToSignIn && /* @__PURE__ */ jsx28(Button, { variant: "primary", size: "lg", onPress: onBackToSignIn, children: "Back to Sign In" })
-            ] }) : /* @__PURE__ */ jsxs15(View24, { className: "gap-4", children: [
-              /* @__PURE__ */ jsx28(
+            error && /* @__PURE__ */ jsx32(Alert, { variant: "danger", children: /* @__PURE__ */ jsx32(AlertDescription, { children: error }) }),
+            isSuccess ? /* @__PURE__ */ jsxs18(View27, { className: "gap-4", children: [
+              /* @__PURE__ */ jsx32(Alert, { variant: "success", children: /* @__PURE__ */ jsx32(AlertDescription, { children: "Password reset link sent! Check your email inbox." }) }),
+              onBackToSignIn && /* @__PURE__ */ jsx32(Button, { variant: "primary", size: "lg", onPress: onBackToSignIn, children: "Back to Sign In" })
+            ] }) : /* @__PURE__ */ jsxs18(View27, { className: "gap-4", children: [
+              /* @__PURE__ */ jsx32(
                 Input,
                 {
                   label: "Email Address",
@@ -2879,7 +3420,7 @@ var ForgotPasswordTemplate = ({
                   error: emailError
                 }
               ),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx32(
                 Button,
                 {
                   variant: "primary",
@@ -2890,7 +3431,7 @@ var ForgotPasswordTemplate = ({
                   children: "Send Reset Link"
                 }
               ),
-              onBackToSignIn && /* @__PURE__ */ jsx28(View24, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ jsx28(Pressable15, { onPress: onBackToSignIn, children: /* @__PURE__ */ jsx28(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Back to Sign In" }) }) })
+              onBackToSignIn && /* @__PURE__ */ jsx32(View27, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ jsx32(Pressable18, { onPress: onBackToSignIn, children: /* @__PURE__ */ jsx32(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Back to Sign In" }) }) })
             ] })
           ] })
         }
@@ -2901,11 +3442,11 @@ var ForgotPasswordTemplate = ({
 
 // src/templates/dashboard/DashboardTemplate.tsx
 import {
-  View as View25,
-  ScrollView as ScrollView6,
-  Pressable as Pressable16
+  View as View28,
+  ScrollView as ScrollView8,
+  Pressable as Pressable19
 } from "react-native";
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 var DashboardTemplate = ({
   userName,
   userRole = "Administrator",
@@ -2919,8 +3460,8 @@ var DashboardTemplate = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs16(
-    ScrollView6,
+  return /* @__PURE__ */ jsxs19(
+    ScrollView8,
     {
       ...props,
       style: [{ flex: 1 }, props.style],
@@ -2928,43 +3469,43 @@ var DashboardTemplate = ({
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
       children: [
-        /* @__PURE__ */ jsxs16(View25, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-neutral-200 dark:border-neutral-800", children: [
-          /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center gap-3", children: [
-            /* @__PURE__ */ jsxs16(Avatar, { size: "lg", children: [
-              userAvatarUrl && /* @__PURE__ */ jsx29(AvatarImage, { source: { uri: userAvatarUrl } }),
-              /* @__PURE__ */ jsx29(AvatarFallback, { text: userName.slice(0, 2).toUpperCase() })
+        /* @__PURE__ */ jsxs19(View28, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-neutral-200 dark:border-neutral-800", children: [
+          /* @__PURE__ */ jsxs19(View28, { className: "flex-row items-center gap-3", children: [
+            /* @__PURE__ */ jsxs19(Avatar, { size: "lg", children: [
+              userAvatarUrl && /* @__PURE__ */ jsx33(AvatarImage, { source: { uri: userAvatarUrl } }),
+              /* @__PURE__ */ jsx33(AvatarFallback, { text: userName.slice(0, 2).toUpperCase() })
             ] }),
-            /* @__PURE__ */ jsxs16(View25, { children: [
-              /* @__PURE__ */ jsx29(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-medium uppercase tracking-wider", children: userRole }),
-              /* @__PURE__ */ jsxs16(Heading, { level: 3, className: "text-xl font-bold text-neutral-900 dark:text-neutral-50", children: [
+            /* @__PURE__ */ jsxs19(View28, { children: [
+              /* @__PURE__ */ jsx33(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-medium uppercase tracking-wider", children: userRole }),
+              /* @__PURE__ */ jsxs19(Heading, { level: 3, className: "text-xl font-bold text-neutral-900 dark:text-neutral-50", children: [
                 "Hello, ",
                 userName,
                 " \u{1F44B}"
               ] })
             ] })
           ] }),
-          onNotificationPress && /* @__PURE__ */ jsxs16(
-            Pressable16,
+          onNotificationPress && /* @__PURE__ */ jsxs19(
+            Pressable19,
             {
               onPress: onNotificationPress,
               className: "w-10 h-10 rounded-full border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 items-center justify-center relative active:opacity-70",
               children: [
-                /* @__PURE__ */ jsx29(Text2, { className: "text-base text-neutral-900 dark:text-neutral-100", children: "\u{1F514}" }),
-                unreadNotificationsCount > 0 && /* @__PURE__ */ jsx29(View25, { className: "absolute -top-1 -right-1 w-5 h-5 rounded-full bg-danger items-center justify-center", children: /* @__PURE__ */ jsx29(Text2, { className: "text-[10px] font-bold text-white", children: unreadNotificationsCount > 9 ? "9+" : unreadNotificationsCount }) })
+                /* @__PURE__ */ jsx33(Text2, { className: "text-base text-neutral-900 dark:text-neutral-100", children: "\u{1F514}" }),
+                unreadNotificationsCount > 0 && /* @__PURE__ */ jsx33(View28, { className: "absolute -top-1 -right-1 w-5 h-5 rounded-full bg-danger items-center justify-center", children: /* @__PURE__ */ jsx33(Text2, { className: "text-[10px] font-bold text-white", children: unreadNotificationsCount > 9 ? "9+" : unreadNotificationsCount }) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs16(View25, { className: "px-6 pt-6 gap-6", children: [
-          quickActions && quickActions.length > 0 && /* @__PURE__ */ jsxs16(View25, { className: "gap-2", children: [
-            /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Quick Actions" }),
-            /* @__PURE__ */ jsx29(
-              ScrollView6,
+        /* @__PURE__ */ jsxs19(View28, { className: "px-6 pt-6 gap-6", children: [
+          quickActions && quickActions.length > 0 && /* @__PURE__ */ jsxs19(View28, { className: "gap-2", children: [
+            /* @__PURE__ */ jsx33(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Quick Actions" }),
+            /* @__PURE__ */ jsx33(
+              ScrollView8,
               {
                 horizontal: true,
                 showsHorizontalScrollIndicator: false,
                 className: "-mx-6 px-6",
-                children: /* @__PURE__ */ jsx29(View25, { className: "flex-row gap-3", children: quickActions.map((action) => /* @__PURE__ */ jsx29(
+                children: /* @__PURE__ */ jsx33(View28, { className: "flex-row gap-3", children: quickActions.map((action) => /* @__PURE__ */ jsx33(
                   Button,
                   {
                     variant: "outline",
@@ -2977,42 +3518,42 @@ var DashboardTemplate = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs16(View25, { className: "gap-3", children: [
-            /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Overview Performance" }),
-            /* @__PURE__ */ jsx29(View25, { className: "gap-3", children: metrics.map((metric) => /* @__PURE__ */ jsx29(StatsCard, { ...metric }, metric.id)) })
+          /* @__PURE__ */ jsxs19(View28, { className: "gap-3", children: [
+            /* @__PURE__ */ jsx33(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Overview Performance" }),
+            /* @__PURE__ */ jsx33(View28, { className: "gap-3", children: metrics.map((metric) => /* @__PURE__ */ jsx33(StatsCard, { ...metric }, metric.id)) })
           ] }),
-          recentActivities && recentActivities.length > 0 && /* @__PURE__ */ jsxs16(Card, { className: "gap-2", children: [
-            /* @__PURE__ */ jsxs16(CardHeader, { className: "flex-row items-center justify-between pb-2", children: [
-              /* @__PURE__ */ jsx29(CardTitle, { className: "text-base font-bold", children: "Recent Activity" }),
-              onViewAllActivities && /* @__PURE__ */ jsx29(Pressable16, { onPress: onViewAllActivities, children: /* @__PURE__ */ jsx29(Text2, { className: "text-xs font-semibold text-primary-600 dark:text-primary-400", children: "View all" }) })
+          recentActivities && recentActivities.length > 0 && /* @__PURE__ */ jsxs19(Card, { className: "gap-2", children: [
+            /* @__PURE__ */ jsxs19(CardHeader, { className: "flex-row items-center justify-between pb-2", children: [
+              /* @__PURE__ */ jsx33(CardTitle, { className: "text-base font-bold", children: "Recent Activity" }),
+              onViewAllActivities && /* @__PURE__ */ jsx33(Pressable19, { onPress: onViewAllActivities, children: /* @__PURE__ */ jsx33(Text2, { className: "text-xs font-semibold text-primary-600 dark:text-primary-400", children: "View all" }) })
             ] }),
-            /* @__PURE__ */ jsx29(CardContent, { className: "gap-3 pt-0", children: recentActivities.map((act) => /* @__PURE__ */ jsxs16(
-              View25,
+            /* @__PURE__ */ jsx33(CardContent, { className: "gap-3 pt-0", children: recentActivities.map((act) => /* @__PURE__ */ jsxs19(
+              View28,
               {
                 className: "flex-row items-center justify-between py-2 border-b border-neutral-200 dark:border-neutral-800 last:border-b-0",
                 children: [
-                  /* @__PURE__ */ jsxs16(View25, { className: "flex-row items-center gap-3 flex-1 pr-2", children: [
-                    /* @__PURE__ */ jsxs16(Avatar, { size: "sm", children: [
-                      act.avatarUrl && /* @__PURE__ */ jsx29(AvatarImage, { source: { uri: act.avatarUrl } }),
-                      /* @__PURE__ */ jsx29(
+                  /* @__PURE__ */ jsxs19(View28, { className: "flex-row items-center gap-3 flex-1 pr-2", children: [
+                    /* @__PURE__ */ jsxs19(Avatar, { size: "sm", children: [
+                      act.avatarUrl && /* @__PURE__ */ jsx33(AvatarImage, { source: { uri: act.avatarUrl } }),
+                      /* @__PURE__ */ jsx33(
                         AvatarFallback,
                         {
                           text: act.avatarInitials || act.title.slice(0, 2).toUpperCase()
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs16(View25, { className: "flex-1", children: [
-                      /* @__PURE__ */ jsx29(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", numberOfLines: 1, children: act.title }),
-                      /* @__PURE__ */ jsxs16(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", numberOfLines: 1, children: [
+                    /* @__PURE__ */ jsxs19(View28, { className: "flex-1", children: [
+                      /* @__PURE__ */ jsx33(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", numberOfLines: 1, children: act.title }),
+                      /* @__PURE__ */ jsxs19(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", numberOfLines: 1, children: [
                         act.subtitle,
                         " \u2022 ",
                         act.timestamp
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs16(View25, { className: "items-end gap-1", children: [
-                    act.amount && /* @__PURE__ */ jsx29(Text2, { className: "text-sm font-bold text-neutral-900 dark:text-neutral-100", children: act.amount }),
-                    act.status && /* @__PURE__ */ jsx29(Badge, { variant: act.status.variant, size: "sm", children: act.status.label })
+                  /* @__PURE__ */ jsxs19(View28, { className: "items-end gap-1", children: [
+                    act.amount && /* @__PURE__ */ jsx33(Text2, { className: "text-sm font-bold text-neutral-900 dark:text-neutral-100", children: act.amount }),
+                    act.status && /* @__PURE__ */ jsx33(Badge, { variant: act.status.variant, size: "sm", children: act.status.label })
                   ] })
                 ]
               },
@@ -3027,11 +3568,11 @@ var DashboardTemplate = ({
 
 // src/templates/settings/SettingsTemplate.tsx
 import {
-  View as View26,
-  ScrollView as ScrollView7,
-  Pressable as Pressable17
+  View as View29,
+  ScrollView as ScrollView9,
+  Pressable as Pressable20
 } from "react-native";
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 var SettingsTemplate = ({
   user,
   pushNotifications = true,
@@ -3051,39 +3592,39 @@ var SettingsTemplate = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx30(
-    ScrollView7,
+  return /* @__PURE__ */ jsx34(
+    ScrollView9,
     {
       ...props,
       style: [{ flex: 1 }, props.style],
       className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
-      children: /* @__PURE__ */ jsxs17(View26, { className: "px-6 pt-6 gap-6", children: [
-        /* @__PURE__ */ jsx30(Heading, { level: 2, className: "text-2xl font-bold text-neutral-900 dark:text-neutral-50", children: "Settings & Profile" }),
-        /* @__PURE__ */ jsxs17(Card, { className: "p-4 flex-row items-center gap-4", children: [
-          /* @__PURE__ */ jsxs17(Avatar, { size: "lg", children: [
-            user.avatarUrl && /* @__PURE__ */ jsx30(AvatarImage, { source: { uri: user.avatarUrl } }),
-            /* @__PURE__ */ jsx30(AvatarFallback, { text: user.name.slice(0, 2).toUpperCase() })
+      children: /* @__PURE__ */ jsxs20(View29, { className: "px-6 pt-6 gap-6", children: [
+        /* @__PURE__ */ jsx34(Heading, { level: 2, className: "text-2xl font-bold text-neutral-900 dark:text-neutral-50", children: "Settings & Profile" }),
+        /* @__PURE__ */ jsxs20(Card, { className: "p-4 flex-row items-center gap-4", children: [
+          /* @__PURE__ */ jsxs20(Avatar, { size: "lg", children: [
+            user.avatarUrl && /* @__PURE__ */ jsx34(AvatarImage, { source: { uri: user.avatarUrl } }),
+            /* @__PURE__ */ jsx34(AvatarFallback, { text: user.name.slice(0, 2).toUpperCase() })
           ] }),
-          /* @__PURE__ */ jsxs17(View26, { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs17(View26, { className: "flex-row items-center gap-2", children: [
-              /* @__PURE__ */ jsx30(Text2, { className: "text-base font-bold text-neutral-900 dark:text-neutral-100", children: user.name }),
-              user.plan && /* @__PURE__ */ jsx30(Badge, { variant: "primary", size: "sm", children: user.plan })
+          /* @__PURE__ */ jsxs20(View29, { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs20(View29, { className: "flex-row items-center gap-2", children: [
+              /* @__PURE__ */ jsx34(Text2, { className: "text-base font-bold text-neutral-900 dark:text-neutral-100", children: user.name }),
+              user.plan && /* @__PURE__ */ jsx34(Badge, { variant: "primary", size: "sm", children: user.plan })
             ] }),
-            /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: user.email })
+            /* @__PURE__ */ jsx34(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: user.email })
           ] }),
-          onEditProfile && /* @__PURE__ */ jsx30(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
+          onEditProfile && /* @__PURE__ */ jsx34(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
         ] }),
-        /* @__PURE__ */ jsxs17(View26, { className: "gap-2", children: [
-          /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Preferences" }),
-          /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
-            /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Push Notifications" }),
-                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Receive real-time alerts on your mobile device" })
+        /* @__PURE__ */ jsxs20(View29, { className: "gap-2", children: [
+          /* @__PURE__ */ jsx34(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Preferences" }),
+          /* @__PURE__ */ jsxs20(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
+            /* @__PURE__ */ jsxs20(View29, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsxs20(View29, { className: "pr-4 flex-1", children: [
+                /* @__PURE__ */ jsx34(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Push Notifications" }),
+                /* @__PURE__ */ jsx34(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Receive real-time alerts on your mobile device" })
               ] }),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx34(
                 Switch,
                 {
                   checked: pushNotifications,
@@ -3091,12 +3632,12 @@ var SettingsTemplate = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Email Notifications" }),
-                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Weekly digests and activity summaries" })
+            /* @__PURE__ */ jsxs20(View29, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsxs20(View29, { className: "pr-4 flex-1", children: [
+                /* @__PURE__ */ jsx34(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Email Notifications" }),
+                /* @__PURE__ */ jsx34(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Weekly digests and activity summaries" })
               ] }),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx34(
                 Switch,
                 {
                   checked: emailNotifications,
@@ -3104,19 +3645,19 @@ var SettingsTemplate = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Dark Theme" }),
-                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Enable high contrast dark mode appearance" })
+            /* @__PURE__ */ jsxs20(View29, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsxs20(View29, { className: "pr-4 flex-1", children: [
+                /* @__PURE__ */ jsx34(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Dark Theme" }),
+                /* @__PURE__ */ jsx34(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Enable high contrast dark mode appearance" })
               ] }),
-              /* @__PURE__ */ jsx30(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
+              /* @__PURE__ */ jsx34(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
             ] }),
-            /* @__PURE__ */ jsxs17(View26, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ jsxs17(View26, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Biometric Login" }),
-                /* @__PURE__ */ jsx30(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Use Face ID or fingerprint to authenticate" })
+            /* @__PURE__ */ jsxs20(View29, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ jsxs20(View29, { className: "pr-4 flex-1", children: [
+                /* @__PURE__ */ jsx34(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Biometric Login" }),
+                /* @__PURE__ */ jsx34(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Use Face ID or fingerprint to authenticate" })
               ] }),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx34(
                 Switch,
                 {
                   checked: biometricsEnabled,
@@ -3126,47 +3667,47 @@ var SettingsTemplate = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs17(View26, { className: "gap-2", children: [
-          /* @__PURE__ */ jsx30(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Account & Security" }),
-          /* @__PURE__ */ jsxs17(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
-            onChangePassword && /* @__PURE__ */ jsxs17(
-              Pressable17,
+        /* @__PURE__ */ jsxs20(View29, { className: "gap-2", children: [
+          /* @__PURE__ */ jsx34(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Account & Security" }),
+          /* @__PURE__ */ jsxs20(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
+            onChangePassword && /* @__PURE__ */ jsxs20(
+              Pressable20,
               {
                 onPress: onChangePassword,
                 className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Change Password" }),
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
+                  /* @__PURE__ */ jsx34(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Change Password" }),
+                  /* @__PURE__ */ jsx34(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             ),
-            onViewTerms && /* @__PURE__ */ jsxs17(
-              Pressable17,
+            onViewTerms && /* @__PURE__ */ jsxs20(
+              Pressable20,
               {
                 onPress: onViewTerms,
                 className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Terms of Service" }),
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
+                  /* @__PURE__ */ jsx34(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Terms of Service" }),
+                  /* @__PURE__ */ jsx34(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             ),
-            onViewPrivacy && /* @__PURE__ */ jsxs17(
-              Pressable17,
+            onViewPrivacy && /* @__PURE__ */ jsxs20(
+              Pressable20,
               {
                 onPress: onViewPrivacy,
                 className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Privacy Policy" }),
-                  /* @__PURE__ */ jsx30(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
+                  /* @__PURE__ */ jsx34(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Privacy Policy" }),
+                  /* @__PURE__ */ jsx34(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs17(View26, { className: "gap-3 pt-2", children: [
-          onLogout && /* @__PURE__ */ jsx30(Button, { variant: "outline", size: "lg", onPress: onLogout, children: "Log Out" }),
-          onDeleteAccount && /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsxs20(View29, { className: "gap-3 pt-2", children: [
+          onLogout && /* @__PURE__ */ jsx34(Button, { variant: "outline", size: "lg", onPress: onLogout, children: "Log Out" }),
+          onDeleteAccount && /* @__PURE__ */ jsx34(
             Button,
             {
               variant: "destructive",
@@ -3180,119 +3721,6 @@ var SettingsTemplate = ({
     }
   );
 };
-
-// src/providers/BeyondUIProvider.tsx
-import * as React26 from "react";
-import { View as View27, useColorScheme as useRNColorScheme } from "react-native";
-import { colorScheme as nwColorScheme } from "nativewind";
-import { PortalHost } from "@rn-primitives/portal";
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
-if (typeof __DEV__ !== "undefined" && __DEV__) {
-  try {
-    const { LogBox } = __require("react-native");
-    LogBox?.ignoreLogs?.([
-      "You are setting the style `{ shadowOffset: ... }` as a prop",
-      "You are setting the style"
-    ]);
-    if (!Boolean(console.error?.__beyond_ui_filtered)) {
-      const originalError = console.error;
-      const filteredError = (...args) => {
-        const fullMessage = args.map((arg) => typeof arg === "string" ? arg : "").join(" ");
-        if (fullMessage.includes("shadowOffset") || fullMessage.includes("You are setting the style")) {
-          return;
-        }
-        originalError(...args);
-      };
-      filteredError.__beyond_ui_filtered = true;
-      console.error = filteredError;
-    }
-  } catch (_) {
-  }
-}
-var BeyondUIContext = React26.createContext({
-  colorScheme: "light",
-  setColorScheme: () => {
-  },
-  toggleColorScheme: () => {
-  }
-});
-function useBeyondUI() {
-  return React26.useContext(BeyondUIContext);
-}
-function BeyondUIProvider({
-  children,
-  defaultColorScheme = "system"
-}) {
-  const systemScheme = useRNColorScheme() ?? "light";
-  const [selectedScheme, setSelectedScheme] = React26.useState(defaultColorScheme);
-  const [toasts, setToasts] = React26.useState([]);
-  const activeScheme = selectedScheme === "system" ? systemScheme : selectedScheme;
-  React26.useEffect(() => {
-    try {
-      nwColorScheme.set(selectedScheme === "system" ? "system" : activeScheme);
-    } catch (_) {
-    }
-  }, [selectedScheme, activeScheme]);
-  const handleSetColorScheme = React26.useCallback((scheme) => {
-    setSelectedScheme(scheme);
-    try {
-      nwColorScheme.set(scheme === "system" ? "system" : scheme);
-    } catch (_) {
-    }
-  }, []);
-  const toggleColorScheme = React26.useCallback(() => {
-    setSelectedScheme((prev) => {
-      const current = prev === "system" ? systemScheme : prev;
-      const next = current === "dark" ? "light" : "dark";
-      try {
-        nwColorScheme.set(next);
-      } catch (_) {
-      }
-      return next;
-    });
-  }, [systemScheme]);
-  const dismissToast = React26.useCallback((id) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  const showToast = React26.useCallback((toast) => {
-    const id = Math.random().toString(36).substring(2, 9);
-    setToasts((prev) => [...prev, { ...toast, id }]);
-    return id;
-  }, []);
-  const toastContextValue = React26.useMemo(
-    () => ({
-      toasts,
-      show: showToast,
-      dismiss: dismissToast,
-      success: (title, description) => showToast({ title, description, variant: "success" }),
-      danger: (title, description) => showToast({ title, description, variant: "danger" }),
-      error: (title, description) => showToast({ title, description, variant: "danger" }),
-      warning: (title, description) => showToast({ title, description, variant: "warning" }),
-      info: (title, description) => showToast({ title, description, variant: "info" })
-    }),
-    [toasts, showToast, dismissToast]
-  );
-  const contextValue = React26.useMemo(
-    () => ({
-      colorScheme: activeScheme,
-      setColorScheme: handleSetColorScheme,
-      toggleColorScheme
-    }),
-    [activeScheme, handleSetColorScheme, toggleColorScheme]
-  );
-  return /* @__PURE__ */ jsx31(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx31(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ jsxs18(
-    View27,
-    {
-      style: { flex: 1 },
-      className: activeScheme === "dark" ? "dark flex-1 bg-neutral-950" : "flex-1 bg-white",
-      children: [
-        children,
-        /* @__PURE__ */ jsx31(PortalHost, {}),
-        /* @__PURE__ */ jsx31(ToastContainer, { toasts, onDismiss: dismissToast })
-      ]
-    }
-  ) }) });
-}
 export {
   Accordion,
   AccordionContent,
@@ -3326,6 +3754,7 @@ export {
   CardHeader,
   CardTitle,
   Checkbox,
+  DashboardLayout,
   DashboardTemplate,
   DataTable,
   Dialog,
@@ -3342,6 +3771,14 @@ export {
   ForgotPasswordTemplate,
   Heading,
   Input,
+  Modal4 as Modal,
+  ModalContent,
+  ModalContext,
+  ModalDescription,
+  ModalFooter,
+  ModalHeader,
+  ModalTitle,
+  NightModeSwitch,
   Pressable,
   Radio,
   RadioGroup,
@@ -3384,10 +3821,13 @@ export {
   headingVariants,
   inputVariants,
   joinA11yLabels,
+  modalVariants,
+  nightModeSwitchVariants,
   textVariants,
   tokens,
   useBeyondUI,
   useDialogContext,
+  useModalContext,
   useTabsContext,
   useToast
 };