@beyondcorp/beyond-ui-native 0.1.5 → 0.1.7

package/dist/index.js

@@ -62,6 +62,7 @@ __export(src_exports, {
   CardHeader: () => CardHeader,
   CardTitle: () => CardTitle,
   Checkbox: () => Checkbox,
+  DashboardLayout: () => DashboardLayout,
   DashboardTemplate: () => DashboardTemplate,
   DataTable: () => DataTable,
   Dialog: () => Dialog,
@@ -78,6 +79,14 @@ __export(src_exports, {
   ForgotPasswordTemplate: () => ForgotPasswordTemplate,
   Heading: () => Heading,
   Input: () => Input,
+  Modal: () => Modal4,
+  ModalContent: () => ModalContent,
+  ModalContext: () => ModalContext,
+  ModalDescription: () => ModalDescription,
+  ModalFooter: () => ModalFooter,
+  ModalHeader: () => ModalHeader,
+  ModalTitle: () => ModalTitle,
+  NightModeSwitch: () => NightModeSwitch,
   Pressable: () => Pressable,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
@@ -120,10 +129,13 @@ __export(src_exports, {
   headingVariants: () => headingVariants,
   inputVariants: () => inputVariants,
   joinA11yLabels: () => joinA11yLabels,
+  modalVariants: () => modalVariants,
+  nightModeSwitchVariants: () => nightModeSwitchVariants,
   textVariants: () => textVariants,
   tokens: () => tokens,
   useBeyondUI: () => useBeyondUI,
   useDialogContext: () => useDialogContext,
+  useModalContext: () => useModalContext,
   useTabsContext: () => useTabsContext,
   useToast: () => useToast
 });
@@ -2543,10 +2555,533 @@ function DataTable({
   ] });
 }
 
-// src/templates/auth/SignInTemplate.tsx
+// src/components/modal/modal.tsx
 var React23 = __toESM(require("react"));
 var import_react_native26 = require("react-native");
+var import_class_variance_authority11 = require("class-variance-authority");
 var import_jsx_runtime26 = require("react/jsx-runtime");
+var modalVariants = (0, import_class_variance_authority11.cva)(
+  "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__ */ (0, import_jsx_runtime26.jsx)(ModalContext.Provider, { value: { open: isOpen, onOpenChange: (o) => !o && handleClose() }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_react_native26.Modal,
+    {
+      transparent: true,
+      visible: isOpen,
+      animationType: "fade",
+      onRequestClose: handleClose,
+      statusBarTranslucent: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        import_react_native26.KeyboardAvoidingView,
+        {
+          behavior: import_react_native26.Platform.OS === "ios" ? "padding" : void 0,
+          style: import_react_native26.StyleSheet.absoluteFill,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              import_react_native26.Pressable,
+              {
+                style: import_react_native26.StyleSheet.absoluteFill,
+                className: cn("bg-black/60", overlayClassName),
+                onPress: closeOnOverlayPress ? handleClose : void 0,
+                accessibilityRole: "button",
+                accessibilityLabel: "Close modal overlay"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              import_react_native26.View,
+              {
+                pointerEvents: "box-none",
+                style: import_react_native26.StyleSheet.absoluteFill,
+                className: "items-center justify-center p-4 z-50",
+                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                  import_react_native26.View,
+                  {
+                    role: "dialog",
+                    "aria-modal": true,
+                    className: cn(modalVariants({ size }), className),
+                    children: [
+                      showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                        import_react_native26.Pressable,
+                        {
+                          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__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Text, { 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__ */ (0, import_jsx_runtime26.jsx)(
+    import_react_native26.View,
+    {
+      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__ */ (0, import_jsx_runtime26.jsx)(
+      import_react_native26.Text,
+      {
+        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__ */ (0, import_jsx_runtime26.jsx)(
+      import_react_native26.Text,
+      {
+        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__ */ (0, import_jsx_runtime26.jsx)(
+      import_react_native26.ScrollView,
+      {
+        showsVerticalScrollIndicator: false,
+        className: cn("py-3 max-h-[70vh]", className),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.View, { className: cn("py-3", className), ...props, children });
+}
+ModalContent.displayName = "ModalContent";
+function ModalFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_react_native26.View,
+    {
+      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
+var React25 = __toESM(require("react"));
+var import_react_native28 = require("react-native");
+var import_class_variance_authority12 = require("class-variance-authority");
+
+// src/providers/BeyondUIProvider.tsx
+var React24 = __toESM(require("react"));
+var import_react_native27 = require("react-native");
+var import_nativewind = require("nativewind");
+var import_portal = require("@rn-primitives/portal");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+if (typeof __DEV__ !== "undefined" && __DEV__) {
+  try {
+    const { LogBox } = require("react-native");
+    LogBox?.ignoreLogs?.([
+      "You are setting the style `{ shadowOffset: ... }` as a prop",
+      "You are setting the style"
+    ]);
+    if (!Boolean(console.error?.__beyond_ui_filtered)) {
+      const originalError = console.error;
+      const filteredError = (...args) => {
+        const fullMessage = args.map((arg) => typeof arg === "string" ? arg : "").join(" ");
+        if (fullMessage.includes("shadowOffset") || fullMessage.includes("You are setting the style")) {
+          return;
+        }
+        originalError(...args);
+      };
+      filteredError.__beyond_ui_filtered = true;
+      console.error = filteredError;
+    }
+  } catch (_) {
+  }
+}
+var BeyondUIContext = React24.createContext({
+  colorScheme: "light",
+  setColorScheme: () => {
+  },
+  toggleColorScheme: () => {
+  }
+});
+function useBeyondUI() {
+  return React24.useContext(BeyondUIContext);
+}
+function BeyondUIProvider({
+  children,
+  defaultColorScheme = "system"
+}) {
+  const systemScheme = (0, import_react_native27.useColorScheme)() ?? "light";
+  const [selectedScheme, setSelectedScheme] = React24.useState(defaultColorScheme);
+  const [toasts, setToasts] = React24.useState([]);
+  const activeScheme = selectedScheme === "system" ? systemScheme : selectedScheme;
+  React24.useEffect(() => {
+    try {
+      import_nativewind.colorScheme.set(selectedScheme === "system" ? "system" : activeScheme);
+    } catch (_) {
+    }
+  }, [selectedScheme, activeScheme]);
+  const handleSetColorScheme = React24.useCallback((scheme) => {
+    setSelectedScheme(scheme);
+    try {
+      import_nativewind.colorScheme.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 {
+        import_nativewind.colorScheme.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__ */ (0, import_jsx_runtime27.jsx)(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    import_react_native27.View,
+    {
+      style: { flex: 1 },
+      className: activeScheme === "dark" ? "dark flex-1 bg-neutral-950" : "flex-1 bg-white",
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_portal.PortalHost, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ToastContainer, { toasts, onDismiss: dismissToast })
+      ]
+    }
+  ) }) });
+}
+
+// src/components/night-mode-switch/night-mode-switch.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var nightModeSwitchVariants = (0, import_class_variance_authority12.cva)(
+  "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__ */ (0, import_jsx_runtime28.jsx)(
+      import_react_native28.Pressable,
+      {
+        ref,
+        role: "button",
+        accessibilityRole: "button",
+        accessibilityLabel: ariaLabel,
+        accessibilityState: { checked: isDark },
+        className: cn(nightModeSwitchVariants({ variant, size }), className),
+        onPress: handlePress,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_react_native28.Text,
+          {
+            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
+var React26 = __toESM(require("react"));
+var import_react_native29 = require("react-native");
+var import_jsx_runtime29 = require("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__ */ (0, import_jsx_runtime29.jsxs)(
+    import_react_native29.View,
+    {
+      className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { 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__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-3 flex-1 mr-2", children: [
+            onBackPress && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              import_react_native29.Pressable,
+              {
+                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__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-neutral-700 dark:text-neutral-200 font-bold text-base leading-none", children: "\u2190" })
+              }
+            ),
+            user && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+              import_react_native29.Pressable,
+              {
+                onPress: onProfilePress,
+                className: "flex-row items-center gap-2 active:opacity-80",
+                accessibilityRole: "button",
+                accessibilityLabel: `User profile: ${user.name || "User"}`,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Avatar, { size: "sm", children: [
+                    user.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarImage, { source: { uri: user.avatarUrl } }),
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarFallback, { text: (user.name || "U").slice(0, 2).toUpperCase() })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "hidden sm:flex", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs font-semibold text-neutral-800 dark:text-neutral-200 leading-tight", children: user.name }),
+                    user.role && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-[10px] text-neutral-500 dark:text-neutral-400 leading-tight", children: user.role })
+                  ] })
+                ]
+              }
+            ),
+            (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-1", children: [
+              breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.View, { className: "flex-row items-center gap-1 mb-0.5", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(React26.Fragment, { children: [
+                idx > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-[11px] text-neutral-400 dark:text-neutral-500", children: "/" }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                  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__ */ (0, import_jsx_runtime29.jsx)(
+                Heading,
+                {
+                  level: 3,
+                  className: "text-lg font-bold text-neutral-900 dark:text-neutral-50 leading-tight",
+                  children: title
+                }
+              ),
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 leading-tight", children: subtitle })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-2", children: [
+            headerActions,
+            showNightModeSwitch && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NightModeSwitch, { size: "sm", variant: "ghost" }),
+            onNotificationPress && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+              import_react_native29.Pressable,
+              {
+                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__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-sm", children: "\u{1F514}" }),
+                  unreadNotificationsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.View, { 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__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-[9px] font-bold text-white leading-none", children: unreadNotificationsCount > 9 ? "9+" : unreadNotificationsCount }) })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        showSearch && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.View, { 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__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { 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__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-neutral-400 mr-2 text-sm", children: "\u{1F50D}" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            import_react_native29.TextInput,
+            {
+              value: searchValue,
+              onChangeText: onSearchChange,
+              placeholder: searchPlaceholder,
+              placeholderTextColor: "#9ca3af",
+              className: "flex-1 text-sm text-neutral-900 dark:text-neutral-100 p-0"
+            }
+          )
+        ] }) }),
+        scrollable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_react_native29.ScrollView,
+          {
+            className: cn("flex-1", contentClassName),
+            contentContainerStyle: { paddingBottom: 32 },
+            showsVerticalScrollIndicator: false,
+            refreshControl: onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.RefreshControl, { refreshing, onRefresh }) : void 0,
+            children
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native29.View, { className: cn("flex-1", contentClassName), children }),
+        footer
+      ]
+    }
+  );
+};
+DashboardLayout.displayName = "DashboardLayout";
+
+// src/templates/auth/SignInTemplate.tsx
+var React27 = __toESM(require("react"));
+var import_react_native30 = require("react-native");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var SignInTemplate = ({
   title = "Welcome Back",
   subtitle = "Sign in to your Beyond account to continue",
@@ -2560,12 +3095,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);
@@ -2582,29 +3117,29 @@ var SignInTemplate = ({
       onSubmit?.({ email, password, rememberMe });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_react_native26.KeyboardAvoidingView,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_react_native30.KeyboardAvoidingView,
     {
-      behavior: import_react_native26.Platform.OS === "ios" ? "padding" : "height",
+      behavior: import_react_native30.Platform.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
       className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_react_native26.ScrollView,
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        import_react_native30.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_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-neutral-900 dark:text-neutral-50 text-center", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "items-center gap-2", children: [
+              logo && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_native30.View, { className: "mb-2", children: logo }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
-            error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDescription, { children: error }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            error && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AlertDescription, { children: error }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Input,
                 {
                   label: "Email Address",
@@ -2620,7 +3155,7 @@ var SignInTemplate = ({
                   error: emailError
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.View, { className: "gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_native30.View, { className: "gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Input,
                 {
                   label: "Password",
@@ -2632,17 +3167,17 @@ var SignInTemplate = ({
                     if (passwordError) setPasswordError(void 0);
                   },
                   error: passwordError,
-                  rightElement: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
+                  rightElement: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_native30.Pressable, { onPress: () => setShowPassword((p) => !p), className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-semibold", children: showPassword ? "HIDE" : "SHOW" }) })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center justify-between py-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: "Remember me" })
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-row items-center justify-between py-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)(Checkbox, { checked: rememberMe, onCheckedChange: setRememberMe }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100", children: "Remember me" })
                 ] }),
-                onForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: onForgotPassword, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Forgot password?" }) })
+                onForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_native30.Pressable, { onPress: onForgotPassword, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Forgot password?" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -2654,14 +3189,14 @@ var SignInTemplate = ({
                 }
               )
             ] }),
-            (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { className: "flex-1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { className: "flex-1" })
+            (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-row items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Separator, { className: "flex-1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Separator, { className: "flex-1" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row gap-3", children: [
-                onGooglePress && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-row gap-3", children: [
+                onGooglePress && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   Button,
                   {
                     variant: "outline",
@@ -2670,7 +3205,7 @@ var SignInTemplate = ({
                     children: "Google"
                   }
                 ),
-                onApplePress && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                onApplePress && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   Button,
                   {
                     variant: "outline",
@@ -2681,9 +3216,9 @@ var SignInTemplate = ({
                 )
               ] })
             ] }),
-            onSignUpPress && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_native26.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Don't have an account?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native26.Pressable, { onPress: onSignUpPress, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign Up" }) })
+            onSignUpPress && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Don't have an account?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_native30.Pressable, { onPress: onSignUpPress, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign Up" }) })
             ] })
           ] })
         }
@@ -2693,9 +3228,9 @@ var SignInTemplate = ({
 };
 
 // src/templates/auth/SignUpTemplate.tsx
-var React24 = __toESM(require("react"));
-var import_react_native27 = require("react-native");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var React28 = __toESM(require("react"));
+var import_react_native31 = require("react-native");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var SignUpTemplate = ({
   title = "Create Account",
   subtitle = "Get started with your free Beyond account",
@@ -2708,14 +3243,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);
@@ -2742,29 +3277,29 @@ var SignUpTemplate = ({
       onSubmit?.({ fullName, email, password, agreeToTerms });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    import_react_native27.KeyboardAvoidingView,
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_react_native31.KeyboardAvoidingView,
     {
-      behavior: import_react_native27.Platform.OS === "ios" ? "padding" : "height",
+      behavior: import_react_native31.Platform.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
       className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        import_react_native27.ScrollView,
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_react_native31.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_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-neutral-900 dark:text-neutral-50 text-center", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "items-center gap-2", children: [
+              logo && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_native31.View, { className: "mb-2", children: logo }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
-            error && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDescription, { children: error }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            error && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AlertDescription, { children: error }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Input,
                 {
                   label: "Full Name",
@@ -2777,7 +3312,7 @@ var SignUpTemplate = ({
                   error: nameError
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Input,
                 {
                   label: "Email Address",
@@ -2792,7 +3327,7 @@ var SignUpTemplate = ({
                   error: emailError
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Input,
                 {
                   label: "Password",
@@ -2806,9 +3341,9 @@ var SignUpTemplate = ({
                   error: passwordError
                 }
               ),
-              /* @__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)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "flex-row items-center gap-2 pt-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     Checkbox,
                     {
                       checked: agreeToTerms,
@@ -2818,11 +3353,11 @@ var SignUpTemplate = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100 flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text2, { className: "text-sm text-neutral-900 dark:text-neutral-100 flex-1", children: "I agree to the Terms of Service & Privacy Policy" })
                 ] }),
-                termsError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-danger font-medium", children: termsError })
+                termsError && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text2, { className: "text-xs text-danger font-medium", children: termsError })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -2834,14 +3369,14 @@ var SignUpTemplate = ({
                 }
               )
             ] }),
-            (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { className: "flex-1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { className: "flex-1" })
+            (onGooglePress || onApplePress) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "flex-row items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Separator, { className: "flex-1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase", children: "or continue with" }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Separator, { className: "flex-1" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row gap-3", children: [
-                onGooglePress && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "flex-row gap-3", children: [
+                onGooglePress && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   Button,
                   {
                     variant: "outline",
@@ -2850,7 +3385,7 @@ var SignUpTemplate = ({
                     children: "Google"
                   }
                 ),
-                onApplePress && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                onApplePress && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   Button,
                   {
                     variant: "outline",
@@ -2861,9 +3396,9 @@ var SignUpTemplate = ({
                 )
               ] })
             ] }),
-            onSignInPress && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_native27.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Already have an account?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.Pressable, { onPress: onSignInPress, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign In" }) })
+            onSignInPress && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text2, { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Already have an account?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_native31.Pressable, { onPress: onSignInPress, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text2, { className: "text-sm font-bold text-primary-600 dark:text-primary-400", children: "Sign In" }) })
             ] })
           ] })
         }
@@ -2873,9 +3408,9 @@ var SignUpTemplate = ({
 };
 
 // src/templates/auth/ForgotPasswordTemplate.tsx
-var React25 = __toESM(require("react"));
-var import_react_native28 = require("react-native");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var React29 = __toESM(require("react"));
+var import_react_native32 = require("react-native");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var ForgotPasswordTemplate = ({
   title = "Reset Password",
   subtitle = "Enter your email address and we'll send you recovery instructions",
@@ -2886,8 +3421,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");
@@ -2896,31 +3431,31 @@ var ForgotPasswordTemplate = ({
     setEmailError(void 0);
     onSubmit?.({ email });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_react_native28.KeyboardAvoidingView,
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_react_native32.KeyboardAvoidingView,
     {
-      behavior: import_react_native28.Platform.OS === "ios" ? "padding" : "height",
+      behavior: import_react_native32.Platform.OS === "ios" ? "padding" : "height",
       style: { flex: 1 },
       className: cn("flex-1 bg-neutral-50 dark:bg-neutral-950", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_react_native28.ScrollView,
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        import_react_native32.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_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-neutral-900 dark:text-neutral-50 text-center", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
+          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_native32.View, { className: "w-full max-w-md mx-auto gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_native32.View, { className: "items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Heading, { level: 2, className: "text-3xl font-extrabold text-neutral-900 dark:text-neutral-50 text-center", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text2, { className: "text-neutral-500 dark:text-neutral-400 text-center text-base", children: subtitle })
             ] }),
-            error && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AlertDescription, { children: error }) }),
-            isSuccess ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native28.View, { className: "gap-4", children: [
-              /* @__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_native28.View, { className: "gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            error && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Alert, { variant: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AlertDescription, { children: error }) }),
+            isSuccess ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_native32.View, { className: "gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Alert, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AlertDescription, { children: "Password reset link sent! Check your email inbox." }) }),
+              onBackToSignIn && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "primary", size: "lg", onPress: onBackToSignIn, children: "Back to Sign In" })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_native32.View, { className: "gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 Input,
                 {
                   label: "Email Address",
@@ -2935,7 +3470,7 @@ var ForgotPasswordTemplate = ({
                   error: emailError
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -2946,7 +3481,7 @@ var ForgotPasswordTemplate = ({
                   children: "Send Reset Link"
                 }
               ),
-              onBackToSignIn && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native28.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native28.Pressable, { onPress: onBackToSignIn, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Back to Sign In" }) }) })
+              onBackToSignIn && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_native32.View, { className: "flex-row justify-center items-center gap-1.5 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_native32.Pressable, { onPress: onBackToSignIn, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text2, { className: "text-sm font-semibold text-primary-600 dark:text-primary-400", children: "Back to Sign In" }) }) })
             ] })
           ] })
         }
@@ -2956,8 +3491,8 @@ var ForgotPasswordTemplate = ({
 };
 
 // src/templates/dashboard/DashboardTemplate.tsx
-var import_react_native29 = require("react-native");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_react_native33 = require("react-native");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var DashboardTemplate = ({
   userName,
   userRole = "Administrator",
@@ -2971,8 +3506,8 @@ var DashboardTemplate = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-    import_react_native29.ScrollView,
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    import_react_native33.ScrollView,
     {
       ...props,
       style: [{ flex: 1 }, props.style],
@@ -2980,43 +3515,43 @@ var DashboardTemplate = ({
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-neutral-200 dark:border-neutral-800", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Avatar, { size: "lg", children: [
-              userAvatarUrl && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarImage, { source: { uri: userAvatarUrl } }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarFallback, { text: userName.slice(0, 2).toUpperCase() })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-neutral-200 dark:border-neutral-800", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { className: "flex-row items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Avatar, { size: "lg", children: [
+              userAvatarUrl && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AvatarImage, { source: { uri: userAvatarUrl } }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AvatarFallback, { text: userName.slice(0, 2).toUpperCase() })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-medium uppercase tracking-wider", children: userRole }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Heading, { level: 3, className: "text-xl font-bold text-neutral-900 dark:text-neutral-50", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400 font-medium uppercase tracking-wider", children: userRole }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Heading, { level: 3, className: "text-xl font-bold text-neutral-900 dark:text-neutral-50", children: [
                 "Hello, ",
                 userName,
                 " \u{1F44B}"
               ] })
             ] })
           ] }),
-          onNotificationPress && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-            import_react_native29.Pressable,
+          onNotificationPress && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+            import_react_native33.Pressable,
             {
               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__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-base text-neutral-900 dark:text-neutral-100", children: "\u{1F514}" }),
-                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_runtime33.jsx)(Text2, { className: "text-base text-neutral-900 dark:text-neutral-100", children: "\u{1F514}" }),
+                unreadNotificationsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_native33.View, { className: "absolute -top-1 -right-1 w-5 h-5 rounded-full bg-danger items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text2, { className: "text-[10px] font-bold text-white", children: unreadNotificationsCount > 9 ? "9+" : unreadNotificationsCount }) })
               ]
             }
           )
         ] }),
-        /* @__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-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Quick Actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-              import_react_native29.ScrollView,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { className: "px-6 pt-6 gap-6", children: [
+          quickActions && quickActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { className: "gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Quick Actions" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              import_react_native33.ScrollView,
               {
                 horizontal: true,
                 showsHorizontalScrollIndicator: false,
                 className: "-mx-6 px-6",
-                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)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_native33.View, { className: "flex-row gap-3", children: quickActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   Button,
                   {
                     variant: "outline",
@@ -3029,42 +3564,42 @@ var DashboardTemplate = ({
               }
             )
           ] }),
-          /* @__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-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Overview Performance" }),
-            /* @__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)) })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { className: "gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: "Overview Performance" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_native33.View, { className: "gap-3", children: metrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime33.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_native29.Pressable, { onPress: onViewAllActivities, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text2, { className: "text-xs font-semibold text-primary-600 dark:text-primary-400", children: "View all" }) })
+          recentActivities && recentActivities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Card, { className: "gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(CardHeader, { className: "flex-row items-center justify-between pb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardTitle, { className: "text-base font-bold", children: "Recent Activity" }),
+              onViewAllActivities && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_native33.Pressable, { onPress: onViewAllActivities, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text2, { className: "text-xs font-semibold text-primary-600 dark:text-primary-400", 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_native29.View,
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardContent, { className: "gap-3 pt-0", children: recentActivities.map((act) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+              import_react_native33.View,
               {
                 className: "flex-row items-center justify-between py-2 border-b border-neutral-200 dark:border-neutral-800 last:border-b-0",
                 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)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { className: "flex-row items-center gap-3 flex-1 pr-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Avatar, { size: "sm", children: [
+                      act.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AvatarImage, { source: { uri: act.avatarUrl } }),
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                         AvatarFallback,
                         {
                           text: act.avatarInitials || act.title.slice(0, 2).toUpperCase()
                         }
                       )
                     ] }),
-                    /* @__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-neutral-900 dark:text-neutral-100", numberOfLines: 1, children: act.title }),
-                      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", numberOfLines: 1, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { className: "flex-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", numberOfLines: 1, children: act.title }),
+                      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", numberOfLines: 1, children: [
                         act.subtitle,
                         " \u2022 ",
                         act.timestamp
                       ] })
                     ] })
                   ] }),
-                  /* @__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-neutral-900 dark:text-neutral-100", children: act.amount }),
-                    act.status && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Badge, { variant: act.status.variant, size: "sm", children: act.status.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.View, { className: "items-end gap-1", children: [
+                    act.amount && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text2, { className: "text-sm font-bold text-neutral-900 dark:text-neutral-100", children: act.amount }),
+                    act.status && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge, { variant: act.status.variant, size: "sm", children: act.status.label })
                   ] })
                 ]
               },
@@ -3078,8 +3613,8 @@ var DashboardTemplate = ({
 };
 
 // src/templates/settings/SettingsTemplate.tsx
-var import_react_native30 = require("react-native");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_react_native34 = require("react-native");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var SettingsTemplate = ({
   user,
   pushNotifications = true,
@@ -3099,39 +3634,39 @@ var SettingsTemplate = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_react_native30.ScrollView,
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_react_native34.ScrollView,
     {
       ...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__ */ (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-neutral-900 dark:text-neutral-50", children: "Settings & Profile" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "p-4 flex-row items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Avatar, { size: "lg", children: [
-            user.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AvatarImage, { source: { uri: user.avatarUrl } }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AvatarFallback, { text: user.name.slice(0, 2).toUpperCase() })
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "px-6 pt-6 gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Heading, { level: 2, className: "text-2xl font-bold text-neutral-900 dark:text-neutral-50", children: "Settings & Profile" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Card, { className: "p-4 flex-row items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Avatar, { size: "lg", children: [
+            user.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AvatarImage, { source: { uri: user.avatarUrl } }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AvatarFallback, { text: user.name.slice(0, 2).toUpperCase() })
           ] }),
-          /* @__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-neutral-900 dark:text-neutral-100", children: user.name }),
-              user.plan && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { variant: "primary", size: "sm", children: user.plan })
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "flex-row items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-base font-bold text-neutral-900 dark:text-neutral-100", children: user.name }),
+              user.plan && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Badge, { variant: "primary", size: "sm", children: user.plan })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: user.email })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: user.email })
           ] }),
-          onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
+          onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { variant: "outline", size: "sm", onPress: onEditProfile, children: "Edit" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Preferences" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Push Notifications" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Receive real-time alerts on your mobile device" })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Preferences" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "pr-4 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Push Notifications" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Receive real-time alerts on your mobile device" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 Switch,
                 {
                   checked: pushNotifications,
@@ -3139,12 +3674,12 @@ var SettingsTemplate = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Email Notifications" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Weekly digests and activity summaries" })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "pr-4 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Email Notifications" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Weekly digests and activity summaries" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 Switch,
                 {
                   checked: emailNotifications,
@@ -3152,19 +3687,19 @@ var SettingsTemplate = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Dark Theme" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Enable high contrast dark mode appearance" })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "pr-4 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Dark Theme" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Enable high contrast dark mode appearance" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Switch, { checked: isDarkMode, onCheckedChange: onToggleDarkMode })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "p-4 flex-row items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "pr-4 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Biometric Login" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Use Face ID or fingerprint to authenticate" })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "p-4 flex-row items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "pr-4 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Biometric Login" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "Use Face ID or fingerprint to authenticate" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 Switch,
                 {
                   checked: biometricsEnabled,
@@ -3174,47 +3709,47 @@ var SettingsTemplate = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Account & Security" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
-            onChangePassword && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-              import_react_native30.Pressable,
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider px-1", children: "Account & Security" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Card, { className: "divide-y divide-neutral-200 dark:divide-neutral-800", children: [
+            onChangePassword && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+              import_react_native34.Pressable,
               {
                 onPress: onChangePassword,
                 className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Change Password" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Change Password" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             ),
-            onViewTerms && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-              import_react_native30.Pressable,
+            onViewTerms && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+              import_react_native34.Pressable,
               {
                 onPress: onViewTerms,
                 className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Terms of Service" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Terms of Service" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             ),
-            onViewPrivacy && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-              import_react_native30.Pressable,
+            onViewPrivacy && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+              import_react_native34.Pressable,
               {
                 onPress: onViewPrivacy,
                 className: "p-4 flex-row items-center justify-between active:bg-neutral-100 dark:active:bg-neutral-800",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Privacy Policy" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100", children: "Privacy Policy" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text2, { className: "text-neutral-400 dark:text-neutral-500 text-xs", children: "\u203A" })
                 ]
               }
             )
           ] })
         ] }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { className: "gap-3 pt-2", children: [
+          onLogout && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { variant: "outline", size: "lg", onPress: onLogout, children: "Log Out" }),
+          onDeleteAccount && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             Button,
             {
               variant: "destructive",
@@ -3229,97 +3764,6 @@ var SettingsTemplate = ({
   );
 };
 
-// src/providers/BeyondUIProvider.tsx
-var React26 = __toESM(require("react"));
-var import_react_native31 = require("react-native");
-var import_nativewind = require("nativewind");
-var import_portal = require("@rn-primitives/portal");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var BeyondUIContext = React26.createContext({
-  colorScheme: "light",
-  setColorScheme: () => {
-  },
-  toggleColorScheme: () => {
-  }
-});
-function useBeyondUI() {
-  return React26.useContext(BeyondUIContext);
-}
-function BeyondUIProvider({
-  children,
-  defaultColorScheme = "system"
-}) {
-  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;
-  React26.useEffect(() => {
-    try {
-      import_nativewind.colorScheme.set(selectedScheme === "system" ? "system" : activeScheme);
-    } catch (_) {
-    }
-  }, [selectedScheme, activeScheme]);
-  const handleSetColorScheme = React26.useCallback((scheme) => {
-    setSelectedScheme(scheme);
-    try {
-      import_nativewind.colorScheme.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 {
-        import_nativewind.colorScheme.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__ */ (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 bg-neutral-950" : "flex-1 bg-white",
-      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
 var tokens = {
   colors: {
@@ -3561,6 +4005,7 @@ function joinA11yLabels(...parts) {
   CardHeader,
   CardTitle,
   Checkbox,
+  DashboardLayout,
   DashboardTemplate,
   DataTable,
   Dialog,
@@ -3577,6 +4022,14 @@ function joinA11yLabels(...parts) {
   ForgotPasswordTemplate,
   Heading,
   Input,
+  Modal,
+  ModalContent,
+  ModalContext,
+  ModalDescription,
+  ModalFooter,
+  ModalHeader,
+  ModalTitle,
+  NightModeSwitch,
   Pressable,
   Radio,
   RadioGroup,
@@ -3619,10 +4072,13 @@ function joinA11yLabels(...parts) {
   headingVariants,
   inputVariants,
   joinA11yLabels,
+  modalVariants,
+  nightModeSwitchVariants,
   textVariants,
   tokens,
   useBeyondUI,
   useDialogContext,
+  useModalContext,
   useTabsContext,
   useToast
 });